c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Workworkwork

Browse Source
This commit is contained in:
Daniel Kluge 2022-10-01 14:39:46 +02:00
parent 29359f3d69
commit 6d2ae21e58
3 changed files with 33 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
pages/index.tsx
View File

@ -20,17 +20,19 @@ const Blog: NextPage<{}> = () => {
<Head> <Head>
<title>c0ntroller.de</title> <title>c0ntroller.de</title>
</Head> </Head>
<div className={styles.container}>
<header>
<Navigation /> <Navigation />
</header>
<main>
<h1>Hello there!</h1> <h1>Hello there!</h1>
<p>Miaumiau Lorem ipsum</p> <p>Miaumiau Lorem ipsum</p>
<h2>Projects</h2> <h2>Projects</h2>
{ { generateCards("project") }
generateCards("project")
}
<h2>Diaries</h2> <h2>Diaries</h2>
{ { generateCards("diary") }
generateCards("diary") </main>
} </div>
</>; </>;
}; };

10
styles/Blog/Card.module.scss
View File

@ -1,11 +1,12 @@
.card { .card {
border: 1px solid gray; border: 1px solid gray;
border-radius: 5px; border-radius: 1em;
max-width: 40%; max-width: 350px;
margin: 1rem auto; margin: 1rem auto;
transition: box-shadow 0.1s ease-in-out; transition: box-shadow 0.1s ease-in-out;
cursor: pointer; cursor: pointer;
padding: 5px; padding: 10px;
margin: 5px;
&:hover { &:hover {
box-shadow: 0px 0px 10px blue; box-shadow: 0px 0px 10px blue;
@ -13,7 +14,8 @@
} }
.title { .title {
font-size: 120%;
font-weight: bold;
} }
.description { .description {

14
styles/Blog/Front.module.scss
View File

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