GitHub
commit
dbf41b21fe
@ -1,153 +0,0 @@
|
|||||||
|
|
||||||
/* Animations */
|
|
||||||
@keyframes fadein {
|
|
||||||
from { opacity: 0; }
|
|
||||||
to { opacity: 1; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Firefox < 16 */
|
|
||||||
@-moz-keyframes fadein {
|
|
||||||
from { opacity: 0; }
|
|
||||||
to { opacity: 1; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Safari, Chrome and Opera > 12.1 */
|
|
||||||
@-webkit-keyframes fadein {
|
|
||||||
from { opacity: 0; }
|
|
||||||
to { opacity: 1; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Internet Explorer */
|
|
||||||
@-ms-keyframes fadein {
|
|
||||||
from { opacity: 0; }
|
|
||||||
to { opacity: 1; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fadeout {
|
|
||||||
from { opacity: 1; }
|
|
||||||
to { opacity: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Firefox < 16 */
|
|
||||||
@-moz-keyframes fadeout {
|
|
||||||
from { opacity: 1; }
|
|
||||||
to { opacity: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Safari, Chrome and Opera > 12.1 */
|
|
||||||
@-webkit-keyframes fadeout {
|
|
||||||
from { opacity: 1; }
|
|
||||||
to { opacity: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Internet Explorer */
|
|
||||||
@-ms-keyframes fadeout {
|
|
||||||
from { opacity: 1; }
|
|
||||||
to { opacity: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slideleft {
|
|
||||||
from { left: 0; }
|
|
||||||
to { left: -100vw; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Firefox < 16 */
|
|
||||||
@-moz-keyframes slideleft {
|
|
||||||
from { left: 0; }
|
|
||||||
to { left: -100vw; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Safari, Chrome and Opera > 12.1 */
|
|
||||||
@-webkit-keyframes slideleft {
|
|
||||||
from { left: 0; }
|
|
||||||
to { left: -100vw; }
|
|
||||||
}
|
|
||||||
/* Internet Explorer */
|
|
||||||
@-ms-keyframes slideleft {
|
|
||||||
from { left: 0; }
|
|
||||||
to { left: -100vw; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slideright {
|
|
||||||
from { left: -30vw; }
|
|
||||||
to { left: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Firefox < 16 */
|
|
||||||
@-moz-keyframes slideright {
|
|
||||||
from { left: -30vw; }
|
|
||||||
to { left: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Safari, Chrome and Opera > 12.1 */
|
|
||||||
@-webkit-keyframes slideright {
|
|
||||||
from { left: -30vw; }
|
|
||||||
to { left: 0; }
|
|
||||||
}
|
|
||||||
/* Internet Explorer */
|
|
||||||
@-ms-keyframes slideright {
|
|
||||||
from { left: -30vw; }
|
|
||||||
to { left: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slideup {
|
|
||||||
from { top: -100vh; }
|
|
||||||
to { top: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Firefox < 16 */
|
|
||||||
@-moz-keyframes slideup {
|
|
||||||
from { top: -100vh; }
|
|
||||||
to { top: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Safari, Chrome and Opera > 12.1 */
|
|
||||||
@-webkit-keyframes slideup {
|
|
||||||
from { top: -100vh; }
|
|
||||||
to { top: 0; }
|
|
||||||
}
|
|
||||||
/* Internet Explorer */
|
|
||||||
@-ms-keyframes slideup {
|
|
||||||
from { top: -100vh; }
|
|
||||||
to { top: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Animation helpers */
|
|
||||||
.fade-out{
|
|
||||||
-webkit-animation: fadeout 0.5s; /* Safari, Chrome and Opera > 12.1 */
|
|
||||||
-moz-animation: fadeout 0.5s; /* Firefox < 16 */
|
|
||||||
-ms-animation: fadeout 0.5s; /* Internet Explorer */
|
|
||||||
-o-animation: fadeout 0.5s; /* Opera < 12.1 */
|
|
||||||
animation: fadeout 0.5s;
|
|
||||||
animation-fill-mode: forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-left{
|
|
||||||
-webkit-animation: slideleft 1s; /* Safari, Chrome and Opera > 12.1 */
|
|
||||||
-moz-animation: slideleft 1s; /* Firefox < 16 */
|
|
||||||
-ms-animation: slideleft 1s; /* Internet Explorer */
|
|
||||||
-o-animation: slideleft 1s; /* Opera < 12.1 */
|
|
||||||
animation: slideleft 1s;
|
|
||||||
animation-fill-mode: forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-right{
|
|
||||||
-webkit-animation: slideright 1s; /* Safari, Chrome and Opera > 12.1 */
|
|
||||||
-moz-animation: slideright 1s; /* Firefox < 16 */
|
|
||||||
-ms-animation: slideright 1s; /* Internet Explorer */
|
|
||||||
-o-animation: slideright 1s; /* Opera < 12.1 */
|
|
||||||
animation: slideright 1s;
|
|
||||||
/* animation-fill-mode: forwards; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.slide-up{
|
|
||||||
-webkit-animation: slideup 2s; /* Safari, Chrome and Opera > 12.1 */
|
|
||||||
-moz-animation: slideup 2s; /* Firefox < 16 */
|
|
||||||
-ms-animation: slideup 2s; /* Internet Explorer */
|
|
||||||
-o-animation: slideup 2s; /* Opera < 12.1 */
|
|
||||||
animation: slideup 2s;
|
|
||||||
animation-fill-mode: forwards;
|
|
||||||
}
|
|
||||||
.hidden{
|
|
||||||
display:none !important;
|
|
||||||
}
|
|
||||||
267
css/main.css
267
css/main.css
@ -1,240 +1,51 @@
|
|||||||
|
/* canvas {
|
||||||
:root {
|
|
||||||
--main-bg-color: #eadeda;
|
|
||||||
--panel-bg-color: #820263;
|
|
||||||
--panel-link-color: #8d1971;
|
|
||||||
--panel-sub-color: #98307f;
|
|
||||||
--content-text-color: #25283d;
|
|
||||||
--content-accent-color: #d90368;
|
|
||||||
--content-bg-color: #ebebed;
|
|
||||||
}
|
|
||||||
|
|
||||||
canvas {
|
|
||||||
display:block;
|
display:block;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
background-color: var(--main-bg-color);
|
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
top:0;
|
} */
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
.infobox {
|
||||||
overflow: scroll;
|
position: relative;
|
||||||
overflow-x: hidden;
|
top: 50%;
|
||||||
scroll-behavior: smooth;
|
transform: translateY(-50%);
|
||||||
}
|
max-width:400px;
|
||||||
::-webkit-scrollbar {
|
max-height:600px;
|
||||||
width: 0px; /* remove scrollbar space */
|
|
||||||
background: transparent; /* optional: just make scrollbar invisible */
|
|
||||||
}
|
|
||||||
/* optional: show position indicator in red */
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background: #FF0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
body{
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
height:100%;
|
|
||||||
|
|
||||||
background-color: var(--main-bg-color);
|
|
||||||
|
|
||||||
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
|
|
||||||
-moz-animation: fadein 1s; /* Firefox < 16 */
|
|
||||||
-ms-animation: fadein 1s; /* Internet Explorer */
|
|
||||||
-o-animation: fadein 1s; /* Opera < 12.1 */
|
|
||||||
animation: fadein 1s;
|
|
||||||
}
|
|
||||||
|
|
||||||
article {
|
|
||||||
-webkit-column-count: 2;
|
|
||||||
-moz-column-count: 2;
|
|
||||||
column-count: 2;
|
|
||||||
-webkit-column-width: 300px;
|
|
||||||
-moz-column-width: 300px;
|
|
||||||
column-width: 300px;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blank{
|
|
||||||
height:100vh;
|
|
||||||
width:max-content
|
|
||||||
}
|
|
||||||
|
|
||||||
.about{
|
|
||||||
width:30vw;
|
|
||||||
height:100vh;
|
|
||||||
background-color:var(--panel-bg-color);
|
|
||||||
font-family: 'Germania One', cursive;
|
|
||||||
color:white;
|
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
position:fixed;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.back{
|
|
||||||
text-align:left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.back a:hover, .back a:visited, .back a:link, .back a:active, .back a:any-link{
|
|
||||||
color:rgb(201, 201, 226);
|
|
||||||
margin:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.name-wrapper{
|
|
||||||
margin:40;
|
|
||||||
}
|
|
||||||
|
|
||||||
.name{
|
|
||||||
font-size: calc(1vw * 5);
|
|
||||||
font-family: 'Black Ops One', cursive;
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.links{
|
|
||||||
font-size: calc(1vw * 3);
|
|
||||||
margin:0;
|
|
||||||
|
|
||||||
-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
|
|
||||||
-moz-animation: fadein 3s; /* Firefox < 16 */
|
|
||||||
-ms-animation: fadein 3s; /* Internet Explorer */
|
|
||||||
-o-animation: fadein 3s; /* Opera < 12.1 */
|
|
||||||
animation: fadein 3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-box{
|
|
||||||
max-width:50vw;
|
|
||||||
margin:auto;
|
|
||||||
background-color: var(--content-bg-color);
|
|
||||||
color: var(--content-text-color);
|
|
||||||
padding:10px;
|
|
||||||
border-radius:10px;
|
|
||||||
text-align:center;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: var(--content-accent-color);
|
|
||||||
border-width: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
dashed{
|
|
||||||
color: var(--content-accent-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-box-wrapper{
|
|
||||||
max-width:40vw;
|
|
||||||
margin:auto;
|
margin:auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
p{
|
.navbar{
|
||||||
font-size: calc(1vw * 1);
|
position: absolute;
|
||||||
font-family: 'Denk One', sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1{
|
|
||||||
|
|
||||||
font-size: calc(1vw * 2);
|
|
||||||
font-family: 'Black Ops One', cursive;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content{
|
|
||||||
width:100%;
|
|
||||||
}
|
|
||||||
.thin{
|
|
||||||
width:0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.empty{
|
|
||||||
width:30vw;
|
|
||||||
height:100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.three-height{
|
|
||||||
height:5vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.four-height{
|
|
||||||
height:25vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.full-height{
|
|
||||||
height:100vh;
|
|
||||||
background:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pgp{
|
|
||||||
position:absolute;
|
|
||||||
bottom:0;
|
bottom:0;
|
||||||
text-align:center;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subtitle{
|
.navbarinner{
|
||||||
font-size: calc(1vw * 2);
|
width: max-content;
|
||||||
color:var(--panel-sub-color);
|
margin:auto;
|
||||||
margin:0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover, a:visited, a:link, a:active, a:any-link{
|
ul {
|
||||||
text-decoration: none !important;
|
list-style-type: none;
|
||||||
color:var(--panel-link-color);
|
margin: 0;
|
||||||
margin:40;
|
padding: 0;
|
||||||
margin-right:0;
|
overflow: hidden;
|
||||||
}
|
/* background-color: #333; */
|
||||||
|
}
|
||||||
li a:hover{
|
|
||||||
margin:0;
|
li {
|
||||||
}
|
float: left;
|
||||||
|
}
|
||||||
/* Set font size for small screen */
|
|
||||||
@media only screen and (max-width: 600px) {
|
li a {
|
||||||
.name{
|
display: block;
|
||||||
font-size: calc(1vw * 15);
|
/* color: white; */
|
||||||
}
|
text-align: center;
|
||||||
.about{
|
padding: 14px 16px;
|
||||||
width:100%;
|
text-decoration: none;
|
||||||
overflow: none;
|
}
|
||||||
position:unset;
|
|
||||||
}
|
/* Change the link color to #111 (black) on hover */
|
||||||
.null{
|
li a:hover {
|
||||||
display:none !important;
|
/* background-color: #111; */
|
||||||
height:0px;
|
color: #a785eb;
|
||||||
}
|
}
|
||||||
.subtitle{
|
|
||||||
font-size: calc(1vw * 8);
|
|
||||||
}
|
|
||||||
.pgp{
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
.links{
|
|
||||||
font-size: calc(1vw * 10);
|
|
||||||
}
|
|
||||||
.empty{
|
|
||||||
display:none !important;
|
|
||||||
width:0px;
|
|
||||||
height: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);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
119
index.html
119
index.html
@ -1,99 +1,44 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>RetryLife</title>
|
<title>RetryLife</title>
|
||||||
|
|
||||||
|
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' name='viewport'>
|
||||||
|
|
||||||
<link href="/css/animations.css" rel="stylesheet">
|
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
|
||||||
<link href="/css/main.css" rel="stylesheet">
|
<link rel="stylesheet" href="./css/main.css">
|
||||||
<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>
|
</head>
|
||||||
<body >
|
<body>
|
||||||
<div id="particles-js">
|
<div style="height:100vh">
|
||||||
<article>
|
<div class="infobox">
|
||||||
<!-- About Panel -->
|
<div id="card" class="md:flex bg-white rounded-lg p-6">
|
||||||
<scetion><div class="about" id="about">
|
|
||||||
|
|
||||||
<!-- Spacer -->
|
<!-- Profile photo -->
|
||||||
<div class="three-height"></div>
|
<br>
|
||||||
|
<img class="h-16 `w-16 md:h-24 md:w-24 rounded-full mx-auto md:mx-0 md:mr-6" src="https://avatars0.githubusercontent.com/u/21065412?s=460&v=4">
|
||||||
|
|
||||||
<!-- Name -->
|
<!-- Text -->
|
||||||
<div class="name-wrapper">
|
<div class="text-center md:text-left">
|
||||||
<h1 class="name">Evan</h1>
|
<h2 class="text-lg">Evan Pratten</h2>
|
||||||
<h1 class="name">Pratten</h1>
|
<div class="text-purple-500">Programming Student</div>
|
||||||
<p class="subtitle">Programming Student</p>
|
<div class="text-gray-600">aka: ewpratten</div>
|
||||||
|
<div class="text-gray-600">ewpratten@gmail.com</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<!-- External Links -->
|
<div class="about">
|
||||||
<div class="links">
|
<p class="line text-center">________</p><br>
|
||||||
<a href="https://github.com/ewpratten">GitHub</a><br>
|
<div class="text-gray-600 text-center">"Computer wizard", student, <a href="https://frc5024.github.io" class="text-purple-500">@frc5024</a> programming team lead, and radio enthusiast.</div>
|
||||||
<a href="https://twitter.com/ewpratten">Twitter</a><br>
|
</div>
|
||||||
<a href="https://devrant.com/users/ewpratten">Devrant</a><br>
|
</div>
|
||||||
<a href="https://github.com/frc5024">Robotics</a><br>
|
|
||||||
<a href="#content">More</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- PGP Key -->
|
|
||||||
<div class="pgp">
|
|
||||||
<p><a href="https://keybase.io/ewpratten/pgp_keys.asc">56F5 A6FB 5A8E EF90</a><a href="/id_rsa.pub">SSH</a></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div></scetion>
|
|
||||||
|
|
||||||
<!-- Blank Panel -->
|
|
||||||
<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><dashed>---</dashed> About Me <dashed>---</dashed></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><dashed>---</dashed> Robotics <dashed>---</dashed></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>
|
|
||||||
|
|
||||||
<!-- Projects -->
|
|
||||||
<h1><dashed>---</dashed> Projects <dashed>---</dashed></h1>
|
|
||||||
<p>Every year, I work on a large number of projects. Some of the interesting ones are listed here:</p>
|
|
||||||
|
|
||||||
<li><a onclick="transition('https://github.com/frc5024')">Robotics Projects</a></li>
|
|
||||||
<li><a onclick="transition('/devmon.html')">devRant API Status</a></li>
|
|
||||||
<li><a onclick="transition('https://api.retrylife.ca/endpoints')">RetryLife API</a></li>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- JS -->
|
<div class="navbar">
|
||||||
<script src="/js/particles.min.js"></script>
|
<div class="navbarinner">
|
||||||
<script src="/js/main.js"></script>
|
<ul>
|
||||||
<script src="/js/console.js"></script>
|
<li><a href="https://github.com/ewpratten" class="text-gray-600">Github</a></li>
|
||||||
<script src="/js/links.js"></script>
|
<li><a href="https://twitter.com/ewpratten" class="text-gray-600">Twitter</a></li>
|
||||||
|
<li><a href="https://devrant.com/users/ewpratten" class="text-gray-600">Devrant</a></li>
|
||||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
<li><a href="/blog" class="text-gray-600">Blog</a></li>
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
</ul>
|
||||||
<script>
|
</div>
|
||||||
window.dataLayer = window.dataLayer || [];
|
</div>
|
||||||
function gtag(){dataLayer.push(arguments);}
|
|
||||||
gtag('js', new Date());
|
|
||||||
|
|
||||||
gtag('config', 'UA-74118570-2');
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
109
index.html.bkp
109
index.html.bkp
@ -1,109 +0,0 @@
|
|||||||
<head>
|
|
||||||
<title>Retrylife</title>
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
|
|
||||||
<style>
|
|
||||||
body{
|
|
||||||
background-color:#e5e9f0;
|
|
||||||
background-image: url(https://www.bypeople.com/wp-content/uploads/2015/05/css-grid-like-background.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size:cover;
|
|
||||||
background-attachment: fixed;
|
|
||||||
}
|
|
||||||
html {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div style="height:35%"></div>
|
|
||||||
|
|
||||||
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
|
|
||||||
<div class="sm:flex sm:items-center px-6 py-4">
|
|
||||||
<img class="block h-16 sm:h-24 rounded-full mx-auto mb-4 sm:mb-0 sm:mr-4 sm:ml-0" src="https://avatars0.githubusercontent.com/u/21065412?s=460&v=4" alt="">
|
|
||||||
<div class="text-center sm:text-left sm:flex-grow">
|
|
||||||
<div class="mb-4">
|
|
||||||
<p class="text-xl leading-tight">Evan Pratten</p>
|
|
||||||
<p class="text-sm leading-tight text-grey-dark">Programmer and student</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="https://github.com/ewpratten"><button class="text-xs font-semibold rounded-full px-4 py-1 leading-normal bg-white border border-purple text-purple hover:bg-purple hover:text-white">GitHub</button></a>
|
|
||||||
<a href="#about"><button class="text-xs font-semibold rounded-full px-4 py-1 leading-normal bg-white border border-purple text-purple hover:bg-purple hover:text-white">View More</button></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="height:40%"></div>
|
|
||||||
|
|
||||||
<br><br>
|
|
||||||
|
|
||||||
<div id="about"></div>
|
|
||||||
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
|
|
||||||
<div class="sm:flex sm:items-center px-6 py-4">
|
|
||||||
<div class="text-center sm:text-left sm:flex-grow">
|
|
||||||
<div class="mb-4">
|
|
||||||
<p class="text-xl leading-tight">About Me</p>
|
|
||||||
<br>
|
|
||||||
<p class="text-sm leading-tight text-grey-dark">I am a teenager who loves to write code and make stuff. Currently, I am in school, doing stuff... Aside from that, I am a programming captain on FRC team #<a href="https://github.com/frc5024" style="text-decoration:none">5024</a> and spend my free time either programming or thinking about programming</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
|
|
||||||
<div class="sm:flex sm:items-center px-6 py-4">
|
|
||||||
<div class="text-center sm:text-left sm:flex-grow">
|
|
||||||
<div class="mb-4">
|
|
||||||
<p class="text-xl leading-tight">Robotics</p>
|
|
||||||
<br>
|
|
||||||
<p class="text-sm leading-tight text-grey-dark">As a part of team 5024, I co-lead the programming team and help teach new programmers about programming in compiled languages, interfacing with hardware, and computer vidsion. Currently, we are in the middle of a build season and are working to create code for the many tasks involved in this year's game.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
|
|
||||||
<div class="sm:flex sm:items-center px-6 py-4">
|
|
||||||
<div class="text-center sm:text-left sm:flex-grow">
|
|
||||||
<div class="mb-4">
|
|
||||||
<p class="text-xl leading-tight">Social Media</p>
|
|
||||||
<br>
|
|
||||||
<p class="text-sm leading-tight text-grey-dark">When I am not programming or doing homework, I post updates on robotics and other projects to my social media. Feel free to check my posts out.</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="https://twitter.com/ewpratten"><button class="text-xs font-semibold rounded-full px-4 py-1 leading-normal bg-white border border-purple text-purple hover:bg-purple hover:text-white">Twitter</button></a>
|
|
||||||
<a href="https://devrant.com/users/ewpratten"><button class="text-xs font-semibold rounded-full px-4 py-1 leading-normal bg-white border border-purple text-purple hover:bg-purple hover:text-white">devRant</button></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
|
|
||||||
<div class="sm:flex sm:items-center px-6 py-4">
|
|
||||||
<div class="text-center sm:text-left sm:flex-grow">
|
|
||||||
<div class="mb-4">
|
|
||||||
<p class="text-xl leading-tight">Web Development</p>
|
|
||||||
<br>
|
|
||||||
<p class="text-sm leading-tight text-grey-dark">In my free time, I build websites for varipus people and groups. Here are some of the sites I have built:</p><br>
|
|
||||||
<li><a href="https://frc5024.github.io">frc5024</a></li>
|
|
||||||
<li><a href="https://hyperlisk.xyz">hyperlisk.xyz</a></li>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br><br>
|
|
||||||
|
|
||||||
<br><br>
|
|
||||||
<div style="text-align:center;">
|
|
||||||
<p class="text-sm leading-tight text-grey-dark" ><a href="https://keybase.io/ewpratten/pgp_keys.asc" style="text-decoration:none;padding:2;border-radius:2px;background-color:#e5e9f0;">56F5 A6FB 5A8E EF90</a></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
console.log("Welcome, traveler!")
|
|
||||||
console.log("You have stumbled upon the mystical terminal. ")
|
|
||||||
console.log("This website is based off a template I origonally made for hyperlisk.xyz")
|
|
||||||
@ -1,56 +0,0 @@
|
|||||||
async function slideup(){
|
|
||||||
var blank = document.getElementById("blank");
|
|
||||||
var site = document.getElementById("site");
|
|
||||||
|
|
||||||
if (screen && screen.width > 600) {
|
|
||||||
site.style = 'scroll-behavior: unset;';
|
|
||||||
|
|
||||||
window.location = "#top"
|
|
||||||
|
|
||||||
await sleep(400);
|
|
||||||
site.style = 'scroll-behavior: smooth;';
|
|
||||||
|
|
||||||
window.location = "#content"
|
|
||||||
await sleep(1000);
|
|
||||||
}
|
|
||||||
blank.style = "display:none!important;overflow: hidden; position:fixed; ";
|
|
||||||
window.location = "#"
|
|
||||||
|
|
||||||
console.log("slide");
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const scrollToTop = () => {
|
|
||||||
const c = document.documentElement.scrollTop || document.body.scrollTop;
|
|
||||||
if (c > 0) {
|
|
||||||
window.requestAnimationFrame(scrollToTop);
|
|
||||||
window.scrollTo(0, c - c);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
async function slidedown(link){
|
|
||||||
var blank = document.getElementById("blank");
|
|
||||||
var site = document.getElementById("site");
|
|
||||||
|
|
||||||
if (screen && screen.width > 600) {
|
|
||||||
blank.style = "display:block !important; ";
|
|
||||||
|
|
||||||
site.style = 'scroll-behavior: unset !important;';
|
|
||||||
window.location = "#content"
|
|
||||||
|
|
||||||
await sleep(20);
|
|
||||||
|
|
||||||
site.style = 'scroll-behavior: smooth !important;';
|
|
||||||
scrollToTop();
|
|
||||||
|
|
||||||
await sleep(500);
|
|
||||||
}
|
|
||||||
|
|
||||||
window.location = link;
|
|
||||||
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
slideup();
|
|
||||||
22
js/links.js
22
js/links.js
@ -1,22 +0,0 @@
|
|||||||
function sleep(ms) {
|
|
||||||
return new Promise(resolve => setTimeout(resolve, ms));
|
|
||||||
}
|
|
||||||
|
|
||||||
async function transition(link){
|
|
||||||
var content = document.getElementById("content");
|
|
||||||
var about = document.getElementById("about");
|
|
||||||
var all = document.getElementById("body");
|
|
||||||
|
|
||||||
console.log(link);
|
|
||||||
|
|
||||||
if (screen && screen.width > 600) {
|
|
||||||
content.classList.add("fade-out");
|
|
||||||
await sleep(300);
|
|
||||||
about.classList.add("slide-left");
|
|
||||||
// all.classList.add("fade-out");
|
|
||||||
await sleep(1000);
|
|
||||||
// content.classList.add("hidden");
|
|
||||||
}
|
|
||||||
|
|
||||||
window.location = link;
|
|
||||||
}
|
|
||||||
114
js/main.js
114
js/main.js
@ -1,114 +0,0 @@
|
|||||||
document.addEventListener('DOMContentLoaded', function () {
|
|
||||||
particlesJS('particles-js',
|
|
||||||
{
|
|
||||||
"particles": {
|
|
||||||
"number": {
|
|
||||||
"value": 80,
|
|
||||||
"density": {
|
|
||||||
"enable": true,
|
|
||||||
"value_area": 800
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"color": {
|
|
||||||
"value": "#d90368"
|
|
||||||
},
|
|
||||||
"shape": {
|
|
||||||
"type": "circle",
|
|
||||||
"stroke": {
|
|
||||||
"width": 0,
|
|
||||||
"color": "#000000"
|
|
||||||
},
|
|
||||||
"polygon": {
|
|
||||||
"nb_sides": 3
|
|
||||||
},
|
|
||||||
"image": {
|
|
||||||
"src": "img/github.svg",
|
|
||||||
"width": 100,
|
|
||||||
"height": 100
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"opacity": {
|
|
||||||
"value": 0.5,
|
|
||||||
"random": false,
|
|
||||||
"anim": {
|
|
||||||
"enable": false,
|
|
||||||
"speed": 1,
|
|
||||||
"opacity_min": 0.1,
|
|
||||||
"sync": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"size": {
|
|
||||||
"value": 3,
|
|
||||||
"random": true,
|
|
||||||
"anim": {
|
|
||||||
"enable": false,
|
|
||||||
"speed": 40,
|
|
||||||
"size_min": 0.1,
|
|
||||||
"sync": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"line_linked": {
|
|
||||||
"enable": true,
|
|
||||||
"distance": 150,
|
|
||||||
"color": "#d90368",
|
|
||||||
"opacity": 0.4,
|
|
||||||
"width": 1
|
|
||||||
},
|
|
||||||
"move": {
|
|
||||||
"enable": true,
|
|
||||||
"speed": 6,
|
|
||||||
"direction": "none",
|
|
||||||
"random": false,
|
|
||||||
"straight": false,
|
|
||||||
"out_mode": "out",
|
|
||||||
"bounce": false,
|
|
||||||
"attract": {
|
|
||||||
"enable": false,
|
|
||||||
"rotateX": 600,
|
|
||||||
"rotateY": 1200
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"interactivity": {
|
|
||||||
"detect_on": "canvas",
|
|
||||||
"events": {
|
|
||||||
"onhover": {
|
|
||||||
"enable": true,
|
|
||||||
"mode": "repulse"
|
|
||||||
},
|
|
||||||
"onclick": {
|
|
||||||
"enable": true,
|
|
||||||
"mode": "push"
|
|
||||||
},
|
|
||||||
"resize": true
|
|
||||||
},
|
|
||||||
"modes": {
|
|
||||||
"grab": {
|
|
||||||
"distance": 400,
|
|
||||||
"line_linked": {
|
|
||||||
"opacity": 1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"bubble": {
|
|
||||||
"distance": 400,
|
|
||||||
"size": 40,
|
|
||||||
"duration": 2,
|
|
||||||
"opacity": 8,
|
|
||||||
"speed": 3
|
|
||||||
},
|
|
||||||
"repulse": {
|
|
||||||
"distance": 200,
|
|
||||||
"duration": 0.4
|
|
||||||
},
|
|
||||||
"push": {
|
|
||||||
"particles_nb": 4
|
|
||||||
},
|
|
||||||
"remove": {
|
|
||||||
"particles_nb": 2
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"retina_detect": true
|
|
||||||
}
|
|
||||||
)
|
|
||||||
}, !1);
|
|
||||||
110
particles.json
Normal file
110
particles.json
Normal file
@ -0,0 +1,110 @@
|
|||||||
|
{
|
||||||
|
"particles": {
|
||||||
|
"number": {
|
||||||
|
"value": 5,
|
||||||
|
"density": {
|
||||||
|
"enable": true,
|
||||||
|
"value_area": 800
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"color": {
|
||||||
|
"value": "#000000"
|
||||||
|
},
|
||||||
|
"shape": {
|
||||||
|
"type": "circle",
|
||||||
|
"stroke": {
|
||||||
|
"width": 0,
|
||||||
|
"color": "#000000"
|
||||||
|
},
|
||||||
|
"polygon": {
|
||||||
|
"nb_sides": 5
|
||||||
|
},
|
||||||
|
"image": {
|
||||||
|
"src": "img/github.svg",
|
||||||
|
"width": 100,
|
||||||
|
"height": 100
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"opacity": {
|
||||||
|
"value": 1,
|
||||||
|
"random": false,
|
||||||
|
"anim": {
|
||||||
|
"enable": false,
|
||||||
|
"speed": 1,
|
||||||
|
"opacity_min": 0.1,
|
||||||
|
"sync": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"size": {
|
||||||
|
"value": 11.83740145363289,
|
||||||
|
"random": false,
|
||||||
|
"anim": {
|
||||||
|
"enable": false,
|
||||||
|
"speed": 40,
|
||||||
|
"size_min": 0.1,
|
||||||
|
"sync": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"line_linked": {
|
||||||
|
"enable": false,
|
||||||
|
"distance": 150,
|
||||||
|
"color": "#ff0000",
|
||||||
|
"opacity": 0.4,
|
||||||
|
"width": 1
|
||||||
|
},
|
||||||
|
"move": {
|
||||||
|
"enable": true,
|
||||||
|
"speed": 6,
|
||||||
|
"direction": "none",
|
||||||
|
"random": false,
|
||||||
|
"straight": false,
|
||||||
|
"out_mode": "out",
|
||||||
|
"bounce": false,
|
||||||
|
"attract": {
|
||||||
|
"enable": false,
|
||||||
|
"rotateX": 600,
|
||||||
|
"rotateY": 1200
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"interactivity": {
|
||||||
|
"detect_on": "canvas",
|
||||||
|
"events": {
|
||||||
|
"onhover": {
|
||||||
|
"enable": true,
|
||||||
|
"mode": "grab"
|
||||||
|
},
|
||||||
|
"onclick": {
|
||||||
|
"enable": true,
|
||||||
|
"mode": "push"
|
||||||
|
},
|
||||||
|
"resize": true
|
||||||
|
},
|
||||||
|
"modes": {
|
||||||
|
"grab": {
|
||||||
|
"distance": 400,
|
||||||
|
"line_linked": {
|
||||||
|
"opacity": 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"bubble": {
|
||||||
|
"distance": 400,
|
||||||
|
"size": 40,
|
||||||
|
"duration": 2,
|
||||||
|
"opacity": 8,
|
||||||
|
"speed": 3
|
||||||
|
},
|
||||||
|
"repulse": {
|
||||||
|
"distance": 200,
|
||||||
|
"duration": 0.4
|
||||||
|
},
|
||||||
|
"push": {
|
||||||
|
"particles_nb": 4
|
||||||
|
},
|
||||||
|
"remove": {
|
||||||
|
"particles_nb": 2
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"retina_detect": true
|
||||||
|
}
|
||||||
69
twitch.html
69
twitch.html
@ -1,69 +0,0 @@
|
|||||||
<head>
|
|
||||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
|
||||||
<style>
|
|
||||||
h1 {
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
.vcenter {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
a.btnn {
|
|
||||||
color:white;
|
|
||||||
}
|
|
||||||
.embed {
|
|
||||||
align:center;
|
|
||||||
}
|
|
||||||
.btnn {
|
|
||||||
align-self:center;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<ul class="nav justify-content-center">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="./index.html">Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link active" href="./music.html">Music</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="./twitch.html">Twitch</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="./other.html">Other</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<!-- <div style="height:3%"></div> -->
|
|
||||||
|
|
||||||
|
|
||||||
<div id="twitch-embed"></div>
|
|
||||||
|
|
||||||
<!-- Load the Twitch embed script -->
|
|
||||||
<script src="https://embed.twitch.tv/embed/v1.js"></script>
|
|
||||||
|
|
||||||
<!-- Create a Twitch.Embed object that will render within the "twitch-embed" root element. -->
|
|
||||||
<script type="text/javascript">
|
|
||||||
new Twitch.Embed("twitch-embed", {
|
|
||||||
width: '100%',
|
|
||||||
height: '96%',
|
|
||||||
channel: "retrylife"
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- <div class="text-center">
|
|
||||||
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
|
||||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
|
||||||
</body>
|
|
||||||
73
vr.html
Normal file
73
vr.html
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
<!-- <head>
|
||||||
|
<title>RetryLife</title>
|
||||||
|
|
||||||
|
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no' name='viewport'>
|
||||||
|
|
||||||
|
<link rel="stylesheet" src="https://cdn.rawgit.com/doximity/vital/v2.2.1/dist/css/vital.min.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="row header">
|
||||||
|
<div class="section">
|
||||||
|
<a href="/"><img src=""></a>
|
||||||
|
|
||||||
|
<ul class="menu">
|
||||||
|
<li><a href="">test</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body> -->
|
||||||
|
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>RetryLife</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a-scene>
|
||||||
|
<!-- R -->
|
||||||
|
<a-box position="-5 1 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-5 2 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-5 3 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-5 4 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-5 5 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
|
||||||
|
<a-box position="-4 5 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-3 5 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
|
||||||
|
<a-box position="-3 4 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-3 3 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-4 3 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
|
||||||
|
<a-box position="-4 2 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-3 1 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
|
||||||
|
<!-- T -->
|
||||||
|
<a-box position="-1 5 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-0 5 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="1 5 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
|
||||||
|
<a-box position="-0 4 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-0 3 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-0 2 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="-0 1 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
|
||||||
|
<!-- L -->
|
||||||
|
<a-box position="3 5 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="3 4 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="3 3 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="3 2 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="3 1 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
|
||||||
|
<a-box position="4 1 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
<a-box position="5 1 -25" rotation="0 0 0" color="#BBBBBB"></a-box>
|
||||||
|
|
||||||
|
|
||||||
|
<a-sky color="#141414"></a-sky>
|
||||||
|
</a-scene>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user