Initial commit
This commit is contained in:
commit
680ac7d9c4
BIN
fonts/source-sans-pro-regular.woff2
Normal file
BIN
fonts/source-sans-pro-regular.woff2
Normal file
Binary file not shown.
9
fonts/source-sans-pro.css
Normal file
9
fonts/source-sans-pro.css
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
/* Taken from fonts.googleapis.com/css?family=Source+Sans+Pro:400 */
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Source Sans Pro';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(./source-sans-pro-regular.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
|
||||||
|
}
|
20
index.html
Normal file
20
index.html
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>⚒</title>
|
||||||
|
<link rel="stylesheet" href="./fonts/source-sans-pro.css">
|
||||||
|
<link rel="stylesheet" href="./wip.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="card">
|
||||||
|
<h1>⚒</h1>
|
||||||
|
<h2>Paul Brinkmeier</h2>
|
||||||
|
<hr>
|
||||||
|
<p>This is where I plan my personal website to be.
|
||||||
|
I currently am a little busy, so it might take a while until there actually will be one.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
41
wip.css
Normal file
41
wip.css
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
html {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: 'Source Sans Pro', Helvetica, sans-serif;
|
||||||
|
line-height: 1.4em;
|
||||||
|
color: #111;
|
||||||
|
background-color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2 {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 1px solid #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
padding: 2em;
|
||||||
|
margin: 1em;
|
||||||
|
width: 25em;
|
||||||
|
background-color: #ee0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 35em) {
|
||||||
|
.card {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
x
Reference in New Issue
Block a user