140 lines
5.6 KiB
HTML
140 lines
5.6 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>Contacts - MassiveBox</title>
|
|
<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>
|
|
$(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="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="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>
|
|
</nav>
|
|
</section>
|
|
|
|
<section class="section is-medium">
|
|
<div id="header">
|
|
<p class="title">Contact me</p>
|
|
<p class="subtitle"><br>
|
|
Feel free to contact me whenever you want, as long as you're not asking something obvious or spamming.<br>
|
|
I prefer being contacted on Session or Telegram.<br>
|
|
I don't guarantee that I will respond.
|
|
</p>
|
|
</div>
|
|
<div id="contact"><br>
|
|
<ul>
|
|
<li><p class="subtitle"><span class="icon"><i class="fas fa-envelope"></i></span> <b>Email:</b> hello<span class="icon"><i class="fas fa-at"></i></span>massivebox.eu.org</p></li>
|
|
<li><p class="subtitle"><span class="icon"><i class="fas fa-lock"></i></span> <b>Session</b> (ONS name): <code>massivebox</code></p></li>
|
|
<li><p class="subtitle"><span class="icon"><i class="fas fa-plane"></i></span> <b>Telegram:</b> <code>massive_box</code></p></li>
|
|
</ul>
|
|
</div>
|
|
<div id="maurizio">
|
|
<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>
|
|
<div id="riddle">
|
|
<p class="subtitle"><br><b>Riddle time:</b> Are you a robot?</p>
|
|
<button class="button is-success is-light" onclick="showmaurizio();">Yes</button>
|
|
<button class="button is-danger is-light" onclick="showcontact();">No</button>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
$("#maurizio").hide();
|
|
$("#contact").hide();
|
|
|
|
function showmaurizio() {
|
|
$("#maurizio").show();
|
|
$("#header").hide();
|
|
$("#riddle").hide();
|
|
}
|
|
|
|
function showcontact() {
|
|
$("#header").show();
|
|
$("#maurizio").hide();
|
|
$("#contact").show();
|
|
$("#riddle").hide();
|
|
}
|
|
</script>
|
|
|
|
<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>
|