Guams/guams_homepage
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity
358bb4c512
guams_homepage/projects.html
guams 358bb4c512 accessibility issues
2025-06-15 16:06:14 +02:00

157 lines
8.1 KiB
HTML
Raw Blame History

<!doctype html>
<html lang="fr" id="html">
<head>
<meta charset="UTF-8"/>
<link rel="icon" href="/icon.webp"/>
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>My projects</title>
</head>
<body>
<main id="closed-main">
<h1>Look what you've done !</h1>
</main>
<main class="main">
<div class="title-bar window-border">
<div class="title-bar-text">Guams - My projects</div>
<div class="title-bar-controls">
<button aria-label="minimize" class="title-bar-button minimize-button">
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
</button>
<button aria-label="maximize" class="title-bar-button maximize-button">
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
</button>
<button aria-label="close" class="title-bar-button close-button" onclick="closeWindow('main')">
<img alt="close button" src="/src/img/close.svg" aria-hidden="true">
</button>
</div>
</div>
<div class="window-border">
<div class="banner-div window-border">
<img id="banner" alt="profile banner" src="/src/img/banner_about.webp">
</div>
</div>
<div class="content window-border">
<div class="left-panel">
<div class="navigation">
<span id="nav-title">Navigation</span>
<a class="navbar-link" href="/">Home</a>
<a class="navbar-link" href="projects.html">My projects</a>
<a class="navbar-link" href="https://abonentendeur.guams.fr">My blog</a>
</div>
<div class="changelog-panel">
<div class="title-bar window-border">
<div class="title-bar-text">Changelog</div>
<div class="title-bar-controls">
<button aria-label="minimize" class="title-bar-button minimize-button">
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
</button>
<button aria-label="maximize" class="title-bar-button maximize-button">
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
</button>
<button aria-label="close" class="title-bar-button">
<img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
</button>
</div>
</div>
<ul id="changelog-content">
</ul>
</div>
<div class="changelog-panel">
<div class="title-bar window-border">
<div class="title-bar-text">About me</div>
<div class="title-bar-controls">
<button aria-label="minimize" class="title-bar-button minimize-button">
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
</button>
<button aria-label="maximize" class="title-bar-button maximize-button">
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
</button>
<button aria-label="close" class="title-bar-button">
<img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
</button>
</div>
</div>
<div id="about-me-content">
<div class="about-top">
<img class="osaka" alt="osaka :3" src="/src/img/default.webp">
<div class="about-top-text">
<p>Guams</p>
<p>21 years old</p>
<p>he/him</p>
</div>
</div>
<div class="text status">
<p class="text">My current status :</p>
<p class="text">Might update my blog someday...</p>
</div>
</div>
</div>
</div>
<div class="projects">
<div class="project-panel">
<div class="title-bar window-border">
<div class="title-bar-text">My own Gitea instance</div>
<div class="title-bar-controls">
<button aria-label="minimize" class="title-bar-button minimize-button">
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
</button>
<button aria-label="maximize" class="title-bar-button maximize-button">
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
</button>
<button aria-label="close" class="title-bar-button">
<img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
</button>
</div>
</div>
<div class="project-content">
<a href="https://gitea.guams.fr/Guams">
<img title="Open in gitea" class="project-top" alt="screen of my gitea"
src="/src/img/gitea.webp">
</a>
<div class="text status">
<u><p class="text">Summary :</p></u>
<p class="text">This is my own Gitea instance where I share my projects.</p>
</div>
</div>
</div>
<div class="project-panel">
<div class="title-bar window-border">
<div class="title-bar-text">My blog "Abonentendeur"</div>
<div class="title-bar-controls">
<button aria-label="minimize" class="title-bar-button minimize-button">
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
</button>
<button aria-label="maximize" class="title-bar-button maximize-button">
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
</button>
<button aria-label="close" class="title-bar-button">
<img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
</button>
</div>
</div>
<div class="project-content">
<a href="https://gitea.guams.fr/Guams/review-front">
<img title="Open in gitea" class="project-top" alt="screen of abonentendeur"
src="/src/img/abonentendeur.webp">
</a>
<div class="text status">
<u><p class="text">Summary :</p></u>
<p class="text">This is my <a href="https://abonentendeur.guams.fr" target="_blank"
class="hypertext-link">blog</a> where I share my thoughts on the
works I play or read.</p>
</div>
</div>
</div>
<iframe src="https://john.citrons.xyz/embed?ref=example.com"
style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe>
</div>
</div>
</main>
</body>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3.8.1/tsparticles.bundle.min.js"></script>
<script type="module" src="/src/main.js"></script>
<script type="module" src="/src/gitea.js"></script>
<script type="module" src="/src/window.js"></script>
</html>
Reference in New Issue View Git Blame Copy Permalink