jekyll
This commit is contained in:
@@ -1,51 +1,30 @@
|
|||||||
name: Deploy to neocities
|
name: deploy to neocities
|
||||||
on:
|
on:
|
||||||
push:
|
push:
|
||||||
branches:
|
branches:
|
||||||
- master
|
- master
|
||||||
|
|
||||||
env:
|
|
||||||
FORCE_COLOR: 1
|
|
||||||
node_version: lts/*
|
|
||||||
|
|
||||||
concurrency:
|
concurrency:
|
||||||
group: deploy-to-neocities
|
group: deploy-to-neocities
|
||||||
cancel-in-progress: true
|
cancel-in-progress: true
|
||||||
|
|
||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
deploy:
|
jekyll:
|
||||||
|
name: Build and deploy Jekyll site
|
||||||
runs-on: ubuntu-latest
|
runs-on: ubuntu-latest
|
||||||
|
|
||||||
steps:
|
steps:
|
||||||
- run: npm i markdown-to-html-cli -g
|
- name: Checkout
|
||||||
- uses: actions/checkout@v4
|
uses: actions/checkout@v2
|
||||||
- name: finish posts.html
|
|
||||||
env:
|
- name: Build
|
||||||
genhtml: ${{ needs.setup.outputs.genhtml }}
|
uses: jerryjvl/jekyll-build-action@v1
|
||||||
run: |
|
|
||||||
cd ${{github.workspace}}
|
- name: Deploy to neocities
|
||||||
./gen_posts.sh > public/posts.html
|
uses: bcomnes/deploy-to-neocities@v1
|
||||||
- run: |
|
with:
|
||||||
cd ${{github.workspace}}
|
api_token: ${{ secrets.NEOCITIES_API_TOKEN }}
|
||||||
for entry in notes/*
|
cleanup: true
|
||||||
do
|
dist_dir: _site
|
||||||
filename=$(basename "$entry" .md)
|
protected_files: 'dropbox/*'
|
||||||
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/*'
|
|
||||||
|
|||||||
51
.gitea/workflows/neocities.yml.old
Normal file
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/*'
|
||||||
12
_layouts/default.html
Normal file
12
_layouts/default.html
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="main.css">
|
||||||
|
<title>{{ page.title }}</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{{ content }}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -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
compile.sh
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%?}]"
|
|
||||||
|
|
||||||
11
gen_games.sh
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
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
|
|
||||||
|
|
||||||
@@ -1,50 +1,8 @@
|
|||||||
<!DOCTYPE html>
|
---
|
||||||
<html lang="en">
|
layout: default
|
||||||
<head>
|
title: index
|
||||||
<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">
|
<div class="header">
|
||||||
<h1>
|
<h1>
|
||||||
beppe.online
|
beppe.online
|
||||||
@@ -111,5 +69,4 @@
|
|||||||
<img src="img/buttons/ralseidoobie.gif" alt="It's ralsei smoking a doobie! Badass!">
|
<img src="img/buttons/ralseidoobie.gif" alt="It's ralsei smoking a doobie! Badass!">
|
||||||
<img src="img/buttons/transnow2.gif" alt="TRANS RIGHTS!">
|
<img src="img/buttons/transnow2.gif" alt="TRANS RIGHTS!">
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
# 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.
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
# 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
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
# 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
|
|
||||||
23
package-lock.json
generated
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
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
BIN
public/.DS_Store
vendored
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -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>
|
|
||||||
|
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -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
public/html5-qrcode.min.js
vendored
File diff suppressed because one or more lines are too long
BIN
public/img/.DS_Store
vendored
BIN
public/img/.DS_Store
vendored
Binary file not shown.
BIN
public/img/buttons/.DS_Store
vendored
BIN
public/img/buttons/.DS_Store
vendored
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 751 B |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 556 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 695 B |
Binary file not shown.
|
Before Width: | Height: | Size: 910 B |
Binary file not shown.
|
Before Width: | Height: | Size: 383 B |
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 471 B |
Binary file not shown.
|
Before Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 556 KiB |
127
public/main.css
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>
|
|
||||||
Reference in New Issue
Block a user