added info section
This commit is contained in:
parent
9de245b327
commit
529fbba163
77
css/main.css
77
css/main.css
@ -2,8 +2,15 @@
|
|||||||
canvas {
|
canvas {
|
||||||
display:block;
|
display:block;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
background-color: rgba(130, 130, 238, 0.299);
|
background-color: rgba(130, 130, 238, 0.299);
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
|
top:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body{
|
||||||
@ -40,6 +47,8 @@ article {
|
|||||||
font-family: 'Germania One', cursive;
|
font-family: 'Germania One', cursive;
|
||||||
color:white;
|
color:white;
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
|
position:fixed;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -65,10 +74,48 @@ article {
|
|||||||
animation: fadein 3s;
|
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{
|
.three-height{
|
||||||
height:15vh;
|
height:15vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.full-height{
|
||||||
|
height:100vh;
|
||||||
|
background:none;
|
||||||
|
}
|
||||||
|
|
||||||
.pgp{
|
.pgp{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
bottom:0;
|
bottom:0;
|
||||||
@ -94,8 +141,8 @@ a:hover, a:visited, a:link, a:active, a:any-link{
|
|||||||
}
|
}
|
||||||
.about{
|
.about{
|
||||||
width:100%;
|
width:100%;
|
||||||
overflow: hidden;
|
overflow: none;
|
||||||
position:fixed;
|
position:unset;
|
||||||
}
|
}
|
||||||
.null{
|
.null{
|
||||||
display:none !important;
|
display:none !important;
|
||||||
@ -110,6 +157,32 @@ a:hover, a:visited, a:link, a:active, a:any-link{
|
|||||||
.links{
|
.links{
|
||||||
font-size: calc(1vw * 10);
|
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
27
index.html
@ -4,6 +4,7 @@
|
|||||||
<link href="/css/main.css" rel="stylesheet">
|
<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=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=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">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -29,6 +30,7 @@
|
|||||||
<!-- <a href="https://twitch.tv/retraxa">Twitch</a><br> -->
|
<!-- <a href="https://twitch.tv/retraxa">Twitch</a><br> -->
|
||||||
<a href="https://devrant.com/users/ewpratten">Devrant</a><br>
|
<a href="https://devrant.com/users/ewpratten">Devrant</a><br>
|
||||||
<a href="https://github.com/frc5024">Robotics</a><br>
|
<a href="https://github.com/frc5024">Robotics</a><br>
|
||||||
|
<a href="#content">More</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- PGP Key -->
|
<!-- PGP Key -->
|
||||||
@ -43,6 +45,31 @@
|
|||||||
<scetion class="null"><div class="blank"></div></scetion>
|
<scetion class="null"><div class="blank"></div></scetion>
|
||||||
|
|
||||||
</article>
|
</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>
|
</div>
|
||||||
|
|
||||||
<!-- JS -->
|
<!-- JS -->
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user