jdreichmann/homepage
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

landing page: create initial layout

Browse Source
This commit is contained in:
Johanna Dorothea Reichmann 2019-07-23 17:03:48 +02:00
commit c3195fcc87
Signed by untrusted user who does not match committer: transcaffeine
GPG Key ID: 03624C433676E465
2 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
index.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<title>Finally, coffee!</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<div class="sticker">
<div class="red"></div>
<div class="text bigger">FGHT<br />NZS!</div>
<div class="text">DRNK C0FF&#x18e;E</div>
<div class="red"></div>
</div>
</body>
</html>

31
main.css Normal file
View File

@ -0,0 +1,31 @@
body {
background-color: #333;
}
.sticker {
background-color: black;
height: 40vh;
width: 50vh;
position: relative;
margin: 5vh auto;
}
.sticker .red {
height: 10%;
width: 100%;
margin: 0 0;
background-color: red;
}
.sticker .text {
color: white;
font-family: "Courier new", monospace, sans-serif;
font-weight: bold;
font-size: 4em;
text-align: center;
}
.sticker .text.bigger {
font-size: 7em;
}