some changes

This commit is contained in:
Ellpeck 2019-06-01 22:26:20 +02:00
parent 4412d46e8f
commit 7bb5409b47
12 changed files with 43 additions and 113 deletions

View file

@ -51,7 +51,6 @@
<a class="nav-item nav-link" href="#social">Social</a> <a class="nav-item nav-link" href="#social">Social</a>
<a class="nav-item nav-link" href="#about">About</a> <a class="nav-item nav-link" href="#about">About</a>
<a class="nav-item nav-link" href="#blog">Blog</a> <a class="nav-item nav-link" href="#blog">Blog</a>
<a class="nav-item nav-link" href="#support">Support Me</a>
</div> </div>
<span class="navbar-text"> <span class="navbar-text">
<div class="custom-control custom-checkbox"> <div class="custom-control custom-checkbox">
@ -89,10 +88,10 @@
<div class="list-display rounded"> <div class="list-display rounded">
<h1>Projects</h1> <h1>Projects</h1>
<p> <p>
Here is a list of some of my projects. Check them out if you want!<br>For a full list of my programming projects, you can check out my GitHub page linked <a href="#social">below</a>. Here is a list of some of the things that you might know me from. If you want to have a more in-depth look at everything I do, check out some of the sites linked in the <a href="#social">Social</a> section.
</p> </p>
<div id="project-list"> <div id="project-list">
<noscript><em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em></noscript> <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
</div> </div>
<script src="scripts/projects.js"></script> <script src="scripts/projects.js"></script>
</div> </div>
@ -102,10 +101,10 @@
<div class="list-display rounded"> <div class="list-display rounded">
<h1>Social</h1> <h1>Social</h1>
<p> <p>
This is a list of the websites and social media platforms that I regularly use. I'm usually most active on my Discord server and on Twitter, but if it's a more serious inquiry, you can also send me an email. These are other websites where you can find me and the things I do, including the pages where I publish my code and games and where I sometimes stream and upload videos. This list also includes a lot of ways to reach me.
</p> </p>
<div id="social-list"> <div id="social-list">
<noscript><em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em></noscript> <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
</div> </div>
<script src="scripts/social.js"></script> <script src="scripts/social.js"></script>
</div> </div>
@ -118,7 +117,7 @@
Sometimes, some people ask me some questions about myself or my projects, so I decided to compile a list of some of the answers in a Q&A-like fashion so that I don't have to keep repeating them. If you're curious about me, this might be interesting to you! Sometimes, some people ask me some questions about myself or my projects, so I decided to compile a list of some of the answers in a Q&A-like fashion so that I don't have to keep repeating them. If you're curious about me, this might be interesting to you!
</p> </p>
<div id="about-list"> <div id="about-list">
<noscript><em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em></noscript> <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
</div> </div>
<script src="scripts/about.js"></script> <script src="scripts/about.js"></script>
</div> </div>
@ -131,23 +130,10 @@
Occasionally I enjoy writing stuff. So here's some of the stuff I've written. Just click on any of the headers to expand the post. Occasionally I enjoy writing stuff. So here's some of the stuff I've written. Just click on any of the headers to expand the post.
</p> </p>
<div id="blog-list"> <div id="blog-list">
<noscript><em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em></noscript> <em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em>
</div> </div>
<script src="scripts/blog.js"></script> <script src="scripts/blog.js"></script>
</div> </div>
<!-- Support -->
<a class="anchor" id="support"></a>
<div class="list-display rounded">
<h1>Support Me</h1>
<p>
If you're interested, here are some ways that you can use to throw some of your precious money my way without actually having me work for you. Keep in mind that doing this is, of course, optional.
</p>
<div id="support-list">
<noscript><em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em></noscript>
</div>
<script src="scripts/support.js"></script>
</div>
</div> </div>
<!-- Footer --> <!-- Footer -->

5
pride.css Normal file
View file

@ -0,0 +1,5 @@
.jumbotron {
background-image: url("res/pride.png");
background-size: auto 100%;
color: black;
}

BIN
res/pride.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

View file

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 57 KiB

View file

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 53 KiB

View file

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View file

@ -22,6 +22,10 @@ const questions = [{
'q': 'What languages do you speak?', 'q': 'What languages do you speak?',
'a': 'German, English, Java, JavaScript, C# and a bit of C, HTML and CSS.' 'a': 'German, English, Java, JavaScript, C# and a bit of C, HTML and CSS.'
}, },
{
"q": "How do you make games?",
"a": "I recently fell in love with the game engine Unity. It's so great and so fun to use."
},
{ {
'q': 'What\'s your favorite programming language?', 'q': 'What\'s your favorite programming language?',
'a': 'It varies between C# and Java, based on the language that I currently use more.' 'a': 'It varies between C# and Java, based on the language that I currently use more.'
@ -41,10 +45,6 @@ const questions = [{
{ {
'q': 'How did you make this site?', 'q': 'How did you make this site?',
'a': 'I made this page using <a href="https://getbootstrap.com/">Bootstrap</a>. The content is dynamically generated using JavaScript based on a bunch of JSON data. If you\'re curious about the (probably pretty messy) code, then you can check out the <a href="https://github.com/Ellpeck/Web">GitHub repository</a>.' 'a': 'I made this page using <a href="https://getbootstrap.com/">Bootstrap</a>. The content is dynamically generated using JavaScript based on a bunch of JSON data. If you\'re curious about the (probably pretty messy) code, then you can check out the <a href="https://github.com/Ellpeck/Web">GitHub repository</a>.'
},
{
'q': 'What\'s the deal with life?',
'a': 'Man, if I knew.'
} }
]; ];
@ -58,7 +58,7 @@ for (question of questions) {
$('#about-list').html(a); $('#about-list').html(a);
function getAge() { function getAge() {
let birthdayMillis = Date.UTC(1999, 05, 21); let birthdayMillis = Date.UTC(1999, 4, 21);
let todayMillis = Date.now(); let todayMillis = Date.now();
let ageSinceStart = new Date(todayMillis - birthdayMillis); let ageSinceStart = new Date(todayMillis - birthdayMillis);
return ageSinceStart.getUTCFullYear() - 1970; return ageSinceStart.getUTCFullYear() - 1970;

View file

@ -8,6 +8,7 @@ $.ajax({
cache: false, cache: false,
success: function (json) { success: function (json) {
let list = $('#blog-list'); let list = $('#blog-list');
list.html("");
for (let i = json.length - 1; i >= 0; i--) { for (let i = json.length - 1; i >= 0; i--) {
var obj = json[i]; var obj = json[i];
let id = obj["id"]; let id = obj["id"];

View file

@ -1,9 +1,11 @@
let dark = getCookie("dark") === "true"; let dark = getCookie("dark") === "true";
let cookieNotification = getCookie("notification") !== "true"; let cookieNotification = getCookie("notification") !== "true";
let pride = new Date().getMonth() == 5;
if (dark) { if (dark)
document.write('<link rel="stylesheet" href="dark.css">') document.write('<link rel="stylesheet" href="dark.css">')
} if (pride)
document.write('<link rel="stylesheet" href="pride.css">')
$(function () { $(function () {
let openModals = function (hash) { let openModals = function (hash) {

View file

@ -1,4 +1,14 @@
const projects = [{ const projects = [{
'name': 'Actually Additions',
'desc': 'Actually Additions is a rather popular Minecraft mod that I used to work on. It\'s become widely known in the modding community and has reached over 10 million downloads by now, which is crazy. I don\'t work on it anymore myself, but it\'s being maintained for current versions by someone else.',
'links': {
'CurseForge page': 'https://www.ellpeck.de/actadd',
'Online manual': 'https://www.ellpeck.de/actaddmanual/'
},
'status': 'Handed off',
'icon': 'aa'
},
{
'name': "Nature's Aura", 'name': "Nature's Aura",
'desc': "Nature's Aura is a new Minecraft mod about collecting, using and replenishing the Aura naturally present in the world to create useful devices and unique mechanics.", 'desc': "Nature's Aura is a new Minecraft mod about collecting, using and replenishing the Aura naturally present in the world to create useful devices and unique mechanics.",
'status': 'In development', 'status': 'In development',
@ -7,15 +17,6 @@ const projects = [{
}, },
'icon': 'na' 'icon': 'na'
}, },
{
"name": "Foe Frenzy",
"desc": "Foe Frenzy is a fast-paced fighting game where you battle up to three of your friends with random, short-lasting items in an attempt to be the last survivor. I explained my development process for the game in a blog post. Development is currently on hold, but I plan on continuing it soon.",
"status": "On hold",
"links": {
"Read the post": "https://ellpeck.de/#blog-small_projects"
},
"icon": "foefrenzy"
},
{ {
"name": "Tetro", "name": "Tetro",
"desc": "Tetro is a Tetris clone I wrote in an afternoon and a bit. You can play it in the browser. It also features multiple game piece designs and some custom game modes. It was pretty fun to make, and it's pretty fun to play.", "desc": "Tetro is a Tetris clone I wrote in an afternoon and a bit. You can play it in the browser. It also features multiple game piece designs and some custom game modes. It was pretty fun to make, and it's pretty fun to play.",
@ -26,16 +27,6 @@ const projects = [{
}, },
"icon": "tetro" "icon": "tetro"
}, },
{
'name': 'Actually Additions',
'desc': 'Actually Additions is a rather popular Minecraft mod that I used to work on. It\'s become widely known in the modding community and has reached over 10 million downloads by now, which is crazy. I don\'t work on it anymore myself, but it\'s being maintained for current versions by someone else.',
'links': {
'CurseForge page': 'https://www.ellpeck.de/actadd',
'Online manual': 'https://www.ellpeck.de/actaddmanual/'
},
'status': 'Handed off',
'icon': 'aa'
},
{ {
'name': 'Rock Bottom', 'name': 'Rock Bottom',
'desc': 'Rock Bottom is a game I\'ve been working on for a little more than a year now. It\'s a 2D-sidescrolling sandbox game with a storyline that has multiplayer support, a modding API and a lot more fun stuff. It\'s currently still in early development, but I\'m kind of taking a break from it for a while.', 'desc': 'Rock Bottom is a game I\'ve been working on for a little more than a year now. It\'s a 2D-sidescrolling sandbox game with a storyline that has multiplayer support, a modding API and a lot more fun stuff. It\'s currently still in early development, but I\'m kind of taking a break from it for a while.',
@ -45,14 +36,6 @@ const projects = [{
}, },
'status': 'On hold', 'status': 'On hold',
'icon': 'rb' 'icon': 'rb'
},
{
'name': 'Small Games',
'desc': 'Sometimes, I take part in a game jam or set myself the goal to work on a game over a small period of time to flex my creative muscles. Usually, I publish what I created on itch.io for everyone to check out.',
'links': {
'My profile': 'https://ellpeck.itch.io/'
},
'icon': dark ? 'itch_dark' : 'itch'
} }
]; ];

View file

@ -1,9 +1,4 @@
const socials = [{ const socials = [{
'name': 'Email',
'link': 'mailto:me@ellpeck.de',
'darkIcon': true
},
{
'name': 'Discord', 'name': 'Discord',
'link': 'https://www.ellpeck.de/discord', 'link': 'https://www.ellpeck.de/discord',
}, },
@ -16,38 +11,31 @@ const socials = [{
'link': 'https://github.com/Ellpeck/', 'link': 'https://github.com/Ellpeck/',
'darkIcon': true 'darkIcon': true
}, },
{
'name': 'YouTube',
'link': 'https://www.youtube.com/c/ellpeck'
},
{ {
'name': 'Twitch', 'name': 'Twitch',
'link': 'http://twitch.tv/ellpeck' 'link': 'http://twitch.tv/ellpeck'
}, },
{ {
'name': 'Reddit', 'name': 'YouTube',
'link': 'https://www.reddit.com/user/Ellpeck/', 'link': 'https://www.youtube.com/c/ellpeck'
'darkIcon': true },
{
'name': "itch.io",
"link": "https://ellpeck.itch.io/",
"darkIcon": true
}, },
{ {
'name': 'Instagram', 'name': 'Instagram',
'link': 'https://instagram.com/Ellopecko' 'link': 'https://instagram.com/Ellopecko'
}, },
{ {
'name': 'Spotify', 'name': 'Patreon',
'link': 'https://open.spotify.com/user/ellpeck' 'link': 'https://patreon.com/ellpeck'
}, },
{ {
'name': 'Last.fm', 'name': 'Email',
'link': 'https://www.last.fm/user/Ellpeck' 'link': 'mailto:me@ellpeck.de',
}, 'darkIcon': true
{
'name': 'Steam',
'link': 'http://steamcommunity.com/id/ellpeck/'
},
{
'name': 'Facebook',
'link': 'https://www.facebook.com/Ellpeck'
} }
]; ];

View file

@ -1,35 +0,0 @@
const support = [{
'name': 'Support me on Patreon',
'desc': 'Patreon is a great way of giving me money regularly. You automatically give me a set amount each month, and in return, you can get cool rewards like visual fanciness for your Minecraft character when using my mods.',
'link': 'https://patreon.com/Ellpeck',
'icon': 'patreon'
},
{
'name': 'Donate with PayPal',
'desc': 'If you prefer the idea of giving me some money as a one-time payment, using PayPal is probably your best bet. It\'s quick and easy, and it helps me out just the same way.',
'link': 'https://paypal.me/Ellpeck',
'icon': 'paypal'
},
{
'name': 'Send me a gift',
'desc': 'If you want to make a nice surprise, then you can get me something from my Amazon wishlist. I update it fairly regularly and items I want most are generally closer to the top. Keep in mind that the link goes to the German Amazon page, but for most products, you can just change the link a bit and it\'ll come up with the same. Please don\'t get me anything too expensive, though.',
'link': 'https://ellpeck.de/wishlist',
'icon': dark ? 'amazon_dark' : 'amazon'
}
];
let sp = '';
for (way of support) {
sp += '<div class="row align-items-center">';
sp += '<div class="col-md-auto">';
sp += '<a class="btn ' + (dark ? "btn-dark" : "btn-light") + ' support-button rounded-0" href="' + way['link'] + '"><img src="res/support/' + way['icon'] + '.png" class="support-image" alt="">' + way['name'] + '</a>';
sp += '</div>';
sp += '<div class="col support-desc">';
sp += way['desc'];
sp += '</div>';
sp += '</div>';
}
$('#support-list').html(sp);