Design improvments

content/about.md

@@ -6,22 +6,22 @@ template = "about.html"
 ## About
 I am student of IT at Charles University in Prague (Faculty of Education).
 
-In high school I started programming and got interested in `Linux`. I created several projects with a classmate under [Fofrweb](https://fofrweb.com). Especially web applications written in `Node.js` and `Vue.js`. All projects are hosted on my own Linux server.
+My programming journey began in high school, where I developed a passion for `Linux` and co-founded [Fofrweb](https://fofrweb.com). Together with a classmate, I created web applications using `Node.js` and `Vue.js`, all hosted on my own Linux server.
 
-I am member of [Microlab](https://microlab.space) - hacker space at Charles University.
+As a member of [Microlab](https://microlab.space), the university's hacker space, I engage with fellow tech enthusiasts. Additionally, I contribute to the open-source community as a package maintainer for [Void Linux](https://voidlinux.org).
-
-I am also package maintainer for [Void Linux](https://voidlinux.org).
-
-## Contact
-- <a href="mailto:&#102;&#105;&#108;&#105;&#112;&#064;&#102;&#105;&#108;&#105;&#112;&#114;&#111;&#106;&#101;&#107;&#046;&#099;&#122;">&#102;&#105;&#108;&#105;&#112;&#064;&#102;&#105;&#108;&#105;&#112;&#114;&#111;&#106;&#101;&#107;&#046;&#099;&#122;</a>
-- [@filiprojek](https://t.me/filiprojek) on Telegram
-- PGP: [0x7E65EA58C6075F09](https://keys.openpgp.org/vks/v1/by-fingerprint/CA3D9BE28315B49164130CD97E65EA58C6075F09)
 
 ## Work
-I currently work as a Linux engineer. Most of my work involves Debian based systems - desktops (Raspberry Pi, Intel NUC) and servers. I also manage an instance of GitLab.
+I currently work as a Linux engineer. Most of my work involves Debian based systems - desktops (Raspberry Pi, Intel NUC) and servers.
+
+I also create custom websites from time to time.
 
 ## Projects
 Most of my projects are hosted on Gitea and GitHub:
 - Gitea: [git.filiprojek.cz](https://git.filiprojek.cz/fr)
 - GitHub: [github.com/filiprojek](https://github.com/filiprojek)
 
+## Contact
+- <a href="mailto:&#102;&#105;&#108;&#105;&#112;&#064;&#102;&#105;&#108;&#105;&#112;&#114;&#111;&#106;&#101;&#107;&#046;&#099;&#122;">&#102;&#105;&#108;&#105;&#112;&#064;&#102;&#105;&#108;&#105;&#112;&#114;&#111;&#106;&#101;&#107;&#046;&#099;&#122;</a>
+- [@filiprojek](https://t.me/filiprojek) on Telegram
+- PGP: [0x7E65EA58C6075F09](https://keys.openpgp.org/vks/v1/by-fingerprint/CA3D9BE28315B49164130CD97E65EA58C6075F09)
+

sass/about.scss

@@ -1,20 +1,16 @@
 .about {
-  h1 {
-    margin-top: 2.5rem;
-    margin-bottom: 1rem;
-  }
-
   h2 {
-    margin-top: 1.5rem;
-    margin-bottom: 1rem;
-  }
-
-  h3, h4, h5, h6, p {
     margin-top: 1rem;
-    margin-bottom: 1rem;
+    margin-bottom: .5rem;
+  }
+  h3, h4, h5, h6, p {
+    margin-top: .5rem;
+    margin-bottom: .5rem;
   }
   
   p {
     text-align: justify;
   }
+
+
 }

sass/content.scss

@@ -1,7 +1,7 @@
 .content {
 	display: flex;
 	flex-direction: column;
-	margin: 2rem 20%;
+	margin: 2rem 30%;
 }
 
 .content {
@@ -18,3 +18,25 @@
 		margin-bottom: 1rem;
 	}
 }
+
+  code {
+    font-size: 1rem;
+  }
+
+  ul {
+    list-style: none;
+    padding-left: 0;
+
+    li {
+      position: relative;
+      padding-left: 1rem;
+    }
+
+    li::before {
+      content: '•';
+      position: absolute;
+      left: 0;
+      color:white;
+    }
+  }
+

sass/project.scss

@@ -32,6 +32,10 @@
   }
 }
 
+.link-back {
+  margin: 2rem 0;
+}
+
 @media (max-width: 768px) {
   .project-wrapper {
     max-width: 100%;

templates/post.html

@@ -20,7 +20,7 @@
     <div>
       {{ page.content | safe }}
     </div>
-    <a href="/posts">Back to list of posts</a>
+    <a href="/posts" class="link-back">Back to list of posts</a>
 	</section>
 {% endblock content %}
 

templates/project.html

@@ -20,7 +20,7 @@
     <div>
       {{ page.content | safe }}
     </div>
-    <a href="/projects">Back to list of projects</a>
+    <a href="/projects" class="link-back">Back to list of projects</a>
 	</section>
 {% endblock content %}