2021-08-04 16:12:51 +00:00
<!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 >
2022-05-29 18:09:24 +00:00
2021-08-04 16:12:51 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title > Projects - MassiveBox< / title >
2022-08-14 08:23:20 +00:00
< 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 >
2022-11-28 20:23:36 +00:00
< link rel = "icon" type = "image/x-icon" href = "assets/favicon.ico" >
2021-12-26 19:25:09 +00:00
2021-08-04 16:12:51 +00:00
< 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" / >
2021-12-26 19:25:09 +00:00
2022-05-29 18:09:24 +00:00
< script >
2021-08-04 16:12:51 +00:00
$(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 >
2021-12-26 19:25:09 +00:00
2021-08-04 16:12:51 +00:00
< / head >
2021-12-26 19:25:09 +00:00
2021-08-04 16:12:51 +00:00
< body >
2021-12-26 19:25:09 +00:00
< section class = "hero is-primary" style = "padding: 2vw 7vw 2vw 7vw; background: #050732 !important" >
2022-05-29 18:09:24 +00:00
< nav class = "navbar" aria-label = "main navigation" >
2021-08-04 16:12:51 +00:00
< div class = "navbar-brand" >
< a class = "navbar-item" href = "./" >
2021-12-26 19:25:09 +00:00
< img src = "assets/navlogo.jpg" alt = "Navigation bar logo" >
2021-08-04 16:12:51 +00:00
< 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" >
2022-08-14 08:23:20 +00:00
< 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 >
2021-08-04 16:12:51 +00:00
< / div >
< / div >
< / nav >
< / section >
2021-12-26 19:25:09 +00:00
2021-08-04 16:12:51 +00:00
< section class = "hero is-medium is-link" >
< div class = "hero-body" >
2022-05-29 18:09:24 +00:00
< 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 >
2022-11-28 20:23:36 +00:00
< div class = "container" >
< div id = "projects" style = "background-color: rgb(243, 243, 243); border-radius: 10px; padding: 15px" >
2021-08-04 16:12:51 +00:00
< / div >
2022-11-28 20:23:36 +00:00
< 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 >
2021-08-04 16:12:51 +00:00
< / div >
< / div >
< / section >
2021-12-26 19:25:09 +00:00
2022-11-28 20:23:36 +00:00
< 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 >
2021-08-04 16:12:51 +00:00
< footer class = "footer" >
< div class = "content has-text-centered" >
< p >
2022-08-14 08:23:20 +00:00
Website by MassiveBox, handcrafted in Italy with < span class = "icon has-text-danger" > < i class = "fa fa-heart" > < / i > < / span > .< br >
2022-11-28 20:23:36 +00:00
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 >
2021-08-04 16:12:51 +00:00
< / p >
< / div >
< / footer >
2021-12-26 19:25:09 +00:00
2021-08-04 16:12:51 +00:00
< / body >
< / html >
