Compare commits
45 Commits
7a0cf14459
...
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 | |||
| b7946bba41 | |||
| c132e00325 | |||
| f315973736 |
BIN
.gitea/.DS_Store
vendored
@@ -18,7 +18,9 @@ jobs:
|
||||
uses: actions/checkout@v2
|
||||
|
||||
- name: Build
|
||||
uses: jerryjvl/jekyll-build-action@v1
|
||||
uses: actions/jekyll-build-pages@v1
|
||||
with:
|
||||
destination: "./_site"
|
||||
|
||||
- name: Deploy to neocities
|
||||
uses: bcomnes/deploy-to-neocities@v1
|
||||
|
||||
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="main.css">
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
<script src="/js/main.js"></script>
|
||||
<title>{{ page.title }}</title>
|
||||
</head>
|
||||
<body>
|
||||
<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 }}
|
||||
13
_posts/2025-04-25-my_art.md
Normal file
@@ -0,0 +1,13 @@
|
||||
---
|
||||
layout: default
|
||||
title: "my art"
|
||||
---
|
||||
# My """art"""
|
||||
|
||||
A while ago i got gifted an ipad mini by a family member, so out of interest i borrowed my sisters pencil and fell in love with learning how to draw. Drawing for some reason made me really statisfied/happy. So since then i've kept drawing (we're 2 months in now at the time of writing this) and really enjoyed it ever since.
|
||||
|
||||
And then recently i've gotten into drawing on paper more, i mainly enjoy using the staedler .5mm fineliners and i also use a mechanical pencil. It's been really nice and improved my line control a lot i feel.
|
||||
|
||||
Most of my "art" can be found on my tiktok account (Linked on the homepage). I haven't found a manageable way to keep them stored here so for now thats where they'll be since out of the social media platforms it's by far my favourite to use. I often private what i post because I feel insecure about my abilities, but i'm trying to get better at that.
|
||||
|
||||
|
||||
53
_posts/2025-07-25-pico8.md
Normal file
@@ -0,0 +1,53 @@
|
||||
---
|
||||
layout: default
|
||||
title: "pico 8"
|
||||
---
|
||||
|
||||
|
||||
# gamejam
|
||||
|
||||
## status and collective shout
|
||||
|
||||
i entered a gamejam called ["litle guy game jam"](https://itch.io/jam/little-guy-game-jam) at what seems to be possibly the worst time :D
|
||||
as i'm writing this itch.io caved to a conservative/christian/"feminist" group pressuring them into removing a bunch of nsfw content, which gives me some confliction about this gamejam, since it's hosted on there.
|
||||
the group is called collective shout
|
||||
|
||||
but i'm mainly doing this for my friends (kinda :p). it's fun to see how others experience games, and making games. their idea's etc. it's very entertaining to see them grow and learn. One of my friends has actually made great progress, i was really impressed. Though they might not see it that way.
|
||||
|
||||
|
||||
## pico8
|
||||
anyway, i picked pico 8 and added some of the projects i've made so far, and some of the ones friends made and i tinkered with to my github. It's actually been really entertaining to figure out within the limitations. it reminds me of this i think it's called "smile basic" 3ds game. where you could code stuff in basic. i really liked tinkering around with that and it's limitations.
|
||||
|
||||
it's surprising how good and at the same time bad i am now. i know theoretically so many things, and how they should work, but the implementations are such a struggle every time. i also pushed myself a bit too hard i think with my laptop kbd, had a bunch of handcramps yesterday.
|
||||
|
||||
for now i'm really happy with the results though. cool idea and i'm overall happy that i'm doing it
|
||||
|
||||
## ideas
|
||||
|
||||
we've had a bunch of idea's so far and i might catalog some of them.
|
||||
|
||||
### majora's mask + animal crossing
|
||||
|
||||
thats how my sister described the idea. basically my original thought was this jam has a 2 day voting period, so how about a game that takes place in that 2 day period. combining some of the fears around the fleeting time like you have in majora's mask.
|
||||
|
||||
i thought of a character that starts knowing they only have to live until the end of the game jam and then depending on how they spend their time it affects the ending.
|
||||
|
||||
i had a bunch of thoughts, like maybe going very 4th wall break with it, like the character knows it's a character in a game jam.
|
||||
|
||||
or going very sad with it, giving the character a family that they can choose to spend time with, choose to tell them (which might sour the last days but can give them closure), choose to spend time alone instead,...
|
||||
|
||||
eventually i ran into the idea that i'm terrible at writing. at least i'm not as good as i'd like to be. i think i have good idea's, but executing them story wise is always pretty terrible
|
||||
|
||||
### surprise
|
||||
|
||||
a friend had the idea of a map that changes through time, like a water level rising and falling. that friend actually worked that idea out! I think it's called "trywater" in the project files on gh. really impressive i thougt. this friend had no experience with making a game before and it looked so good!
|
||||
|
||||
### yarr
|
||||
|
||||
another friend had the idea of having a boat that continuously fills with water and having to drain it constantly. i worked that out with a very simple version of a river temporarily blocking your access. but it looked, felt, and played like shit :D if i was better i'm sure i could do the idea justice, but alas. still for the first thing i made, i feel like it's allright :)
|
||||
|
||||
### sims
|
||||
|
||||
someone else had this idea of taking care of a kid. depending on what you do the kid will grow up a certain way. again tons of writing involved in that one. which i am really bad at. but i did get the time stuff to work (kindof). i reworked the idea into more of a horror game, in fact i'm still working on it right now.
|
||||
|
||||
the idea is that you are taking care of a creature that will eat you if you don't feed it in time. so far i've been able to make the creature grow over time (which will determine its speed) and i've also implemented screens like in zelda. today i'm working on pathfinding, which i've implemented a very simple distance based version that fails to move past a wall if it's directly facing the player. so gotta work on improving it some more :D and switching to dijkstra
|
||||
8
_posts/2025-08-09-gitea.md
Normal file
@@ -0,0 +1,8 @@
|
||||
---
|
||||
layout: default
|
||||
title: "gitea"
|
||||
---
|
||||
|
||||
# I did it!
|
||||
|
||||
i moved to gitea! And it was easy! Isn't that cool. In fact all i had to do to make this website deploy itself automatically was, move the .github directory to .gitea in the root to make gitea actions work (after setting up an action runner, which was easy aswell, just 1 manifest file found online). Then i generated a new api key and just plugged it into the secrets with the same name and boom! Site is finished
|
||||
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>
|
||||
68
css/main.css
Normal file
@@ -0,0 +1,68 @@
|
||||
body {
|
||||
background: #201b1a;
|
||||
background-attachment: local;
|
||||
background-position: top;
|
||||
background-image: url("/img/background.jpg");
|
||||
}
|
||||
|
||||
|
||||
.header {
|
||||
padding: 2.5em;
|
||||
}
|
||||
|
||||
.header a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.header img {
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
nav {
|
||||
}
|
||||
|
||||
.navlink {
|
||||
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 30em;
|
||||
margin-left: 8em;
|
||||
height: 40em;
|
||||
overflow: scroll;
|
||||
scrollbar-width: none;
|
||||
padding: 2em;
|
||||
|
||||
}
|
||||
|
||||
footer {
|
||||
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>
|
||||
|
||||
1141
games/lou.html
Normal file
413
games/lou.js
Normal file
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 |
58
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";
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||