Merge branch 'main' of https://github.com/probablyjassin/probablyjass…

…in.github.io
probablyjassin · Dec 9, 2024 · c345835 · c345835
2 parents 56cc973 + f8f7b13
commit c345835
Show file tree

Hide file tree

Showing 13 changed files with 103 additions and 23 deletions.
diff --git a/.github/workflows/nuxt-to-pages.yml b/.github/workflows/nuxt-to-pages.yml
@@ -0,0 +1,64 @@
+name: build and deploy nuxt app
+
+on:
+  push:
+    branches: ["main"]
+  # allow running this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN
+permissions:
+  contents: read
+  pages: write
+  actions: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+
+      - name: Cache Node Modules
+        uses: actions/cache@v4
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node-modules-${{ hashFiles('**/package*.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-modules-
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Static HTML export with Nuxt
+        run: npx nuxi generate
+
+      - name: Create .nojekyll
+        run: touch ./.output/.nojekyll
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./.output
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -239,6 +239,10 @@ ol {
 	list-style-type: none;
 }
 
+code:not(pre code) {
+	@apply bg-[var(--background-200)] text-[var(--text-800)] px-1.5 py-0.5 rounded text-sm font-mono;
+}
+
 pre:has(code) {
 	max-width: 100vw;
 	overflow: scroll;

diff --git a/components/PostMeta.vue b/components/PostMeta.vue
@@ -1,7 +1,7 @@
 <template>
     <Suspense>
         <template #default>
-            <p class="text-[var(--background-400)]">
+            <p class="min-h-4 text-[var(--background-400)]">
                 {{ page?.date }} · {{ wordCount }} words
             </p>
         </template>

diff --git a/content/Ideas.md b/content/Ideas.md
@@ -0,0 +1,5 @@
+# Ideas
+
+- mk8dx-bot
+- vsc theme extension
+- campusdual stundenplan
diff --git a/content/about.md b/content/about.md
diff --git a/content/blog/Hosting my own Mailserver.md b/content/blog/Hosting my own Mailserver.md
@@ -52,7 +52,7 @@ If you try to send an E-Mail now, it'll most likely **get rejected, fail and get
 
 To send E-Mails, you need **trust**. As with all of this, read up on the docker-mailserver docs for SSL, but very basically:
 
-- specify your FQDN (&#x5F;Fully Qualified Domain Name_) on the container
+- specify your FQDN (Fully Qualified Domain Name) on the container
 - install letsencrypt's certbot for handling SSL certificates\* this was a little tedious for me because it involves many substeps like aquiring a Cloudflare API Token for access to your account
 - DKIM, DMARC & SPF
 

diff --git a/content/blog/index.md b/content/blog/index.md
@@ -1 +1,5 @@
+---
+image: /blog-previews/probablyjassin.webp
+---
+
 # Placeholder
diff --git a/content/index.md b/content/index.md
@@ -1,3 +1,7 @@
+---
+image: /blog-previews/probablyjassin.webp
+---
+
 # probablyjassin | Coding and Blogging
 
 ::prose-em
@@ -10,23 +14,23 @@ Hi 👋, I'm 18 and I study computer science while also working in IT.
 
 I enjoy coding things just because I'm interested.
 
-- lots of websites
-- working with databases
-- my own url shortner
-- hosting a mailserver
-- discord bots
-- a python library
-
-This website is a place for me to present these things and write about them, or anything else I want to!
+This website is the place where I present these things and write about them, or anything else I want to!
 
 ## About me
 
-I finished school in June 2024, and since October of the same year I'm attending something called [vocational/dual education](https://en.wikipedia.org/wiki/Vocational_education), where I go to Uni for 3 months at a time, and then Work for 3 months to then swap back again, for 3 years total. I hope to learn a lot more about IT/Computer Science and eventually work there.
+I finished school in June 2024, and since October of the same year I'm attending [vocational/dual education](https://en.wikipedia.org/wiki/Vocational_education), where I go to Uni for 3 months at a time, and then work for 3 months to then swap back again, for 3 years total. I hope to learn a lot more about IT/Computer Science and eventually work in IT.
 
 In Uni I learn the theoreticals of Computer Science
 
 At work I will learn more about the Infrastructure and Security side of things
 
-And in my free time, I code up all the interesting things I listed above
+And in my free time, I enjoy coding up all the interesting things I feel like trying out
+
+- lots of websites
+- working with databases
+- my own url shortner
+- hosting a mailserver
+- discord bots
+- a python library
 
-And now that I started writing about my journey, you can read about it [here](/blog)! I hope you enjoy\~
+And now that I started blogging about my journey, you can read about it [here](/blog).
diff --git a/content/projects.md b/content/projects.md
@@ -1 +1,5 @@
+---
+image: /blog-previews/probablyjassin.webp
+---
+
 # Projects
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -21,7 +21,7 @@ export default defineNuxtConfig({
 		documentDriven: true,
 		highlight: {
 			theme: "github-dark",
-			preload: ["vue", "typescript", "javascript", "bash", "python", "json", "yml"],
+			preload: ["vue", "typescript", "javascript", "bash", "python", "json", "yml", "diff"],
 		},
 	},
 

diff --git a/pages/blog/[...slug].vue b/pages/blog/[...slug].vue
@@ -5,9 +5,10 @@
 				<Suspense>
 					<template #default>
 						<main>
-							<div class="mb-[-30px]">
+							<div class="min-h-[1.65rem] mb-[-30px]">
 								<LazyPostMeta v-if="isMounted" />
 							</div>
+
 							<ContentLoader />
 							<hr />
 							<RelatedPosts v-if="isMounted" />

diff --git a/pages/blog/index.vue b/pages/blog/index.vue
@@ -25,9 +25,8 @@
 									{{ post.description }}
 								</div>
 							</div>
-							<div class="mt-auto">
-								<NuxtPicture v-if="post.image" class="w-full h-48 object-cover rounded-lg mt-4"
-									:src="post.image" :alt="post.title" />
+							<div class="mt-auto w-48 h-48">
+								<NuxtImg v-if="post.image" class="w-48 h-48" :src="post.image" :alt="post.title" />
 							</div>
 						</article>
 					</NuxtLink>

diff --git a/public/blog-previews/probablyjassin.webp b/public/blog-previews/probablyjassin.webp