outline homepage

Nick-Mazuk · Nick-Mazuk · commit bfd3a63e6b4a · 2021-07-28T15:18:15.000-07:00
diff --git a/cli/src/templates/docs-page.svelte b/cli/src/templates/docs-page.svelte
@@ -1,7 +1,3 @@
-<script context="module">
-    export const prerender = true
-</script>
-
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
 
diff --git a/cypress/integration/about.test.ts b/cypress/integration/about.test.ts
@@ -0,0 +1,7 @@
+it('renders', () => {
+    cy.visit('/about')
+    cy.injectAxe()
+    cy.checkA11y()
+})
+
+export {}
diff --git a/package.json b/package.json
@@ -35,7 +35,7 @@
         "svelte": "^3.38.2",
         "svelte-check": "^2.0.0",
         "svelte-preprocess": "^4.7.3",
-        "tailwindcss": "^2.1.2",
+        "tailwindcss": "^2.2.7",
         "tslib": "^2.0.0",
         "typescript": "^4.2.4"
     },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/lib/assets/images/jete-harmonic.png b/src/lib/assets/images/jete-harmonic.png
diff --git a/src/lib/components/home/feature.svelte b/src/lib/components/home/feature.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+    export let title: string
+    export let description: string
+    export let reversed = false
+</script>
+
+<section class="wrapper mt-12">
+    <div
+        class="flex flex-col space-y-6 sm:items-center sm:space-y-0 sm:space-x-6 {reversed
+            ? 'sm:-ml-32 sm:flex-row-reverse sm:space-x-reverse'
+            : 'sm:-mr-32 sm:flex-row'}"
+    >
+        <div class="flex flex-col space-y-3 sm:w-64 md:w-96 sm:flex-none">
+            <h3 class="h5 sm:h4 md:h3">{title}</h3>
+            <p class="text-gray-700">
+                {description}
+            </p>
+        </div>
+        <div class="rounded-xl shadow-xl bg-background w-full h-96"></div>
+    </div>
+</section>
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
@@ -10,6 +10,7 @@
     import HeaderMobileSubgroup from '@nick-mazuk/ui-svelte/src/components/header/header-mobile-subgroup/header-mobile-subgroup.svelte'
     import type { TocItems } from '@nick-mazuk/ui-svelte/src/components/table-of-contents'
     import Github from '@nick-mazuk/ui-svelte/src/elements/icon/github.svelte'
+    import Facebook from '@nick-mazuk/ui-svelte/src/elements/icon/facebook.svelte'
 
     import Footer from '@nick-mazuk/ui-svelte/src/components/footer/footer.svelte'
     import FooterSocialLinkWrapper from '@nick-mazuk/ui-svelte/src/components/footer/footer-social-link-wrapper/footer-social-link-wrapper.svelte'
@@ -18,8 +19,11 @@
 
     import { darkMode } from '../lib/stores/dark-mode'
     import { libraryPages } from '../lib/lib/library-pages'
+    import HeaderItemWrapper from '@nick-mazuk/ui-svelte/src/components/header/header-item-wrapper/header-item-wrapper.svelte'
+    import Button from '@nick-mazuk/ui-svelte/src/elements/button/button.svelte'
 
     const githubRepoUrl = 'https://github.com/Nick-Mazuk/jw-lua-scripts'
+    const facebookGroupUrl = 'https://www.facebook.com/groups/742277119576336/'
 
     const helpPages: TocItems = [
         {
@@ -61,10 +65,17 @@
     <HeaderBrand text="JW Lua Scripts" slot="left" />
     <svelte:fragment slot="right">
         <HeaderLink href="/help">Help</HeaderLink>
-        <HeaderLink href="/docs/getting-started">Develper docs</HeaderLink>
+        <HeaderLink href="/docs/getting-started">Developer docs</HeaderLink>
         <HeaderLink href="{githubRepoUrl}"><Github title="Github" size="{6}" /></HeaderLink>
+        <HeaderLink href="{facebookGroupUrl}"
+            ><Facebook title="Facebook group" size="{6}" /></HeaderLink
+        >
+        <HeaderItemWrapper>
+            <Button size="small" href="/scripts">View scripts</Button>
+        </HeaderItemWrapper>
     </svelte:fragment>
     <svelte:fragment slot="mobile">
+        <HeaderMobileLink href="/scripts">Scripts</HeaderMobileLink>
         <HeaderMobileSubgroup items="{helpPages}" basePath="/help">
             <HeaderMobileLink href="/help" slot="main">Help</HeaderMobileLink>
         </HeaderMobileSubgroup>
@@ -83,9 +94,12 @@
     <svelte:fragment slot="subfooter">
         <p>©{new Date().getFullYear()} Nick Mazuk.</p>
         <FooterSocialLinkWrapper>
-            <FooterSocialLink href="{githubRepoUrl}" title="Github">
+            <FooterSocialLink href="{githubRepoUrl}" title="GitHub">
                 <Github />
             </FooterSocialLink>
+            <FooterSocialLink href="{facebookGroupUrl}" title="Facebook group">
+                <Facebook />
+            </FooterSocialLink>
         </FooterSocialLinkWrapper>
         <DarkModeSelect store="{darkMode}" />
     </svelte:fragment>
diff --git a/src/routes/docs/getting-started.svelte b/src/routes/docs/getting-started.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/getting-started/adding-scripts.svelte b/src/routes/docs/getting-started/adding-scripts.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/getting-started/resources.svelte b/src/routes/docs/getting-started/resources.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/getting-started/style-guide.svelte b/src/routes/docs/getting-started/style-guide.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/library.svelte b/src/routes/docs/library.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/library/articulation.svelte b/src/routes/docs/library/articulation.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/library/configuration.svelte b/src/routes/docs/library/configuration.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/library/enigma-string.svelte b/src/routes/docs/library/enigma-string.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/library/expression.svelte b/src/routes/docs/library/expression.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/library/general-library.svelte b/src/routes/docs/library/general-library.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/library/note-entry.svelte b/src/routes/docs/library/note-entry.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/docs/library/transposition.svelte b/src/routes/docs/library/transposition.svelte
@@ -1,6 +1,4 @@
-<script context="module">
-    export const prerender = true
-</script>
+
 
 <script lang="ts">
     import Markdown from '@nick-mazuk/ui-svelte/src/typography/markdown/markdown.svelte'
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
diff --git a/src/routes/scripts.svelte b/src/routes/scripts.svelte
