evan/ewpratten.com
1
Fork 0
Code Actions

added info section

Browse Source
This commit is contained in:
Evan Pratten 2019-04-01 09:49:12 -04:00
parent 9de245b327
commit 529fbba163
2 changed files with 102 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
css/main.css
View File

@ -2,8 +2,15 @@
canvas {
display:block;
position: fixed;
margin:0;
padding:0;
background-color: rgba(130, 130, 238, 0.299);
z-index: -1;
top:0;
}
html {
scroll-behavior: smooth;
}
body{
@ -40,6 +47,8 @@ article {
font-family: 'Germania One', cursive;
color:white;
overflow: hidden;
position:fixed;
}
@ -65,10 +74,48 @@ article {
animation: fadein 3s;
}
.content-box{
max-width:60vw;
margin:auto;
background-color: rgb(233, 233, 255);
padding:10px;
border-radius:10px;
text-align:center;
}
.content-box-wrapper{
max-width:40vw;
margin:auto;
}
p{
font-size: calc(1vw * 1);
font-family: 'Denk One', sans-serif;
}
h1{
font-size: calc(1vw * 2);
font-family: 'Black Ops One', cursive;
}
.content{
width:100%;
}
.empty{
width:30vw;
}
.three-height{
height:15vh;
}
.full-height{
height:100vh;
background:none;
}
.pgp{
position:absolute;
bottom:0;
@ -94,8 +141,8 @@ a:hover, a:visited, a:link, a:active, a:any-link{
}
.about{
width:100%;
overflow: hidden;
position:fixed;
overflow: none;
position:unset;
}
.null{
display:none !important;
@ -110,6 +157,32 @@ a:hover, a:visited, a:link, a:active, a:any-link{
.links{
font-size: calc(1vw * 10);
}
.empty{
display:none !important;
width:0px;
}
.content{
width:100vw;
padding:0;
margin:0;
}
.content-box{
width:calc(100vw - 20);
max-width:unset;
border-radius:0px;
margin:0;
}
.content-box-wrapper{
max-width:unset;
padding:0;
margin:0;
}
h1{
font-size: calc(1vw * 7);
}
p{
font-size: calc(1vw * 4);
}
}

27
index.html
View File

@ -4,6 +4,7 @@
<link href="/css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Germania+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Black+Ops+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Denk+One" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
</head>
<body>
@ -29,6 +30,7 @@
<!-- <a href="https://twitch.tv/retraxa">Twitch</a><br> -->
<a href="https://devrant.com/users/ewpratten">Devrant</a><br>
<a href="https://github.com/frc5024">Robotics</a><br>
<a href="#content">More</a>
</div>
<!-- PGP Key -->
@ -43,6 +45,31 @@
<scetion class="null"><div class="blank"></div></scetion>
</article>
<!-- Blank vertical space -->
<div class="full-height"></div>
<!-- Extra content -->
<table class="content">
<tr>
<td class="empty"></td>
<td class="info">
<div class="content-box" id="content">
<div class="content-box-wrapper">
<!-- About Me -->
<h1>--- About Me ---</h1>
<p>I am a teenager who loves to write code and make stuff. I tend to spend my free time either programming or thinking about programming</p>
<!-- Robotics -->
<h1>--- Robotics ---</h1>
<p>As a part of Raider Robotics (frc5024), I co-lead the programming team and help teach new programmers about programming in compiled languages, interfacing with hardware, and computer vision.</p>
<!-- -->
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- JS -->