finish sorting stray stories

apps/vue-storybook/.storybook/manager-head.html

@@ -12,13 +12,7 @@
     color: inherit !important;
   }
 
-  /* www should be in uppercase */
-  .sidebar-item#www {
-    text-transform: uppercase;
-  }
-
   /* create illusion of hrs between sidebar sections */
-  .sidebar-item#www,
   .sidebar-item#appendix {
     border-radius: 0;
     border-top: 2px solid rgba(0, 0, 0, 0.1);

apps/vue-storybook/.storybook/preview.ts

@@ -104,7 +104,7 @@ const preview: Preview = {
           'Getting Started',
           ['Developer'],
           'Guides',
-          'Foundation',
+          'Foundations',
           [
             'Colors',
             'Typography',
@@ -115,6 +115,15 @@ const preview: Preview = {
             ['Docs'],
             'Responsive Design'
           ],
+          'Navigation',
+          [
+            'Overview',
+            'Headers',
+            ['Overview', 'WWW'],
+            'Footers',
+            ['Overview', 'WWW'],
+            'Secondary Navigation'
+          ],
           'Global Layout',
           [
             'Overview',

packages/vue/src/components/EventDetailHero/EventDetailHero.stories.js

@@ -1,7 +1,7 @@
 import EventDetailHero from './EventDetailHero.vue'
 
 export default {
-  title: 'WWW/EventDetail/EventDetailHero',
+  title: 'Components/WWW/EventDetail/EventDetailHero',
   component: EventDetailHero,
   decorators: [
     () => ({

packages/vue/src/components/HomepageCarousel/HomepageCarousel.stories.js

@@ -2,7 +2,7 @@ import { HomepageCarouselItemData } from './../HomepageCarouselItem/HomepageCaro
 import HomepageCarousel from './HomepageCarousel.vue'
 
 export default {
-  title: 'WWW/Homepage/HomepageCarousel',
+  title: 'Components/WWW/Homepage/HomepageCarousel',
   component: HomepageCarousel,
   excludeStories: /.*Data$/,
   parameters: {

packages/vue/src/components/HomepageCarouselItem/HomepageCarouselItem.stories.js

@@ -2,7 +2,7 @@ import { BaseVideoData } from './../BaseVideo/BaseVideo.stories'
 import HomepageCarouselItem from './HomepageCarouselItem.vue'
 
 export default {
-  title: 'WWW/Homepage/HomepageCarousel/HomepageCarouselItem',
+  title: 'Components/WWW/Homepage/HomepageCarousel/HomepageCarouselItem',
   component: HomepageCarouselItem,
   decorators: [
     () => ({

packages/vue/src/components/HomepageEmbedBlock/HomepageEmbedBlock.stories.js

@@ -2,7 +2,7 @@ import { BlockVideoEmbedData } from './../BlockVideoEmbed/BlockVideoEmbed.storie
 import HomepageEmbedBlock from './HomepageEmbedBlock.vue'
 
 export default {
-  title: 'WWW/Homepage/HomepageEmbedBlock',
+  title: 'Components/WWW/Homepage/HomepageEmbedBlock',
   component: HomepageEmbedBlock,
   decorators: [
     () => ({

packages/vue/src/components/HomepageFeaturedRobot/HomepageFeaturedRobot.stories.js

@@ -1,6 +1,6 @@
 import HomepageFeaturedRobot from './HomepageFeaturedRobot.vue'
 export default {
-  title: 'WWW/Homepage/HomepageFeaturedRobot',
+  title: 'Components/WWW/Homepage/HomepageFeaturedRobot',
   component: HomepageFeaturedRobot,
   excludeStories: /.*Data$/,
   parameters: {

packages/vue/src/components/HomepageMissionsCarousel/HomepageMissionsCarousel.stories.js

@@ -7,7 +7,7 @@ import HomepageMissionsCarousel from './HomepageMissionsCarousel.vue'
 import HomepageMissionsCarouselItem from './HomepageMissionsCarouselItem.vue'
 
 export default {
-  title: 'WWW/Homepage/HomepageMissionsCarousel',
+  title: 'Components/WWW/Homepage/HomepageMissionsCarousel',
   component: HomepageMissionsCarousel,
   excludeStories: /.*Data$/,
   parameters: {

packages/vue/src/components/HomepageStats/HomepageStats.stories.js

@@ -1,7 +1,7 @@
 import HomepageStats from './HomepageStats.vue'
 
 export default {
-  title: 'WWW/Homepage/HomepageStats',
+  title: 'Components/WWW/Homepage/HomepageStats',
   component: HomepageStats,
   excludeStories: /.*Data$/,
   parameters: {

packages/vue/src/components/HomepageTeaserBlock/HomepageTeaserBlock.stories.js

@@ -1,7 +1,7 @@
 import HomepageTeaserBlock from './HomepageTeaserBlock.vue'
 
 export default {
-  title: 'WWW/Homepage/HomepageTeaserBlock',
+  title: 'Components/WWW/Homepage/HomepageTeaserBlock',
   component: HomepageTeaserBlock,
   excludeStories: /.*(Data|Decorator)$/,
   parameters: {

packages/vue/src/components/Icons/Icons.stories.ts

@@ -53,7 +53,7 @@ import IconUser from './IconUser.vue'
 import IconVolume from './IconVolume.vue'
 
 export default {
-  title: 'Foundation/Icons',
+  title: 'Foundations/Icons',
   component: IconArrows,
   subcomponents: {
     IconArrow,

packages/vue/src/components/LogoCaltech/LogoCaltech.stories.js

@@ -1,7 +1,7 @@
 import LogoCaltech from './LogoCaltech.vue'
 
 export default {
-  title: 'Foundation/Logos/LogoCaltech',
+  title: 'Foundations/Logos/LogoCaltech',
   component: LogoCaltech,
   argTypes: {
     size: {

packages/vue/src/components/LogoTribrand/LogoTribrand.stories.js

@@ -3,7 +3,7 @@ import LogoWhite from '@explorer-1/common/src/images/svg/logo-tribrand-white.svg
 import LogoTribrand from './LogoTribrand.vue'
 
 export default {
-  title: 'Foundation/Logos/LogoTribrand',
+  title: 'Foundations/Logos/LogoTribrand',
   component: LogoTribrand,
   excludeStories: /.*Data$/,
   parameters: {

packages/vue/src/components/MissionDetailAbout/MissionDetailAbout.stories.js

@@ -1,7 +1,7 @@
 import MissionDetailAbout from './MissionDetailAbout.vue'
 
 export default {
-  title: 'WWW/MissionDetail/MissionDetailAbout',
+  title: 'Components/WWW/MissionDetail/MissionDetailAbout',
   component: MissionDetailAbout,
   decorators: [
     () => ({

packages/vue/src/components/MissionDetailHero/MissionDetailHero.stories.js

@@ -13,7 +13,7 @@ import imageInstrumentOco2WebP from '@explorer-1/common-storybook/src/images/mis
 import MissionDetailHero from './MissionDetailHero.vue'
 
 export default {
-  title: 'WWW/MissionDetail/MissionDetailHero',
+  title: 'Components/WWW/MissionDetail/MissionDetailHero',
   component: MissionDetailHero,
   argTypes: {
     templateStyle: {

packages/vue/src/components/MissionDetailHighlights/MissionDetailHighlights.stories.js

@@ -7,7 +7,7 @@ import imagePlanetMarsB from '@explorer-1/common-storybook/src/images/mission-hi
 
 import MissionDetailHighlights from './MissionDetailHighlights.vue'
 export default {
-  title: 'WWW/MissionDetail/MissionHighlights',
+  title: 'Components/WWW/MissionDetail/MissionHighlights',
   component: MissionDetailHighlights,
   parameters: {
     viewMode: 'canvas'

packages/vue/src/components/MissionDetailInlineImage/MissionDetailInlineImage.stories.js

@@ -2,7 +2,7 @@ import { BaseImageCaptionData } from './../BaseImageCaption/BaseImageCaption.sto
 import MissionDetailInlineImage from './MissionDetailInlineImage.vue'
 
 export default {
-  title: 'WWW/MissionDetail/MissionDetailInlineImage',
+  title: 'Components/WWW/MissionDetail/MissionDetailInlineImage',
   component: MissionDetailInlineImage,
   argTypes: {
     alignTo: {

packages/vue/src/components/MissionDetailStats/MissionDetailStats.stories.js

@@ -4,7 +4,7 @@ import MissionDetailStatsMicro from './MissionDetailStatsMicro.vue'
 import { distanceTypes } from './DistanceStats.vue'
 
 export default {
-  title: 'WWW/MissionDetail/MissionDetailStats',
+  title: 'Components/WWW/MissionDetail/MissionDetailStats',
   component: MissionDetailStats,
   subcomponents: { MissionDetailStatsMini, MissionDetailStatsMicro },
   decorators: [

packages/vue/src/components/MissionDetailStreamfield/MissionDetailStreamfield.stories.js

@@ -3,7 +3,7 @@ import { BlockIframeEmbedData } from './../BlockIframeEmbed/BlockIframeEmbed.sto
 import MissionDetailStreamfield from './MissionDetailStreamfield.vue'
 
 export default {
-  title: 'WWW/MissionDetail/MissionDetailStreamfield',
+  title: 'Components/WWW/MissionDetail/MissionDetailStreamfield',
   component: MissionDetailStreamfield,
   excludeStories: /.*Data$/
 }

packages/vue/src/components/NavDesktop/NavDesktop.stories.js

@@ -7,7 +7,7 @@ import NavDesktopDropdownContent from './NavDesktopDropdownContent.vue'
 import NavDesktopDropdownMore from './NavDesktopDropdownMore.vue'
 
 export default {
-  title: 'WWW/Header & Footer/Elements/NavDesktop',
+  title: 'Navigation/Headers/WWW/NavDesktop',
   component: NavDesktop,
   excludeStories: /.*Data$/,
   parameters: {

packages/vue/src/components/NavHeading/NavHeading.stories.js

@@ -2,7 +2,7 @@ import { MenuLinkColumnWithHeaderData } from './../NavLinkList/NavLinkList.stori
 import NavHeading from './NavHeading.vue'
 
 export default {
-  title: 'WWW/Header & Footer/Elements/NavHeading',
+  title: 'Navigation/Elements/NavHeading',
   component: NavHeading,
   decorators: [
     () => ({

packages/vue/src/components/NavHighlight/NavHighlight.stories.js

@@ -1,7 +1,7 @@
 import NavHighlight from './NavHighlight.vue'
 
 export default {
-  title: 'WWW/Header & Footer/Elements/NavHighlight',
+  title: 'Navigation/Elements/NavHighlight',
   component: NavHighlight,
   decorators: [
     () => ({

packages/vue/src/components/NavLinkList/NavLinkList.stories.js

@@ -1,7 +1,7 @@
 import NavLinkList from './NavLinkList.vue'
 
 export default {
-  title: 'WWW/Header & Footer/Elements/NavLinkList',
+  title: 'Navigation/Elements/NavLinkList',
   component: NavLinkList,
   decorators: [
     () => ({

packages/vue/src/components/NavLogoLinks/NavLogoLinks.stories.js

@@ -2,7 +2,7 @@ import LogoColor from '@explorer-1/common/src/images/svg/logo-tribrand-color.svg
 import NavLogoLinks from './NavLogoLinks.vue'
 
 export default {
-  title: 'WWW/Header & Footer/Elements/NavLogoLinks',
+  title: 'Navigation/Elements/NavLogoLinks',
   component: NavLogoLinks,
   excludeStories: /.*Data$/
 }

packages/vue/src/components/NavMobile/NavMobile.stories.js

@@ -4,7 +4,7 @@ import NavMobileDropdown from './NavMobileDropdown.vue'
 import NavMobileLink from './NavMobileLink.vue'
 
 export default {
-  title: 'WWW/Header & Footer/Elements/NavMobile',
+  title: 'Navigation/Headers/WWW/NavMobile',
   component: NavMobile,
   excludeStories: /.*Data$/,
   parameters: {

packages/vue/src/components/NavSearchForm/NavSearchForm.stories.js

@@ -1,7 +1,7 @@
 import NavSearchForm from './NavSearchForm.vue'
 
 export default {
-  title: 'WWW/Header & Footer/Elements/NavSearchForm',
+  title: 'Navigation/Elements/NavSearchForm',
   component: NavSearchForm,
   excludeStories: /.*Data$/
 }

packages/vue/src/components/NavSecondary/NavSecondary.stories.js

@@ -1,7 +1,7 @@
 import NavSecondary from './NavSecondary.vue'
 
 export default {
-  title: 'WWW/Header & Footer/Elements/NavSecondary',
+  title: 'Navigation/Secondary Navigation/NavSecondary',
   component: NavSecondary,
   excludeStories: /.*Data$/,
   parameters: {

packages/vue/src/components/NavSocial/NavSocial.stories.js

@@ -1,7 +1,7 @@
 import NavSocial from './NavSocial.vue'
 
 export default {
-  title: 'WWW/Header & Footer/Elements/NavSocial',
+  title: 'Navigation/Elements/NavSocial',
   component: NavSocial,
   excludeStories: /.*Data$/
 }

packages/vue/src/components/NewsDetailMediaContact/NewsDetailMediaContact.stories.js

@@ -1,7 +1,7 @@
 import NewsDetailMediaContact from './NewsDetailMediaContact.vue'
 
 export default {
-  title: 'WWW/NewsDetail/NewsDetailMediaContact',
+  title: 'Components/WWW/NewsDetail/NewsDetailMediaContact',
   component: NewsDetailMediaContact
 }
 

packages/vue/src/components/PodcastSeriesCarousel/PodcastSeriesCarousel.stories.js

@@ -1,7 +1,7 @@
 import PodcastSeriesCarousel from './PodcastSeriesCarousel.vue'
 
 export default {
-  title: 'WWW/PodcastDetail/PodcastSeriesCarousel',
+  title: 'Components/WWW/PodcastDetail/PodcastSeriesCarousel',
   component: PodcastSeriesCarousel,
   parameters: {
     docs: {

packages/vue/src/components/RoboticsDetailStats/RoboticsDetailStats.stories.js

@@ -2,7 +2,7 @@ import RoboticsDetailStats from './RoboticsDetailStats.vue'
 import RoboticsDetailStatsMini from './RoboticsDetailStatsMini.vue'
 
 export default {
-  title: 'WWW/RoboticsDetail/RoboticsDetailStats',
+  title: 'Components/WWW/RoboticsDetail/RoboticsDetailStats',
   component: RoboticsDetailStats,
   subcomponents: { RoboticsDetailStatsMini },
   decorators: [

packages/vue/src/components/SkipLink/SkipLink.stories.js

@@ -1,7 +1,7 @@
 import SkipLink from './SkipLink.vue'
 
 export default {
-  title: 'WWW/Header & Footer/Elements/SkipLink',
+  title: 'Navigation/Elements/SkipLink',
   component: SkipLink,
   excludeStories: /.*Data$/
 }

packages/vue/src/components/TheFooter/TheFooter.stories.js

@@ -1,11 +1,16 @@
 import TheFooter from './TheFooter.vue'
 
 export default {
-  title: 'WWW/Header & Footer/TheFooter',
+  title: 'Navigation/Footers/External Footer',
   component: TheFooter,
   excludeStories: /.*Data$/,
   parameters: {
-    viewMode: 'canvas'
+    docs: {
+      description: {
+        component:
+          'This component can be used for any external footer. Its styles will change based on the theme being used.'
+      }
+    }
   }
 }
 

packages/vue/src/components/TopicDetailMissionCarousel/TopicDetailMissionCarousel.stories.js

@@ -1,6 +1,6 @@
 import TopicDetailMissionCarousel from './TopicDetailMissionCarousel.vue'
 export default {
-  title: 'WWW/TopicDetail/MissionCarousel/TopicDetailMissionCarousel',
+  title: 'Components/WWW/TopicDetail/MissionCarousel/TopicDetailMissionCarousel',
   component: TopicDetailMissionCarousel,
   excludeStories: /.*Data$/
 }

packages/vue/src/components/TopicDetailMissionCarouselItem/TopicDetailMissionCarouselItem.stories.js

@@ -3,7 +3,7 @@
 import TopicDetailMissionCarouselItem from './TopicDetailMissionCarouselItem.vue'
 
 export default {
-  title: 'WWW/TopicDetail/MissionCarousel/TopicDetailMissionCarouselItem',
+  title: 'Components/WWW/TopicDetail/MissionCarousel/TopicDetailMissionCarouselItem',
   component: TopicDetailMissionCarouselItem,
   decorators: [
     () => ({

packages/vue/src/components/TopicDetailMissionSpotlight/TopicDetailMissionSpotlight.stories.js

@@ -1,6 +1,6 @@
 import TopicDetailMissionSpotlight from './TopicDetailMissionSpotlight.vue'
 export default {
-  title: 'WWW/TopicDetail/TopicDetailMissionSpotlight',
+  title: 'Components/WWW/TopicDetail/TopicDetailMissionSpotlight',
   component: TopicDetailMissionSpotlight,
   decorators: [
     () => ({

packages/vue/src/components/TopicDetailMore/TopicDetailMore.stories.js

@@ -1,6 +1,6 @@
 import TopicDetailMore from './TopicDetailMore.vue'
 export default {
-  title: 'WWW/TopicDetail/TopicDetailMore',
+  title: 'Components/WWW/TopicDetail/TopicDetailMore',
   component: TopicDetailMore,
   excludeStories: /.*Data$/
 }

packages/vue/src/components/TopicDetailMoreItem/TopicDetailMoreItem.stories.js

@@ -1,6 +1,6 @@
 import TopicDetailMoreItem from './TopicDetailMoreItem.vue'
 export default {
-  title: 'WWW/TopicDetail/TopicDetailMore/TopicDetailMoreItem',
+  title: 'Components/WWW/TopicDetail/TopicDetailMore/TopicDetailMoreItem',
   component: TopicDetailMoreItem,
   decorators: [
     () => ({

packages/vue/src/components/TopicDetailStreamfield/TopicDetailStreamfield.stories.js

@@ -4,7 +4,7 @@ import { BlockRelatedLinksData } from './../BlockRelatedLinks/BlockRelatedLinks.
 import TopicDetailStreamfield from './TopicDetailStreamfield.vue'
 
 export default {
-  title: 'WWW/TopicDetail/TopicDetailStreamfield',
+  title: 'Components/WWW/TopicDetail/TopicDetailStreamfield',
   component: TopicDetailStreamfield,
   decorators: [
     () => ({

packages/vue/src/docs/foundation/color.docs.mdx

@@ -1,6 +1,6 @@
 import { Meta, Story, Canvas } from '@storybook/blocks'
 
-<Meta title="Foundation/Colors" />
+<Meta title="Foundations/Colors" />
 
 # Colors
 

packages/vue/src/docs/foundation/grid.stories.js

@@ -1,6 +1,6 @@
 import LayoutHelper from './../../components/LayoutHelper/LayoutHelper.vue'
 export default {
-  title: 'Foundation/Grid and Layout',
+  title: 'Foundations/Grid and Layout',
   component: LayoutHelper,
   tags: ['!autodocs']
 }