updated to new template
This commit is contained in:
parent
857a05c8e3
commit
14a3ce7343
138
css/main.css
Normal file
138
css/main.css
Normal file
@ -0,0 +1,138 @@
|
||||
|
||||
canvas {
|
||||
display:block;
|
||||
position: fixed;
|
||||
background-color: rgba(130, 130, 238, 0.299);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:0;
|
||||
padding:0;
|
||||
height:100%;
|
||||
|
||||
-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:#3f32ca;
|
||||
font-family: 'Germania One', cursive;
|
||||
color:white;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.three-height{
|
||||
height:15vh;
|
||||
}
|
||||
|
||||
.pgp{
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.subtitle{
|
||||
font-size: calc(1vw * 2);
|
||||
color:#6b63ca;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
a:hover, a:visited, a:link, a:active, a:any-link{
|
||||
text-decoration: none !important;
|
||||
color:#5348ca;
|
||||
margin:40;
|
||||
}
|
||||
|
||||
/* Set font size for small screen */
|
||||
@media only screen and (max-width: 600px) {
|
||||
.name{
|
||||
font-size: calc(1vw * 15);
|
||||
}
|
||||
.about{
|
||||
width:100%;
|
||||
overflow: hidden;
|
||||
position:fixed;
|
||||
}
|
||||
.null{
|
||||
display:none !important;
|
||||
height:0px;
|
||||
}
|
||||
.subtitle{
|
||||
font-size: calc(1vw * 8);
|
||||
}
|
||||
.pgp{
|
||||
display:none;
|
||||
}
|
||||
.links{
|
||||
font-size: calc(1vw * 10);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* 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; }
|
||||
}
|
||||
130
index.html
130
index.html
@ -1,92 +1,52 @@
|
||||
<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">
|
||||
<title>RetryLife</title>
|
||||
|
||||
<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">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
</head>
|
||||
<body>
|
||||
<div style="height:35%"></div>
|
||||
<div id="particles-js">
|
||||
<article>
|
||||
<!-- About Panel -->
|
||||
<scetion><div class="about">
|
||||
|
||||
<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>
|
||||
<!-- Spacer -->
|
||||
<div class="three-height"></div>
|
||||
|
||||
<!-- Name -->
|
||||
<div class="name-wrapper">
|
||||
<h1 class="name">Evan</h1>
|
||||
<h1 class="name">Pratten</h1>
|
||||
<p class="subtitle">Programming Student</p>
|
||||
</div>
|
||||
|
||||
<!-- External Links -->
|
||||
<div class="links">
|
||||
<a href="https://github.com/retrax24">GitHub</a><br>
|
||||
<a href="https://twitter.com/ewpratten">Twitter</a><br>
|
||||
<!-- <a href="https://twitch.tv/retraxa">Twitch</a><br> -->
|
||||
<a href="https://devrant.com/users/hyperlisk">Devrant</a><br>
|
||||
<a href="https://github.com/frc5024">Robotics</a><br>
|
||||
</div>
|
||||
|
||||
<!-- PGP Key -->
|
||||
<div class="pgp">
|
||||
<p><a href="https://keybase.io/ewpratten/pgp_keys.asc">56F5 A6FB 5A8E EF90</a></p>
|
||||
</div>
|
||||
|
||||
|
||||
</div></scetion>
|
||||
|
||||
<!-- Blank Panel -->
|
||||
<scetion class="null"><div class="blank"></div></scetion>
|
||||
|
||||
</article>
|
||||
</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><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>
|
||||
|
||||
|
||||
<!-- JS -->
|
||||
<script src="/js/particles.min.js"></script>
|
||||
<script src="/js/main.js"></script>
|
||||
<script src="/js/console.js"></script>
|
||||
</body>
|
||||
139
index.html.bkp
139
index.html.bkp
@ -1,40 +1,109 @@
|
||||
<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;
|
||||
<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;
|
||||
}
|
||||
h3 {
|
||||
text-align:center;
|
||||
}
|
||||
.vcenter {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
float: none;
|
||||
}
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>RetryLife</title>
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
</head>
|
||||
<body>
|
||||
<ul class="nav justify-content-center">
|
||||
<!-- <li class="nav-item">
|
||||
<a class="nav-link active" href="./index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" 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:30%"></div>
|
||||
<h1 class="display-1">RetryLife</h1>
|
||||
<h3><small class="text-muted">A collection of projects by <em><a href="https://github.com/ewpratten">Evan Pratten</a></em></small></h3>
|
||||
<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>
|
||||
<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>
|
||||
3
js/console.js
Normal file
3
js/console.js
Normal file
@ -0,0 +1,3 @@
|
||||
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")
|
||||
114
js/main.js
Normal file
114
js/main.js
Normal file
@ -0,0 +1,114 @@
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
particlesJS('particles-js',
|
||||
{
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 80,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 800
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#0000ac"
|
||||
},
|
||||
"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": "#235eca",
|
||||
"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);
|
||||
9
js/particles.min.js
vendored
Normal file
9
js/particles.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
69
music.html
69
music.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 class="container">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="p-1">
|
||||
</div>
|
||||
<div class="p-1">
|
||||
<div class="embed">
|
||||
<iframe style="border: 0; width: 350px; height: 786px;" src="https://bandcamp.com/EmbeddedPlayer/album=3953554787/size=large/bgcol=ffffff/linkcol=0687f5/transparent=true/" seamless><a href="http://retrylife.bandcamp.com/album/x-mas-02">X-MAS 02 by RetryLife</a></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="text-center">
|
||||
<a class="btnn" href="https://retrylife.bandcamp.com"><button type="button" class="btn btn-primary">More Music</button></a>
|
||||
<a class="btnn" href="https://keybase.pub/ewpratten/RetryLife%20Albums"><button type="button" class="btn btn-primary">Free Downloads</button></a>
|
||||
|
||||
|
||||
</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>
|
||||
74
other.html
74
other.html
@ -1,74 +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;
|
||||
}
|
||||
.boxy {
|
||||
width:30%;
|
||||
/* text-align: 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 class="container">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="p-1">
|
||||
</div>
|
||||
<div class="p-1">
|
||||
|
||||
<a href="https://www.youtube.com/channel/UCrHT3Lt0Mg90bspbMHJfTcA"><h1 class="display-4">Youtube</h1></a><br>
|
||||
<a href="https://www.twitter.com/ewpratten"><h1 class="display-4">Twitter</h1></a><br>
|
||||
<a href="https://www.github.com/ewpratten"><h1 class="display-4">GitHub</h1></a><br>
|
||||
<a href="https://www.keybase.io/ewpratten"><h1 class="display-4">Keybase</h1></a><br>
|
||||
|
||||
</div>
|
||||
<div class="p-1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<!-- <div class="text-center">
|
||||
<p class="lead"> Who Am I? </p>
|
||||
<div style="width:30%;"><p>I, ewpratten, am a teenager who enjoys making stuff and sharing it with people. This website is where I have decided to share all my work.</p></div>
|
||||
</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>
|
||||
Loading…
x
Reference in New Issue
Block a user