Compare commits
47 Commits
387127840a
...
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 | |||
7a0cf14459 | |||
be9ede029c |
BIN
.gitea/.DS_Store
vendored
@@ -1,51 +1,32 @@
|
||||
name: Deploy to neocities
|
||||
name: deploy to neocities
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
|
||||
env:
|
||||
FORCE_COLOR: 1
|
||||
node_version: lts/*
|
||||
|
||||
concurrency:
|
||||
group: deploy-to-neocities
|
||||
cancel-in-progress: true
|
||||
|
||||
|
||||
jobs:
|
||||
deploy:
|
||||
jekyll:
|
||||
name: Build and deploy Jekyll site
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- run: npm i markdown-to-html-cli -g
|
||||
- uses: actions/checkout@v4
|
||||
- name: finish posts.html
|
||||
env:
|
||||
genhtml: ${{ needs.setup.outputs.genhtml }}
|
||||
run: |
|
||||
cd ${{github.workspace}}
|
||||
./gen_posts.sh > public/posts.html
|
||||
- run: |
|
||||
cd ${{github.workspace}}
|
||||
for entry in notes/*
|
||||
do
|
||||
filename=$(basename "$entry" .md)
|
||||
timestamp=`git log --format=%ad --date=format:'%Y-%m-%d' -- $entry`
|
||||
dest="public/posts/$timestamp"
|
||||
dest+="_$filename"
|
||||
dest+=".html"
|
||||
markdown-to-html --no-dark-mode false --markdown-style-theme light --source $entry --output $dest
|
||||
done
|
||||
# - name: gen_pico8
|
||||
# run: |
|
||||
# cd ${{github.worpskace}}
|
||||
# ./gen_games.sh >> public/gaming.html
|
||||
# echo " </body></html> " >> public/gaming.html
|
||||
|
||||
- name: Deploy to neocities
|
||||
uses: bcomnes/deploy-to-neocities@v1
|
||||
with:
|
||||
api_token: ${{ secrets.NEOCITIES_API_TOKEN }}
|
||||
cleanup: true
|
||||
dist_dir: public
|
||||
protected_files: 'dropbox/*'
|
||||
- name: Checkout
|
||||
uses: actions/checkout@v2
|
||||
|
||||
- name: Build
|
||||
uses: actions/jekyll-build-pages@v1
|
||||
with:
|
||||
destination: "./_site"
|
||||
|
||||
- name: Deploy to neocities
|
||||
uses: bcomnes/deploy-to-neocities@v1
|
||||
with:
|
||||
api_token: ${{ secrets.NEOCITIES_API_TOKEN }}
|
||||
cleanup: true
|
||||
dist_dir: _site
|
||||
protected_files: 'dropbox/*'
|
||||
|
||||
|
51
.gitea/workflows/neocities.yml.old
Normal file
@@ -0,0 +1,51 @@
|
||||
name: Deploy to neocities
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
|
||||
env:
|
||||
FORCE_COLOR: 1
|
||||
node_version: lts/*
|
||||
|
||||
concurrency:
|
||||
group: deploy-to-neocities
|
||||
cancel-in-progress: true
|
||||
|
||||
|
||||
jobs:
|
||||
deploy:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- run: npm i markdown-to-html-cli -g
|
||||
- uses: actions/checkout@v4
|
||||
- name: finish posts.html
|
||||
env:
|
||||
genhtml: ${{ needs.setup.outputs.genhtml }}
|
||||
run: |
|
||||
cd ${{github.workspace}}
|
||||
./gen_posts.sh > public/posts.html
|
||||
- run: |
|
||||
cd ${{github.workspace}}
|
||||
for entry in notes/*
|
||||
do
|
||||
filename=$(basename "$entry" .md)
|
||||
timestamp=`git log --format=%ad --date=format:'%Y-%m-%d' -- $entry`
|
||||
dest="public/posts/$timestamp"
|
||||
dest+="_$filename"
|
||||
dest+=".html"
|
||||
markdown-to-html --no-dark-mode false --markdown-style-theme light --source $entry --output $dest
|
||||
done
|
||||
# - name: gen_pico8
|
||||
# run: |
|
||||
# cd ${{github.worpskace}}
|
||||
# ./gen_games.sh >> public/gaming.html
|
||||
# echo " </body></html> " >> public/gaming.html
|
||||
|
||||
- name: Deploy to neocities
|
||||
uses: bcomnes/deploy-to-neocities@v1
|
||||
with:
|
||||
api_token: ${{ secrets.NEOCITIES_API_TOKEN }}
|
||||
cleanup: true
|
||||
dist_dir: public
|
||||
protected_files: 'dropbox/*'
|
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
|
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>
|
24
_layouts/default.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta charset="utf-8">
|
||||
<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 }}
|
@@ -1,3 +1,7 @@
|
||||
---
|
||||
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.
|
@@ -1,3 +1,9 @@
|
||||
---
|
||||
layout: default
|
||||
title: "pico 8"
|
||||
---
|
||||
|
||||
|
||||
# gamejam
|
||||
|
||||
## status and collective shout
|
@@ -1,3 +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 |
@@ -1,16 +0,0 @@
|
||||
[package]
|
||||
name = "beppe_online"
|
||||
version = "0.1.0"
|
||||
edition = "2021"
|
||||
authors = ["Beppe Vanrolleghem beppe.vanrolleghem@gmail.com"]
|
||||
description = "Testing out wasm"
|
||||
|
||||
[lib]
|
||||
crate-type = ["cdylib"]
|
||||
|
||||
|
||||
|
||||
[dependencies]
|
||||
wasm-bindgen = "0.2"
|
||||
leptos = { version = "0.6.12", features = ["csr"] }
|
||||
|
@@ -1,7 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
@@ -1,10 +0,0 @@
|
||||
precision mediump float;
|
||||
|
||||
uniform float u_time;
|
||||
|
||||
void main() {
|
||||
float r = sin(u_time * .0003);
|
||||
float g = sin(u_time*.0005);
|
||||
float b = sin(u_time*.0007);
|
||||
gl_fragColor = vec4(r,g,b,1.);
|
||||
}
|
@@ -1,7 +0,0 @@
|
||||
precision mediump float;
|
||||
|
||||
attribute vec2 a_position;
|
||||
|
||||
void main() {
|
||||
gl_Position = vec4(a_position, 0.0, 1.0);
|
||||
}
|
@@ -1,5 +0,0 @@
|
||||
use leptos::*;
|
||||
|
||||
fn main() {
|
||||
mount_to_body(|| view! { <p>"hi"</p> })
|
||||
}
|
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>
|
13
compile.sh
@@ -1,13 +0,0 @@
|
||||
#!/bin/bash
|
||||
t='['
|
||||
for entry in notes/*
|
||||
do
|
||||
filename=$(basename "$entry" .md)
|
||||
timestamp=`git log --format=%ad --date=format:'%Y-%m-%d' -- $entry`
|
||||
dest="public/posts/$timestamp"
|
||||
dest+="_$filename"
|
||||
dest+=".html"
|
||||
t+="{\"source\":\"$entry\",\"name\":\"$filename\",\"dest\":\"$dest\",\"time\":\"$timestamp\"},"
|
||||
done
|
||||
echo "${t%?}]"
|
||||
|
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>
|
||||
|
11
gen_games.sh
@@ -1,11 +0,0 @@
|
||||
html='<ul class="games">'
|
||||
for entry in public/games/*
|
||||
do
|
||||
filename=$(basename "entry" .html)
|
||||
dest="/games/$filename"
|
||||
dest+=".html"
|
||||
html+="<li class=\"postli\"><a class=\"posta\" href=\"$dest"
|
||||
html+="\>$filename</a></li>"
|
||||
done
|
||||
html+= </ul>
|
||||
echo $html
|
16
gen_posts.sh
@@ -1,16 +0,0 @@
|
||||
html='<ul class="posts">'
|
||||
for entry in notes/*
|
||||
do
|
||||
filename=$(basename "$entry" .md)
|
||||
timestamp=`git log --format=%ad --date=format:'%Y-%m-%d' -- $entry`
|
||||
#this don't work for now
|
||||
#dest="/posts/$timestamp"
|
||||
dest="/posts/$filename"
|
||||
dest+=".html"
|
||||
html+="<li class=\"postli\"><a class=\"posta\" href=\"$dest"
|
||||
html+="\">$timestamp"
|
||||
html+="_$filename</a></li>"
|
||||
done
|
||||
html+="</ul>"
|
||||
echo $html
|
||||
|
BIN
public/img/.DS_Store → 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 |
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 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 |
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 1.7 MiB |
BIN
img/steam.gif
Normal file
After Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 556 KiB After Width: | Height: | Size: 556 KiB |
22
index.html
Normal file
@@ -0,0 +1,22 @@
|
||||
---
|
||||
layout: default
|
||||
title: home
|
||||
---
|
||||
|
||||
<img src="img/queen.gif" id="queen" style="/* display: inline-block; */ width: 12em; float: right; margin-left: 2em;">
|
||||
<h1> Welcome! </h1>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
|
||||
|
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";
|
||||
}
|
||||
}
|
||||
};
|
||||
|
23
package-lock.json
generated
@@ -1,23 +0,0 @@
|
||||
{
|
||||
"name": "beppe.online",
|
||||
"version": "1.0.0",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "beppe.online",
|
||||
"version": "1.0.0",
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"html5-qrcode": "^2.3.8"
|
||||
}
|
||||
},
|
||||
"node_modules/html5-qrcode": {
|
||||
"version": "2.3.8",
|
||||
"resolved": "https://registry.npmjs.org/html5-qrcode/-/html5-qrcode-2.3.8.tgz",
|
||||
"integrity": "sha512-jsr4vafJhwoLVEDW3n1KvPnCCXWaQfRng0/EEYk1vNcQGcG/htAdhJX0be8YyqMoSz7+hZvOZSTAepsabiuhiQ==",
|
||||
"dev": true,
|
||||
"license": "Apache-2.0"
|
||||
}
|
||||
}
|
||||
}
|
14
package.json
@@ -1,14 +0,0 @@
|
||||
{
|
||||
"name": "beppe.online",
|
||||
"version": "1.0.0",
|
||||
"description": "neocities site",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"html5-qrcode": "^2.3.8"
|
||||
}
|
||||
}
|
BIN
public/.DS_Store
vendored
@@ -1,41 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title></title>
|
||||
link
|
||||
</head>
|
||||
<body>
|
||||
<h2> my """art""" </h2>
|
||||
<p>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.
|
||||
|
||||
Here are some of the results: </p>
|
||||
<div class="image-container">
|
||||
<img src="img/tokyo_godfathers.jpeg" alt="painting of a scene from tokyo godfathers">
|
||||
<p>this was for a 30 day drawing challenge i'm doing currently. the prompt was to paint a scene or character from your favourite movie so i picked tokyo godfathers.</p>
|
||||
<img src="img/eyesmouths.jpeg" alt="painting of a grey little guy with a bunch of eyes and mouths on it's head">
|
||||
<p>i got bored of practicing so i decided to turn practice into a piece and draw this thing instead of drawing 90 mouths side by side again :(</p>
|
||||
<img src="img/jessepikmin.jpeg" alt="painting of jesse pinkman from breaking bad but his head becomes the top of a pikmin head">
|
||||
<p>i just heard the name jesse pikmin from someone and decided to draw it :p</p>
|
||||
<img src="img/mouth.jpeg" alt="painting of an open mouth with tons of little mouths, noses, eyes and hands coming out of it">
|
||||
<p>this was the same with the practicing thing, got bored and decided to incorporate it into a piece</p>
|
||||
<img src="img/night.jpeg" alt="painting of a giant purple guy with a theatre mask trying to grab a normal guy who is getting beamed up">
|
||||
<p>idk what to say about this/what it is, i just thought of this scene. probably some of my cleanest lineart but man i hate lineart</p>
|
||||
<img src="img/signalis_inspo.jpeg" alt="painting of a grey monster thing with a little blood, body looks like how the bodies look in the game signalis">
|
||||
<p>wanted to draw a full body of something and was failing all day, at the end of the day thought of a scene that reminedd me of signalis and painted that</p>
|
||||
<img src="img/glados.jpeg" alt="painting of glados">
|
||||
<p>i had to retry glados 5 times because the geometry was fucking with my brain, this was the only time it worked. it's also only using 2 hue's (i think)</p>
|
||||
<img src="img/miku_head.jpeg" alt="painting of a giant hatsune miku head skating">
|
||||
<p>this frame came from a tiktok. when i started out i drew frames from tiktoks that i found.</p>
|
||||
<img src="img/selfportrait.jpeg" alt="a self portrait">
|
||||
<p>also from a drawing challenge, had to do a self portrait, and decided (which i regret) doing it "realistic".</p>
|
||||
<img src="img/teeth.jpeg" alt="painting of a person opening their mouth">
|
||||
<p>second attempt at drawing teeth, i think it worked out well</p>
|
||||
<img src="img/turnip_the_clown.jpeg" alt="painting of turnip the clown">
|
||||
<p>another frame from a tiktok, from tiktokker turnip the clown this time</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
@@ -1,14 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title></title>
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<ul>
|
||||
<li><a href="games/lou.html">lou</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
@@ -1,19 +0,0 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title></title>
|
||||
<link type="text/css" rel="Stylesheet" href="main.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>
|
||||
I'm beppe (sometimes i go by bvanroll or beppevn) and this is my website. My interest lie mainly with things related to technology, gaming, music or random facts i learn.
|
||||
Most of the stuff on this site will probably be related to these things.
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
1
public/html5-qrcode.min.js
vendored
@@ -1,115 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title>beppe.online</title>
|
||||
<!--- <title>bvanroll.neocities</title> --->
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<!-- shader as bg via xemantic/shader-web-background
|
||||
<script src="https://xemantic.github.io/shader-web-background/dist/shader-web-background.min.js"></script>
|
||||
<script type="x-shader/x-fragment" id="image">
|
||||
precision highp float;
|
||||
uniform float iTime;
|
||||
|
||||
|
||||
void main() {
|
||||
|
||||
float r=abs(sin(iTime));
|
||||
float g=abs(cos(iTime/3.));
|
||||
float b=abs(sin(iTime)*cos(iTime)/2.);
|
||||
float a=1.;
|
||||
gl_FragColor = vec4(r,g,b,a);
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
shaderWebBackground.shade({
|
||||
shaders: {
|
||||
image: {
|
||||
uniforms: {
|
||||
iTime: (gl, loc) => gl.uniform1f(loc,performance.now()/1000)
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<style>
|
||||
.shader-web-background-fallback{
|
||||
background: url("https://placekitten.com/666/666");
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
</style>
|
||||
-->
|
||||
</head>
|
||||
<body>
|
||||
<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">
|
||||
<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!
|
||||
|
||||
<h2> what's coming </h2>
|
||||
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
127
public/main.css
@@ -1,127 +0,0 @@
|
||||
|
||||
@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;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
width:20%;
|
||||
float: left;
|
||||
background: #DDD;
|
||||
border-radius:16px;
|
||||
padding:1em;
|
||||
margin-top: 2em;
|
||||
|
||||
}
|
||||
|
||||
.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%}
|
||||
|
||||
}
|
||||
|
||||
footer {
|
||||
display: inline-block;
|
||||
width: 98%;
|
||||
border-radius: 16px;
|
||||
padding:1em;
|
||||
margin-left: 0%;
|
||||
margin-top: 5em;
|
||||
background: #DDD;
|
||||
img {
|
||||
|
||||
}
|
||||
}
|
||||
|
@@ -1,42 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title></title>
|
||||
<!-- <script type="module">
|
||||
import QrScanner from './qr-scanner.min.js'
|
||||
|
||||
const qrScanner = new QrScanner( videoElem, result => console.log('decoded qr code:', result),{},)
|
||||
|
||||
</script>-->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="reader" width="600px"></div>
|
||||
|
||||
<script src="html5-qrcode.min.js"></script>
|
||||
<script>
|
||||
function onScanSuccess(decodedText, decodedResult) {
|
||||
sessionStorage.setItem("customShader", decodedText);
|
||||
console.log(`Code matched = ${decodedText}`, decodedResult);
|
||||
alert(decodedText);
|
||||
|
||||
|
||||
}
|
||||
|
||||
function onScanFailure(error) {
|
||||
console.warn(`code scan err = ${error}`);
|
||||
}
|
||||
|
||||
let html5QrcodeScanner = new Html5QrcodeScanner(
|
||||
"reader",
|
||||
{ fps: 10, qrbox: {width: 250, height: 250}},
|
||||
true /*verbose*/);
|
||||
html5QrcodeScanner.render(onScanSuccess, onScanFailure);
|
||||
|
||||
</script>
|
||||
|
||||
<a href="index.html"> return once finished </a>
|
||||
</body>
|
||||
</html>
|