0.1.14 build

src/content/data/cernunnos.json

@@ -86,6 +86,14 @@
       "servant": "shishou",
       "turns": "4T",
       "runner": "KOG"
+    },
+    {
+      "title": "Amakusa 4T",
+      "link": "https://www.youtube.com/watch?v=hRu3EskLExE",
+      "date": "2023-07-27",
+      "servant": "amakusa",
+      "turns": "4T",
+      "runner": "Yier"
     }
   ]
 }

src/layouts/Layout.astro

@@ -5,6 +5,7 @@ import navdata from '../../static/data/_navdata.json'
 import embed from '../assets/embed.png'
 import home from 'iconoir/icons/home.svg'
 import database from 'iconoir/icons/database.svg'
+import mail from 'iconoir/icons/mail.svg'
 import type { IconsLookup } from '../types/generic'
 
 export interface Props {
@@ -16,6 +17,7 @@ export interface Props {
 const icons: IconsLookup = {
   home: home,
   database: database,
+  about: mail
 }
 
 const { descriptionOverride, currentpage, title } = Astro.props

src/layouts/baseSection.astro

@@ -21,53 +21,41 @@ const { title, description } = Astro.props
     flex-direction: column;
     justify-content: center;
     text-align: center;
-  }
-  div > div {
-    row-gap: 1em;
-    column-gap: 1em;
-    justify-content: center;
-    align-self: center;
-    display: flex;
-    flex-flow: row wrap;
-    padding-top: 1em;
-    position: relative;
-  }
-  div h1 {
-    font-size: 40px;
-    line-height: 48px;
-    letter-spacing: -1px;
-    color: white;
-    margin-top: 2rem;
-    margin-bottom: 0px;
-    margin-left: auto;
-    margin-right: auto;
-    padding: 0.25rem 1.5rem;
-    border-radius: 0.5rem;
-    max-width: max-content;
-    background-color: var(--c-darkgray);
-    padding-bottom: 0.5rem;
-  }
 
-  div h2 {
-    color: white;
-    font-size: 16px;
-    font-weight: 600;
-    max-width: 75;
-    margin: 1rem;
-    line-height: 20px;
-    text-align: center;
-  }
-
-  @supports (text-align-last: center) {
-    div h2 {
-      text-align: justify;
-      text-align-last: center;
-    }
-  }
-  @media (min-width: 512px) {
     div {
-      row-gap: 1.5em;
-      column-gap: 1.5em;
+      gap: 1em;
+      align-self: center;
+      flex-flow: row wrap;
+      padding-top: 1em;
+      position: relative;
+    }
+
+    h1 {
+      font-size: 40px;
+      line-height: 48px;
+      letter-spacing: -1px;
+      color: white;
+      margin: 2rem auto 0px auto;
+      padding: 0.25rem 1.5rem;
+      border-radius: 0.5rem;
+      max-width: max-content;
+      background-color: var(--c-darkgray);
+      padding-bottom: 0.5rem;
+    }
+
+    h2 {
+      color: white;
+      font-size: 16px;
+      font-weight: 600;
+      max-width: 75;
+      margin: 1rem;
+      line-height: 20px;
+      text-align: center;
+
+      @supports (text-align-last: center) {
+        text-align: justify;
+        text-align-last: center;
+      }
     }
   }
 
@@ -75,6 +63,12 @@ const { title, description } = Astro.props
     margin-left: 1rem;
     margin-right: 1rem;
   }
+  @media (min-width: 512px) {
+    div {
+      row-gap: 1.5em;
+      column-gap: 1.5em;
+    }
+  }
 
   @media (min-width: 1000px) {
     .base {
@@ -88,19 +82,18 @@ const { title, description } = Astro.props
       margin-left: 10%;
       margin-right: 10%;
     }
-    div h1 {
-      margin-left: unset;
-      margin-right: unset;
-    }
 
-    div h2 {
-      text-align: left;
+    div {
+      h1 {
+        margin-left: unset;
+        margin-right: unset;
+      }
+      h2 {
+        text-align: left;
+        @supports (text-align-last: center) {
+          text-align-last: unset;
+        }
+      }
     }
-
-    @supports (text-align-last: center) {
-    div h2 {
-      text-align-last: initial;
-    }
-  }
   }
 </style>

src/layouts/taShowcaseLayout.astro

@@ -10,9 +10,9 @@ export interface Props {
 }
 
 const { datafile } = Astro.props
-const fulldata = import.meta.glob<GlobAny>(`../content/data/*.json`)
+const fulldata = import.meta.glob<GlobAny>(`/src/content/data/*.json`)
 const filecontent: FileData = (
-  await fulldata[`../content/data/${datafile}.json`]()
+  await fulldata[`/src/content/data/${datafile}.json`]()
 )['default']
 
 const pagetitle = `${filecontent.info.title} - FGO TA`

src/pages/database/[slug].astro

@@ -5,7 +5,7 @@ import { findSlug } from '../../utils/tools'
 
 export function getStaticPaths() {
   const fulldata = import.meta.glob<GlobAny>(
-    `../../content/data/*.json`
+    `/src/content/data/*.json`
   )
   const keylist = Object.keys(fulldata).map((item) => findSlug(item)!)
 

src/pages/database/index.astro

@@ -9,7 +9,7 @@ const description = 'FGO NA TA Database'
 
 const questInfo = []
 const fulldata = import.meta.glob<GlobFiledata>(
-  `../../content/data/*.json`
+  `/src/content/data/*.json`
 )
 
 for (const [key, value] of Object.entries(fulldata)) {