Various improvements

- Switch to Git submodules for dependancies
- Migrate from FontAwesome to ForkAwesome, which has more icons I need and is fully FOSS
- Update repository link
- Update contact links
This commit is contained in:
MassiveBox 2022-08-14 10:23:20 +02:00
parent 3a8985cdd6
commit a3e765e19e
12 changed files with 108 additions and 55 deletions

1
.gitignore vendored
View File

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

12
.gitmodules vendored Normal file
View File

@ -0,0 +1,12 @@
[submodule "deps/bulma"]
path = deps/bulma
url = https://github.com/jgthms/bulma
[submodule "deps/forkawesome"]
path = deps/forkawesome
url = https://github.com/ForkAwesome/Fork-Awesome
[submodule "deps/jquery"]
path = deps/jquery
url = https://github.com/jquery/jquery/tree/3.6.0
[submodule "deps/rssparser"]
path = deps/rssparser
url = https://github.com/rbren/rss-parser

View File

@ -1,14 +1,11 @@
# MassiveBox's Homepage # MassiveBox's Homepage
A simple HTML, CSS and JQuery homepage built with Bulma. A simple HTML, CSS and JQuery static homepage built with Bulma.
In order to run, you have to place these contents in the `deps` folder:
| Resource | File name | Don't forget to clone the repo with `--recurse-submodules` to get all dependancies:
| ------------------------------------------------------------ | ------------------------- | - Bulma for the base CSS of the website
| https://raw.githubusercontent.com/jgthms/bulma/master/css/bulma.min.css | ./deps/bulma.min.css | - ForkAwesome for awesome FOSS icons
| https://use.fontawesome.com/releases/v5.3.1/js/all.js | ./deps/fontawesome.min.js | - jQuery because plain JS is boring
| https://code.jquery.com/jquery-3.6.0.min.js | ./deps/jquery.min.js | - RSS Parser because Pleroma's feed is in RSS format
| https://raw.githubusercontent.com/rbren/rss-parser/master/dist/rss-parser.min.js | ./deps/rss-parser.min.js |
This ensures that no CDN is pinged by the end user, which safeguards their privacy. You can check out a live version at https://massivebox.net or https://massivebox.codeberg.page/website.
You may want to edit the .html files by using your Matomo code. You may also want to edit your privacy policy links so that they actually lead to your privacy policy.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

View File

@ -23,9 +23,9 @@
<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/css/bulma.min.css">
<script src="deps/jquery.min.js"></script> <link rel="stylesheet" href="deps/forkawesome/css/fork-awesome.min.css">
<script src="deps/fontawesome.min.js"></script> <script src="deps/jquery/dist/jquery.min.js"></script>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico"> <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -70,10 +70,10 @@
<div id="navbarBasicExample" class="navbar-menu"> <div id="navbarBasicExample" class="navbar-menu">
<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="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="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="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="fas fa-blog"></i></span><span>Blog</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="fas fa-envelope"></i></span><span>Contact</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>
</div> </div>
</nav> </nav>
@ -84,15 +84,15 @@
<p class="title">Contact me</p> <p class="title">Contact me</p>
<p class="subtitle"><br> <p class="subtitle"><br>
Feel free to contact me whenever you want, as long as you're not asking something obvious or spamming.<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. I don't guarantee that I will respond.
</p> </p>
</div> </div>
<div id="contact"><br> <div id="contact"><br>
<ul> <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="fa fa-envelope"></i></span> <b>Email:</b> <a href="mailto:hello@massivebox.net">hello@massivebox.net</a></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="fa fa-matrix-org"></i></span> <b>Matrix:</b> <a href="https://matrix.to/#/@massivebox:massivebox.net">@massivebox:massivebox.net</a></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> <li><p class="subtitle"><span class="icon"><i class="fa fa-lock"></i></span> <b>Session</b> (ONS name): <code>massivebox</code></p></li>
<li><p class="subtitle"><span class="icon"><i class="fa fa-telegram"></i></span> <b>Telegram:</b> <a href="https://t.me/massivebox">@MassiveBox</a></p></li>
</ul> </ul>
</div> </div>
<div id="maurizio"> <div id="maurizio">
@ -128,9 +128,9 @@
<footer class="footer"> <footer class="footer">
<div class="content has-text-centered"> <div class="content has-text-centered">
<p> <p>
Website by MassiveBox, handcrafted in Italy with <span class="icon has-text-danger"><i class="fas fa-heart"></i></span>.<br> 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://codeberg.org/massivebox/website" target="_blank" rel="noopener noreferrer">Source code</a><br> Released under GPL3. <a href="https://gitea.massivebox.net/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> All logos in this page are copyright of their owner - <a href="/pages/privacy.html" target="_blank" rel="noopener noreferrer">Privacy</a>
</p> </p>
</div> </div>
</footer> </footer>

1
deps/bulma vendored Submodule

@ -0,0 +1 @@
Subproject commit 64f739c0c939b5dedbf8dfb4595f7192d1e766a5

1
deps/forkawesome vendored Submodule

@ -0,0 +1 @@
Subproject commit a99579ae3e735ee70e51ed62dfcee3172b5b2db7

1
deps/jquery vendored Submodule

@ -0,0 +1 @@
Subproject commit 0cc1ad64ab0f482c13d6edd2a5226f309dd00006

1
deps/rssparser vendored Submodule

@ -0,0 +1 @@
Subproject commit e2e2f4d03a74811fd4dc624381b0f336bcdde962

View File

@ -23,9 +23,9 @@
<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/css/bulma.min.css">
<script src="deps/jquery.min.js"></script> <link rel="stylesheet" href="deps/forkawesome/css/fork-awesome.min.css">
<script src="deps/fontawesome.min.js"></script> <script src="deps/jquery/dist/jquery.min.js"></script>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico"> <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -51,13 +51,6 @@
<body> <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: #050732 !important"> <section class="hero is-primary is-fullheight" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important">
@ -77,10 +70,10 @@
<div id="navbarBasicExample" class="navbar-menu"> <div id="navbarBasicExample" class="navbar-menu">
<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="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="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="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="fas fa-blog"></i></span><span>Blog</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="fas fa-envelope"></i></span><span>Contact</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>
</div> </div>
</nav> </nav>
@ -277,13 +270,13 @@
</div> </div>
</section> </section>
<script src="deps/rss-parser.min.js"></script> <script src="deps/rssparser/dist/rss-parser.min.js"></script>
<script> <script>
let parser = new RSSParser(); let parser = new RSSParser();
parser.parseURL('/feed.atom', 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 Pleroma RSS feed. Try refreshing the page.</p>`); $("#mastodonfeed").html(`<p><span class="icon has-text-danger"><i class="fa 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));
@ -298,7 +291,7 @@
<div class="media-content"> <div class="media-content">
<div class="content"> <div class="content">
<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> <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.replace(/:(\S*):/gm, '<img src="/emoji/$1" width="16" alt="$1" loading="lazy">')+`
</div> </div>
</div> </div>
</article> </article>
@ -312,9 +305,9 @@
<footer class="footer"> <footer class="footer">
<div class="content has-text-centered"> <div class="content has-text-centered">
<p> <p>
Website by MassiveBox, handcrafted in Italy with <span class="icon has-text-danger"><i class="fas fa-heart"></i></span>.<br> 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://codeberg.org/massivebox/website" target="_blank" rel="noopener noreferrer">Source code</a><br> Released under GPL3. <a href="https://gitea.massivebox.net/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> All logos in this page are copyright of their owner - <a href="/pages/privacy.html" target="_blank" rel="noopener noreferrer">Privacy</a>
</p> </p>
</div> </div>
</footer> </footer>

48
project.geany Normal file
View File

@ -0,0 +1,48 @@
[editor]
line_wrapping=false
line_break_column=72
auto_continue_multiline=true
[file_prefs]
final_new_line=true
ensure_convert_new_lines=false
strip_trailing_spaces=false
replace_tabs=false
[indentation]
indent_width=4
indent_type=0
indent_hard_tab_width=8
detect_indent=false
detect_indent_width=false
indent_mode=2
[project]
name=website
base_path=/home/massive/DEV/websito3
description=
[long line marker]
long_line_behaviour=1
long_line_column=72
[files]
current_page=5
FILE_NAME_0=10976;HTML;0;EUTF-8;0;1;0;%2Fhome%2Fmassive%2FDEV%2Fwebsito3%2Findex.html;0;4
FILE_NAME_1=5552;HTML;0;EUTF-8;0;1;0;%2Fhome%2Fmassive%2FDEV%2Fwebsito3%2Fcontact.html;0;4
FILE_NAME_2=6960;HTML;0;EUTF-8;0;1;0;%2Fhome%2Fmassive%2FDEV%2Fwebsito3%2Fprojects.html;0;4
FILE_NAME_3=382;None;0;EUTF-8;0;1;0;%2Fhome%2Fmassive%2FDEV%2Fwebsito3%2F.gitmodules;0;4
FILE_NAME_4=446;Markdown;0;EUTF-8;0;1;0;%2Fhome%2Fmassive%2FDEV%2Fwebsito3%2FREADME.md;0;4
FILE_NAME_5=13;None;0;EUTF-8;0;1;0;%2Fhome%2Fmassive%2FDEV%2Fwebsito3%2F.gitignore;0;4
[VTE]
last_dir=/home/massive/DEV/leo exploit
[prjorg]
source_patterns=*.c;*.C;*.cpp;*.cxx;*.c++;*.cc;*.m;
header_patterns=*.h;*.H;*.hpp;*.hxx;*.h++;*.hh;
ignored_dirs_patterns=.*;CVS;
ignored_file_patterns=*.o;*.obj;*.a;*.lib;*.so;*.dll;*.lo;*.la;*.class;*.jar;*.pyc;*.mo;*.gmo;
generate_tag_prefs=0
show_empty_dirs=true
external_dirs=

View File

@ -23,9 +23,9 @@
<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/css/bulma.min.css">
<script src="deps/jquery.min.js"></script> <link rel="stylesheet" href="deps/forkawesome/css/fork-awesome.min.css">
<script src="deps/fontawesome.min.js"></script> <script src="deps/jquery/dist/jquery.min.js"></script>
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico"> <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -70,10 +70,10 @@
<div id="navbarBasicExample" class="navbar-menu"> <div id="navbarBasicExample" class="navbar-menu">
<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="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="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="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="fas fa-blog"></i></span><span>Blog</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="fas fa-envelope"></i></span><span>Contact</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>
</div> </div>
</nav> </nav>
@ -159,9 +159,9 @@
<footer class="footer"> <footer class="footer">
<div class="content has-text-centered"> <div class="content has-text-centered">
<p> <p>
Website by MassiveBox, handcrafted in Italy with <span class="icon has-text-danger"><i class="fas fa-heart"></i></span>.<br> 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://codeberg.org/massivebox/website" target="_blank" rel="noopener noreferrer">Source code</a><br> Released under GPL3. <a href="https://gitea.massivebox.net/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> All logos in this page are copyright of their owner - <a href="/pages/privacy.html" target="_blank" rel="noopener noreferrer">Privacy</a>
</p> </p>
</div> </div>
</footer> </footer>