81 lines
1.6 KiB
HTML
81 lines
1.6 KiB
HTML
|
|
|
|
<head>
|
|
<link href="https://unpkg.com/picnic" rel="stylesheet">
|
|
<title>ewpratten</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
|
|
<style>
|
|
@font-face{
|
|
font-family: "8-bit";
|
|
src: url('./font.txt'),
|
|
url('./font.txt'); /* IE */
|
|
}
|
|
body {
|
|
font-family: 'Roboto', sans-serif;
|
|
background-color:#2e3440;
|
|
color:#3b4252;
|
|
}
|
|
h1{
|
|
font-size:230%;
|
|
padding:1px;
|
|
}
|
|
.card{
|
|
border:none;
|
|
background-color:#4c566a;
|
|
}
|
|
.card-top{
|
|
width:100%;
|
|
height:20%;
|
|
background-color:#4c566a;
|
|
border:none;
|
|
}
|
|
.card-bottem{
|
|
width:100%;
|
|
height:80%;
|
|
background-color:#d8dee9;
|
|
text-align:center;
|
|
border-radius:5px;
|
|
}
|
|
.pic2 {
|
|
height:100%;
|
|
display:flex;
|
|
margin-left: auto;
|
|
margin-right:auto;
|
|
border-radius:100%;
|
|
}
|
|
.b1 {
|
|
background-color:#5e81ac;
|
|
font-size:190%;
|
|
width:90%;
|
|
}
|
|
h2 {
|
|
padding:1px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="flex one three-600 demo">
|
|
<div><span></span></div>
|
|
<div style="text-align:center;" class="lll"><span>
|
|
<div class="card">
|
|
<div class="card-top">
|
|
<img class="pic2" src="profile.jpg">
|
|
</div>
|
|
<div class="card-bottem">
|
|
<br>
|
|
<h1>Evan Pratten</h1>
|
|
<h2>@ewpratten</h2>
|
|
<p>I am an average human who likes to make stuff.</p>
|
|
<br><br>
|
|
<a href="https://twitter.com/ewpratten"><button class="b1">Twitter</button></a><br>
|
|
<a href="https://github.com/ewpratten"><button class="b1">GitHub</button></a><br>
|
|
<a href="https://keybase.io/ewpratten"><button class="b1">Keybase</button></a><br>
|
|
<a href="https://r.retrylife.ca"><button class="b1">RetryLife</button></a><br>
|
|
</div>
|
|
|
|
</div>
|
|
</span></div>
|
|
<div><span></span></div>
|
|
</div>
|
|
</body>
|