feat: changed styling

.gitea/workflows/build.yaml

@@ -0,0 +1,61 @@
+
+
+name: Gitea Actions Demo
+run-name: ${{ gitea.actor }} is testing out Gitea Actions 🚀
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  Build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out repository code
+        uses: actions/checkout@v5
+      - name: Setup Node v20
+        uses: actions/setup-node@v5
+        with:
+          node-version: 20 
+      - name: Install dependencies
+        run: |
+          cd ${{ gitea.workspace }}
+          npm ci
+      - name: Build
+        run: npm run build
+      - name: Save Build Artifact
+        uses: actions/upload-artifact@v3
+        with:
+          name: build-artifact
+          path: ${{ gitea.workspace }}/build/*
+          include-hidden-files: true
+
+  Upload:
+    runs-on: ubuntu-latest
+    needs: Build
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v3
+        with:
+          name: build-artifact
+          path: ${{ gitea.workspace }}/build
+      - name: setup ssh
+        run: |
+          mkdir -p ~/.ssh/
+          echo "$SSH_PRIVATE_KEY" > ../private.key
+          sudo chmod 600 ../private.key
+          echo "$SSH_KNOWN_HOSTS" > ~/.ssh/known_hosts 
+        shell: bash
+        env:
+          SSH_PRIVATE_KEY: ${{secrets.SSH_KEY}}
+          SSH_KNOWN_HOSTS: ${{secrets.SSH_KNOWN_HOSTS}}
+      - name: upload to web
+        run: |
+          scp -r -i ${{ gitea.workspace }}/../private.key -P ${{ secrets.BLOG_PORT }} build blog@madeio.net:/var/www/html/
+          ssh -i ${{ gitea.workspace }}/../private.key -p ${{ secrets.BLOG_PORT }} blog@madeio.net "$PERM_COPY"
+        env:
+          PERM_COPY: chmod -R 775 /var/www/html/build; cp -r /var/www/html/build/* /var/www/html/; rm -r /var/www/html/build
+      - name: cleanup ssh
+        run: |
+          rm ${{ gitea.workspace }}/../private.key
+          rm ~/.ssh/known_hosts

.gitea/workflows/demo.yaml

@@ -1,24 +0,0 @@
-
-
-name: Gitea Actions Demo
-run-name: ${{ gitea.actor }} is testing out Gitea Actions 🚀
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  Build:
-    runs-on: ubuntu-latest
-    steps:
-      - run: echo "🎉 The job was automatically triggered by a ${{ gitea.event_name }} event."
-      - run: echo "🐧 This job is now running on a ${{ runner.os }} server hosted by Gitea!"
-      - run: echo "🔎 The name of your branch is ${{ gitea.ref }} and your repository is ${{ gitea.repository }}."
-      - name: Check out repository code
-        uses: actions/checkout@v5
-      - run: |
-          cd ${{ gitea.workspace }}
-      - run: npm i
-      - run: npm run build
-      - run: ls build 
-      - run: echo "🍏 This job's status is ${{ job.status }}."

src/routes/+layout.svelte

@@ -17,7 +17,7 @@
 <nav>
 	<a href="/">Home</a>
 	<a href="/about">About</a>
-	<a href="https://bsky.app/profile/amyt3a.bsky.social"
+	<a href="https://bsky.app/profile/amyt3a.bsky.social" aria-label="Link to my Bluesky account"
 		><svg fill="none" class="bsky" viewBox="0 0 64 57"
 			><path
 				fill="var(--rp-moon-pine)"

src/routes/blogs/blog.svelte

@@ -34,12 +34,9 @@
 	}
 
 	.title {
-		padding: 0 var(--d3) 0;
+		padding: var(--d3);
-		#display: table;
+		#margin: var(--d3) 0;
 		flex-wrap: row;
-		#height: 5rem;
-		margin-bottom: -12px;
-		#white-space: nowrap;
 	}
 
 	.title h1 {
@@ -74,8 +71,8 @@
 
 	.blog-text {
 		border-radius: var(--border-round);
-		background: var(--rp-moon-surface);
+		#background: var(--rp-moon-surface);
-		box-shadow: 0px 0px 0.5rem 0px hsl(from var(--rp-moon-pine) h calc(s * 0.5) calc(l * 0.25));
+		#box-shadow: 0px 0px 0.5rem 0px hsl(from var(--rp-moon-pine) h calc(s * 0.5) calc(l * 0.25));
 		padding: var(--d2) var(--d3) var(--d4);
 	}
 </style>

src/routes/blogs/style-blog.css

@@ -1,10 +0,0 @@
-.blog-text{
-    border-radius: 0.5rem;
-    background: var(--rp-moon-surface);
-    box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85));
-    margin: -1rem;
-    padding: 1rem;
-}
-
-
-

src/routes/style.css

@@ -49,14 +49,14 @@ body {
 }
 
 code {
-    background: var(--rp-moon-base);
+    background: var(--rp-moon-surface) !important;
     padding: 3px;
     border-radius: 0.5rem;
     font-family: fira;
 }
 
 pre {
-    background: var(--rp-moon-base);
+    background: var(--rp-moon-surface) !important;
     border-radius: 0.5rem;
 }
 
@@ -79,7 +79,7 @@ h1,h2,h3,h4,p:first-child {
 
 
 nav {
-    margin-top: 1rem;
+    margin: var(--d3) 0 ;
 
     padding: 0 var(--d3) 0;
 
@@ -97,6 +97,7 @@ nav a{
     margin: 1rem;
     margin-left: 0rem;
     padding-left: 0rem;
+    border-bottom: solid var(--rp-moon-foam);
     color: var(--rp-moon-foam);
     #text-decoration: underline;
     &:visited {
@@ -105,8 +106,6 @@ nav a{
 }
 
 main {
-    #padding: 0 2rem 2rem;
-    margin-top: var(--d3);
     width: 100%;
     #box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85));
 }