diff --git a/site-structure.json b/site-structure.json index aad809e5..e265856d 100644 --- a/site-structure.json +++ b/site-structure.json @@ -150,103 +150,103 @@ }, { "category": "Tutorials", - "categoryHref": "/index-tutorials.html", + "categoryHref": "/tutorials", "sections": [ { "sectionName":"Developer Introduction to the Infusion Framework", "pages": [ - { "pageName": "Opening Remarks", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OpeningRemarks.html" }, - { "pageName": "Components", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Components.html" }, - { "pageName": "Invokers", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Invokers.html" }, - { "pageName": "Events and Inversion of Control", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-EventsAndInversionOfControl.html" }, - { "pageName": "Models and Model Components", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ModelsAndModelComponents.html" }, - { "pageName": "Views and View Components", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ViewsAndViewComponents.html" }, - { "pageName": "Subcomponents and Model Relaying", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-SubcomponentsAndModelRelaying.html" }, - { "pageName": "Restructuring Components", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-RestructuringComponents.html" }, - { "pageName": "Overriding Invokers and Refactoring", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OverridingInvokersAndRefactoring.html" }, - { "pageName": "Extending Designs with Existing Components", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ExtendingDesignsWithExistingComponents.html" }, - { "pageName": "Transforming Model Relays", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-TransformingModelRelays.html" }, - { "pageName": "Concluding Remarks", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ConcludingRemarks.html" } + { "pageName": "Opening Remarks", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OpeningRemarks.html" }, + { "pageName": "Components", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Components.html" }, + { "pageName": "Invokers", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Invokers.html" }, + { "pageName": "Events and Inversion of Control", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-EventsAndInversionOfControl.html" }, + { "pageName": "Models and Model Components", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ModelsAndModelComponents.html" }, + { "pageName": "Views and View Components", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ViewsAndViewComponents.html" }, + { "pageName": "Subcomponents and Model Relaying", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-SubcomponentsAndModelRelaying.html" }, + { "pageName": "Restructuring Components", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-RestructuringComponents.html" }, + { "pageName": "Overriding Invokers and Refactoring", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OverridingInvokersAndRefactoring.html" }, + { "pageName": "Extending Designs with Existing Components", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ExtendingDesignsWithExistingComponents.html" }, + { "pageName": "Transforming Model Relays", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-TransformingModelRelays.html" }, + { "pageName": "Concluding Remarks", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ConcludingRemarks.html" } ] }, { "sectionName":"Getting Started with Infusion Component Design", "pages": [ - { "pageName": "Getting Started with Infusion Component Design", "href": "/tutorial-gettingStartedWithInfusion/GettingStartedWithInfusion.html" }, - { "pageName": "Set up your environment", "href": "/tutorial-gettingStartedWithInfusion/SetUpYourEnvironment.html"}, - { "pageName": "Define a namespace and create a closure", "href": "/tutorial-gettingStartedWithInfusion/DefineANamespaceAndCreateAClosure.html"}, - { "pageName": "Pick a component type", "href": "/tutorial-gettingStartedWithInfusion/PickAComponentType.html"}, - { "pageName": "Basic Component Creation", "href": "/tutorial-gettingStartedWithInfusion/BasicComponentCreation-Components.html"}, - { "pageName": "Model Components", "href": "/tutorial-gettingStartedWithInfusion/ModelComponents.html"}, - { "pageName": "View Components", "href": "/tutorial-gettingStartedWithInfusion/ViewComponents.html"}, - { "pageName": "Renderer Components", "href": "/tutorial-gettingStartedWithInfusion/RendererComponents.html"}, - { "pageName": "Subcomponents", "href": "/tutorial-gettingStartedWithInfusion/Subcomponents.html"} + { "pageName": "Getting Started with Infusion Component Design", "href": "/tutorials/tutorial-gettingStartedWithInfusion/GettingStartedWithInfusion.html" }, + { "pageName": "Set up your environment", "href": "/tutorials/tutorial-gettingStartedWithInfusion/SetUpYourEnvironment.html" }, + { "pageName": "Define a namespace and create a closure", "href": "/tutorials/tutorial-gettingStartedWithInfusion/DefineANamespaceAndCreateAClosure.html" }, + { "pageName": "Pick a component type", "href": "/tutorials/tutorial-gettingStartedWithInfusion/PickAComponentType.html" }, + { "pageName": "Basic Component Creation", "href": "/tutorials/tutorial-gettingStartedWithInfusion/BasicComponentCreation-Components.html" }, + { "pageName": "Model Components", "href": "/tutorials/tutorial-gettingStartedWithInfusion/ModelComponents.html" }, + { "pageName": "View Components", "href": "/tutorials/tutorial-gettingStartedWithInfusion/ViewComponents.html" }, + { "pageName": "Renderer Components", "href": "/tutorials/tutorial-gettingStartedWithInfusion/RendererComponents.html" }, + { "pageName": "Subcomponents", "href": "/tutorials/tutorial-gettingStartedWithInfusion/Subcomponents.html" } ] }, { "sectionName": "General", "pages": [ - { "pageName": "Using String Templates", "href": "/tutorial-usingStringTemplates/UsingStringTemplates.html" }, - { "pageName": "How to Create and Use Font Icons", "href": "/tutorial-iconFonts/HowToCreateAndUseFontIcons.html" } + { "pageName": "Using String Templates", "href": "/tutorials/tutorial-usingStringTemplates/UsingStringTemplates.html" }, + { "pageName": "How to Create and Use Font Icons", "href": "/tutorials/tutorial-iconFonts/HowToCreateAndUseFontIcons.html" } ] }, { "sectionName": "Preferences Framework", "pages": [ - { "pageName": "Creating a Preference Editor", "href": "/tutorial-prefsFramework/CreatingAPrefsEditor.html" }, - { "pageName": "Creating Enactors", "href": "/tutorial-prefsFramework/CreatingEnactors.html" }, - { "pageName": "Instantiating the Enhancer and Settings Store Only", "href": "/tutorial-prefsFramework/InstantiatingTheEnhancerAndSettingsStoreOnly.html" }, - { "pageName": "Styling the Preferences Editor", "href": "/tutorial-prefsFramework/StylingThePreferencesEditor.html" }, - { "pageName": "Adding a Basic Preferences Editor to a Site", "href": "/to-do/AddingPrefsEditorToSite.html" }, - { "pageName": "Working With A Preferences Editor On Your Site", "href": "/to-do/WorkingWithPrefsEditorOnSite.html" }, - { "pageName": "Creating a New Adjuster UI", "href": "/tutorial-prefsFramework/CreatingANewAdjusterUI.html" }, - { "pageName": "Minimal Footprint", "href": "/tutorial-prefsFrameworkMinimalFootprint/MinimalFootprint.html" } + { "pageName": "Creating a Preference Editor", "href": "/tutorials/tutorial-prefsFramework/CreatingAPrefsEditor.html" }, + { "pageName": "Creating Enactors", "href": "/tutorials/tutorial-prefsFramework/CreatingEnactors.html" }, + { "pageName": "Instantiating the Enhancer and Settings Store Only", "href": "/tutorials/tutorial-prefsFramework/InstantiatingTheEnhancerAndSettingsStoreOnly.html" }, + { "pageName": "Styling the Preferences Editor", "href": "/tutorials/tutorial-prefsFramework/StylingThePreferencesEditor.html" }, + { "pageName": "Adding a Basic Preferences Editor to a Site", "href": "/tutorials/to-do/AddingPrefsEditorToSite.html" }, + { "pageName": "Working With A Preferences Editor On Your Site", "href": "/tutorials/to-do/WorkingWithPrefsEditorOnSite.html" }, + { "pageName": "Creating a New Adjuster UI", "href": "/tutorials/tutorial-prefsFramework/CreatingANewAdjusterUI.html" }, + { "pageName": "Minimal Footprint", "href": "/tutorials/tutorial-prefsFrameworkMinimalFootprint/MinimalFootprint.html" } ] }, { "sectionName": "User Interface Options", "pages": [ - { "pageName": "Setting Up User Interface Options", "href": "/tutorial-userInterfaceOptions/UserInterfaceOptions.html" }, - { "pageName": "Working with User Interface Options", "href": "/tutorial-userInterfaceOptions/WorkingWithUserInterfaceOptions.html"}, - { "pageName": "Using Images in Contrast Modes", "href": "/tutorial-userInterfaceOptions/UsingImagesInContrastModes.html"}, - { "pageName": "Style Effects and Legibility in Contrast Modes", "href": "/tutorial-userInterfaceOptions/StyleEffectsAndLegibilityInContrastModes.html"}, - { "pageName": "CSS 'Content' Property in Contrast Modes", "href": "/tutorial-userInterfaceOptions/ContentPropertyHighContrast.html"} + { "pageName": "Setting Up User Interface Options", "href": "/tutorials/tutorial-userInterfaceOptions/UserInterfaceOptions.html" }, + { "pageName": "Working with User Interface Options", "href": "/tutorials/tutorial-userInterfaceOptions/WorkingWithUserInterfaceOptions.html" }, + { "pageName": "Using Images in Contrast Modes", "href": "/tutorials/tutorial-userInterfaceOptions/UsingImagesInContrastModes.html" }, + { "pageName": "Style Effects and Legibility in Contrast Modes", "href": "/tutorials/tutorial-userInterfaceOptions/StyleEffectsAndLegibilityInContrastModes.html" }, + { "pageName": "CSS 'Content' Property in Contrast Modes", "href": "/tutorials/tutorial-userInterfaceOptions/ContentPropertyHighContrast.html" } ] } ] }, { "category": "Components", - "categoryHref": "/index-components.html", + "categoryHref": "/components", "sections": [ { "sectionName": "", "pages": [ - { "pageName": "Inline Edit", "href": "/to-do/InlineEditAPI.html" }, - { "pageName": "Pager", "href": "/to-do/PagerAPI.html" }, - { "pageName": "Progress", "href": "/to-do/ProgressAPI.html" }, - { "pageName": "Reorderer", "href": "/to-do/ReordererAPI.html" }, - { "pageName": "List Reorderer", "href": "/to-do/ListReordererAPI.html" }, - { "pageName": "Grid Reorderer", "href": "/to-do/GridReordererAPI.html" }, - { "pageName": "Layout Reorderer", "href": "/to-do/LayoutReordererAPI.html" }, - { "pageName": "Image Reorderer", "href": "/ImageReordererAPI.html" }, - { "pageName": "Switch", "href": "/SwitchAPI.html" }, - { "pageName": "Text to Speech", "href": "/TextToSpeechAPI.html" }, - { "pageName": "Textfield", "href": "/TextfieldAPI.html" }, - { "pageName": "TextfieldSlider", "href": "/TextfieldSliderAPI.html" }, - { "pageName": "TextfieldStepper", "href": "/TextfieldStepperAPI.html" }, - { "pageName": "User Interface Options", "href": "/UserInterfaceOptionsAPI.html" }, - { "pageName": "Uploader", "href": "/UploaderAPI.html" }, - { "pageName": "Undo", "href": "/to-do/UndoAPI.html" }, - { "pageName": "Table of Contents", "href": "/to-do/TableOfContentsAPI.html" } + { "pageName": "Inline Edit", "href": "/components/to-do/InlineEditAPI.html" }, + { "pageName": "Pager", "href": "/components/to-do/PagerAPI.html" }, + { "pageName": "Progress", "href": "/components/to-do/ProgressAPI.html" }, + { "pageName": "Reorderer", "href": "/components/to-do/ReordererAPI.html" }, + { "pageName": "List Reorderer", "href": "/components/to-do/ListReordererAPI.html" }, + { "pageName": "Grid Reorderer", "href": "/components/to-do/GridReordererAPI.html" }, + { "pageName": "Layout Reorderer", "href": "/components/to-do/LayoutReordererAPI.html" }, + { "pageName": "Image Reorderer", "href": "/components/ImageReordererAPI.html" }, + { "pageName": "Switch", "href": "/components/SwitchAPI.html" }, + { "pageName": "Text to Speech", "href": "/components/TextToSpeechAPI.html" }, + { "pageName": "Textfield", "href": "/components/TextfieldAPI.html" }, + { "pageName": "TextfieldSlider", "href": "/components/TextfieldSliderAPI.html" }, + { "pageName": "TextfieldStepper", "href": "/components/TextfieldStepperAPI.html" }, + { "pageName": "User Interface Options", "href": "/components/UserInterfaceOptionsAPI.html" }, + { "pageName": "Uploader", "href": "/components/UploaderAPI.html" }, + { "pageName": "Undo", "href": "/components/to-do/UndoAPI.html" }, + { "pageName": "Table of Contents", "href": "/components/to-do/TableOfContentsAPI.html" } ] } ] diff --git a/src/documents/to-do/TalkingToTheServerUsingTheAfterMoveEvent.md b/src/documents/API/to-do/TalkingToTheServerUsingTheAfterMoveEvent.md similarity index 100% rename from src/documents/to-do/TalkingToTheServerUsingTheAfterMoveEvent.md rename to src/documents/API/to-do/TalkingToTheServerUsingTheAfterMoveEvent.md diff --git a/src/documents/ImageReordererAPI.md b/src/documents/components/ImageReordererAPI.md similarity index 100% rename from src/documents/ImageReordererAPI.md rename to src/documents/components/ImageReordererAPI.md diff --git a/src/documents/SwitchAPI.md b/src/documents/components/SwitchAPI.md similarity index 100% rename from src/documents/SwitchAPI.md rename to src/documents/components/SwitchAPI.md diff --git a/src/documents/TextToSpeechAPI.md b/src/documents/components/TextToSpeechAPI.md similarity index 100% rename from src/documents/TextToSpeechAPI.md rename to src/documents/components/TextToSpeechAPI.md diff --git a/src/documents/TextfieldAPI.md b/src/documents/components/TextfieldAPI.md similarity index 100% rename from src/documents/TextfieldAPI.md rename to src/documents/components/TextfieldAPI.md diff --git a/src/documents/TextfieldSliderAPI.md b/src/documents/components/TextfieldSliderAPI.md similarity index 100% rename from src/documents/TextfieldSliderAPI.md rename to src/documents/components/TextfieldSliderAPI.md diff --git a/src/documents/TextfieldStepperAPI.md b/src/documents/components/TextfieldStepperAPI.md similarity index 100% rename from src/documents/TextfieldStepperAPI.md rename to src/documents/components/TextfieldStepperAPI.md diff --git a/src/documents/UploaderAPI.md b/src/documents/components/UploaderAPI.md similarity index 100% rename from src/documents/UploaderAPI.md rename to src/documents/components/UploaderAPI.md diff --git a/src/documents/UserInterfaceOptionsAPI.md b/src/documents/components/UserInterfaceOptionsAPI.md similarity index 100% rename from src/documents/UserInterfaceOptionsAPI.md rename to src/documents/components/UserInterfaceOptionsAPI.md diff --git a/src/documents/index-components.md b/src/documents/components/index.md similarity index 100% rename from src/documents/index-components.md rename to src/documents/components/index.md diff --git a/src/documents/to-do/GridReordererAPI.md b/src/documents/components/to-do/GridReordererAPI.md similarity index 100% rename from src/documents/to-do/GridReordererAPI.md rename to src/documents/components/to-do/GridReordererAPI.md diff --git a/src/documents/to-do/InlineEdit.md b/src/documents/components/to-do/InlineEdit.md similarity index 100% rename from src/documents/to-do/InlineEdit.md rename to src/documents/components/to-do/InlineEdit.md diff --git a/src/documents/to-do/InlineEditAPI.md b/src/documents/components/to-do/InlineEditAPI.md similarity index 100% rename from src/documents/to-do/InlineEditAPI.md rename to src/documents/components/to-do/InlineEditAPI.md diff --git a/src/documents/to-do/LayoutReordererAPI.md b/src/documents/components/to-do/LayoutReordererAPI.md similarity index 100% rename from src/documents/to-do/LayoutReordererAPI.md rename to src/documents/components/to-do/LayoutReordererAPI.md diff --git a/src/documents/to-do/ListReordererAPI.md b/src/documents/components/to-do/ListReordererAPI.md similarity index 100% rename from src/documents/to-do/ListReordererAPI.md rename to src/documents/components/to-do/ListReordererAPI.md diff --git a/src/documents/to-do/Pager.md b/src/documents/components/to-do/Pager.md similarity index 100% rename from src/documents/to-do/Pager.md rename to src/documents/components/to-do/Pager.md diff --git a/src/documents/to-do/PagerAPI.md b/src/documents/components/to-do/PagerAPI.md similarity index 100% rename from src/documents/to-do/PagerAPI.md rename to src/documents/components/to-do/PagerAPI.md diff --git a/src/documents/to-do/Progress.md b/src/documents/components/to-do/Progress.md similarity index 100% rename from src/documents/to-do/Progress.md rename to src/documents/components/to-do/Progress.md diff --git a/src/documents/to-do/ProgressAPI.md b/src/documents/components/to-do/ProgressAPI.md similarity index 100% rename from src/documents/to-do/ProgressAPI.md rename to src/documents/components/to-do/ProgressAPI.md diff --git a/src/documents/to-do/Reorderer.md b/src/documents/components/to-do/Reorderer.md similarity index 100% rename from src/documents/to-do/Reorderer.md rename to src/documents/components/to-do/Reorderer.md diff --git a/src/documents/to-do/ReordererAPI.md b/src/documents/components/to-do/ReordererAPI.md similarity index 100% rename from src/documents/to-do/ReordererAPI.md rename to src/documents/components/to-do/ReordererAPI.md diff --git a/src/documents/to-do/TableOfContentsAPI.md b/src/documents/components/to-do/TableOfContentsAPI.md similarity index 100% rename from src/documents/to-do/TableOfContentsAPI.md rename to src/documents/components/to-do/TableOfContentsAPI.md diff --git a/src/documents/to-do/UndoAPI.md b/src/documents/components/to-do/UndoAPI.md similarity index 100% rename from src/documents/to-do/UndoAPI.md rename to src/documents/components/to-do/UndoAPI.md diff --git a/src/documents/to-do/Uploader.md b/src/documents/components/to-do/Uploader.md similarity index 100% rename from src/documents/to-do/Uploader.md rename to src/documents/components/to-do/Uploader.md diff --git a/src/documents/to-do/UserInterfaceOptions.md b/src/documents/components/to-do/UserInterfaceOptions.md similarity index 100% rename from src/documents/to-do/UserInterfaceOptions.md rename to src/documents/components/to-do/UserInterfaceOptions.md diff --git a/src/documents/index-tutorials.md b/src/documents/tutorials/index.md similarity index 100% rename from src/documents/index-tutorials.md rename to src/documents/tutorials/index.md diff --git a/src/documents/to-do/AddingPrefsEditorToSite.md b/src/documents/tutorials/to-do/AddingPrefsEditorToSite.md similarity index 100% rename from src/documents/to-do/AddingPrefsEditorToSite.md rename to src/documents/tutorials/to-do/AddingPrefsEditorToSite.md diff --git a/src/documents/to-do/WorkingWithPrefsEditorOnSite.md b/src/documents/tutorials/to-do/WorkingWithPrefsEditorOnSite.md similarity index 100% rename from src/documents/to-do/WorkingWithPrefsEditorOnSite.md rename to src/documents/tutorials/to-do/WorkingWithPrefsEditorOnSite.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Components.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Components.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Components.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Components.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ConcludingRemarks.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ConcludingRemarks.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ConcludingRemarks.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ConcludingRemarks.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-EventsAndInversionOfControl.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-EventsAndInversionOfControl.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-EventsAndInversionOfControl.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-EventsAndInversionOfControl.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ExtendingDesignsWithExistingComponents.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ExtendingDesignsWithExistingComponents.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ExtendingDesignsWithExistingComponents.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ExtendingDesignsWithExistingComponents.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Invokers.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Invokers.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Invokers.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Invokers.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ModelsAndModelComponents.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ModelsAndModelComponents.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ModelsAndModelComponents.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ModelsAndModelComponents.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OpeningRemarks.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OpeningRemarks.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OpeningRemarks.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OpeningRemarks.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OverridingInvokersAndRefactoring.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OverridingInvokersAndRefactoring.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OverridingInvokersAndRefactoring.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OverridingInvokersAndRefactoring.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-RestructuringComponents.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-RestructuringComponents.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-RestructuringComponents.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-RestructuringComponents.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-SubcomponentsAndModelRelaying.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-SubcomponentsAndModelRelaying.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-SubcomponentsAndModelRelaying.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-SubcomponentsAndModelRelaying.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-TransformingModelRelays.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-TransformingModelRelays.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-TransformingModelRelays.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-TransformingModelRelays.md diff --git a/src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ViewsAndViewComponents.md b/src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ViewsAndViewComponents.md similarity index 100% rename from src/documents/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ViewsAndViewComponents.md rename to src/documents/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ViewsAndViewComponents.md diff --git a/src/documents/tutorial-gettingStartedWithInfusion/BasicComponentCreation-Components.md b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/BasicComponentCreation-Components.md similarity index 100% rename from src/documents/tutorial-gettingStartedWithInfusion/BasicComponentCreation-Components.md rename to src/documents/tutorials/tutorial-gettingStartedWithInfusion/BasicComponentCreation-Components.md diff --git a/src/documents/tutorial-gettingStartedWithInfusion/DefineANamespaceAndCreateAClosure.md b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/DefineANamespaceAndCreateAClosure.md similarity index 100% rename from src/documents/tutorial-gettingStartedWithInfusion/DefineANamespaceAndCreateAClosure.md rename to src/documents/tutorials/tutorial-gettingStartedWithInfusion/DefineANamespaceAndCreateAClosure.md diff --git a/src/documents/tutorial-gettingStartedWithInfusion/GettingStartedWithInfusion.md b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/GettingStartedWithInfusion.md similarity index 100% rename from src/documents/tutorial-gettingStartedWithInfusion/GettingStartedWithInfusion.md rename to src/documents/tutorials/tutorial-gettingStartedWithInfusion/GettingStartedWithInfusion.md diff --git a/src/documents/tutorial-gettingStartedWithInfusion/ModelComponents.md b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/ModelComponents.md similarity index 100% rename from src/documents/tutorial-gettingStartedWithInfusion/ModelComponents.md rename to src/documents/tutorials/tutorial-gettingStartedWithInfusion/ModelComponents.md diff --git a/src/documents/tutorial-gettingStartedWithInfusion/PickAComponentType.md b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/PickAComponentType.md similarity index 94% rename from src/documents/tutorial-gettingStartedWithInfusion/PickAComponentType.md rename to src/documents/tutorials/tutorial-gettingStartedWithInfusion/PickAComponentType.md index 3fe619f1..0057d85b 100644 --- a/src/documents/tutorial-gettingStartedWithInfusion/PickAComponentType.md +++ b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/PickAComponentType.md @@ -26,7 +26,7 @@ These types of components build upon each other, a teeny little bit like inherit * **view components** support models, and also add support for views. * **renderer components** are **view components** with the [Renderer](../Renderer.md) added. -![A venn diagram showing the composition of grades](../images/component-grades-venn-diagram.svg) +![A venn diagram showing the composition of grades](../../images/component-grades-venn-diagram.svg) For this tutorial, we suggest you work through all of the examples in order, to understand what each type of component offers. That way, you'll be in a better position to decide which grade you'll need for your components. Regardless of diff --git a/src/documents/tutorial-gettingStartedWithInfusion/RendererComponents.md b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/RendererComponents.md similarity index 100% rename from src/documents/tutorial-gettingStartedWithInfusion/RendererComponents.md rename to src/documents/tutorials/tutorial-gettingStartedWithInfusion/RendererComponents.md diff --git a/src/documents/tutorial-gettingStartedWithInfusion/SetUpYourEnvironment.md b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/SetUpYourEnvironment.md similarity index 100% rename from src/documents/tutorial-gettingStartedWithInfusion/SetUpYourEnvironment.md rename to src/documents/tutorials/tutorial-gettingStartedWithInfusion/SetUpYourEnvironment.md diff --git a/src/documents/tutorial-gettingStartedWithInfusion/Subcomponents.md b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/Subcomponents.md similarity index 98% rename from src/documents/tutorial-gettingStartedWithInfusion/Subcomponents.md rename to src/documents/tutorials/tutorial-gettingStartedWithInfusion/Subcomponents.md index 6dc795a6..593faa9e 100644 --- a/src/documents/tutorial-gettingStartedWithInfusion/Subcomponents.md +++ b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/Subcomponents.md @@ -80,7 +80,7 @@ The UI Options component has a component tree as shown below. Essentially: You can see from this tree that the UIOptions component is being re-used by the three different versions. -![Diagram showing UI Option's component tree](../images/uiOptions-component-tree.svg) +![Diagram showing UI Option's component tree](../../images/uiOptions-component-tree.svg) These relationships can be expressed using the following definitions: diff --git a/src/documents/tutorial-gettingStartedWithInfusion/ViewComponents.md b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/ViewComponents.md similarity index 98% rename from src/documents/tutorial-gettingStartedWithInfusion/ViewComponents.md rename to src/documents/tutorials/tutorial-gettingStartedWithInfusion/ViewComponents.md index 5526613f..362185cd 100644 --- a/src/documents/tutorial-gettingStartedWithInfusion/ViewComponents.md +++ b/src/documents/tutorials/tutorial-gettingStartedWithInfusion/ViewComponents.md @@ -52,7 +52,7 @@ component's defaults, integrators can override the selectors without requiring a Consider a simple user interface for the currency converter example we looked at earlier: -![Currency Converter Screenshot](../images/curr-converter-screenshot.png) +![Currency Converter Screenshot](../../images/curr-converter-screenshot.png) There are several elements we'll need to identify: diff --git a/src/documents/tutorial-iconFonts/HowToCreateAndUseFontIcons.md b/src/documents/tutorials/tutorial-iconFonts/HowToCreateAndUseFontIcons.md similarity index 96% rename from src/documents/tutorial-iconFonts/HowToCreateAndUseFontIcons.md rename to src/documents/tutorials/tutorial-iconFonts/HowToCreateAndUseFontIcons.md index 98536ddc..d6dadb34 100644 --- a/src/documents/tutorial-iconFonts/HowToCreateAndUseFontIcons.md +++ b/src/documents/tutorials/tutorial-iconFonts/HowToCreateAndUseFontIcons.md @@ -62,7 +62,7 @@ Tips: * Overlapping regions of shapes may cause a subtraction when converted in IcoMoon (i.e. it will render as transparent) - in this case you may need to build a single shape from these conflicting shapes, or ensure none of your shapes overlap. -Download Example SVG file: [pencil-icon-01.svg](../images/pencil-icon-01.svg) +Download Example SVG file: [pencil-icon-01.svg](../../images/pencil-icon-01.svg) ## Step 2. Using IcoMoon to Generate Font @@ -262,8 +262,8 @@ To bring back some semantics and to help improve accessibility, we use "aria-lab Icon fonts can appear different across browsers and across operating systems. For example, the following icon is rendered differently in Firefox in Mac OS X and in Windows despite being the same icon and the same browser. -![a partially displayed font icon on firefox, Mac system](../images/Icon-FF-OSX.png) -![a partially displayed font icon on firefox, Windows system](../images/Icon-FF-windows.png) +![a partially displayed font icon on firefox, Mac system](../../images/Icon-FF-OSX.png) +![a partially displayed font icon on firefox, Windows system](../../images/Icon-FF-windows.png) To avoid these rendering problems, when creating the SVG images avoid using fine details - not only does this help eliminate details in the icon font being lost during rendering, it also helps improve usability through clearer icons. @@ -299,7 +299,7 @@ on Windows and Mac OS X 10.6+. 3. Select the custom font from the Font drop-down menu. The glyphs in the custom font should now appear in the window. 4. Select a character in the window. The Unicode will appear in the bottom-left corner in the status bar. -![Unicode character map](../images/Unicode-charmap.png) +![Unicode character map](../../images/Unicode-charmap.png) #### Obtaining Unicode in Mac OS X 10.6 or Later @@ -316,11 +316,11 @@ on Windows and Mac OS X 10.6+. 9. Now a "Characters" window appears with "Search" results containing each character selected in the previous step. 10. Select an icon in the "Character" panel. The Unicode will appear in the right column. -![Mac OS X Font Book](../images/mac-font-book.png) +![Mac OS X Font Book](../../images/mac-font-book.png) Above: An image showing the Mac OS X Font Book application with the custom characters highlighted. -![Mac OS X Characters window](../images/mac-characters-window.png) +![Mac OS X Characters window](../../images/mac-characters-window.png) Above: An image showing the Mac OS X Characters window. The Unicode value for a custom character appears in the right most column. diff --git a/src/documents/tutorial-prefsFramework/CreatingANewAdjusterUI.md b/src/documents/tutorials/tutorial-prefsFramework/CreatingANewAdjusterUI.md similarity index 98% rename from src/documents/tutorial-prefsFramework/CreatingANewAdjusterUI.md rename to src/documents/tutorials/tutorial-prefsFramework/CreatingANewAdjusterUI.md index e4824809..24c609e1 100644 --- a/src/documents/tutorial-prefsFramework/CreatingANewAdjusterUI.md +++ b/src/documents/tutorials/tutorial-prefsFramework/CreatingANewAdjusterUI.md @@ -150,7 +150,7 @@ as inspiration. #### UI and MARKUP -![a radio button styled colour and contrast panel](../images/radio-styled.png) +![a radio button styled colour and contrast panel](../../images/radio-styled.png) ```html

@@ -236,7 +236,7 @@ For the radio buttons: #### UI and MARKUP -![a checkbox styled table of contents panel](../images/checkbox-styled.png) +![a checkbox styled table of contents panel](../../images/checkbox-styled.png)
Note: diff --git a/src/documents/tutorial-prefsFramework/CreatingAPrefsEditor.md b/src/documents/tutorials/tutorial-prefsFramework/CreatingAPrefsEditor.md similarity index 96% rename from src/documents/tutorial-prefsFramework/CreatingAPrefsEditor.md rename to src/documents/tutorials/tutorial-prefsFramework/CreatingAPrefsEditor.md index b649b14f..0264078d 100644 --- a/src/documents/tutorial-prefsFramework/CreatingAPrefsEditor.md +++ b/src/documents/tutorials/tutorial-prefsFramework/CreatingAPrefsEditor.md @@ -5,7 +5,7 @@ category: Tutorials --- This tutorial will walk you through the process of building a Preference Editor using the -Infusion [Preferences Framework](../PreferencesFramework.md). +Infusion [Preferences Framework](../../PreferencesFramework.md).
Note: This tutorial is not yet complete. Where more information is still to come, this will be clearly noted.
@@ -30,7 +30,7 @@ code for the simple Preference Editor in the examples folder: We recommend you download the Infusion library and load the example code into your favourite editor.
- the folder hierarchy of the sample code + the folder hierarchy of the sample code
Figure 1: Folder hierarchy for the Preference Editor example
@@ -40,7 +40,7 @@ approach](http://www.linuxjournal.com/content/tech-tip-really-simple-http-server [MAMP](https://www.mamp.info/en/)) and navigate to the `index.html` file in a browser, you should see this interface:
- The screen of the example Preference Editor + The screen of the example Preference Editor
Figure 2: The screen of the example Preference Editor
@@ -51,7 +51,7 @@ cookie, and when you reload the page, the checkbox will be set to the saved valu Let’s talk about what we’re seeing in this interface:
- The parts of a Preference Editor screen + The parts of a Preference Editor screen
Figure 3: The parts of a Preference Editor screen
@@ -68,7 +68,7 @@ Let’s take a close look at the code. #### Primary Schema -The [Primary Schema](../PrimarySchemaForPreferencesFramework.md) is a document that defines the preferences for the +The [Primary Schema](../../PrimarySchemaForPreferencesFramework.md) is a document that defines the preferences for the Editor. The Primary Schema for our example Editor is defined in the `schemas/primary.js` file using the JSON schema format (you can learn about JSON schemas at [http://json-schema.org/](http://json-schema.org/)): @@ -99,14 +99,14 @@ In this code snippet, the Primary Schema is created using a call to the Infusion `fluid.defaults()` accepts two arguments: 1. a string name, and -2. a JavaScript object containing [options for configuring](../ComponentConfigurationOptions.md) the component. +2. a JavaScript object containing [options for configuring](../../ComponentConfigurationOptions.md) the component. In the code snippet above, the first argument – the name – is `“awesomeCars.prefs.schemas.heatedSeats”`. The second argument – the options – is an object containing (in this case) two properties: `gradeNames` and `schema`: @@ -119,12 +119,12 @@ argument – the options – is an object containing (in this case) two properti
Almost every call to `fluid.defaults()` includes the `gradeNames` property in the options argument. This -property defines the base _[grade](../ComponentGrades.md)_ for the component. +property defines the base _[grade](../../ComponentGrades.md)_ for the component. In a Primary Schema, the `gradeNames` property must include the grade `“fluid.prefs.schemas”`, which is defined by the @@ -163,13 +163,13 @@ least two properties: `“type”` and `“default”`. _Coming soon: More info #### Panel -A [Panel](../Panels.md) is a [component](../UnderstandingInfusionComponents.md) responsible for rendering the user +A [Panel](../../Panels.md) is a [component](../../UnderstandingInfusionComponents.md) responsible for rendering the user interface controls for a preference and tying them to the internal model that represents the preference value. The Panel for the heated seats preference control is defined in the `prefsEditor.js` file: @@ -256,7 +256,7 @@ property of the [`model`](../FrameworkConcepts.md#model-objects) property” of