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

24
pages/index.tsx
View File

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

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

@ -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 {

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 {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
margin: 0 -1rem;
padding: 0;
}