evan/ewpratten.com
1
Fork 0
Code Actions

Add files via upload

Browse Source
This commit is contained in:
Evan Pratten 2017-12-24 14:33:33 -05:00 committed by GitHub
parent dd581ebec0
commit 040bbb83e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 80 additions and 0 deletions

80
card.html Normal file

@ -0,0 +1,80 @@
<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>

BIN
profile.jpg Normal file

Binary file not shown.
Side by Side

After

(image error) Size: 24 KiB