Add Gitea repos + minor improvements

- Add Gitea repos inside Projects page
- Add EcoDash link to footer
- Uniform Favicon
This commit is contained in:
MassiveBox 2022-11-28 21:23:36 +01:00
parent c7ffffc164
commit be5d24de18
4 changed files with 41 additions and 127 deletions

View file

@ -26,7 +26,7 @@
<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">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
<meta charset="UTF-8" />
<meta name="author" content="MassiveBox" />
@ -83,85 +83,48 @@
<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 class="container">
<div id="projects" style="background-color: rgb(243, 243, 243); border-radius: 10px; padding: 15px">
</div>
<p><br>Fetched from <a href="https://gitea.massivebox.net/massivebox" target="_blank" rel="noopener noreferrer">my Gitea</a>. Check me out on <a href="https://codeberg.org/massivebox" target="_blank" rel="noopener noreferrer">Codeberg</a> and <a href="https://github.com/massivebox" target="_blank" rel="noopener noreferrer">GitHub</a> as well!</p>
</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>
<script>
$.getJSON("https://massivebox.net/gitea-repos", function(data, textStatus) {
if(textStatus != "success") {
$("#projects").html(`<p><span class="icon has-text-danger"><i class="fa fa-times"></i></span> Error parsing Gitea repositories. Try refreshing the page.</p>`)
}
data.forEach(function(entry) {
html = `
<div class="card mb-3" style="padding: 20px 10px 20px 10px">
<article class="media">
<div class="media-content">
<a href="`+entry.html_url+`" target="_blank" rel="noopener noreferrer">
<div class="content">
<nav class="level">
<h3 style="color: #4183c4">`+entry.name+`</h3>
</nav>
<p>`+entry.description+`</p>
</div>
</a>
</div>
</article>
</div>`;
$("#projects").html($("#projects").html()+html);
})
})
</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="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>
All logos in this page are copyright of their owner.<br>
<a href="https://gitea.massivebox.net/massivebox/website" target="_blank" rel="noopener noreferrer">Source code</a> | <a href="https://ecodash.massivebox.net" target="_blank" rel="noopener noreferrer">Environmental Report</a> | <a href="/pages/privacy.html" target="_blank" rel="noopener noreferrer">Privacy Policy</a>
</p>
</div>
</footer>