commit ccf6f21ec1890182929dfc7dd52d53e30d374b20 Author: Ellpeck Date: Tue Jul 24 22:45:53 2018 +0200 Got almost everything working! diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..ff03da7 Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c3c8fde --- /dev/null +++ b/index.html @@ -0,0 +1,171 @@ + + + + + Ellpeck.de + + + + + + + + + + + + + + + + +
+ +
+
+

+ +

Welcome to my little website! I'm Ellpeck, a student and hobbyist coder and writer from Germany.

+

Look around this website to find out more about my projects and other places you can find me!

+
+
+ + + +
+

Projects

+

+ Below is a list of all of the projects that I'm working on or that I've made in the past. Check them out if you want! +

+
+ +
+ + + +
+

Social

+

+ Below is a list of the social networks and websites that I regularly use. The closer to the front of the list they are, the more frequently I use them, generally. +

+
+ +
+ + + +
+

About

+

+ Sometimes, some people ask me some questions about myself or my projects, so I decided to compile a list of some of the answers so that I don't have to keep repeating them. If you're curious about me, this might be intersting to you! +

+
+ +
+
+ + +
+
+ © 2018 Ellpeck - Impressum +
+
+ + + + + \ No newline at end of file diff --git a/res/logo.png b/res/logo.png new file mode 100644 index 0000000..7917ffb Binary files /dev/null and b/res/logo.png differ diff --git a/res/projects/memory.png b/res/projects/memory.png new file mode 100644 index 0000000..5eae9fe Binary files /dev/null and b/res/projects/memory.png differ diff --git a/res/projects/sudoku.png b/res/projects/sudoku.png new file mode 100644 index 0000000..15b415f Binary files /dev/null and b/res/projects/sudoku.png differ diff --git a/res/social/discord.png b/res/social/discord.png new file mode 100644 index 0000000..ed1f3d5 Binary files /dev/null and b/res/social/discord.png differ diff --git a/res/social/facebook.png b/res/social/facebook.png new file mode 100644 index 0000000..e21a085 Binary files /dev/null and b/res/social/facebook.png differ diff --git a/res/social/github.png b/res/social/github.png new file mode 100644 index 0000000..425fad8 Binary files /dev/null and b/res/social/github.png differ diff --git a/res/social/instagram.png b/res/social/instagram.png new file mode 100644 index 0000000..42758ac Binary files /dev/null and b/res/social/instagram.png differ diff --git a/res/social/last.fm.png b/res/social/last.fm.png new file mode 100644 index 0000000..f07545a Binary files /dev/null and b/res/social/last.fm.png differ diff --git a/res/social/patreon.png b/res/social/patreon.png new file mode 100644 index 0000000..ec4ba47 Binary files /dev/null and b/res/social/patreon.png differ diff --git a/res/social/reddit.png b/res/social/reddit.png new file mode 100644 index 0000000..816f8ed Binary files /dev/null and b/res/social/reddit.png differ diff --git a/res/social/spotify.png b/res/social/spotify.png new file mode 100644 index 0000000..d4c7ff6 Binary files /dev/null and b/res/social/spotify.png differ diff --git a/res/social/steam.png b/res/social/steam.png new file mode 100644 index 0000000..bcca160 Binary files /dev/null and b/res/social/steam.png differ diff --git a/res/social/twitch.png b/res/social/twitch.png new file mode 100644 index 0000000..ff2dcc2 Binary files /dev/null and b/res/social/twitch.png differ diff --git a/res/social/twitter.png b/res/social/twitter.png new file mode 100644 index 0000000..ed0c6c6 Binary files /dev/null and b/res/social/twitter.png differ diff --git a/res/social/youtube.png b/res/social/youtube.png new file mode 100644 index 0000000..7227a7c Binary files /dev/null and b/res/social/youtube.png differ diff --git a/scripts/about.js b/scripts/about.js new file mode 100644 index 0000000..e69de29 diff --git a/scripts/greet.js b/scripts/greet.js new file mode 100644 index 0000000..84da5e0 --- /dev/null +++ b/scripts/greet.js @@ -0,0 +1,12 @@ +//Select a random greeting each time +const greetings = [ + 'Hey!', + 'How\'s it going?', + 'Welcome!', + 'Hello to you!', + 'It\'s nice to see you!', + 'How are you?', + 'What\'s up?', + 'Hello!' +]; +$('#intro-text').html(greetings[Math.floor(Math.random() * greetings.length)]); \ No newline at end of file diff --git a/scripts/main.js b/scripts/main.js new file mode 100644 index 0000000..b5380b6 --- /dev/null +++ b/scripts/main.js @@ -0,0 +1,5 @@ +$(function() { + $('.navbar-collapse a').click(function() { + $(".navbar-collapse").collapse('hide'); + }); +}); \ No newline at end of file diff --git a/scripts/projects.js b/scripts/projects.js new file mode 100644 index 0000000..32e3b92 --- /dev/null +++ b/scripts/projects.js @@ -0,0 +1,36 @@ +const projects = [{ + 'name': 'Sudoku', + 'desc': 'A simple game of sudoku. Fill in the board with numbers one through nine, making sure each row, column and three by three field only ever has one of the same number. A board is randomly generated for you every time you refresh the page. Use the scroll wheel to input numbers into a selected field.', + 'links': { + 'Play it here': 'https://ellpeck.de/sudoku', + 'Check the source': 'https://github.com/Ellpeck/Sudoku' + } + }, + { + 'name': 'Memory', + 'desc': 'A game of memory. Turn over fields to see the numbers they have. Try to combine all of the same-numbered fields to uncover the board!', + 'links': { + 'Play it here': 'https://ellpeck.de/memory', + 'Check the source': 'https://github.com/Ellpeck/Memory' + } + } +]; + +let p = ''; +for (project of projects) { + p += '
'; + p += '
'; + p += ''; + + p += '
' + project['name'] + '
'; + p += '

' + project['desc'] + '

'; + + let links = project['links']; + for (let name in links) { + p += '' + name + ''; + } + + p += '
'; + p += '
'; +} +$('#project-list').html(p); \ No newline at end of file diff --git a/scripts/social.js b/scripts/social.js new file mode 100644 index 0000000..5df8f09 --- /dev/null +++ b/scripts/social.js @@ -0,0 +1,58 @@ +const socials = [{ + 'name': 'Discord', + 'link': 'https://www.ellpeck.de/discord', + }, + { + 'name': 'Patreon', + 'link': 'http://www.patreon.com/Ellpeck' + }, + { + 'name': 'Twitter', + 'link': 'https://twitter.com/Ellpeck' + }, + { + 'name': 'YouTube', + 'link': 'https://www.youtube.com/c/ellpeck' + }, + { + 'name': 'Twitch', + 'link': 'http://twitch.tv/ellpeck' + }, + { + 'name': 'GitHub', + 'link': 'https://github.com/Ellpeck/' + }, + { + 'name': 'Reddit', + 'link': 'https://www.reddit.com/user/Ellpeck/' + }, + { + 'name': 'Instagram', + 'link': 'https://instagram.com/Ellopecko' + }, + { + 'name': 'Spotify', + 'link': 'https://open.spotify.com/user/ellpeck' + }, + { + 'name': 'Last.fm', + 'link': 'https://www.last.fm/user/Ellpeck' + }, + { + 'name': 'Steam', + 'link': 'http://steamcommunity.com/id/ellpeck/' + }, + { + 'name': 'Facebook', + 'link': 'https://www.facebook.com/Ellpeck' + } +]; + +let s = ''; +for (social of socials) { + s += ''; + s += ''; + s += ' ' + social['name']; + s += '' +} +$('#social-list').html(s); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..4742e3b --- /dev/null +++ b/style.css @@ -0,0 +1,70 @@ +body { + padding-top: 66px; + position: relative; +} + +.main { + margin-top: 20px; +} + +.project { + margin-top: 50px; +} + +.list-display { + width: 80%; + display: block; + margin-top: 40px; + margin-left: auto; + margin-right: auto; +} + +.project-image { + position: absolute; + right: -30px; + top: -30px; + width: 80px; + height: auto; + align-self: left; +} + +.social-button { + width: 200px; + margin: 10px; + line-height: 40px; +} + +.social-image { + width: 40px; + height: 40px; + float: left; +} + +#social-list { + text-align: center; +} + +a.anchor { + display: block; + position: relative; + top: -66px; + visibility: hidden; +} + +.footer { + bottom: 0; + width: 100%; + line-height: 30px; + background-color: #f5f5f5; +} + +.footer-content { + text-align: center; + padding: 15px; +} + +.impressum-data { + padding: 15px; + font-weight: bold; + font-size: 125%; +} \ No newline at end of file