Browse Source

some changes

pull/1/head
Ellpeck 2 years ago
parent
commit
7bb5409b47
  1. 26
      index.html
  2. 5
      pride.css
  3. BIN
      res/pride.png
  4. 0
      res/social/itch.io.png
  5. 0
      res/social/itch.io_dark.png
  6. 0
      res/social/patreon.png
  7. 10
      scripts/about.js
  8. 1
      scripts/blog.js
  9. 6
      scripts/main.js
  10. 37
      scripts/projects.js
  11. 36
      scripts/social.js
  12. 35
      scripts/support.js

26
index.html

@ -51,7 +51,6 @@
<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="#blog">Blog</a>
<a class="nav-item nav-link" href="#support">Support Me</a>
</div>
<span class="navbar-text">
<div class="custom-control custom-checkbox">
@ -89,10 +88,10 @@
<div class="list-display rounded">
<h1>Projects</h1>
<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>
<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>
<script src="scripts/projects.js"></script>
</div>
@ -102,10 +101,10 @@
<div class="list-display rounded">
<h1>Social</h1>
<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>
<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>
<script src="scripts/social.js"></script>
</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!
</p>
<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>
<script src="scripts/about.js"></script>
</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.
</p>
<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>
<script src="scripts/blog.js"></script>
</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>
<!-- Footer -->

5
pride.css

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

BIN
res/pride.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

0
res/projects/itch.png → res/social/itch.io.png

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 57 KiB

0
res/projects/itch_dark.png → res/social/itch.io_dark.png

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 53 KiB

0
res/support/patreon.png → res/social/patreon.png

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

10
scripts/about.js

@ -22,6 +22,10 @@ const questions = [{
'q': 'What languages do you speak?',
'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?',
'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?',
'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);
function getAge() {
let birthdayMillis = Date.UTC(1999, 05, 21);
let birthdayMillis = Date.UTC(1999, 4, 21);
let todayMillis = Date.now();
let ageSinceStart = new Date(todayMillis - birthdayMillis);
return ageSinceStart.getUTCFullYear() - 1970;

1
scripts/blog.js

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

6
scripts/main.js

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

37
scripts/projects.js

@ -1,4 +1,14 @@
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",
'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',
@ -7,15 +17,6 @@ const projects = [{
},
'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",
"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"
},
{
'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',
'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',
'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'
}
];

36
scripts/social.js

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

35
scripts/support.js

@ -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);
Loading…
Cancel
Save