Compare commits
42 Commits
b7946bba41
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
| ff067c831f | |||
| ceac02720b | |||
| 5f6a027c46 | |||
| 77de4035db | |||
| 470fc6a948 | |||
| f9a6fae90e | |||
| 819f46a417 | |||
| 7926c1b745 | |||
| 4bd53380d9 | |||
| 0bfc4d4b50 | |||
| de4bd9a2cb | |||
| 9374a8fff3 | |||
| 779b189e45 | |||
| 6e7a5bc12a | |||
| 40f3f4b48f | |||
| 71aa9bc211 | |||
| 296f5f4477 | |||
| e563e62c0f | |||
| 6f1b876937 | |||
| bafaf4ea3e | |||
| d362343f02 | |||
| 6de9533a18 | |||
| 3e2c7de215 | |||
| f4f6f2dbe3 | |||
| edf1592474 | |||
| f399e0b180 | |||
| 1eb803a3d8 | |||
| 6183e87901 | |||
| 2df67ac8bb | |||
| 63c9b2b078 | |||
| f152fd39d6 | |||
| d1098b7f78 | |||
| 4b651e64f5 | |||
| 728833829d | |||
| 61494fc1ec | |||
| 03d2edfb50 | |||
| 9cc151bb8d | |||
| 15983b6230 | |||
| b9861eb9bf | |||
| 94cf099994 | |||
| 5fe686c1c8 | |||
| 9b2ef97307 |
BIN
.gitea/.DS_Store
vendored
5
_config.yml
Normal file
@@ -0,0 +1,5 @@
|
||||
defaults:
|
||||
- scope:
|
||||
path: "assets/buttons"
|
||||
values:
|
||||
buttons: true
|
||||
5
_data/credits.yml
Normal file
@@ -0,0 +1,5 @@
|
||||
- name: mastodon, goodreads and letterobxd buttons
|
||||
href: https://forum.melonland.net/index.php?topic=4081.0
|
||||
- name: all other buttons
|
||||
href: https://cyber.dabamos.de/88x31/index.html
|
||||
|
||||
24
_data/links.yml
Normal file
@@ -0,0 +1,24 @@
|
||||
- name: mastodon
|
||||
href: https://blorbo.social/@beppe
|
||||
otherparams: "rel=\"me\""
|
||||
img: /img/mastodon.png
|
||||
alt: "image of mastodon logo"
|
||||
- name: listenbrainz
|
||||
href: https://listenbrainz.org/user/beppev/
|
||||
img: /img/listenbrainz.jpg
|
||||
alt: "litsenbrainz image"
|
||||
- name: myanimelist
|
||||
href: https://myanimelist.net/profile/BeppeV
|
||||
img: /img/myanimelist.jpg
|
||||
- name: gitea
|
||||
href: https://git.beppe.online/beppe
|
||||
img: /img/gitea.gif
|
||||
- name: letterboxd
|
||||
href: https://letterboxd.com/beppev
|
||||
img: /img/letterboxd.png
|
||||
- name: goodreads
|
||||
href: https://www.goodreads.com/user/show/193197549-beppe-v
|
||||
img: /img/goodreads.png
|
||||
- name: newgrounds
|
||||
href: https://8looper.newgrounds.com
|
||||
img: /img/newgrounds.gif
|
||||
6
_data/navigation.yml
Normal file
@@ -0,0 +1,6 @@
|
||||
- name: Home
|
||||
link: /
|
||||
- name: Blog
|
||||
link: /blog.html
|
||||
- name: games
|
||||
link: /games.html
|
||||
0
_includes/blog.html
Normal file
33
_includes/footer.html
Normal file
@@ -0,0 +1,33 @@
|
||||
<footer>
|
||||
<div class="footerdiv">
|
||||
<p class="footertitle">mylinks:</p>
|
||||
<ul class="mylinks">
|
||||
{% for link in site.data.links %}
|
||||
<li class="footerlinks">
|
||||
<a href="{{ link.href }}" {{link.otherparams}}>
|
||||
{% if link.img %}
|
||||
<img src="{{ link.img }}" alt="{{ link.alt }}">
|
||||
{% else %}
|
||||
{{ link.name }}
|
||||
{% endif %}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
<ul class="mybuttons">
|
||||
{% assign image_files = site.static_files | where: "buttons", true %}
|
||||
{% for button in image_files %}
|
||||
<li class="button">
|
||||
{% if button.basename == "88x31" %}
|
||||
<a href="https://cyber.dabamos.de/88x31/index.html"><img src="{{ button.path }}"></a>
|
||||
{% else %}
|
||||
<img src="{{ button.path }}">
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
7
_includes/nav.html
Normal file
@@ -0,0 +1,7 @@
|
||||
<nav>
|
||||
{% for item in site.data.navigation %}
|
||||
<a class="navlink" href="{{ iten.link }}" {{ item.link }} {% if page.url == item.link %}style="color: red;"{% endif %}>
|
||||
{{ item.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
@@ -3,10 +3,22 @@
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
<script src="/js/main.js"></script>
|
||||
<title>{{ page.title }}</title>
|
||||
</head>
|
||||
<body>
|
||||
{{ content }}
|
||||
<div class="header">
|
||||
<a href="/"><img src="/img/logo.png"></a>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
{% include nav.html %}
|
||||
<div class="content">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
7
_layouts/post.html
Normal file
@@ -0,0 +1,7 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<h1>{{ page.title }}</h1>
|
||||
<p>{{ page.date | date_to_string }} - {{ page.author }}</p>
|
||||
|
||||
{{ content }}
|
||||
BIN
assets/.DS_Store
vendored
Normal file
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 7.5 KiB |
|
Before Width: | Height: | Size: 751 B After Width: | Height: | Size: 751 B |
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 556 B After Width: | Height: | Size: 556 B |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
BIN
assets/buttons/navidrome.gif
Normal file
|
After Width: | Height: | Size: 936 B |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 695 B After Width: | Height: | Size: 695 B |
|
Before Width: | Height: | Size: 910 B After Width: | Height: | Size: 910 B |
|
Before Width: | Height: | Size: 383 B After Width: | Height: | Size: 383 B |
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 471 B After Width: | Height: | Size: 471 B |
13
blog.html
Normal file
@@ -0,0 +1,13 @@
|
||||
---
|
||||
layout: default
|
||||
title: blog
|
||||
---
|
||||
<ul class="blogul">
|
||||
{% for post in site.posts %}
|
||||
<li>
|
||||
<h2><a href="{{ post.url }}">{{post.title}}</a></h2>
|
||||
{{ post.excerpt }}
|
||||
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
161
css/main.css
@@ -1,127 +1,68 @@
|
||||
|
||||
@import url(https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css);
|
||||
|
||||
body {
|
||||
font-family: "Fira Code", monospace;
|
||||
color: black;
|
||||
padding: 2em;
|
||||
/*text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
|
||||
/*display: grid;*/
|
||||
background: #2e2828;
|
||||
background: #201b1a;
|
||||
background-attachment: local;
|
||||
background-position: top;
|
||||
background-image: url("/img/background.jpg");
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #111;
|
||||
}
|
||||
|
||||
|
||||
a:hover {
|
||||
color: #111;
|
||||
}
|
||||
|
||||
|
||||
a:active {
|
||||
color: #111;
|
||||
}
|
||||
|
||||
* {
|
||||
}
|
||||
|
||||
.header {
|
||||
/*height: 10vh;*/
|
||||
/*float: left;*/
|
||||
text-align: center;
|
||||
background: #DDD;
|
||||
border-radius: 16px;
|
||||
width:100%;
|
||||
padding:1em;
|
||||
padding-left: .2em;
|
||||
padding-right:.2em;
|
||||
padding: 2.5em;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
width:20%;
|
||||
float: left;
|
||||
background: #DDD;
|
||||
border-radius:16px;
|
||||
padding:1em;
|
||||
margin-top: 2em;
|
||||
|
||||
.header a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.header img {
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
nav {
|
||||
}
|
||||
|
||||
.navlink {
|
||||
|
||||
}
|
||||
|
||||
.content {
|
||||
float: right;
|
||||
width: 70%;
|
||||
margin-top: 2em;
|
||||
background: #DDD;
|
||||
padding:1em;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
|
||||
.navbar_links {
|
||||
/*display: grid;*/
|
||||
/*grid-template-columns: auto auto;*/
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
iframe {
|
||||
}
|
||||
|
||||
.navbar_link {
|
||||
width:10em;
|
||||
display: table-cell;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
* {
|
||||
|
||||
}
|
||||
|
||||
#queen {
|
||||
width: 20em;
|
||||
border: black;
|
||||
padding: .3em;
|
||||
border-style: double;
|
||||
background: white;
|
||||
|
||||
|
||||
}
|
||||
|
||||
#susie {
|
||||
height: 5em;
|
||||
}
|
||||
|
||||
#glados {
|
||||
}
|
||||
|
||||
iframe {
|
||||
width: 90%;
|
||||
height: 400px;
|
||||
margin: 3%;
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px){
|
||||
.sidebar {width:100%}
|
||||
.content {width:100%}
|
||||
width: 30em;
|
||||
margin-left: 8em;
|
||||
height: 40em;
|
||||
overflow: scroll;
|
||||
scrollbar-width: none;
|
||||
padding: 2em;
|
||||
|
||||
}
|
||||
|
||||
footer {
|
||||
display: inline-block;
|
||||
width: 98%;
|
||||
border-radius: 16px;
|
||||
padding:1em;
|
||||
margin-left: 0%;
|
||||
margin-top: 5em;
|
||||
background: #DDD;
|
||||
img {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-top: 1em;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.footerdiv {
|
||||
width: 50em;
|
||||
|
||||
}
|
||||
|
||||
.footerdiv > p {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.footerlinks {
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
7
games.html
Normal file
@@ -0,0 +1,7 @@
|
||||
---
|
||||
layout: default
|
||||
title: games
|
||||
---
|
||||
|
||||
<h1> my games!</h1>
|
||||
|
||||
BIN
img/.DS_Store
vendored
BIN
img/background.jpg
Normal file
|
After Width: | Height: | Size: 171 KiB |
BIN
img/gitea.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
img/goodreads.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
img/letterboxd.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
img/listenbrainz.jpg
Normal file
|
After Width: | Height: | Size: 5.9 KiB |
BIN
img/logo.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
img/mastodon.png
Normal file
|
After Width: | Height: | Size: 330 B |
BIN
img/myanimelist.jpg
Normal file
|
After Width: | Height: | Size: 5.6 KiB |
BIN
img/newgrounds.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
img/steam.gif
Normal file
|
After Width: | Height: | Size: 2.7 KiB |
60
index.html
@@ -1,72 +1,22 @@
|
||||
---
|
||||
layout: default
|
||||
title: index
|
||||
title: home
|
||||
---
|
||||
|
||||
<div class="header">
|
||||
<h1>
|
||||
beppe.online
|
||||
</h1>
|
||||
</div>
|
||||
<div class="sidebar">
|
||||
<h2>my links:</h2>
|
||||
<p><a rel="me" href="https://mastodon.art/@beppe">Mastodon(my art will be here)</a></p>
|
||||
<p><a href="https://steamcommunity.com/id/bvanroll/">steam</a></p>
|
||||
<p><a href="https://listenbrainz.org/user/beppev/">listenbrainz</a></p>
|
||||
<p><a href="https://letterboxd.com/beppev/">letterboxd</a></p>
|
||||
<p><a href="https://myanimelist.net/profile/BeppeV">myanimelist</a></p>
|
||||
<p><a href="https://git.beppe.online/beppe">gitea</a></p>
|
||||
|
||||
</div>
|
||||
<div class="content">
|
||||
<img src="img/queen.gif" id="queen">
|
||||
<img src="img/queen.gif" id="queen" style="/* display: inline-block; */ width: 12em; float: right; margin-left: 2em;">
|
||||
<h1> Welcome! </h1>
|
||||
<p>Welcome to my webpage! If you don't know me (how did you get here?) i'm beppe, a (currentyear - 1996) year old sysdamin from the ghent area in belgium! I like to draw/paint, play guitar, play games, read comics and manga, i like watching movies too, and anime and tv shows! Oh and i really like riding my bycicle!
|
||||
<p>If you don't know me (how did you get here?) i'm beppe, a sysdamin from belgium! I like to draw/paint, play guitar, play games, read comics and manga, i like watching movies too, and anime and tv shows! Oh and i really like riding my bycicle!
|
||||
|
||||
<h2> what's coming </h2>
|
||||
|
||||
|
||||
<img src="img/glados.gif" id="glados" style="/* display: inline-block; */ float: left; margin-right: 2em;">
|
||||
<p>
|
||||
I wanna spice up the website, but i'm really bad at doing visual stuff. at least when it's not code based. so maybe i'll write some code that makes the site look cooler :p but for now i'm bedrotting :p
|
||||
</p>
|
||||
<img src="img/glados.gif" id="glados">
|
||||
<p> oh, and another thing i'm gonna do is just to write a bunch of paragraphs on this page and get a link system kindof like wikipedia when you read a huge article on that. something like that is the plan :p</p>
|
||||
<p>
|
||||
also i wanna make it so my pico8 games are playable in the browser here on a seperate page. so i'm gonna work on that too.
|
||||
</p>
|
||||
|
||||
<h2>
|
||||
update: i did it!
|
||||
<img src="img/susie.gif" id="susie">
|
||||
</h2>
|
||||
<p> here are all the pico 8 games i've hosted on my site so far: </p>
|
||||
<a href="games/lou.html">lou</a>
|
||||
|
||||
<p>
|
||||
anyway, here are """blogposts""" i've made :p
|
||||
:
|
||||
</p>
|
||||
|
||||
<iframe src="posts.html" name="posts" title="posts"></iframe>
|
||||
<p><a href="posts.html" target="posts">return</a></p>
|
||||
</div>
|
||||
<footer>
|
||||
<p>check out these cool buttons:</p>
|
||||
<a href="https://cyber.dabamos.de/88x31/index.html"><img src="img/buttons/88x31.gif" alt="i got the gifs from here!"></a>
|
||||
<img src="img/buttons/acab.gif" alt="all cops are bad!">
|
||||
<img src="img/buttons/anarchynow.gif" alt="anarchy NOW!">
|
||||
<img src="img/buttons/besteyes3.gif" alt="This site is best experienced with EYES (i'm sorry :p)">
|
||||
<img src="img/buttons/blink-0.gif" alt="a closeup of an anime girl blinking!">
|
||||
<img src="img/buttons/bookmark_this_page.gif" alt="A call to action for you to BOOKMARK THIS PAGE!!! :D">
|
||||
<img src="img/buttons/bootleg.gif" alt="bootleg more things! idk it looked cool :)">
|
||||
<img src="img/buttons/itsdeath.gif" alt="it's death grips! Cute!">
|
||||
<img src="img/buttons/kromer.gif" alt="have some free kromer!">
|
||||
<img src="img/buttons/lowtiergod.png" alt="love yourself NOW!">
|
||||
<img src="img/buttons/neovim.gif" alt="i used neovim to make this site :)">
|
||||
<img src="img/buttons/microshaftl.gif" alt="don't get shafted by microsoft!">
|
||||
<img src="img/buttons/neocities-pink.gif" alt="this site is hosted on neocities!">
|
||||
<img src="img/buttons/piracy.gif" alt="pirate EVERYTHING!">
|
||||
<img src="img/buttons/prideenby.gif.png" alt="NB Pride!">
|
||||
<img src="img/buttons/ralseidoobie.gif" alt="It's ralsei smoking a doobie! Badass!">
|
||||
<img src="img/buttons/transnow2.gif" alt="TRANS RIGHTS!">
|
||||
</footer>
|
||||
|
||||
|
||||
11
js/main.js
Normal file
@@ -0,0 +1,11 @@
|
||||
function toggle(n) {
|
||||
var menus = document.getElementsByClassName("submenu");
|
||||
for(var i=0;i<menus.length;i++){
|
||||
if((i == (n-1)) && (menus[i].style.display != "block")){
|
||||
menus[i].style.display = "block";
|
||||
}else{
|
||||
menus[i].style.display = "none";
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||