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