add: my album
This commit is contained in:
parent
c0ff29fa71
commit
036df802d5
321
index.html
321
index.html
@ -1,132 +1,223 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="fr" id="html">
|
<html lang="fr" id="html">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8"/>
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" href="/icon.webp"/>
|
<link rel="icon" href="/icon.webp" />
|
||||||
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
|
<link
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap"
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
rel="stylesheet"
|
||||||
<meta content="Guams" property="og:title"/>
|
/>
|
||||||
<meta content="Hi, I'm Guams, a french developer. Here you can see my open source projects, my blog and more..."
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
property="og:description"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<meta content="https://guams.fr" property="og:url"/>
|
<meta content="Guams" property="og:title" />
|
||||||
<meta content="https://guams.fr/icon.webp" property="og:image"/>
|
<meta
|
||||||
<meta content="#546bab" data-react-helmet="true" name="theme-color"/>
|
content="Hi, I'm Guams, a french developer. Here you can see my open source projects, my blog and more..."
|
||||||
|
property="og:description"
|
||||||
|
/>
|
||||||
|
<meta content="https://guams.fr" property="og:url" />
|
||||||
|
<meta content="https://guams.fr/icon.webp" property="og:image" />
|
||||||
|
<meta content="#546bab" data-react-helmet="true" name="theme-color" />
|
||||||
<title>Home</title>
|
<title>Home</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
<main id="closed-main">
|
<body>
|
||||||
<h1>Look what you've done !</h1>
|
<main id="closed-main">
|
||||||
</main>
|
<h1>Look what you've done !</h1>
|
||||||
<main class="main">
|
</main>
|
||||||
<div class="title-bar window-border">
|
<main class="main">
|
||||||
|
<div class="title-bar window-border">
|
||||||
<div class="title-bar-text">Guams - Home</div>
|
<div class="title-bar-text">Guams - Home</div>
|
||||||
<div class="title-bar-controls">
|
<div class="title-bar-controls">
|
||||||
<button aria-label="minimize" type="button" class="title-bar-button minimize-button">
|
<button
|
||||||
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
|
aria-label="minimize"
|
||||||
</button>
|
type="button"
|
||||||
<button aria-label="maximize" class="title-bar-button maximize-button">
|
class="title-bar-button minimize-button"
|
||||||
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
|
>
|
||||||
</button>
|
<img
|
||||||
<button aria-label="close" class="title-bar-button close-button" onclick="closeWindow('main')">
|
alt="minimize button"
|
||||||
<img alt="close button" src="/src/img/close.svg" aria-hidden="true">
|
src="/src/img/minimize.svg"
|
||||||
</button>
|
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>
|
</div>
|
||||||
<div class="window-border">
|
<div class="window-border">
|
||||||
<div class="banner-div window-border">
|
<div class="banner-div window-border">
|
||||||
<img id="banner" alt="profile banner" src="/src/img/banner_home.webp">
|
<img
|
||||||
|
id="banner"
|
||||||
|
alt="profile banner"
|
||||||
|
src="/src/img/banner_home.webp"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content window-border">
|
<div class="content window-border">
|
||||||
<div class="left-panel">
|
<div class="left-panel">
|
||||||
<div class="navigation">
|
<div class="navigation">
|
||||||
<p id="nav-title">Navigation</p>
|
<p id="nav-title">Navigation</p>
|
||||||
<a class="navbar-link" href="/">Home</a>
|
<a class="navbar-link" href="/">Home</a>
|
||||||
<a class="navbar-link" href="projects.html">My projects</a>
|
<a class="navbar-link" href="projects.html">My projects</a>
|
||||||
<a class="navbar-link" href="https://abonentendeur.guams.fr">My blog</a>
|
<a class="navbar-link" href="https://abonentendeur.guams.fr"
|
||||||
<a class="navbar-link" href="https://mybooklist.guams.fr">My books</a>
|
>My blog</a
|
||||||
|
>
|
||||||
|
<a class="navbar-link" href="https://mybooklist.guams.fr"
|
||||||
|
>My books</a
|
||||||
|
>
|
||||||
|
<a class="navbar-link" href="https://myalbum.guams.fr">My Album</a>
|
||||||
|
</div>
|
||||||
|
<div class="about-me-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>
|
</div>
|
||||||
<div class="about-me-panel">
|
<ul id="changelog-content"></ul>
|
||||||
<div class="title-bar window-border">
|
</div>
|
||||||
<div class="title-bar-text">Changelog</div>
|
<div class="changelog-panel">
|
||||||
<div class="title-bar-controls">
|
<div class="title-bar window-border">
|
||||||
<button aria-label="minimize" class="title-bar-button minimize-button">
|
<div class="title-bar-text">About me</div>
|
||||||
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
|
<div class="title-bar-controls">
|
||||||
</button>
|
<button
|
||||||
<button aria-label="maximize" class="title-bar-button maximize-button">
|
aria-label="minimize"
|
||||||
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
|
class="title-bar-button minimize-button"
|
||||||
</button>
|
>
|
||||||
<button aria-label="close" class="title-bar-button">
|
<img
|
||||||
<img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
|
alt="minimize button"
|
||||||
</button>
|
src="/src/img/minimize.svg"
|
||||||
</div>
|
aria-hidden="true"
|
||||||
</div>
|
/>
|
||||||
<ul id="changelog-content">
|
</button>
|
||||||
</ul>
|
<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>
|
||||||
<div class="changelog-panel">
|
<div id="about-me-content">
|
||||||
<div class="title-bar window-border">
|
<div class="about-top">
|
||||||
<div class="title-bar-text">About me</div>
|
<img class="osaka" alt="osaka :3" src="/src/img/default.webp" />
|
||||||
<div class="title-bar-controls">
|
<div class="about-top-text">
|
||||||
<button aria-label="minimize" class="title-bar-button minimize-button">
|
<p>Guams</p>
|
||||||
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
|
<p>22 years old</p>
|
||||||
</button>
|
<p>he/him</p>
|
||||||
<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>22 years old</p>
|
|
||||||
<p>he/him</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="text status">
|
|
||||||
<p class="text">My current status :</p>
|
|
||||||
<p class="text">A new update of my blog is out!</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text status">
|
||||||
|
<p class="text">My current status :</p>
|
||||||
|
<p class="text">A new update of my blog is out!</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="presentation">
|
<div class="presentation">
|
||||||
<div>
|
<div>
|
||||||
<h1>Welcome to my website</h1>
|
<h1>Welcome to my website</h1>
|
||||||
<p>Hi, I'm <strong>Guams</strong>, a french developer.</p>
|
<p>Hi, I'm <strong>Guams</strong>, a french developer.</p>
|
||||||
<p>
|
<p>
|
||||||
I'm currently studying computer science, especially web development.
|
I'm currently studying computer science, especially web
|
||||||
My hobbies are giving life to my ideas thanks to my coding skills, reading books and watching anime. On my
|
development. My hobbies are giving life to my ideas thanks to my
|
||||||
free time I share my thoughts on the works I play or read on my
|
coding skills, reading books and watching anime. On my free time I
|
||||||
<a class="hypertext-link" target="_blank" href="https://abonentendeur.guams.fr">blog</a>.
|
share my thoughts on the works I play or read on my
|
||||||
</p><br><br>
|
<a
|
||||||
<p>I'm still studying, and I mostly learned Java. But since I'm very curious, I'm interested in all kinds of programming languages, such as:</p>
|
class="hypertext-link"
|
||||||
<ul>
|
target="_blank"
|
||||||
<li class="language-list">Python</li>
|
href="https://abonentendeur.guams.fr"
|
||||||
<li class="language-list">C</li>
|
>blog</a
|
||||||
<li class="language-list">Rust</li>
|
>.
|
||||||
<li class="language-list">Java</li>
|
</p>
|
||||||
<li class="language-list">TypeScript (with the Angular framework)</li>
|
<br /><br />
|
||||||
<li class="language-list">PHP (never again)</li>
|
<p>
|
||||||
<li class="language-list">R (also never again)</li>
|
I'm still studying, and I mostly learned Java. But since I'm very
|
||||||
</ul>
|
curious, I'm interested in all kinds of programming languages,
|
||||||
<p>You can also take a look at one of my friend's <a target="_blank" class="hypertext-link" href="https://fish.golf">website</a></p>
|
such as:
|
||||||
</div>
|
</p>
|
||||||
<a target="_blank" href="https://fish.golf">
|
<ul>
|
||||||
<img alt="friend's website" src="src/img/fishgolf.gif"/>
|
<li class="language-list">Python</li>
|
||||||
</a>
|
<li class="language-list">C</li>
|
||||||
|
<li class="language-list">Rust</li>
|
||||||
|
<li class="language-list">Java</li>
|
||||||
|
<li class="language-list">
|
||||||
|
TypeScript (with the Angular framework)
|
||||||
|
</li>
|
||||||
|
<li class="language-list">PHP (never again)</li>
|
||||||
|
<li class="language-list">R (also never again)</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
You can also take a look at one of my friend's
|
||||||
|
<a target="_blank" class="hypertext-link" href="https://fish.golf"
|
||||||
|
>website</a
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<a target="_blank" href="https://fish.golf">
|
||||||
|
<img alt="friend's website" src="src/img/fishgolf.gif" />
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3.8.1/tsparticles.bundle.min.js"></script>
|
<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/main.js"></script>
|
||||||
<script type="module" src="/src/gitea.js"></script>
|
<script type="module" src="/src/gitea.js"></script>
|
||||||
<script type="module" src="/src/window.js"></script>
|
<script type="module" src="/src/window.js"></script>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
561
projects.html
561
projects.html
@ -1,190 +1,411 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="fr" id="html">
|
<html lang="fr" id="html">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8"/>
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" href="/icon.webp"/>
|
<link rel="icon" href="/icon.webp" />
|
||||||
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
|
<link
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap"
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
rel="stylesheet"
|
||||||
<meta content="Guams" property="og:title"/>
|
/>
|
||||||
<meta content="Hi, I'm Guams, a french developer. Here you can see my open source projects, my blog and more..."
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
property="og:description"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<meta content="https://guams.fr" property="og:url"/>
|
<meta content="Guams" property="og:title" />
|
||||||
<meta content="https://guams.fr/icon.webp" property="og:image"/>
|
<meta
|
||||||
<meta content="#546bab" data-react-helmet="true" name="theme-color"/>
|
content="Hi, I'm Guams, a french developer. Here you can see my open source projects, my blog and more..."
|
||||||
|
property="og:description"
|
||||||
|
/>
|
||||||
|
<meta content="https://guams.fr" property="og:url" />
|
||||||
|
<meta content="https://guams.fr/icon.webp" property="og:image" />
|
||||||
|
<meta content="#546bab" data-react-helmet="true" name="theme-color" />
|
||||||
<title>My projects</title>
|
<title>My projects</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<main id="closed-main">
|
<main id="closed-main">
|
||||||
<h1>Look what you've done !</h1>
|
<h1>Look what you've done !</h1>
|
||||||
</main>
|
</main>
|
||||||
<main class="main">
|
<main class="main">
|
||||||
<div class="title-bar window-border">
|
<div class="title-bar window-border">
|
||||||
<div class="title-bar-text">Guams - My projects</div>
|
<div class="title-bar-text">Guams - My projects</div>
|
||||||
<div class="title-bar-controls">
|
<div class="title-bar-controls">
|
||||||
<button aria-label="minimize" class="title-bar-button minimize-button">
|
<button
|
||||||
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
|
aria-label="minimize"
|
||||||
</button>
|
class="title-bar-button minimize-button"
|
||||||
<button aria-label="maximize" class="title-bar-button maximize-button">
|
>
|
||||||
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
|
<img
|
||||||
</button>
|
alt="minimize button"
|
||||||
<button aria-label="close" class="title-bar-button close-button" onclick="closeWindow('main')">
|
src="/src/img/minimize.svg"
|
||||||
<img alt="close button" src="/src/img/close.svg" aria-hidden="true">
|
aria-hidden="true"
|
||||||
</button>
|
/>
|
||||||
|
</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>
|
</div>
|
||||||
<div class="window-border">
|
<div class="window-border">
|
||||||
<div class="banner-div window-border">
|
<div class="banner-div window-border">
|
||||||
<img id="banner" alt="profile banner" src="/src/img/banner_about.webp">
|
<img
|
||||||
|
id="banner"
|
||||||
|
alt="profile banner"
|
||||||
|
src="/src/img/banner_about.webp"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content window-border">
|
<div class="content window-border">
|
||||||
<div class="left-panel">
|
<div class="left-panel">
|
||||||
<div class="navigation">
|
<div class="navigation">
|
||||||
<p id="nav-title">Navigation</p>
|
<p id="nav-title">Navigation</p>
|
||||||
<a class="navbar-link" href="/">Home</a>
|
<a class="navbar-link" href="/">Home</a>
|
||||||
<a class="navbar-link" href="projects.html">My projects</a>
|
<a class="navbar-link" href="projects.html">My projects</a>
|
||||||
<a class="navbar-link" href="https://abonentendeur.guams.fr">My blog</a>
|
<a class="navbar-link" href="https://abonentendeur.guams.fr"
|
||||||
<a class="navbar-link" href="https://mybooklist.guams.fr">My books</a>
|
>My blog</a
|
||||||
|
>
|
||||||
|
<a class="navbar-link" href="https://mybooklist.guams.fr"
|
||||||
|
>My books</a
|
||||||
|
>
|
||||||
|
<a class="navbar-link" href="https://myalbum.guams.fr">My Album</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>
|
</div>
|
||||||
<div class="changelog-panel">
|
<ul id="changelog-content"></ul>
|
||||||
<div class="title-bar window-border">
|
</div>
|
||||||
<div class="title-bar-text">Changelog</div>
|
<div class="changelog-panel">
|
||||||
<div class="title-bar-controls">
|
<div class="title-bar window-border">
|
||||||
<button aria-label="minimize" class="title-bar-button minimize-button">
|
<div class="title-bar-text">About me</div>
|
||||||
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
|
<div class="title-bar-controls">
|
||||||
</button>
|
<button
|
||||||
<button aria-label="maximize" class="title-bar-button maximize-button">
|
aria-label="minimize"
|
||||||
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
|
class="title-bar-button minimize-button"
|
||||||
</button>
|
>
|
||||||
<button aria-label="close" class="title-bar-button">
|
<img
|
||||||
<img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
|
alt="minimize button"
|
||||||
</button>
|
src="/src/img/minimize.svg"
|
||||||
</div>
|
aria-hidden="true"
|
||||||
</div>
|
/>
|
||||||
<ul id="changelog-content">
|
</button>
|
||||||
</ul>
|
<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>
|
||||||
<div class="changelog-panel">
|
<div id="about-me-content">
|
||||||
<div class="title-bar window-border">
|
<div class="about-top">
|
||||||
<div class="title-bar-text">About me</div>
|
<img class="osaka" alt="osaka :3" src="/src/img/default.webp" />
|
||||||
<div class="title-bar-controls">
|
<div class="about-top-text">
|
||||||
<button aria-label="minimize" class="title-bar-button minimize-button">
|
<p>Guams</p>
|
||||||
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
|
<p>22 years old</p>
|
||||||
</button>
|
<p>he/him</p>
|
||||||
<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>22 years old</p>
|
|
||||||
<p>he/him</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="text status">
|
|
||||||
<p class="text">My current status :</p>
|
|
||||||
<p class="text">A new update of my blog is out!</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text status">
|
||||||
|
<p class="text">My current status :</p>
|
||||||
|
<p class="text">A new update of my blog is out!</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="projects">
|
<div class="projects">
|
||||||
<div class="project-panel">
|
<div class="project-panel">
|
||||||
<div class="title-bar window-border">
|
<div class="title-bar window-border">
|
||||||
<div class="title-bar-text">My own Gitea instance</div>
|
<div class="title-bar-text">My own Gitea instance</div>
|
||||||
<div class="title-bar-controls">
|
<div class="title-bar-controls">
|
||||||
<button aria-label="minimize" class="title-bar-button minimize-button">
|
<button
|
||||||
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
|
aria-label="minimize"
|
||||||
</button>
|
class="title-bar-button minimize-button"
|
||||||
<button aria-label="maximize" class="title-bar-button maximize-button">
|
>
|
||||||
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
|
<img
|
||||||
</button>
|
alt="minimize button"
|
||||||
<button aria-label="close" class="title-bar-button">
|
src="/src/img/minimize.svg"
|
||||||
<img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
|
aria-hidden="true"
|
||||||
</button>
|
/>
|
||||||
</div>
|
</button>
|
||||||
</div>
|
<button
|
||||||
<div class="project-content">
|
aria-label="maximize"
|
||||||
<a class="image-link" href="https://gitea.guams.fr/Guams">
|
class="title-bar-button maximize-button"
|
||||||
<img title="Open in gitea" class="project-top" alt="screen of my gitea"
|
>
|
||||||
src="/src/img/gitea.webp">
|
<img
|
||||||
</a>
|
alt="maximize button"
|
||||||
<div class="text status">
|
src="/src/img/maximize.svg"
|
||||||
<u><p class="text">Summary :</p></u>
|
aria-hidden="true"
|
||||||
<p class="text">This is my own Gitea instance where I share my projects.</p>
|
/>
|
||||||
</div>
|
</button>
|
||||||
</div>
|
<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>
|
||||||
<div class="project-panel">
|
<div class="project-content">
|
||||||
<div class="title-bar window-border">
|
<a class="image-link" href="https://gitea.guams.fr/Guams">
|
||||||
<div class="title-bar-text">My blog "Abonentendeur"</div>
|
<img
|
||||||
<div class="title-bar-controls">
|
title="Open in gitea"
|
||||||
<button aria-label="minimize" class="title-bar-button minimize-button">
|
class="project-top"
|
||||||
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
|
alt="screen of my gitea"
|
||||||
</button>
|
src="/src/img/gitea.webp"
|
||||||
<button aria-label="maximize" class="title-bar-button maximize-button">
|
/>
|
||||||
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
|
</a>
|
||||||
</button>
|
<div class="text status">
|
||||||
<button aria-label="close" class="title-bar-button">
|
<u><p class="text">Summary :</p></u>
|
||||||
<img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
|
<p class="text">
|
||||||
</button>
|
This is my own Gitea instance where I share my projects.
|
||||||
</div>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-content">
|
|
||||||
<a class="image-link" 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>
|
</div>
|
||||||
<div class="project-panel">
|
</div>
|
||||||
<div class="title-bar window-border">
|
<div class="project-panel">
|
||||||
<div class="title-bar-text">My book list</div>
|
<div class="title-bar window-border">
|
||||||
<div class="title-bar-controls">
|
<div class="title-bar-text">My blog "Abonentendeur"</div>
|
||||||
<button aria-label="minimize" class="title-bar-button minimize-button">
|
<div class="title-bar-controls">
|
||||||
<img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
|
<button
|
||||||
</button>
|
aria-label="minimize"
|
||||||
<button aria-label="maximize" class="title-bar-button maximize-button">
|
class="title-bar-button minimize-button"
|
||||||
<img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
|
>
|
||||||
</button>
|
<img
|
||||||
<button aria-label="close" class="title-bar-button">
|
alt="minimize button"
|
||||||
<img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
|
src="/src/img/minimize.svg"
|
||||||
</button>
|
aria-hidden="true"
|
||||||
</div>
|
/>
|
||||||
</div>
|
</button>
|
||||||
<div class="project-content">
|
<button
|
||||||
<a class="image-link" href="https://gitea.guams.fr/Guams/my_book_list_front">
|
aria-label="maximize"
|
||||||
<img title="Open in gitea" class="project-top" alt="screen of my gitea"
|
class="title-bar-button maximize-button"
|
||||||
src="/src/img/mybooklist.webp">
|
>
|
||||||
</a>
|
<img
|
||||||
<div class="text status">
|
alt="maximize button"
|
||||||
<u><p class="text">Summary :</p></u>
|
src="/src/img/maximize.svg"
|
||||||
<p class="text">This is where I share what i <a href="https://mybooklist.guams.fr" target="_blank"
|
aria-hidden="true"
|
||||||
class="hypertext-link">read</a>.</p>
|
/>
|
||||||
</div>
|
</button>
|
||||||
</div>
|
<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>
|
||||||
<iframe class="pub" src="https://john.citrons.xyz/embed?ref=example.com"></iframe>
|
<div class="project-content">
|
||||||
|
<a
|
||||||
|
class="image-link"
|
||||||
|
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>
|
||||||
|
<div class="project-panel">
|
||||||
|
<div class="title-bar window-border">
|
||||||
|
<div class="title-bar-text">My book list</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
|
||||||
|
class="image-link"
|
||||||
|
href="https://gitea.guams.fr/Guams/my_book_list_front"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
title="Open in gitea"
|
||||||
|
class="project-top"
|
||||||
|
alt="screen of my gitea"
|
||||||
|
src="/src/img/mybooklist.webp"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<div class="text status">
|
||||||
|
<u><p class="text">Summary :</p></u>
|
||||||
|
<p class="text">
|
||||||
|
This is where I share what i
|
||||||
|
<a
|
||||||
|
href="https://mybooklist.guams.fr"
|
||||||
|
target="_blank"
|
||||||
|
class="hypertext-link"
|
||||||
|
>read</a
|
||||||
|
>.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="project-panel">
|
||||||
|
<div class="title-bar window-border">
|
||||||
|
<div class="title-bar-text">My album</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
|
||||||
|
class="image-link"
|
||||||
|
href="https://gitea.guams.fr/Guams/my_photo_album"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
title="Open in gitea"
|
||||||
|
class="project-top"
|
||||||
|
alt="screen of my gitea"
|
||||||
|
src="/src/img/myalbum.webp"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<div class="text status">
|
||||||
|
<u><p class="text">Summary :</p></u>
|
||||||
|
<p class="text">
|
||||||
|
This is where I share my
|
||||||
|
<a
|
||||||
|
href="https://myalbum.guams.fr"
|
||||||
|
target="_blank"
|
||||||
|
class="hypertext-link"
|
||||||
|
>photos</a
|
||||||
|
>.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<iframe
|
||||||
|
class="pub"
|
||||||
|
src="https://john.citrons.xyz/embed?ref=example.com"
|
||||||
|
></iframe>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3.8.1/tsparticles.bundle.min.js"></script>
|
<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/main.js"></script>
|
||||||
<script type="module" src="/src/gitea.js"></script>
|
<script type="module" src="/src/gitea.js"></script>
|
||||||
<script type="module" src="/src/window.js"></script>
|
<script type="module" src="/src/window.js"></script>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
BIN
src/img/myalbum.webp
Normal file
BIN
src/img/myalbum.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Loading…
Reference in New Issue
Block a user