From 17df736309489ecf862285ef95f6be6baf53ec1c Mon Sep 17 00:00:00 2001 From: Evan Pratten Date: Wed, 22 May 2019 12:54:54 -0400 Subject: [PATCH] Here we go again.. --- css/animations.css | 153 ------------------------- css/main.css | 267 +++++++------------------------------------- index.html | 119 ++++++-------------- index.html.bkp | 109 ------------------ js/console.js | 3 - js/content-rizer.js | 56 ---------- js/links.js | 22 ---- js/main.js | 114 ------------------- particles.json | 110 ++++++++++++++++++ twitch.html | 69 ------------ vr.html | 73 ++++++++++++ 11 files changed, 254 insertions(+), 841 deletions(-) delete mode 100644 css/animations.css delete mode 100644 index.html.bkp delete mode 100644 js/console.js delete mode 100644 js/content-rizer.js delete mode 100644 js/links.js delete mode 100644 js/main.js create mode 100644 particles.json delete mode 100644 twitch.html create mode 100644 vr.html diff --git a/css/animations.css b/css/animations.css deleted file mode 100644 index a8596ca..0000000 --- a/css/animations.css +++ /dev/null @@ -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; -} \ No newline at end of file diff --git a/css/main.css b/css/main.css index 562707b..4b4f01a 100644 --- a/css/main.css +++ b/css/main.css @@ -1,240 +1,51 @@ - -: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 { +/* canvas { display:block; position: fixed; - margin:0; - padding:0; - background-color: var(--main-bg-color); z-index: -1; - top:0; -} +} */ -html { - overflow: scroll; - overflow-x: hidden; - scroll-behavior: smooth; -} -::-webkit-scrollbar { - 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; +.infobox { + position: relative; + top: 50%; + transform: translateY(-50%); + max-width:400px; + max-height:600px; 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%; -} -.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; +.navbar{ + position: absolute; bottom:0; - text-align:center; + width: 100vw; } -.subtitle{ - font-size: calc(1vw * 2); - color:var(--panel-sub-color); - margin:0; +.navbarinner{ + width: max-content; + margin:auto; } -a:hover, a:visited, a:link, a:active, a:any-link{ - text-decoration: none !important; - color:var(--panel-link-color); - margin:40; - margin-right:0; -} - -li a:hover{ - margin:0; -} - -/* Set font size for small screen */ -@media only screen and (max-width: 600px) { - .name{ - font-size: calc(1vw * 15); - } - .about{ - width:100%; - overflow: none; - position:unset; - } - .null{ - display:none !important; - height:0px; - } - .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); - } - -} +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + /* background-color: #333; */ + } + + li { + float: left; + } + + li a { + display: block; + /* color: white; */ + text-align: center; + padding: 14px 16px; + text-decoration: none; + } + + /* Change the link color to #111 (black) on hover */ + li a:hover { + /* background-color: #111; */ + color: #a785eb; + } \ No newline at end of file diff --git a/index.html b/index.html index 5ccf6ca..68ef944 100644 --- a/index.html +++ b/index.html @@ -1,99 +1,44 @@ RetryLife + - - - - - - + + - -
- - - -
- - - - - - - -
-
-
- -

--- About Me ---

-

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

- - -

--- Robotics ---

-

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.

- - -

--- Projects ---

-

Every year, I work on a large number of projects. Some of the interesting ones are listed here:

- -
  • Robotics Projects
    • -
  • devRant API Status
    • -
  • RetryLife API
    • - -
    -
    -
    +
    +
    +

    ________


    +
    "Computer wizard", student, @frc5024 programming team lead, and radio enthusiast.
    +
    + - - - - - - - - - +
    +
    + +
    +
    \ No newline at end of file diff --git a/index.html.bkp b/index.html.bkp deleted file mode 100644 index 5da635e..0000000 --- a/index.html.bkp +++ /dev/null @@ -1,109 +0,0 @@ - - Retrylife - - - - - -
    - -
    -
    - -
    -
    -

    Evan Pratten

    -

    Programmer and student

    -
    -
    - - -
    -
    -
    -
    - -
    - -

    - -
    -
    -
    -
    -
    -

    About Me

    -
    -

    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 #5024 and spend my free time either programming or thinking about programming

    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -

    Robotics

    -
    -

    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.

    -
    -
    -
    -
    - -
    - -
    -
    -
    -
    -

    Social Media

    -
    -

    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.

    -
    -
    - - -
    -
    -
    -
    - -
    -
    -
    -
    -
    -

    Web Development

    -
    -

    In my free time, I build websites for varipus people and groups. Here are some of the sites I have built:


    -
  • frc5024
    • -
  • hyperlisk.xyz
    • -
    -
    -
    -
    - -

    - -

    -
    -

    56F5 A6FB 5A8E EF90

    -
    - - - \ No newline at end of file diff --git a/js/console.js b/js/console.js deleted file mode 100644 index b576f8d..0000000 --- a/js/console.js +++ /dev/null @@ -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") \ No newline at end of file diff --git a/js/content-rizer.js b/js/content-rizer.js deleted file mode 100644 index 366dff1..0000000 --- a/js/content-rizer.js +++ /dev/null @@ -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(); \ No newline at end of file diff --git a/js/links.js b/js/links.js deleted file mode 100644 index 7752240..0000000 --- a/js/links.js +++ /dev/null @@ -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; -} \ No newline at end of file diff --git a/js/main.js b/js/main.js deleted file mode 100644 index af16898..0000000 --- a/js/main.js +++ /dev/null @@ -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); \ No newline at end of file diff --git a/particles.json b/particles.json new file mode 100644 index 0000000..88b31cb --- /dev/null +++ b/particles.json @@ -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 + } \ No newline at end of file diff --git a/twitch.html b/twitch.html deleted file mode 100644 index 9b7fcd7..0000000 --- a/twitch.html +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - - - - - - -
    - - - - - - - - - - - - - - diff --git a/vr.html b/vr.html new file mode 100644 index 0000000..f0b00d6 --- /dev/null +++ b/vr.html @@ -0,0 +1,73 @@ + + + + + + RetryLife + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +