massivebox
/
website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed errors and updated links

This commit is contained in:
massive 2022-05-29 20:09:24 +02:00
parent 28afbfe759
commit 3a8985cdd6
4 changed files with 65 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1 +1,2 @@
deps/* deps/*
project.geany

9
contact.html
View File

@ -20,7 +20,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contacts - MassiveBox</title> <title>Contacts - MassiveBox</title>
<link rel="stylesheet" href="deps/bulma.min.css"> <link rel="stylesheet" href="deps/bulma.min.css">
@ -33,7 +33,7 @@
<meta name="description" content="MassiveBox is a free time developer and FOSS enthusiast. Here you can contact him." /> <meta name="description" content="MassiveBox is a free time developer and FOSS enthusiast. Here you can contact him." />
<meta name="keywords" content="developer, web, backend, telegram, session, massive, box, massivebox" /> <meta name="keywords" content="developer, web, backend, telegram, session, massive, box, massivebox" />
<script async> <script>
$(document).ready(function() { $(document).ready(function() {
// Check for click events on the navbar burger icon // Check for click events on the navbar burger icon
@ -54,7 +54,7 @@
<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important"> <section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important">
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar" aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="./"> <a class="navbar-item" href="./">
<img src="assets/navlogo.jpg" alt="Navigation bar logo"> <img src="assets/navlogo.jpg" alt="Navigation bar logo">
@ -72,7 +72,8 @@
<div class="navbar-end"> <div class="navbar-end">
<a class="navbar-item" href="./"><span class="icon-text"><span class="icon"><i class="fas fa-home"></i></span><span>Home</span></span></a> <a class="navbar-item" href="./"><span class="icon-text"><span class="icon"><i class="fas fa-home"></i></span><span>Home</span></span></a>
<a class="navbar-item" href="projects.html"><span class="icon-text"><span class="icon"><i class="fas fa-swatchbook"></i></span><span>Projects</span></span></a> <a class="navbar-item" href="projects.html"><span class="icon-text"><span class="icon"><i class="fas fa-swatchbook"></i></span><span>Projects</span></span></a>
<a class="navbar-item" href="contact.html"><span class="icon-text"><span class="icon"><i class="fas fa-envelope"></i></span><span>Contact</span></span></a> <a class="navbar-item" href="https://blog.massivebox.net" target="_blank" rel="noopener noreferrer"><span class="icon-text"><span class="icon"><i class="fas fa-blog"></i></span><span>Blog</span></span></a>
<a class="navbar-item" href="contact.html"><span class="icon-text"><span class="icon"><i class="fas fa-envelope"></i></span><span>Contact</span></span></a>
</div> </div>
</div> </div>
</nav> </nav>

37
index.html
View File

@ -20,7 +20,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home - MassiveBox</title> <title>Home - MassiveBox</title>
<link rel="stylesheet" href="deps/bulma.min.css"> <link rel="stylesheet" href="deps/bulma.min.css">
@ -33,7 +33,7 @@
<meta name="description" content="MassiveBox is a free time developer and FOSS enthusiast. This is his website." /> <meta name="description" content="MassiveBox is a free time developer and FOSS enthusiast. This is his website." />
<meta name="keywords" content="developer, web, backend, telegram, session, massive, box, massivebox" /> <meta name="keywords" content="developer, web, backend, telegram, session, massive, box, massivebox" />
<script async> <script>
$(document).ready(function() { $(document).ready(function() {
// Check for click events on the navbar burger icon // Check for click events on the navbar burger icon
@ -61,7 +61,7 @@
<section class="hero is-primary is-fullheight" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important"> <section class="hero is-primary is-fullheight" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important">
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar" aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="./"> <a class="navbar-item" href="./">
<img src="assets/navlogo.jpg" alt="Navigation bar logo"> <img src="assets/navlogo.jpg" alt="Navigation bar logo">
@ -79,7 +79,8 @@
<div class="navbar-end"> <div class="navbar-end">
<a class="navbar-item" href="./"><span class="icon-text"><span class="icon"><i class="fas fa-home"></i></span><span>Home</span></span></a> <a class="navbar-item" href="./"><span class="icon-text"><span class="icon"><i class="fas fa-home"></i></span><span>Home</span></span></a>
<a class="navbar-item" href="projects.html"><span class="icon-text"><span class="icon"><i class="fas fa-swatchbook"></i></span><span>Projects</span></span></a> <a class="navbar-item" href="projects.html"><span class="icon-text"><span class="icon"><i class="fas fa-swatchbook"></i></span><span>Projects</span></span></a>
<a class="navbar-item" href="contact.html"><span class="icon-text"><span class="icon"><i class="fas fa-envelope"></i></span><span>Contact</span></span></a> <a class="navbar-item" href="https://blog.massivebox.net" target="_blank" rel="noopener noreferrer"><span class="icon-text"><span class="icon"><i class="fas fa-blog"></i></span><span>Blog</span></span></a>
<a class="navbar-item" href="contact.html"><span class="icon-text"><span class="icon"><i class="fas fa-envelope"></i></span><span>Contact</span></span></a>
</div> </div>
</div> </div>
</nav> </nav>
@ -88,8 +89,8 @@
<div class="hero-body"> <div class="hero-body">
<table style="width: 100%"> <table style="width: 100%">
<tr> <tr style="text-align:center">
<td style=""><p align="center"> <td style=""><p>
<video autoplay loop muted playsinline class="is-hidden-touch" style="width: 257px"> <video autoplay loop muted playsinline class="is-hidden-touch" style="width: 257px">
<source src="assets/spinning.webm" type="video/webm"> <source src="assets/spinning.webm" type="video/webm">
<source src="assets/spinning.mp4" type="video/mp4"> <source src="assets/spinning.mp4" type="video/mp4">
@ -97,16 +98,16 @@
</p></td><!-- Desktop --> </p></td><!-- Desktop -->
<td> <td>
<div> <div>
<p align="center"> <p>
<video autoplay loop muted playsinline class="is-hidden-desktop" style="width: 257px"> <video autoplay loop muted playsinline class="is-hidden-desktop" style="width: 257px">
<source src="assets/spinning.webm" type="video/webm"> <source src="assets/spinning.webm" type="video/webm">
<source src="assets/spinning.mp4" type="video/mp4"> <source src="assets/spinning.mp4" type="video/mp4">
</video> </video>
</p><!-- Mobile --> </p><!-- Mobile -->
<p class="title" align="center" style="font-size: 9vw;"><b><i>MassiveBox</i></b></h1><!-- Desktop --> <p class="title" style="font-size: 9vw;"><b><i>MassiveBox</i></b></p><!-- Desktop -->
<p class="is-size-5" align="center">Yup. That's me.</p> <p class="is-size-5">Yup. That's me.</p>
</div> </div>
</td> </td>
</tr> </tr>
@ -121,9 +122,9 @@
In my free time I like fiddling around with code, and sometimes I come up with something decent that I publish to the world.<br> In my free time I like fiddling around with code, and sometimes I come up with something decent that I publish to the world.<br>
I like cats, Linux, Free and Open Source Software, and privacy. I like cats, Linux, Free and Open Source Software, and privacy.
</p> </p>
<a href="https://codeberg.org/massivebox"><button class="button is-link">Codeberg</button></a> <a class="button is-link" href="https://codeberg.org/massivebox">Codeberg</a>
<a rel="me" href="https://c.im/@massivebox"><button class="button is-link">Mastodon</button></a> <a class="button is-link" rel="me" href="https://blob.cat/massivebox">Fediverse</a>
<a href="https://github.com/massivebox"><button class="button is-link">GitHub</button></a> <a class="button is-link" href="https://blog.massivebox.net">Blog</a>
</section> </section>
<section class="hero is-medium is-link"> <section class="hero is-medium is-link">
@ -166,7 +167,7 @@
<div class="column is-2"> <div class="column is-2">
<div class="card" style="height: 100%"> <div class="card" style="height: 100%">
<div class="card-image"> <div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/c.jpg" alt="c logo" loading="lazy"></img></figure> <figure class="image is-1by1"><img src="assets/homeicons/c.jpg" alt="c logo" loading="lazy"></figure>
</div> </div>
<div class="card-content"> <div class="card-content">
<p><b>C</b></p> <p><b>C</b></p>
@ -191,7 +192,7 @@
<figure class="image is-1by1"><img src="assets/homeicons/sql.jpg" alt="mysql logo" loading="lazy"></figure> <figure class="image is-1by1"><img src="assets/homeicons/sql.jpg" alt="mysql logo" loading="lazy"></figure>
</div> </div>
<div class="card-content"> <div class="card-content">
<p><b>SQL</b></p> <p><b>MySQL</b></p>
<p>Database engine of most of my projects</p> <p>Database engine of most of my projects</p>
</div> </div>
</div> </div>
@ -270,7 +271,7 @@
<section class="section"> <section class="section">
<p class="title">What's happening</p> <p class="title">What's happening</p>
<p>Feed from my <a href="https://c.im/@massivebox">Mastodon profile</a></p> <p>Feed from my <a href="https://blob.cat/massivebox">Fediverse account</a></p>
<div id="mastodonfeed" style="overflow-x: hidden; overflow-y: auto; height: 50vh; margin-top: 5px"> <div id="mastodonfeed" style="overflow-x: hidden; overflow-y: auto; height: 50vh; margin-top: 5px">
</div> </div>
@ -280,9 +281,9 @@
<script> <script>
let parser = new RSSParser(); let parser = new RSSParser();
parser.parseURL('https://c.im/@massivebox.rss', function(err, feed) { parser.parseURL('/feed.atom', function(err, feed) {
if (err) { if (err) {
$("#mastodonfeed").html(`<p><span class="icon has-text-danger"><i class="fas fa-times"></i></span> Error parsing Mastodon RSS feed. Try refreshing the page.</p>`); $("#mastodonfeed").html(`<p><span class="icon has-text-danger"><i class="fas fa-times"></i></span> Error parsing Pleroma RSS feed. Try refreshing the page.</p>`);
} }
feed.items.forEach(function(entry) { feed.items.forEach(function(entry) {
date = new Date(Date.parse(entry.isoDate)); date = new Date(Date.parse(entry.isoDate));
@ -296,7 +297,7 @@
</figure> </figure>
<div class="media-content"> <div class="media-content">
<div class="content"> <div class="content">
<p><strong>MassiveBox</strong> <small><a href="https://c.im/@massivebox" target="_blank" rel="noopener noreferrer">massivebox@c.im</a></small> <small>`+date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear()+`</small></p> <p><strong>MassiveBox</strong> <small><a href="https://blob.cat/massivebox" target="_blank" rel="noopener noreferrer">massivebox@blob.cat</a></small> <small>`+date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear()+`</small></p>
`+entry.content+` `+entry.content+`
</div> </div>
</div> </div>

80
projects.html
View File

@ -20,7 +20,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Projects - MassiveBox</title> <title>Projects - MassiveBox</title>
<link rel="stylesheet" href="deps/bulma.min.css"> <link rel="stylesheet" href="deps/bulma.min.css">
@ -33,7 +33,7 @@
<meta name="description" content="MassiveBox is a free time developer and FOSS enthusiast. Here you can see his projects." /> <meta name="description" content="MassiveBox is a free time developer and FOSS enthusiast. Here you can see his projects." />
<meta name="keywords" content="developer, web, backend, telegram, session, massive, box, massivebox" /> <meta name="keywords" content="developer, web, backend, telegram, session, massive, box, massivebox" />
<script async> <script>
$(document).ready(function() { $(document).ready(function() {
// Check for click events on the navbar burger icon // Check for click events on the navbar burger icon
@ -54,7 +54,7 @@
<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important"> <section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important">
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar" aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="./"> <a class="navbar-item" href="./">
<img src="assets/navlogo.jpg" alt="Navigation bar logo"> <img src="assets/navlogo.jpg" alt="Navigation bar logo">
@ -72,7 +72,8 @@
<div class="navbar-end"> <div class="navbar-end">
<a class="navbar-item" href="./"><span class="icon-text"><span class="icon"><i class="fas fa-home"></i></span><span>Home</span></span></a> <a class="navbar-item" href="./"><span class="icon-text"><span class="icon"><i class="fas fa-home"></i></span><span>Home</span></span></a>
<a class="navbar-item" href="projects.html"><span class="icon-text"><span class="icon"><i class="fas fa-swatchbook"></i></span><span>Projects</span></span></a> <a class="navbar-item" href="projects.html"><span class="icon-text"><span class="icon"><i class="fas fa-swatchbook"></i></span><span>Projects</span></span></a>
<a class="navbar-item" href="contact.html"><span class="icon-text"><span class="icon"><i class="fas fa-envelope"></i></span><span>Contact</span></span></a> <a class="navbar-item" href="https://blog.massivebox.net" target="_blank" rel="noopener noreferrer"><span class="icon-text"><span class="icon"><i class="fas fa-blog"></i></span><span>Blog</span></span></a>
<a class="navbar-item" href="contact.html"><span class="icon-text"><span class="icon"><i class="fas fa-envelope"></i></span><span>Contact</span></span></a>
</div> </div>
</div> </div>
</nav> </nav>
@ -80,8 +81,8 @@
<section class="hero is-medium is-link"> <section class="hero is-medium is-link">
<div class="hero-body"> <div class="hero-body">
<p class="title" align="center">My Projects</p> <p class="title" style="text-align:center">My Projects</p>
<p class="subtitle" align="center">Click on them to see more details</p> <p class="subtitle" style="text-align:center">Click on them to see more details</p>
<div class="is-hidden-mobile"> <div class="is-hidden-mobile">
<div class="subtitle columns"> <div class="subtitle columns">
<div class="column is-2"> <div class="column is-2">
@ -113,47 +114,46 @@
<a href="https://hub.docker.com/r/massiveboxe/session-open-group" target="_blank" rel="noopener noreferrer"> <a href="https://hub.docker.com/r/massiveboxe/session-open-group" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/sogs.jpg" alt="SOGS Docker"> <img src="assets/projects/sogs.jpg" alt="SOGS Docker">
</a> </a>
</div </div>
</div> </div>
</div> </div>
</div> </div>
<div class="is-hidden-tablet"> <div class="is-hidden-tablet">
<div class="subtitle columns is-mobile"> <div class="subtitle columns is-mobile">
<div class="column is-one-third"> <div class="column is-one-third">
<a href="https://t.me/PallaMagica_Bot" target="_blank" rel="noopener noreferrer"> <a href="https://t.me/PallaMagica_Bot" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/palla.jpg" alt="PallaMagica"> <img src="assets/projects/palla.jpg" alt="PallaMagica">
</a> </a>
</div>
<div class="column is-one-third">
<a href="https://codeberg.org/massivebox/retrofw-jiljil" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/jiljil.jpg" alt="RetroFW JilJil">
</a>
</div>
<div class="column is-one-third">
<a href="https://codeberg.org/massivebox/retrofw-2048" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/2048.jpg" alt="RetroFW 2048">
</a>
</div>
</div> </div>
<div class="subtitle columns is-mobile"> <div class="column is-one-third">
<div class="column is-one-third"> <a href="https://codeberg.org/massivebox/retrofw-jiljil" target="_blank" rel="noopener noreferrer">
<a href="https://deletedbot.eu.org"> <img src="assets/projects/jiljil.jpg" alt="RetroFW JilJil">
<img src="assets/projects/deletedbot.jpg" alt="DeletedBot"> </a>
</a> </div>
</div> <div class="column is-one-third">
<div class="column is-one-third"> <a href="https://codeberg.org/massivebox/retrofw-2048" target="_blank" rel="noopener noreferrer">
<a href="https://forum.cavestory.org/threads/keroflex-is-a-cool-little-way-to-share-your-keroblaster-boss-rush-time-with-the-world.15331/" target="_blank" rel="noopener noreferrer"> <img src="assets/projects/2048.jpg" alt="RetroFW 2048">
<img src="assets/projects/keroflex.jpg" alt="KeroFlex"> </a>
</a> </div>
</div> </div>
<div class="column is-one-third"> <div class="subtitle columns is-mobile">
<a href="https://hub.docker.com/r/massiveboxe/session-open-group" target="_blank" rel="noopener noreferrer"> <div class="column is-one-third">
<img src="assets/projects/sogs.jpg" alt="SOGS Docker"> <a href="https://deletedbot.eu.org">
</a> <img src="assets/projects/deletedbot.jpg" alt="DeletedBot">
</div </a>
</div>
<div class="column is-one-third">
<a href="https://forum.cavestory.org/threads/keroflex-is-a-cool-little-way-to-share-your-keroblaster-boss-rush-time-with-the-world.15331/" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/keroflex.jpg" alt="KeroFlex">
</a>
</div>
<div class="column is-one-third">
<a href="https://hub.docker.com/r/massiveboxe/session-open-group" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/sogs.jpg" alt="SOGS Docker">
</a>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<footer class="footer"> <footer class="footer">