GitHub
BIN
Backup/favicon.ico
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 3.4 MiB After Width: | Height: | Size: 3.4 MiB |
|
Before Width: | Height: | Size: 125 KiB After Width: | Height: | Size: 125 KiB |
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB |
69
Backup/index.html
Normal file
@ -0,0 +1,69 @@
|
||||
|
||||
<head>
|
||||
<link href="https://unpkg.com/picnic" rel="stylesheet">
|
||||
<title>RetryLife</title>
|
||||
<style>
|
||||
@font-face{
|
||||
font-family: "8-bit";
|
||||
src: url('./font.txt'),
|
||||
url('./font.txt'); /* IE */
|
||||
}
|
||||
body {
|
||||
font-family: "8-bit";
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="flex one three-600 demo">
|
||||
<div><span></span></div>
|
||||
<div style="text-align:center;" class="lll"><span>
|
||||
<br>
|
||||
<br>
|
||||
<h1>RetryLife</h1>
|
||||
<p id="demo">21d 12h 19m 33s </p>
|
||||
<a href="Http://retrylife.bandcamp.com"><h2>Music</h2></a>
|
||||
<a href="https://www.youtube.com/channel/UCrHT3Lt0Mg90bspbMHJfTcA"><h2>YouTube</h2></a>
|
||||
<a href="https://twitch.tv/retrylife/"><h2>Twitch</h2></a>
|
||||
<a href="https://ewpratten.deviantart.com/"><h2>DeviantArt</h2></a>
|
||||
<a href="https://devcredits.herokuapp.com/"><h2>devCredits</h2></a>
|
||||
<a href="http://www.retrylife.ca/button/"><h2>The Button</h2></a>
|
||||
<a href="https://github.com/Ewpratten"><h2>Github</h2></a>
|
||||
<a href="https://keybase.io/ewpratten"><h2>Keybase</h2></a>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
// Set the date we're counting down to
|
||||
var countDownDate = new Date("Dec 25, 2017 9:0:0").getTime();
|
||||
|
||||
// Update the count down every 1 second
|
||||
var x = setInterval(function() {
|
||||
|
||||
// Get todays date and time
|
||||
var now = new Date().getTime();
|
||||
|
||||
// Find the distance between now an the count down date
|
||||
var distance = countDownDate - now;
|
||||
|
||||
// Time calculations for days, hours, minutes and seconds
|
||||
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
|
||||
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
|
||||
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
|
||||
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
|
||||
|
||||
// Output the result in an element with id="demo"
|
||||
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
|
||||
+ minutes + "m " + seconds + "s ";
|
||||
|
||||
// If the count down is over, write some text
|
||||
if (distance < 0) {
|
||||
clearInterval(x);
|
||||
document.getElementById("demo").innerHTML = "";
|
||||
}
|
||||
}, 1000);
|
||||
</script>
|
||||
</span></div>
|
||||
<div><span></span></div>
|
||||
</div>
|
||||
</body>
|
||||
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 772 KiB After Width: | Height: | Size: 772 KiB |
|
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 353 KiB After Width: | Height: | Size: 353 KiB |
|
Before Width: | Height: | Size: 318 B After Width: | Height: | Size: 318 B |
|
Before Width: | Height: | Size: 6.9 MiB After Width: | Height: | Size: 6.9 MiB |
|
Before Width: | Height: | Size: 2.7 MiB After Width: | Height: | Size: 2.7 MiB |
|
Before Width: | Height: | Size: 2.9 MiB After Width: | Height: | Size: 2.9 MiB |
|
Before Width: | Height: | Size: 2.1 MiB After Width: | Height: | Size: 2.1 MiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
95
index.html
@ -1,69 +1,38 @@
|
||||
|
||||
<head>
|
||||
<link href="https://unpkg.com/picnic" rel="stylesheet">
|
||||
<title>RetryLife</title>
|
||||
<style>
|
||||
@font-face{
|
||||
font-family: "8-bit";
|
||||
src: url('./font.txt'),
|
||||
url('./font.txt'); /* IE */
|
||||
<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;
|
||||
}
|
||||
body {
|
||||
font-family: "8-bit";
|
||||
h3 {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
</style>
|
||||
.vcenter {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
float: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="flex one three-600 demo">
|
||||
<div><span></span></div>
|
||||
<div style="text-align:center;" class="lll"><span>
|
||||
<br>
|
||||
<br>
|
||||
<h1>RetryLife</h1>
|
||||
<p id="demo">21d 12h 19m 33s </p>
|
||||
<a href="Http://retrylife.bandcamp.com"><h2>Music</h2></a>
|
||||
<a href="https://www.youtube.com/channel/UCrHT3Lt0Mg90bspbMHJfTcA"><h2>YouTube</h2></a>
|
||||
<a href="https://twitch.tv/retrylife/"><h2>Twitch</h2></a>
|
||||
<a href="https://ewpratten.deviantart.com/"><h2>DeviantArt</h2></a>
|
||||
<a href="https://devcredits.herokuapp.com/"><h2>devCredits</h2></a>
|
||||
<a href="http://www.retrylife.ca/button/"><h2>The Button</h2></a>
|
||||
<a href="https://github.com/Ewpratten"><h2>Github</h2></a>
|
||||
<a href="https://keybase.io/ewpratten"><h2>Keybase</h2></a>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
// Set the date we're counting down to
|
||||
var countDownDate = new Date("Dec 25, 2017 9:0:0").getTime();
|
||||
|
||||
// Update the count down every 1 second
|
||||
var x = setInterval(function() {
|
||||
|
||||
// Get todays date and time
|
||||
var now = new Date().getTime();
|
||||
|
||||
// Find the distance between now an the count down date
|
||||
var distance = countDownDate - now;
|
||||
|
||||
// Time calculations for days, hours, minutes and seconds
|
||||
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
|
||||
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
|
||||
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
|
||||
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
|
||||
|
||||
// Output the result in an element with id="demo"
|
||||
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
|
||||
+ minutes + "m " + seconds + "s ";
|
||||
|
||||
// If the count down is over, write some text
|
||||
if (distance < 0) {
|
||||
clearInterval(x);
|
||||
document.getElementById("demo").innerHTML = "";
|
||||
}
|
||||
}, 1000);
|
||||
</script>
|
||||
</span></div>
|
||||
<div><span></span></div>
|
||||
</div>
|
||||
<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">"Let's make something cool!"</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>
|
||||
</body>
|
||||
|
||||
69
music.html
Normal file
@ -0,0 +1,69 @@
|
||||
<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
Normal file
@ -0,0 +1,74 @@
|
||||
<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>
|
||||
69
twitch.html
Normal file
@ -0,0 +1,69 @@
|
||||
<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>
|
||||