.forgejo/workflows/unlighthouse.yml

@@ -24,7 +24,9 @@ jobs:
       - name: Check availability
         run: |
           while [ "$(curl -o /dev/null -s -w '%{http_code}' http://website:8081)" -ne 200 ];
-            do echo "Waiting...";
+            do
+              echo "Waiting...";
+              echo "$(curl -o /dev/null -s -w '%{http_code}' http://website:8081 || echo '000')"
             sleep 5;
           done;
       - name: Run unlighthouse
@@ -38,6 +40,11 @@ jobs:
         with:
           name: unlighthouse-reports
           path: unlighthouse-reports/
+      - name: Upload start-script
+        uses: actions/upload-artifact@v3
+        with:
+          name: start
+          path: start.sh
       - name: Upload Dockerfile
         uses: actions/upload-artifact@v3
         with:
@@ -53,6 +60,10 @@ jobs:
         uses: actions/download-artifact@v3
         with:
           name: dockerfile
+      - name: Downloading start script
+        uses: actions/download-artifact@v3
+        with:
+          name: start
       - name: Downloading static site artifacts
         uses: actions/download-artifact@v3
         with:

Dockerfile

@@ -16,6 +16,8 @@ WORKDIR /
 
 COPY --from=build /app/dist /public
 COPY --from=build /app/serve.json /public/serve.json
+COPY --from=build /app/start.sh /
+RUN chmod +x start.sh
 
 EXPOSE 8081
-CMD echo "Website version ${version} - powered by @Firq"; serve --listen 8081 --no-clipboard /public
+CMD ./start.sh

Dockerfile.reports

@@ -5,6 +5,8 @@ ENV version=${version}
 
 WORKDIR /
 ADD reports /public
+ADD start.sh /
+RUN chmod +x /start.sh
 
 EXPOSE 8081
-CMD echo "Website version ${version} - powered by @Firq"; serve --listen 8081 --no-clipboard /public
+CMD ./start.sh

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@firq/fgosite",
 	"type": "module",
-	"version": "0.2.1-pre.1",
+	"version": "0.2.0-pre.100",
 	"private": true,
 	"scripts": {
 		"dev": "astro dev",
@@ -13,10 +13,10 @@
 	"dependencies": {
 		"@astro-community/astro-embed-youtube": "^0.5.6",
 		"@astrojs/check": "^0.9.4",
-		"@astrojs/mdx": "^4.3.2",
+		"@astrojs/mdx": "^4.2.3",
-		"@astrojs/sitemap": "^3.4.2",
+		"@astrojs/sitemap": "^3.3.0",
 		"@fontsource-variable/work-sans": "^5.2.5",
-		"astro": "^5.12.7",
+		"astro": "^5.6.1",
 		"astro-critical-css": "^0.0.7",
 		"astro-meta-tags": "^0.3.1",
 		"autoprefixer": "^10.4.21",
@@ -25,7 +25,7 @@
 		"typescript": "^5.8.3"
 	},
 	"devDependencies": {
-		"unlighthouse": "^0.17.2"
+		"unlighthouse": "^0.16.3"
 	},
 	"browserslist": [
 		"last 2 versions",

public/ai.txt

@@ -1,6 +0,0 @@
-# Spawning AI
-# Prevent datasets from using the following file types
-
-User-Agent: *
-Disallow: /
-Disallow: *

public/robots.txt

@@ -1,61 +1,8 @@
 User-agent: *
 Disallow: /assets/data/
 
-User-agent: AI2Bot
-User-agent: Ai2Bot-Dolma
-User-agent: aiHitBot
-User-agent: Amazonbot
-User-agent: anthropic-ai
-User-agent: Applebot
-User-agent: Applebot-Extended
-User-agent: Brightbot 1.0
-User-agent: Bytespider
-User-agent: CCBot
-User-agent: ChatGPT-User
-User-agent: Claude-Web
-User-agent: ClaudeBot
-User-agent: cohere-ai
-User-agent: cohere-training-data-crawler
-User-agent: Cotoyogi
-User-agent: Crawlspace
-User-agent: Diffbot
-User-agent: DuckAssistBot
-User-agent: FacebookBot
-User-agent: Factset_spyderbot
-User-agent: FirecrawlAgent
-User-agent: FriendlyCrawler
-User-agent: Google-Extended
-User-agent: GoogleOther
-User-agent: GoogleOther-Image
-User-agent: GoogleOther-Video
 User-agent: GPTBot
-User-agent: iaskspider/2.0
+User-agent: Bytespider
-User-agent: ICC-Crawler
-User-agent: ImagesiftBot
-User-agent: img2dataset
-User-agent: imgproxy
-User-agent: ISSCyberRiskCrawler
-User-agent: Kangaroo Bot
-User-agent: Meta-ExternalAgent
-User-agent: Meta-ExternalFetcher
-User-agent: NovaAct
-User-agent: OAI-SearchBot
-User-agent: omgili
-User-agent: omgilibot
-User-agent: Operator
-User-agent: PanguBot
-User-agent: Perplexity-User
-User-agent: PerplexityBot
-User-agent: PetalBot
-User-agent: Scrapy
-User-agent: SemrushBot-OCOB
-User-agent: SemrushBot-SWA
-User-agent: Sidetrade indexer bot
-User-agent: TikTokSpider
-User-agent: Timpibot
-User-agent: VelenPublicWebCrawler
-User-agent: Webzio-Extended
-User-agent: YouBot
 Disallow: /
 
 Sitemap: https://firq.dev/sitemap-index.xml

src/components/aboutText.astro

@@ -20,7 +20,7 @@
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
-    font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
+    font-family: 'Work Sans Variable', sans-serif;
     max-width: min(87.5%, 360px);
     background-color: var(--c-primary-background);
     color: var(--c-primary-text);

src/components/cards/blogCard.astro

@@ -27,6 +27,9 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
 </a>
 
 <style>
+  * {
+    transition: all var(--a-time-default) var(--a-animation-1);
+  }
   .circle {
     display: none;
   }
@@ -74,7 +77,6 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
     min-height: 100%;
     border: 2px solid var(--c-primary-background);
     border-radius: 1.25rem;
-    transition: border-color var(--a-time-default) var(--a-animation-1);
   }
 
   a:hover article {
@@ -94,17 +96,13 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
       border-width: 0.25rem;
       border-color: var(--c-secondary-background);
       border-radius: 40%;
-      transition:
+      transition: all var(--a-time-short) var(--a-animation-1);
-        height var(--a-time-short) var(--a-animation-1),
-        width var(--a-time-short) var(--a-animation-1),
-        margin-right var(--a-time-short) var(--a-animation-1),
-        transform var(--a-time-short) var(--a-animation-1);
     }
 
     a:hover > .circle {
       height: 1.25rem;
       width: 1.25rem;
-      transform: translateX(-0.125rem);
+      translate: -0.125rem;
       margin-right: 4px;
     }
 

src/components/cards/ceCard.astro

@@ -28,13 +28,16 @@ const mlb_image = mlb ? 'mlbalign' : 'hidemlb'
 </article>
 
 <style>
+  * {
+    transition: all var(--a-time-default) var(--a-animation-1);
+  }
+
   .hidemlb {
     display: none;
     height: 1em;
   }
 
   article {
-    transition: border-color var(--a-time-default) var(--a-animation-1);
     border-radius: 1.25rem;
     border: 2px var(--c-primary-background) solid;
     background-color: var(--c-primary-background);

src/components/cards/favouriteCard.astro

@@ -32,14 +32,18 @@ const loadedImage = plsLoadImage(images, imagePath)
 </a>
 
 <style>
+  * {
+    transition: all var(--a-time-default) var(--a-animation-1);
+  }
+
   .heading {
     display: flex;
-    height: 3.5rem;
+    height: fit-content;
     min-height: 2.5rem;
     line-height: 1.75rem;
     font-size: 24px;
     color: var(--c-primary-text);
-    max-width: 150px;
+    max-width: 200px;
     padding-bottom: 0.3rem;
     font-weight: 500;
     margin: 0px;
@@ -48,7 +52,6 @@ const loadedImage = plsLoadImage(images, imagePath)
   }
 
   a {
-    transition: border-color var(--a-time-default) var(--a-animation-1);
     border-radius: 1rem;
     display: flex;
     flex-wrap: wrap;

src/components/cards/projectCard.astro

@@ -15,8 +15,11 @@ const target = url.startsWith("/") ? "" : "_blank"
 </a>
 
 <style>
+  * {
+    transition: all var(--a-time-default) var(--a-animation-1);
+  }
+
   a {
-    transition: border-color var(--a-time-default) var(--a-animation-1);
     align-items: center;
     justify-content: center;
     display: flex;

src/components/cards/servantCard.astro

@@ -47,7 +47,7 @@ let loading: "eager" | "lazy" = index <= 3 ? "eager" : "lazy";
 
 <style>
   article:hover {
-    transition: border-color var(--a-time-default) var(--a-animation-1), transform var(--a-time-default) var(--a-animation-1);
+    transition: all var(--a-time-default) var(--a-animation-1);
     transform: scale(1);
     border-color: var(--c-accent-1);
   }
@@ -97,7 +97,7 @@ let loading: "eager" | "lazy" = index <= 3 ? "eager" : "lazy";
   article:hover .expand-on-hover {
     transform: scaleY(1);
     border-color: var(--c-accent-1);
-    transition: border-color var(--a-time-default) var(--a-animation-1), transform var(--a-time-default) var(--a-animation-1);
+    transition: all var(--a-time-default) var(--a-animation-1);
   }
 
   .bond-ce {

src/components/cards/taCard.astro

@@ -57,6 +57,9 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
 </a>
 
 <style>
+  * {
+    transition: all var(--a-time-default) var(--a-animation-1);
+  }
   a {
     text-decoration: none;
     display: flex;
@@ -75,7 +78,6 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
   }
 
   a:hover {
-    transition: border-color var(--a-time-default) var(--a-animation-1), transform var(--a-time-default) var(--a-animation-1);
     transform: scale(1);
     border-color: var(--c-accent-1);
     z-index: 10;
@@ -169,7 +171,7 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
 
   a:hover .expand-on-hover {
     transform: scaleY(1);
-    transition: border-color var(--a-time-default) var(--a-animation-1), transform var(--a-time-default) var(--a-animation-1), background-color var(--a-time-default) var(--a-animation-1);
+    transition: all var(--a-time-default) var(--a-animation-1);
     background-color: var(--c-primary-background);
     border-color: var(--c-accent-1);
   }

src/components/cards/technologyCard.astro

@@ -28,12 +28,15 @@ const loadedImage = plsLoadImage(images_logos, imagePath)
 </a>
 
 <style>
+  * {
+    transition: all var(--a-time-default) var(--a-animation-1);
+  }
+
   a {
     text-decoration: none;
   }
 
   article {
-    transition: border-color var(--a-time-default) var(--a-animation-1);
     display: flex;
     position: relative;
     align-items: center;

src/components/fgotaHero.astro

@@ -33,7 +33,7 @@ const display = fadeout ? "": "display: none"
 
   a {
     font-weight: 500;
-    font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
+    font-family: 'Work Sans Variable', sans-serif;
     color: var(--c-primary-text);
     margin: 1rem 0px 0px;
     padding: 0.5rem 0.75rem;
@@ -41,11 +41,12 @@ const display = fadeout ? "": "display: none"
     background: var(--c-primary-background);
     border-radius: 10px;
     border: 2px var(--c-accent-1) solid;
-    transition: border-color var(--a-time-default) var(--a-animation-1);
+    transition: all var(--a-time-default) var(--a-animation-1);
   }
 
   a:hover {
     border-color: var(--c-accent-1-alt);
+    transition: all var(--a-time-default) var(--a-animation-1);
   }
 
   .fade {
@@ -65,7 +66,6 @@ const display = fadeout ? "": "display: none"
 
   @supports (background-clip: text) {
     a:hover .fancy {
-      transition: color var(--a-time-default) var(--a-animation-1);
       background: linear-gradient(125deg, var(--c-accent-1), var(--c-accent-1-alt), var(--c-accent-2) );
       background-clip: text;
       color: transparent;

src/components/links/linkCard.astro

@@ -19,6 +19,9 @@ const icon_src_url = `url("${icon.src}")`
 </a>
 
 <style define:vars={{ icon_src_url }}>
+  * {
+    transition: all var(--a-time-default) var(--a-animation-1);
+  }
   a {
     display: flex;
     align-items: center;
@@ -31,11 +34,9 @@ const icon_src_url = `url("${icon.src}")`
   }
 
   a:hover {
-    transition: border-color var(--a-time-default) var(--a-animation-1);
     border-color: var(--c-accent-1);
     & .icon {
-      transition: background-color var(--a-time-default) var(--a-animation-1);
+      background: var(--c-accent-1);
-      background-color: var(--c-accent-1);
     }
   }
 

src/components/navbar/navbarEntry.astro

@@ -40,7 +40,7 @@ let extraattributes = navtype === 'mobile' ? { tabindex: '0' } : {}
 
 <style define:vars={{ icon_src_url }}>
   * {
-    transition: color var(--a-time-default) var(--a-animation-1), background-color var(--a-time-default) var(--a-animation-1);
+    transition: all var(--a-time-default) var(--a-animation-1);
   }
   li {
     align-items: center;

src/components/titles/smallTitle.astro

@@ -23,7 +23,7 @@ const text = buttontext || baseurl
 <style>
   a {
     font-weight: 500;
-    font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
+    font-family: 'Work Sans Variable', sans-serif;
     color: var(--c-primary-text);
     margin: 1rem 0px 0px;
     padding: 0.5rem 0.75rem;
@@ -37,7 +37,6 @@ const text = buttontext || baseurl
   }
 
   a:hover {
-    transition: border-color var(--a-time-default) var(--a-animation-1);
     border-color: var(--c-accent-1);
   }
 
@@ -66,18 +65,14 @@ const text = buttontext || baseurl
     padding-top: 2rem;
     font-size: 3.25rem;
     font-weight: 700;
-    font-family: 'Work Sans Variable', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+    font-family: 'Work Sans Variable', sans-serif;
-    font-size-adjust: 0.52;
-    line-height: 1.4;
   }
 
   .sub {
     margin: 0 .5rem;
     font-size: 0.9rem;
     font-weight: 500;
-    font-family: 'Work Sans Variable', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+    font-family: 'Work Sans Variable', sans-serif;
-    font-size-adjust: 0.52;
-    line-height: 1.4;
   }
 
   .head {

src/components/titles/title.astro

@@ -34,20 +34,14 @@ import LinkContainer from "../links/linkContainer.astro";
     padding-top: 2rem;
     font-size: 3rem;
     font-weight: 700;
-    font-family: 'Work Sans Variable', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+    font-family: 'Work Sans Variable', sans-serif;
-    font-size-adjust: 0.52;
-    line-height: 1.4;
-    min-height: 4.8rem;
   }
 
   .sub {
     font-size: 1rem;
     font-weight: 400;
-    font-family: 'Work Sans Variable', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+    font-family: 'Work Sans Variable', sans-serif;
-    font-size-adjust: 0.52;
-    line-height: 1.4;
     width: 97.5%;
-    min-height: 1.5rem;
   }
 
   .fancy {

src/data/blog/deploying-this.md

@@ -177,7 +177,7 @@ Since the files are now built on the GitLab server and not in the Proxmox instan
 I also recommend looking <a href="https://blog.mitsunee.com/post/copy-steam-games-rsync" target="_blank" rel="noopener noreferrer">at this blog post from Mitsunee</a> detailing how to use `ssh` and `rsync` to sync game libraries to the Steam Deck with ease.
 
 <details>
-<summary>.gitlab-ci.yml</summary>
+<summary>`.gitlab-ci.yml`</summary>
 
 ```yaml
 deploy-site:

src/data/datafiles/favouritesdata.json

@@ -15,12 +15,6 @@
         "name": "Summer Skadi",
         "origin": "Fate/Grand Order",
         "imageFile": "summerskadi.png",
-        "link": "https://youtu.be/qmR4s3DHZXw"
+        "link": "https://twitter.com/firq_ow/status/1816355501216596073"
-    },
-    {
-        "name": "Summer Scathach",
-        "origin": "Fate/Grand Order",
-        "imageFile": "summerscathach.png",
-        "link": "https://youtu.be/k0E3kgx3eMA"
     }
 ]

src/layouts/Layout.astro

@@ -1,6 +1,6 @@
 ---
 import '@fontsource-variable/work-sans'
-import workSans from '@fontsource-variable/work-sans/files/work-sans-latin-wght-normal.woff2?url'
+import workSans from '@fontsource-variable/work-sans/files/work-sans-latin-wght-normal.woff2'
 
 import Navbar from '@components/navbar/navbar.astro'
 import NavbarEntry from '@components/navbar/navbarEntry.astro'
@@ -123,7 +123,7 @@ const mapped_navdata = navdata.map((item) => ({
 
     /* Fonts */
     --f-default: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    --f-title: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
+    --f-title: 'Work Sans Variable', sans-serif;
 
     font-family: var(--f-default);
 
@@ -144,8 +144,6 @@ const mapped_navdata = navdata.map((item) => ({
 
     /* Scrollbar */
     scrollbar-color: var(--c-secondary-background) var(--c-primary-background);
-
-    /* Font Size Adjusting to prevent LCP issue */
   }
 
   body {

src/layouts/blogSection.astro

@@ -135,7 +135,7 @@ const line = displayLine ? "flex" : "none"
       margin-left: 1.75rem;
     }
     .line {
-      margin-left: 2.625rem;
+      margin-left: 2.6rem;
       height: calc(100% + 6rem);
       translate: 0px -2rem;
     }

src/layouts/contactSection.astro

@@ -19,7 +19,7 @@ const { title } = Astro.props
     font-size: 24px;
     font-weight: 700;
     line-height: 32px;
-    font-family: 'Work Sans Variable', sans-serif;
+    font-family: 'Work Sans Adaptive', sans-serif;
     width: max-content;
     margin: 0 auto 0.5rem;
     &:after {

src/pages/404.astro

@@ -31,7 +31,7 @@ const description = "Error. This shouldn't happen :/"
     align-items: center;
   }
   h2 {
-    font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
+    font-family: 'Work Sans Variable', sans-serif;
     font-weight: 500;
     color: var(--c-primary-text);
     font-size: 1.25rem;
@@ -45,7 +45,7 @@ const description = "Error. This shouldn't happen :/"
     text-align: center;
     width: fit-content;
     font-weight: 500;
-    font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
+    font-family: 'Work Sans Variable', sans-serif;
     color: var(--c-primary-text);
     margin: 1rem 0px 0px;
     padding: 0.5rem 0.75rem;

src/pages/fgo.astro

@@ -28,7 +28,7 @@ const projects = [
 
 
 const data = structuredClone(favouritesdata);
-data.map((item) => { if (item.name !== "Summer Scathach") {item.origin = "First 120 on NA"} else {item.origin = "After Forever"} })
+data.map((item) => { item.origin = "First 120 on NA" })
 ---
 
 <Layout

src/pages/index.astro

@@ -18,7 +18,6 @@ const description =
 >
   <Hi />
   <BaseSection title="About me">
-    <Placeholder height="0px"/>
     <AboutText/>
   </BaseSection>
   <BaseSection title="Favourites">

start.sh

@@ -0,0 +1,5 @@
+#!/bin/sh
+cd /
+echo "Website version: ${version}"
+echo "powered by @Firq"
+serve --listen 8081 --no-clipboard /public

unlighthouse.config.ts

@@ -1,4 +1,4 @@
-import type { UserConfig } from '@unlighthouse/core'
+import type { UserConfig } from 'unlighthouse'
 
 export default async (): Promise<UserConfig> => {
   /* fetch sitemap from debug container */
@@ -12,21 +12,17 @@ export default async (): Promise<UserConfig> => {
   /* actual config */
   return {
     lighthouseOptions: {
-      throttlingMethod: 'simulate',
+      throttlingMethod: 'devtools',
       throttling: {
-        rttMs: 150,
-        throughputKbps: 1638.4,
-        requestLatencyMs: 562.5,
-        downloadThroughputKbps: 1474.56,
-        uploadThroughputKbps: 675,
         cpuSlowdownMultiplier: 4,
+        requestLatencyMs: 150,
+        downloadThroughputKbps: 1638.4,
+        uploadThroughputKbps: 1638.4,
       },
       screenEmulation: {
-        mobile: true,
         width: 412,
         height: 823,
         deviceScaleFactor: 1.75,
-        disabled: false,
       },
       skipAudits: [ 'is-on-https', 'redirects-http', 'uses-http2' ],
     },