benkyd/benkyd.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

damn son

Browse Source
This commit is contained in:
Ben Kyd
2019-09-26 17:49:20 +01:00
parent a7a36439f4
commit e52d2c74f2
2 changed files with 70 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
css/main.css
View File

@@ -1,23 +1,62 @@
html {
background-color: #252627;
background-color: #FAFAF8;
}
body {
font-family: Open Sans, Arial;
color: #D3D4D4;
font-family: 'Quicksand', sans-serif;
color: #222;
font-size: 14px;
margin: 2em auto;
max-width: 800px;
padding: 1em;
line-height: 1.4;
text-align: justify
text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
font-weight: lighter;
font-family: 'Merriweather', serif;
}
small {
font-size: 60%;
}
a {
color: #4B88A2;
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
font-size: 101%;
}
.masthead {
font-family: 'Merriweather', serif;
text-align: center;
font-size: 400%;
font-size: 500%;
}
.nav {
text-align: center;
}
.break {
height: 20px;
}
.container {
width: 100vw;
height: fit-content;
padding-top: 20px;
padding-bottom: 20px;
border: 1px solid #EEE;
background-color: #FFF;
}
.text {
margin: 2em auto;
max-width: 700px;
}

30
index.html
View File

@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Merriweather|Quicksand|Open+Sans:400,500">
</head>
<body>
<div class="masthead">
@@ -14,12 +14,28 @@
</div>
<div class=nav>
<p>
<a herf="/">Projects</a> &bull;
About &bull;
CV &bull;
More
</p>
<a href="/">Projects</a> &bull;
<a href="/about/">About</a> &bull;
<a href="/about/">CV</a> &bull;
<a href="/more/">More</a>
</div>
<p></p>
<div class="break"></div>
<div class="content">
<div class="container">
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum enim nulla, fermentum ut convallis non, pellentesque nec eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Nam ultricies suscipit varius. Nulla sagittis lacus id porttitor luctus. Cras massa dolor, molestie eu est a, sodales imperdiet lectus. Vestibulum volutpat nibh mi, quis sagittis turpis suscipit a. Sed nulla urna, bibendum a ligula non, porttitor gravida nunc. Suspendisse ut ligula dictum, lacinia mi eu, scelerisque odio.
<small>
small pp
</small>
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum enim nulla, fermentum ut convallis non, pellentesque nec eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Nam ultricies suscipit varius. Nulla sagittis lacus id porttitor luctus. Cras massa dolor, molestie eu est a, sodales imperdiet lectus. Vestibulum volutpat nibh mi, quis sagittis turpis suscipit a. Sed nulla urna, bibendum a ligula non, porttitor gravida nunc. Suspendisse ut ligula dictum, lacinia mi eu, scelerisque odio.
</div>
</body>