style: modify some style

piapot · Mar 8, 2023 · 94a3237 · 94a3237 · vercel · Mar 8, 2023
1 parent 0adcc09
commit 94a3237
Show file tree

Hide file tree

Showing 9 changed files with 22 additions and 23 deletions.
diff --git a/.vercel/output/static/404.html b/.vercel/output/static/404.html
@@ -12,7 +12,7 @@
     <meta name="generator" content="Astro v2.1.0">
     <link rel="icon" href="/favicon.ico">
     <title>404: Not Found Page!</title>
-  <link rel="stylesheet" href="/_astro/404.dfbc5c66.css" />
+  <link rel="stylesheet" href="/_astro/404.849442ee.css" />
 <link rel="stylesheet" href="/_astro/404.8691b5f2.css" /><script type="module">document.getElementById("back").addEventListener("click",()=>window.history.back());
 </script>
 <script type="module" src="/_astro/page.61bf30f3.js"></script></head>
@@ -21,7 +21,7 @@
     <h1 class="text-4xl font-bold">404: Not Found Page!</h1>
     <a id="back" href="/" class="mt-8 text-2xl underline underline-dashed hover:underline-solid text-blue">Go Back</a>
   </main><footer class="flex flex-col flex-center px-5 py-4 bg-gray-800 transition-all" sm="px-10" md="px-15" lg="px-20">
-  <p class="text-white">Copyright © 2023 Piapot.</p>
-  <p class="text-white">All rights reserved.</p>
+  <p class="m-0 text-white">Copyright © 2023 Piapot.</p>
+  <p class="m-0 text-white">All rights reserved.</p>
 </footer>
   </body></html>
diff --git a/...cel/output/static/_astro/404.dfbc5c66.css → ...cel/output/static/_astro/404.849442ee.css b/...cel/output/static/_astro/404.dfbc5c66.css → ...cel/output/static/_astro/404.849442ee.css
diff --git a/.vercel/output/static/_astro/index.5990e6d9.css b/.vercel/output/static/_astro/index.5990e6d9.css
diff --git a/.vercel/output/static/_astro/index.ad867a0f.css b/.vercel/output/static/_astro/index.ad867a0f.css
diff --git a/.vercel/output/static/blog/index.html b/.vercel/output/static/blog/index.html
@@ -12,12 +12,13 @@
     <meta name="generator" content="Astro v2.1.0">
     <link rel="icon" href="/favicon.ico">
     <title></title>
-  <link rel="stylesheet" href="/_astro/404.dfbc5c66.css" />
-<link rel="stylesheet" href="/_astro/index.ad867a0f.css" /><script type="module" src="/_astro/page.61bf30f3.js"></script></head>
+  <link rel="stylesheet" href="/_astro/404.849442ee.css" />
+<link rel="stylesheet" href="/_astro/index.5990e6d9.css" /><script type="module" src="/_astro/page.61bf30f3.js"></script></head>
   <body class="astro-XSCT23V3">
     <main class="astro-XSCT23V3">
       <h1 id="hi-there">Hi there 👋</h1>
-<p>I will be blogging to learn languages such as English, Haskell, Python, Rust or Zig. My primary programming language is JavaScript/TypeScript, but I want to learn more languages, whether it’s scripting languages or native programming languages, or even spoken languages (like English).</p>
+<p>I will be blogging to learn languages such as English, Haskell, Python, Rust or Zig.</p>
+<p>My primary programming language is JavaScript/TypeScript, but I want to learn more languages, whether it’s scripting languages or native programming languages, or even spoken languages (like English).</p>
 <p>Sometimes I may write some code blocks to showcase some inspiration.</p>
 <hr>
 <ul>
@@ -53,8 +54,8 @@ <h1 id="hi-there">Hi there 👋</h1>
 <span class="line"><span style="color: #c9d1d9">}</span></span></code></pre>
     </main>
     <footer class="flex flex-col flex-center px-5 py-4 bg-gray-800 transition-all" sm="px-10" md="px-15" lg="px-20">
-  <p class="text-white">Copyright © 2023 Piapot.</p>
-  <p class="text-white">All rights reserved.</p>
+  <p class="m-0 text-white">Copyright © 2023 Piapot.</p>
+  <p class="m-0 text-white">All rights reserved.</p>
 </footer>
 
 

diff --git a/.vercel/output/static/index.html b/.vercel/output/static/index.html
@@ -12,7 +12,7 @@
     <meta name="generator" content="Astro v2.1.0">
     <link rel="icon" href="/favicon.ico">
     <title>Piapot</title>
-  <link rel="stylesheet" href="/_astro/404.dfbc5c66.css" />
+  <link rel="stylesheet" href="/_astro/404.849442ee.css" />
 <link rel="stylesheet" href="/_astro/404.8691b5f2.css" /><script type="module" src="/_astro/page.61bf30f3.js"></script></head>
   <body class=" astro-37FXCHFA">
     <header class="flex flex-col h-screen px-5 gap-2 transition-all" sm="px-10" md="px-15" lg="px-20">
@@ -43,7 +43,7 @@ <h1 class="flex flex-col pt-32 pb-8 text-5xl font-bold gap-2">
   </header><main class="px-5 transition-all" sm="px-10" md="px-15" lg="px-20">
 
   </main><footer class="flex flex-col flex-center px-5 py-4 bg-gray-800 transition-all" sm="px-10" md="px-15" lg="px-20">
-  <p class="text-white">Copyright © 2023 Piapot.</p>
-  <p class="text-white">All rights reserved.</p>
+  <p class="m-0 text-white">Copyright © 2023 Piapot.</p>
+  <p class="m-0 text-white">All rights reserved.</p>
 </footer>
   </body></html>
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -1,4 +1,4 @@
 <footer class="flex flex-col flex-center px-5 py-4 bg-gray-800 transition-all" sm="px-10" md="px-15" lg="px-20">
-  <p class="text-white">Copyright © 2023 Piapot.</p>
-  <p class="text-white">All rights reserved.</p>
+  <p class="m-0 text-white">Copyright © 2023 Piapot.</p>
+  <p class="m-0 text-white">All rights reserved.</p>
 </footer>
diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
@@ -43,15 +43,15 @@ const { title } = Astro.props
 
 <style is:global>
   main {
-    @apply px-5;
+    @apply px-5 py-4;
   }
 
   h1 {
-    @apply mt-8 mb-4 text-4xl;
+    @apply my-4 text-4xl;
   }
 
   p {
-    @apply my-4;
+    @apply my-2;
   }
 
   pre {
@@ -80,10 +80,6 @@ const { title } = Astro.props
     main {
       @apply px-15;
     }
-
-    p {
-      @apply my-2;
-    }
   }
 
   @media (min-width: 1024px) {

diff --git a/src/pages/blog/index.md b/src/pages/blog/index.md
@@ -5,7 +5,9 @@ layout: ../../layouts/MarkdownLayout.astro
 
 # Hi there 👋
 
-I will be blogging to learn languages such as English, Haskell, Python, Rust or Zig. My primary programming language is JavaScript/TypeScript, but I want to learn more languages, whether it’s scripting languages or native programming languages, or even spoken languages (like English).
+I will be blogging to learn languages such as English, Haskell, Python, Rust or Zig.
+
+My primary programming language is JavaScript/TypeScript, but I want to learn more languages, whether it’s scripting languages or native programming languages, or even spoken languages (like English).
 
 Sometimes I may write some code blocks to showcase some inspiration.