website/projects.html

171 lines
7.0 KiB
HTML

<!DOCTYPE html>
<!--
MassiveBox's Homepage
Copyright (C) 2021 MassiveBox
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
-->
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Projects - MassiveBox</title>
<link rel="stylesheet" href="deps/bulma/css/bulma.min.css">
<link rel="stylesheet" href="deps/forkawesome/css/fork-awesome.min.css">
<script src="deps/jquery/dist/jquery.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>
$(document).ready(function() {
// Check for click events on the navbar burger icon
$(".navbar-burger").click(function() {
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
$(".navbar-burger").toggleClass("is-active");
$(".navbar-menu").toggleClass("is-active");
});
});
</script>
</head>
<body>
<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important">
<nav class="navbar" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="./">
<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>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item" href="./"><span class="icon-text"><span class="icon"><i class="fa 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="fa fa-cloud"></i></span><span>Projects</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="fa fa-feed"></i></span><span>Blog</span></span></a>
<a class="navbar-item" href="contact.html"><span class="icon-text"><span class="icon"><i class="fa fa-envelope"></i></span><span>Contact</span></span></a>
</div>
</div>
</nav>
</section>
<section class="hero is-medium is-link">
<div class="hero-body">
<p class="title" style="text-align:center">My Projects</p>
<p class="subtitle" style="text-align:center">Click on them to see more details</p>
<div class="is-hidden-mobile">
<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.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.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.jpg" alt="RetroFW 2048">
</a>
</div>
<div class="column is-2">
<a href="https://deletedbot.eu.org">
<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.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.jpg" alt="SOGS Docker">
</a>
</div>
</div>
</div>
</div>
<div class="is-hidden-tablet">
<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.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.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 class="subtitle columns is-mobile">
<div class="column is-one-third">
<a href="https://deletedbot.eu.org">
<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.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>
</section>
<footer class="footer">
<div class="content has-text-centered">
<p>
Website by MassiveBox, handcrafted in Italy with <span class="icon has-text-danger"><i class="fa fa-heart"></i></span>.<br>
Released under GPL3. <a href="https://gitea.massivebox.net/massivebox/website" target="_blank" rel="noopener noreferrer">Source code</a><br>
All logos in this page are copyright of their owner - <a href="/pages/privacy.html" target="_blank" rel="noopener noreferrer">Privacy</a>
</p>
</div>
</footer>
</body>
</html>