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

General improvements

Browse source
This commit is contained in:
massive 2021-12-26 20:25:09 +01:00
parent 9c3f315527
commit 28afbfe759
4 changed files with 99 additions and 127 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/favicon.ico
View file

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 17 KiB

25
contact.html
View file

@ -26,13 +26,14 @@
<link rel="stylesheet" href="deps/bulma.min.css">
<script src="deps/jquery.min.js"></script>
<script src="deps/fontawesome.min.js"></script>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<meta charset="UTF-8" />
<meta name="author" content="MassiveBox" />
<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" />
<script>
<script async>
$(document).ready(function() {
// Check for click events on the navbar burger icon
@ -46,33 +47,17 @@
});
</script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.massivebox.eu.org/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #04032d !important">
<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="./">
<img src="assets/navlogo.png" alt="Navigation bar logo">
<img src="assets/navlogo.jpg" alt="Navigation bar logo">
<div style="width: 15px"></div>
<p class="is-size-4"><b><i>MassiveBox</i></b></p>
</a>
@ -110,7 +95,7 @@
</ul>
</div>
<div id="maurizio">
<img src="assets/maurizio.png" alt="Maurizio the Cat">
<img src="assets/maurizio.jpg" alt="Maurizio the Cat">
<p class="subtitle"><a href="https://t.me/ilgattomaurizio">Gatto Maurizio</a> doesn't look happy about you being a robot.</p>
<button class="button is-success is-light" onclick="showcontact();">I'm not a robot anymore, Maurizio please spare me</button>
</div>

72
index.html
View file

@ -26,13 +26,14 @@
<link rel="stylesheet" href="deps/bulma.min.css">
<script src="deps/jquery.min.js"></script>
<script src="deps/fontawesome.min.js"></script>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<meta charset="UTF-8" />
<meta name="author" content="MassiveBox" />
<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" />
<script>
<script async>
$(document).ready(function() {
// Check for click events on the navbar burger icon
@ -46,33 +47,24 @@
});
</script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.massivebox.eu.org/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<section class="hero is-small is-black">
<div class="hero-body">
<p>
This website is available on <u><a href="https://lokinet.org/" target="_blank" rel="noopener noreferrer">Lokinet</a></u>: <u><a href="http://i455hht9c6q6nsw3gk66wdheoo9yteauhjsdumi333ajpor86pay.loki/">SNApp URL</a></u>.
</p>
</div>
</section>
<section class="hero is-primary is-fullheight" style="padding: 2vw 7vw 2vw 7vw; background: #04032d !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">
<div class="navbar-brand">
<a class="navbar-item" href="./">
<img src="assets/navlogo.png" alt="Navigation bar logo">
<img src="assets/navlogo.jpg" alt="Navigation bar logo">
<div style="width: 15px"></div>
<p class="is-size-4"><b><i>MassiveBox</i></b></p>
</a>
@ -97,10 +89,20 @@
<div class="hero-body">
<table style="width: 100%">
<tr>
<td style=""><p align="center"><img src="assets/spinning.gif" alt="spinning box" class="is-hidden-touch" style="width: 257px"></p></td><!-- Desktop -->
<td style=""><p align="center">
<video autoplay loop muted playsinline class="is-hidden-touch" style="width: 257px">
<source src="assets/spinning.webm" type="video/webm">
<source src="assets/spinning.mp4" type="video/mp4">
</video>
</p></td><!-- Desktop -->
<td>
<div>
<p align="center"><img src="assets/spinning.gif" alt="spinning box" class="is-hidden-desktop" style="width: 257px"></p><!-- Mobile -->
<p align="center">
<video autoplay loop muted playsinline class="is-hidden-desktop" style="width: 257px">
<source src="assets/spinning.webm" type="video/webm">
<source src="assets/spinning.mp4" type="video/mp4">
</video>
</p><!-- Mobile -->
<p class="title" align="center" style="font-size: 9vw;"><b><i>MassiveBox</i></b></h1><!-- Desktop -->
@ -131,7 +133,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/go.png" alt="go's logo"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/go.jpg" alt="go's logo" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>Go</b></p>
@ -142,7 +144,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/front.png" alt="html, javascript, css"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/front.jpg" alt="html, javascript, css" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>HTML, CSS, JavaScript/JQuery</b></p>
@ -153,7 +155,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/linux.png" alt="linux tux"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/linux.jpg" alt="linux tux" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>Linux</b></p>
@ -164,7 +166,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/c.png" alt="c logo"></img></figure>
<figure class="image is-1by1"><img src="assets/homeicons/c.jpg" alt="c logo" loading="lazy"></img></figure>
</div>
<div class="card-content">
<p><b>C</b></p>
@ -175,7 +177,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/py.png" alt="python logo"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/py.jpg" alt="python logo" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>Python</b></p>
@ -186,7 +188,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/sql.png" alt="mysql logo"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/sql.jpg" alt="mysql logo" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>SQL</b></p>
@ -199,7 +201,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/docker.png" alt="docker logo"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/docker.jpg" alt="docker logo" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>Docker</b></p>
@ -210,7 +212,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/compose.png" alt="compose logo"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/compose.jpg" alt="compose logo" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>Docker Compose</b></p>
@ -221,7 +223,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/redis.png" alt="redis logo"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/redis.jpg" alt="redis logo" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>Redis</b></p>
@ -232,7 +234,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/mongo.png" alt="mongodb logo"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/mongo.jpg" alt="mongodb logo" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>MongoDB</b></p>
@ -243,7 +245,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/php.png" alt="php logo"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/php.jpg" alt="php logo" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>PHP</b></p>
@ -254,7 +256,7 @@
<div class="column is-2">
<div class="card" style="height: 100%">
<div class="card-image">
<figure class="image is-1by1"><img src="assets/homeicons/jamstack.png" alt="jamstack image"></figure>
<figure class="image is-1by1"><img src="assets/homeicons/jamstack.jpg" alt="jamstack image" loading="lazy"></figure>
</div>
<div class="card-content">
<p><b>Jamstack</b></p>
@ -289,12 +291,12 @@
<article class="media" style="padding: 10px">
<figure class="media-left">
<p class="image is-64x64">
<a href="`+entry.link+`"><img src="assets/navlogo.png" alt="My profile picture"></a>
<a href="`+entry.link+`"><img src="assets/avatar.jpg" alt="My profile picture"></a>
</p>
</figure>
<div class="media-content">
<div class="content">
<p><strong>MassiveBox</strong> <small><a href="https://c.im/@massivebox">massivebox@c.im</a></small> <small>`+date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear()+`</small></p>
<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>
`+entry.content+`
</div>
</div>

47
projects.html
View file

@ -26,13 +26,14 @@
<link rel="stylesheet" href="deps/bulma.min.css">
<script src="deps/jquery.min.js"></script>
<script src="deps/fontawesome.min.js"></script>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<meta charset="UTF-8" />
<meta name="author" content="MassiveBox" />
<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" />
<script>
<script async>
$(document).ready(function() {
// Check for click events on the navbar burger icon
@ -46,33 +47,17 @@
});
</script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.massivebox.eu.org/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #04032d !important">
<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="./">
<img src="assets/navlogo.png" alt="Navigation bar logo">
<img src="assets/navlogo.jpg" alt="Navigation bar logo">
<div style="width: 15px"></div>
<p class="is-size-4"><b><i>MassiveBox</i></b></p>
</a>
@ -101,32 +86,32 @@
<div class="subtitle columns">
<div class="column is-2">
<a href="https://t.me/PallaMagica_Bot" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/palla.png" alt="PallaMagica">
<img src="assets/projects/palla.jpg" alt="PallaMagica">
</a>
</div>
<div class="column is-2">
<a href="https://codeberg.org/massivebox/retrofw-jiljil" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/jiljil.png" alt="RetroFW JilJil">
<img src="assets/projects/jiljil.jpg" alt="RetroFW JilJil">
</a>
</div>
<div class="column is-2">
<a href="https://codeberg.org/massivebox/retrofw-2048" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/2048.png" alt="RetroFW 2048">
<img src="assets/projects/2048.jpg" alt="RetroFW 2048">
</a>
</div>
<div class="column is-2">
<a href="https://deletedbot.eu.org">
<img src="assets/projects/deletedbot.png" alt="DeletedBot">
<img src="assets/projects/deletedbot.jpg" alt="DeletedBot">
</a>
</div>
<div class="column is-2">
<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.png" alt="KeroFlex">
<img src="assets/projects/keroflex.jpg" alt="KeroFlex">
</a>
</div>
<div class="column is-2">
<a href="https://hub.docker.com/r/massiveboxe/session-open-group" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/sogs.png" alt="SOGS Docker">
<img src="assets/projects/sogs.jpg" alt="SOGS Docker">
</a>
</div
</div>
@ -136,34 +121,34 @@
<div class="subtitle columns is-mobile">
<div class="column is-one-third">
<a href="https://t.me/PallaMagica_Bot" target="_blank" rel="noopener noreferrer">
<img src="assets/projects/palla.png" alt="PallaMagica">
<img src="assets/projects/palla.jpg" alt="PallaMagica">
</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.png" alt="RetroFW JilJil">
<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.png" alt="RetroFW 2048">
<img src="assets/projects/2048.jpg" alt="RetroFW 2048">
</a>
</div>
</div>
<div class="subtitle columns is-mobile">
<div class="column is-one-third">
<a href="https://deletedbot.eu.org">
<img src="assets/projects/deletedbot.png" alt="DeletedBot">
<img src="assets/projects/deletedbot.jpg" alt="DeletedBot">
</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.png" alt="KeroFlex">
<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.png" alt="SOGS Docker">
<img src="assets/projects/sogs.jpg" alt="SOGS Docker">
</a>
</div
</div>