website

commit 030e07b686ac13c68cca8607c27df48a8cd190f7
parent 887958e7b4c6a56163fd3688096d1407eb3ca013
Author: Shipwreckt <shipwreckt@mailfence.com>
Date:   Sun, 25 Aug 2024 12:19:29 +0100

styal.css changes

Diffstat:
M
public/articals/linuxlist
 | 
4
++--
M
public/styles.css
 | 
108
++++++++++++++++++++++++++++++++++++++++----------------------------------------

2 files changed, 56 insertions(+), 56 deletions(-)
diff --git a/public/articals/linuxlist b/public/articals/linuxlist
@@ -29,8 +29,8 @@
 
         <h2>Media tutorials</h2>
         <ul>
-          <li>23-08-2024 - <a href="linux/media/00cd">How to burn optical media in Linux 💿</a></li>
-          <li>24-08-2024 - <a href="linux/media/01BurningIsos">How to burn an ISO to a USB stick 💾</a></li>
+          <li>23-08-2024 - <a href="linux/media/00cd">Burning optical media in Linux 💿</a></li>
+          <li>24-08-2024 - <a href="linux/media/01BurningIsos">Burning an ISO to a USB stick 💾</a></li>
         </ul>
 
         <h2>Arch Linux tutorials</h2>
diff --git a/public/styles.css b/public/styles.css
@@ -2,86 +2,86 @@
 
 
 body {
-    background-color: #1f1f1f;
-    color: #e6e6e6;
-    font-family: 'FreeSerif', serif;
-    margin: 0;
-    padding: 0;
-    max-width: 900px;
-    margin: 0 auto;
-    padding: 0 20px;
-    box-sizing: border-box;
+  background-color: #272727;
+  color: #e6e6e6;
+  font-family: 'FreeSerif', serif;
+  margin: 0;
+  padding: 0;
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
 
 header {
-    text-align: center;
-    padding: 20px;
+  text-align: center;
+  padding: 20px;
 }
 
 nav ul {
-    list-style: none;
-    padding: 0;
-    text-align: center;
+  list-style: none;
+  padding: 0;
+  text-align: center;
 }
 
 nav ul li {
-    display: inline-block;
-    margin-right: 20px;
+  display: inline-block;
+  margin-right: 20px;
 }
 
 nav ul li.logo img {
-    max-height: 70px;
+  max-height: 70px;
 }
 
 nav ul li a {
-    color: #716181;
-    text-decoration: none;
+  color: #716181;
+  text-decoration: none;
 }
 
 a {
-    color: #5e4d96;
-    text-decoration: none;
+  color: #5e4d96;
+  text-decoration: none;
 }
 
 a:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
 .description {
-    margin: 20px auto;
-    font-size: 18px;
-    max-width: 90%;
-    padding: 0 10px;
+  margin: 20px auto;
+  font-size: 18px;
+  max-width: 90%;
+  padding: 0 10px;
 }
 
 .posts {
-    border-top: 1px solid #C0C0C0;
-    padding-top: 10px;
+  border-top: 1px solid #C0C0C0;
+  padding-top: 10px;
 }
 
 .posts h2 {
-    font-size: 24px;
-    padding-bottom: 5px;
+  font-size: 24px;
+  padding-bottom: 5px;
 }
 
 .posts ul {
-    list-style: none;
-    padding: 0;
+  list-style: none;
+  padding: 0;
 }
 
 .posts ul li {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .right-image {
-    float: right;
-    margin: 0 0 10px 10px;
-    height: auto;
+  float: right;
+  margin: 0 0 10px 10px;
+  height: auto;
 }
 
 .left-image {
-    float: left;
-    height: auto;
+  float: left;
+  height: auto;
 }
 .center {
   display: block;
@@ -103,54 +103,54 @@ a:hover {
 /* Media Queries for responsiveness */
 @media (max-width: 768px) {
     body {
-        max-width: 100%;
-        padding: 0 10px;
+      max-width: 100%;
+      padding: 0 10px;
     }
 
     .title {
-        font-size: 28px;
+      font-size: 28px;
     }
 
     nav ul {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
     }
 
     nav ul li {
-        display: block;
-        margin: 10px 0;
-        text-align: center;
+      display: block;
+      margin: 10px 0;
+      text-align: center;
     }
 
     nav ul li.logo img {
-        max-height: 50px;
+      max-height: 50px;
     }
 
     .description {
-        font-size: 16px;
+      font-size: 16px;
     }
 
     .posts h2 {
-        font-size: 22px;
+      font-size: 22px;
     }
 }
 
 @media (max-width: 480px) {
     .title {
-        font-size: 24px;
+      font-size: 24px;
     }
 
     .description {
-        font-size: 14px;
+      font-size: 14px;
     }
 
     .posts h2 {
-        font-size: 20px;
+      font-size: 20px;
     }
 
     nav ul li {
-        margin: 5px 0;
+      margin: 5px 0;
     }
 }