0.1.14 build

astro.config.mjs

@@ -1,5 +1,6 @@
-import { defineConfig } from 'astro/config'
-import sitemap from '@astrojs/sitemap'
+import { defineConfig } from 'astro/config';
+import sitemap from '@astrojs/sitemap';
+import metaTags from "astro-meta-tags";
 
 export default defineConfig({
   sitemap: true,
@@ -7,6 +8,6 @@ export default defineConfig({
   outDir: 'dist',
   publicDir: 'static',
   site: 'https://fgo-ta.com/',
-  integrations: [sitemap()],
+  integrations: [sitemap(), metaTags()],
   trailingSlash: "never"
-})
+});

package-lock.json

@@ -12,6 +12,7 @@
         "@astrojs/check": "^0.3.4",
         "@astrojs/sitemap": "^3.0.3",
         "astro": "^4.0.7",
+        "astro-meta-tags": "^0.1.3",
         "autoprefixer": "^10.4.16",
         "iconoir": "^7.3.0",
         "postcss-preset-env": "^9.3.0",
@@ -2366,6 +2367,14 @@
         "sharp": "^0.32.5"
       }
     },
+    "node_modules/astro-meta-tags": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/astro-meta-tags/-/astro-meta-tags-0.1.3.tgz",
+      "integrity": "sha512-hQ2JK9deBBPI94umeQxnj2hrs1hJ9pJcnqK8XjyZNnBq6pHefR5dpRXTzHDoxr1V4TjIQho0P9F2NG7JdaQhHA==",
+      "peerDependencies": {
+        "astro": "^4.0.0"
+      }
+    },
     "node_modules/astro/node_modules/@types/node": {
       "version": "20.10.5",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "fgo-ta-com-website",
   "type": "module",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -14,6 +14,7 @@
     "@astrojs/check": "^0.3.4",
     "@astrojs/sitemap": "^3.0.3",
     "astro": "^4.0.7",
+    "astro-meta-tags": "^0.1.3",
     "autoprefixer": "^10.4.16",
     "iconoir": "^7.3.0",
     "postcss-preset-env": "^9.3.0",

postcss.config.cjs

@@ -0,0 +1,13 @@
+module.exports = {
+  plugins: {
+    "postcss-preset-env": {
+      autoprefixer: { flexbox: "no-2009" },
+      stage: 2,
+      features: {
+        "custom-properties": false,
+        "custom-media-queries": true,
+        "nesting-rules": true
+      }
+    }
+  }
+};

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,26 +21,21 @@ 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;
+
+    div {
+      gap: 1em;
       align-self: center;
-    display: flex;
       flex-flow: row wrap;
       padding-top: 1em;
       position: relative;
     }
-  div h1 {
+
+    h1 {
       font-size: 40px;
       line-height: 48px;
       letter-spacing: -1px;
       color: white;
-    margin-top: 2rem;
-    margin-bottom: 0px;
-    margin-left: auto;
-    margin-right: auto;
+      margin: 2rem auto 0px auto;
       padding: 0.25rem 1.5rem;
       border-radius: 0.5rem;
       max-width: max-content;
@@ -48,7 +43,7 @@ const { title, description } = Astro.props
       padding-bottom: 0.5rem;
     }
 
-  div h2 {
+    h2 {
       color: white;
       font-size: 16px;
       font-weight: 600;
@@ -56,25 +51,24 @@ const { title, description } = Astro.props
       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;
-    }
   }
 
   .base {
     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,18 +82,17 @@ const { title, description } = Astro.props
       margin-left: 10%;
       margin-right: 10%;
     }
-    div h1 {
+
+    div {
+      h1 {
         margin-left: unset;
         margin-right: unset;
       }
-
-    div h2 {
+      h2 {
         text-align: left;
-    }
-
         @supports (text-align-last: center) {
-    div h2 {
-      text-align-last: initial;
+          text-align-last: unset;
+        }
       }
     }
   }

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)) {