design changes

lang/de.json

@@ -114,7 +114,7 @@
     {
       "id": "personal_website",
       "title": "Portfolio Website",
-      "description": "Eine Website zum Vorzeigen meiner Projekte.",
+      "description": "Diese Website zeigt meine Projekte in Form eines persönlichen Portfolios.",
       "tags": [
         "HTML",
         "CSS",

lang/en.json

@@ -114,7 +114,7 @@
     {
       "id": "personal_website",
       "title": "Portfolio Website",
-      "description": "A website to showcase my projects.",
+      "description": "This website showcases my projects in the form of a personal portfolio.",
       "tags": [
         "HTML",
         "CSS",

scripts/main_page.js

@@ -1,5 +1,4 @@
 let lang = getCookie("lang");
-console.log(lang);
 if (lang == null) {
     lang = navigator.language.split("-")[0];
 }
@@ -156,7 +155,7 @@ async function loadData() {
 
             const block_text = document.createElement("div");
 
-            const text_title = document.createElement("h3");
+            const text_title = document.createElement("h2");
             text_title.textContent = content.heading;
             block_text.appendChild(text_title);
 

styles/main_style.css

@@ -8,7 +8,7 @@
     --serif: 'Instrument Serif', Georgia, serif;
     --sans: 'DM Sans', system-ui, sans-serif;
     --nav-w: 230px;
-    --font-size: 17px;
+    --font-size: 18px;
     --margin-main-content: 100px;
 }
 
@@ -252,6 +252,7 @@ option {
     height: 600px;
     display: grid;
     grid-template-columns: 1fr 1fr;
+    overflow: hidden;
 }
 
 .section-header {
@@ -273,14 +274,12 @@ option {
     border: 1px solid var(--border);
     padding: 3px 10px;
     border-radius: 3px;
-    font-size: 14px;
+    font-size: 15px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
-.content-block {
-    overflow: hidden;
-}
-
-
 .block-image {
     overflow: hidden;
     border-top: 1px solid var(--border);