Compare commits

..

2 Commits

Author SHA1 Message Date
Ray Elliott 9cbce889f5 update styles 2020-04-17 18:50:27 +01:00
Ray Elliott bebb2e611c update styles 2020-04-17 18:50:19 +01:00
1 changed files with 27 additions and 21 deletions

48
dist/index.html vendored
View File

@ -1,25 +1,31 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="./assets/css/style.css"> <title>rayelliott.dev</title>
<title>rayelliott.dev</title> <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<style> <style>
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 100%; font-size: 100%;
width: 100vh; width: 100vw;
height: 100vw; height: 100vh;
color: #010101; color: #010101;
} padding: 1em;
box-sizing: border-box;
text-align: center;
margin: 0;
font-family: 'Permanent Marker', cursive;
}
h1 { h1 {
font-size: 6em; font-size: 4em;
margin-bottom: 0;
} }
p { p {
@ -30,9 +36,9 @@
font-size: 1.1em; font-size: 1.1em;
} }
</style> </style>
</head> </head>
<body> <body>
<h1>Coming Soon ...</h1> <h1>Coming Soon ...</h1>
<p>why not check out my <a href="blog">blog</a> for now?</p> <p>Why not check out my <a href="blog">blog</a> for now?</p>
</body> </body>
</html> </html>