Workworkwork

2022-10-01 14:39:46 +02:00 · 2022-10-01 14:39:46 +02:00 · 6d2ae21e58
commit 6d2ae21e58
parent 29359f3d69
3 changed files with 33 additions and 17 deletions
--- a/pages/index.tsx
+++ b/pages/index.tsx
@ -20,17 +20,19 @@ const Blog: NextPage<{}> = () => {
        <Head>
            <title>c0ntroller.de</title>
        </Head>
+        <div className={styles.container}>
+            <header>
                <Navigation />
+            </header>
+            <main>
                <h1>Hello there!</h1>
                <p>Miaumiau Lorem ipsum</p>
                <h2>Projects</h2>
-        {
-            generateCards("project")
-        }
+                { generateCards("project") }
                <h2>Diaries</h2>
-        {
-            generateCards("diary")
-        }
+                { generateCards("diary") }
+            </main>
+        </div>
    </>;

 };
--- a/styles/Blog/Card.module.scss
+++ b/styles/Blog/Card.module.scss
@ -1,11 +1,12 @@
 .card {
    border: 1px solid gray;
-    border-radius: 5px;
-    max-width: 40%;
+    border-radius: 1em;
+    max-width: 350px;
    margin: 1rem auto;
    transition: box-shadow 0.1s ease-in-out;
    cursor: pointer;
-    padding: 5px;
+    padding: 10px;
+    margin: 5px;

    &:hover {
        box-shadow: 0px 0px 10px blue;
@ -13,7 +14,8 @@
 }

 .title {
-
+    font-size: 120%;
+    font-weight: bold;
 }

 .description {
--- a/styles/Blog/Front.module.scss
+++ b/styles/Blog/Front.module.scss
@ -1,7 +1,19 @@
+.container {
+
+    header {
+        position: sticky;
+        top: 10px;
+    }
+
+    main {
+        max-width: 900px;
+        margin: 0 auto;
+    }
+}
+
 .contentList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
-    margin: 0 -1rem;
    padding: 0;
 }