chore(fs.dev): Added tagine

packages/freesewing.dev/hooks/useApp.js

@@ -27,7 +27,6 @@ function useApp(full = true) {
   return {
     // Static vars
     site: 'dev',
-    pitch: "This website does not track you",
 
     // State
     primaryMenu,

packages/freesewing.dev/utils.js

@@ -0,0 +1,11 @@
+const taglines = [
+  "Come in, we're open",
+  "This website does not track you",
+  "Developer documentation",
+  "Documentation for contributors",
+  "API reference",
+  "Tutorials to get you started",
+]
+
+export const getTagline = () => taglines[Math.floor(Math.random()*taglines.length)];
+

packages/freesewing.shared/components/layouts/default.js

@@ -22,6 +22,7 @@ const DefaultLayout = props => {
     flex flex-col justify-between
     min-h-screen
     bg-base-100
+    lg:py-8
     `} data-theme={props.app.theme}>
       <header className={`
         bg-primary
@@ -34,6 +35,9 @@ const DefaultLayout = props => {
       <main className={`
         grow flex flex-row
         sm:py-8
+        gap-2
+        lg:gap-8
+        xl:gap-18
       `}>
         <aside className={`
           fixed top-0 right-0

packages/freesewing.shared/components/navigation/primary.js

@@ -5,6 +5,7 @@ import Link from 'next/link'
 import orderBy from 'lodash.orderby'
 import Logo from '@freesewing/components/Logo'
 import ThemePicker from 'shared/components/theme-picker.js'
+import { getTagline } from 'site/utils.js'
 
 // TODO: Clean this up after restructuring markdown content
 const hide = ['contributors', 'developers', 'editors', 'translators']
@@ -137,7 +138,7 @@ const TopLogo = ({ app }) => (
         <a>freesewing.{app.site}</a>
       </Link>
       <p className={`text-base text-captalize text-primary text-sm font-normal
-        `}>{app.pitch}</p>
+        `}>{getTagline()}</p>
     </div>
   </div>
 )

packages/freesewing.shared/config/pitches.js

@@ -0,0 +1,7 @@
+const pitches = [
+  'This website does not track you',
+  "Come in, we're open",
+  "Made-to-measure sewing patterns",
+]
+
+export default pitches