Add base website
This commit is contained in:
		
						commit
						682c3de027
					
				
					 30 changed files with 1349 additions and 0 deletions
				
			
		
							
								
								
									
										185
									
								
								projects.html
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										185
									
								
								projects.html
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,185 @@
 | 
			
		|||
<!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 charset="utf-8">
 | 
			
		||||
		<meta name="viewport" content="width=device-width, initial-scale=1">
 | 
			
		||||
		<title>Projects - MassiveBox</title>
 | 
			
		||||
		<link rel="stylesheet" href="deps/bulma.min.css">
 | 
			
		||||
		<script src="deps/jquery.min.js"></script>
 | 
			
		||||
		<script src="deps/fontawesome.min.js"></script>
 | 
			
		||||
		
 | 
			
		||||
		<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>
 | 
			
		||||
		
 | 
			
		||||
		<!-- 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">
 | 
			
		||||
			
 | 
			
		||||
			<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">
 | 
			
		||||
						<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="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="contact.html"><span class="icon-text"><span class="icon"><i class="fas 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" align="center">My Projects</p>
 | 
			
		||||
				<p class="subtitle" 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.png" 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">
 | 
			
		||||
							</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">
 | 
			
		||||
							</a>
 | 
			
		||||
						</div>
 | 
			
		||||
						<div class="column is-2">
 | 
			
		||||
							<a href="https://deletedbot.eu.org">
 | 
			
		||||
								<img src="assets/projects/deletedbot.png" 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">
 | 
			
		||||
							</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">
 | 
			
		||||
							</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.png" 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">
 | 
			
		||||
							</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">
 | 
			
		||||
							</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">
 | 
			
		||||
							</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">
 | 
			
		||||
							</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">
 | 
			
		||||
							</a>
 | 
			
		||||
						</div
 | 
			
		||||
					</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="fas fa-heart"></i></span>.<br>
 | 
			
		||||
					Released under GPL3. <a href="https://codeberg.org/massivebox/website" target="_blank" rel="noopener noreferrer">Source code</a><br>
 | 
			
		||||
					Icons by <a href="https://fontawesome.com" target="_blank" rel="noopener noreferrer">FontAwesome</a> (CC BY 4.0) - 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>
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue