Guams/guams_homepage
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

base: Guams:main
Branches Tags
Guams:main
Guams:refonte
..
compare: Guams:refonte
Branches Tags
Guams:main
Guams:refonte

No commits in common. "main" and "refonte" have entirely different histories.
main ... refonte

9 changed files with 252 additions and 663 deletions
Show Stats Expand all files Collapse all files

180
index.html
View File

@ -3,23 +3,17 @@
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<link rel="icon" href="/icon.webp"/> <link rel="icon" href="/icon.webp"/>
<link <link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
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"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta content="Guams" property="og:title"/> <meta content="Guams" property="og:title"/>
<meta <meta content="Hi, I'm Guams, a french developer. Here you can see my open source projects, my blog and more..."
content="Hi, I'm Guams, a french developer. Here you can see my open source projects, my blog and more..." property="og:description"/>
property="og:description"
/>
<meta content="https://guams.fr" property="og:url"/> <meta content="https://guams.fr" property="og:url"/>
<meta content="https://guams.fr/icon.webp" property="og:image" /> <meta content="guams.fr/icon.webp" property="og:image"/>
<meta content="#546bab" data-react-helmet="true" name="theme-color"/> <meta content="#546bab" data-react-helmet="true" name="theme-color"/>
<title>Home</title> <title>Home</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>
@ -28,143 +22,75 @@
<div class="title-bar window-border"> <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 <button class="title-bar-button minimize-button">
aria-label="minimize" <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
type="button"
class="title-bar-button minimize-button"
>
<img
alt="minimize button"
src="/src/img/minimize.svg"
aria-hidden="true"
/>
</button> </button>
<button <button class="title-bar-button maximize-button">
aria-label="maximize" <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
class="title-bar-button maximize-button"
>
<img
alt="maximize button"
src="/src/img/maximize.svg"
aria-hidden="true"
/>
</button> </button>
<button <button class="title-bar-button close-button" onclick="closeWindow('main')">
aria-label="close" <img alt="close button" src="/src/img/close.svg" aria-hidden="true">
class="title-bar-button close-button"
onclick="closeWindow('main')"
>
<img
alt="close button"
src="/src/img/close.svg"
aria-hidden="true"
/>
</button> </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 <img id="banner" alt="profile banner" src="/src/img/banner_home.webp">
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> <span id="nav-title">Navigation</span>
<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" <a class="navbar-link" href="https://abonentendeur.guams.fr">My blog</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>
<div class="about-me-panel"> <div class="about-me-panel">
<div class="title-bar window-border"> <div class="title-bar window-border">
<div class="title-bar-text">Changelog</div> <div class="title-bar-text">Changelog</div>
<div class="title-bar-controls"> <div class="title-bar-controls">
<button <button class="title-bar-button minimize-button">
aria-label="minimize" <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
class="title-bar-button minimize-button"
>
<img
alt="minimize button"
src="/src/img/minimize.svg"
aria-hidden="true"
/>
</button> </button>
<button <button class="title-bar-button maximize-button">
aria-label="maximize" <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
class="title-bar-button maximize-button"
>
<img
alt="maximize button"
src="/src/img/maximize.svg"
aria-hidden="true"
/>
</button> </button>
<button aria-label="close" class="title-bar-button"> <button class="title-bar-button">
<img <img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
alt="close button close-button"
src="/src/img/close.svg"
aria-hidden="true"
/>
</button> </button>
</div> </div>
</div> </div>
<ul id="changelog-content"></ul> <ul id="changelog-content">
</ul>
</div> </div>
<div class="changelog-panel"> <div class="changelog-panel">
<div class="title-bar window-border"> <div class="title-bar window-border">
<div class="title-bar-text">About me</div> <div class="title-bar-text">About me</div>
<div class="title-bar-controls"> <div class="title-bar-controls">
<button <button class="title-bar-button minimize-button">
aria-label="minimize" <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
class="title-bar-button minimize-button"
>
<img
alt="minimize button"
src="/src/img/minimize.svg"
aria-hidden="true"
/>
</button> </button>
<button <button class="title-bar-button maximize-button">
aria-label="maximize" <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
class="title-bar-button maximize-button"
>
<img
alt="maximize button"
src="/src/img/maximize.svg"
aria-hidden="true"
/>
</button> </button>
<button aria-label="close" class="title-bar-button"> <button class="title-bar-button">
<img <img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
alt="close button close-button"
src="/src/img/close.svg"
aria-hidden="true"
/>
</button> </button>
</div> </div>
</div> </div>
<div id="about-me-content"> <div id="about-me-content">
<div class="about-top"> <div class="about-top">
<img class="osaka" alt="osaka :3" src="/src/img/default.webp" /> <img class="osaka" alt="osaka :3" src="/src/img/default.webp">
<div class="about-top-text"> <div class="about-top-text">
<p>Guams</p> <p>Guams</p>
<p>22 years old</p> <p>21 years old</p>
<p>he/him</p> <p>he/him</p>
</div> </div>
</div> </div>
<div class="text status"> <div class="text status">
<p class="text">My current status :</p> <p class="text">My current status :</p>
<p class="text">A new update of my blog is out!</p> <p class="text">Might update my blog someday...</p>
</div> </div>
</div> </div>
</div> </div>
@ -172,45 +98,27 @@
<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> <span>Hi, I'm <strong>Guams</strong>, a french developer.</span>
<p> <span>
I'm currently studying computer science, especially web I'm currently studying computer science, especially web development.
development. My hobbies are giving life to my ideas thanks to my My hobbies are giving life to my ideas thanks to my coding skills, reading books and watching anime. On my
coding skills, reading books and watching anime. On my free time I free time I share my thoughts on the works I play or read on my
share my thoughts on the works I play or read on my <a class="hypertext-link" target="_blank" href="https://abonentendeur.guams.fr">blog.</a>
<a </span><br><br>
class="hypertext-link" <span>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:</span>
target="_blank"
href="https://abonentendeur.guams.fr"
>blog</a
>.
</p>
<br /><br />
<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>
<ul> <ul>
<li class="language-list">Python</li> <li class="language-list">Python</li>
<li class="language-list">C</li> <li class="language-list">C</li>
<li class="language-list">Rust</li> <li class="language-list">Rust</li>
<li class="language-list">Java</li> <li class="language-list">Java</li>
<li class="language-list"> <li class="language-list">TypeScript (with the Angular framework)</li>
TypeScript (with the Angular framework)
</li>
<li class="language-list">PHP (never again)</li> <li class="language-list">PHP (never again)</li>
<li class="language-list">R (also never again)</li> <li class="language-list">R (also never again)</li>
</ul> </ul>
<p> <span>You can also take a look at one of my friend's <a class="hypertext-link" href="https://fish.golf">website</a></span>
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> </div>
<a target="_blank" href="https://fish.golf"> <a href="https://fish.golf">
<img alt="friend's website" src="src/img/fishgolf.gif" /> <img src="src/img/fishgolf.gif"/>
</a> </a>
</div> </div>
</div> </div>
@ -218,6 +126,6 @@
</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 src="/src/gitea.js"></script>
<script type="module" src="/src/window.js"></script> <script src="/src/window.js"></script>
</html> </html>

2
package.json
View File

@ -5,7 +5,7 @@
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vite build", "build": "tsc && vite build",
"preview": "vite preview" "preview": "vite preview"
}, },
"devDependencies": { "devDependencies": {

357
projects.html
View File

@ -3,20 +3,8 @@
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<link rel="icon" href="/icon.webp"/> <link rel="icon" href="/icon.webp"/>
<link <link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
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"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<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..."
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>
@ -27,142 +15,75 @@
<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 <button class="title-bar-button minimize-button">
aria-label="minimize" <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
class="title-bar-button minimize-button"
>
<img
alt="minimize button"
src="/src/img/minimize.svg"
aria-hidden="true"
/>
</button> </button>
<button <button class="title-bar-button maximize-button">
aria-label="maximize" <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
class="title-bar-button maximize-button"
>
<img
alt="maximize button"
src="/src/img/maximize.svg"
aria-hidden="true"
/>
</button> </button>
<button <button class="title-bar-button close-button" onclick="closeWindow('main')">
aria-label="close" <img alt="close button" src="/src/img/close.svg" aria-hidden="true">
class="title-bar-button close-button"
onclick="closeWindow('main')"
>
<img
alt="close button"
src="/src/img/close.svg"
aria-hidden="true"
/>
</button> </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 <img id="banner" alt="profile banner" src="/src/img/banner_about.webp">
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> <span id="nav-title">Navigation</span>
<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" <a class="navbar-link" href="https://abonentendeur.guams.fr">My blog</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>
<div class="changelog-panel"> <div class="changelog-panel">
<div class="title-bar window-border"> <div class="title-bar window-border">
<div class="title-bar-text">Changelog</div> <div class="title-bar-text">Changelog</div>
<div class="title-bar-controls"> <div class="title-bar-controls">
<button <button class="title-bar-button minimize-button">
aria-label="minimize" <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
class="title-bar-button minimize-button"
>
<img
alt="minimize button"
src="/src/img/minimize.svg"
aria-hidden="true"
/>
</button> </button>
<button <button class="title-bar-button maximize-button">
aria-label="maximize" <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
class="title-bar-button maximize-button"
>
<img
alt="maximize button"
src="/src/img/maximize.svg"
aria-hidden="true"
/>
</button> </button>
<button aria-label="close" class="title-bar-button"> <button class="title-bar-button">
<img <img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
alt="close button close-button"
src="/src/img/close.svg"
aria-hidden="true"
/>
</button> </button>
</div> </div>
</div> </div>
<ul id="changelog-content"></ul> <ul id="changelog-content">
</ul>
</div> </div>
<div class="changelog-panel"> <div class="changelog-panel">
<div class="title-bar window-border"> <div class="title-bar window-border">
<div class="title-bar-text">About me</div> <div class="title-bar-text">About me</div>
<div class="title-bar-controls"> <div class="title-bar-controls">
<button <button class="title-bar-button minimize-button">
aria-label="minimize" <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
class="title-bar-button minimize-button"
>
<img
alt="minimize button"
src="/src/img/minimize.svg"
aria-hidden="true"
/>
</button> </button>
<button <button class="title-bar-button maximize-button">
aria-label="maximize" <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
class="title-bar-button maximize-button"
>
<img
alt="maximize button"
src="/src/img/maximize.svg"
aria-hidden="true"
/>
</button> </button>
<button aria-label="close" class="title-bar-button"> <button class="title-bar-button">
<img <img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
alt="close button close-button"
src="/src/img/close.svg"
aria-hidden="true"
/>
</button> </button>
</div> </div>
</div> </div>
<div id="about-me-content"> <div id="about-me-content">
<div class="about-top"> <div class="about-top">
<img class="osaka" alt="osaka :3" src="/src/img/default.webp" /> <img class="osaka" alt="osaka :3" src="/src/img/default.webp">
<div class="about-top-text"> <div class="about-top-text">
<p>Guams</p> <p>Guams</p>
<p>22 years old</p> <p>21 years old</p>
<p>he/him</p> <p>he/him</p>
</div> </div>
</div> </div>
<div class="text status"> <div class="text status">
<p class="text">My current status :</p> <p class="text">My current status :</p>
<p class="text">A new update of my blog is out!</p> <p class="text">Might update my blog someday...</p>
</div> </div>
</div> </div>
</div> </div>
@ -172,49 +93,22 @@
<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 <button class="title-bar-button minimize-button">
aria-label="minimize" <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
class="title-bar-button minimize-button"
>
<img
alt="minimize button"
src="/src/img/minimize.svg"
aria-hidden="true"
/>
</button> </button>
<button <button class="title-bar-button maximize-button">
aria-label="maximize" <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
class="title-bar-button maximize-button"
>
<img
alt="maximize button"
src="/src/img/maximize.svg"
aria-hidden="true"
/>
</button> </button>
<button aria-label="close" class="title-bar-button"> <button class="title-bar-button">
<img <img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
alt="close button close-button"
src="/src/img/close.svg"
aria-hidden="true"
/>
</button> </button>
</div> </div>
</div> </div>
<div class="project-content"> <div class="project-content">
<a class="image-link" href="https://gitea.guams.fr/Guams"> <img class="project-top" alt="screen of my gitea" src="/src/img/gitea.webp">
<img
title="Open in gitea"
class="project-top"
alt="screen of my gitea"
src="/src/img/gitea.webp"
/>
</a>
<div class="text status"> <div class="text status">
<u><p class="text">Summary :</p></u> <u><p class="text">Summary :</p></u>
<p class="text"> <p class="text">This is my own Gitea instance where I share my projects.</p>
This is my own Gitea instance where I share my projects.
</p>
</div> </div>
</div> </div>
</div> </div>
@ -222,190 +116,33 @@
<div class="title-bar window-border"> <div class="title-bar window-border">
<div class="title-bar-text">My blog "Abonentendeur"</div> <div class="title-bar-text">My blog "Abonentendeur"</div>
<div class="title-bar-controls"> <div class="title-bar-controls">
<button <button class="title-bar-button minimize-button">
aria-label="minimize" <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
class="title-bar-button minimize-button"
>
<img
alt="minimize button"
src="/src/img/minimize.svg"
aria-hidden="true"
/>
</button> </button>
<button <button class="title-bar-button maximize-button">
aria-label="maximize" <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
class="title-bar-button maximize-button"
>
<img
alt="maximize button"
src="/src/img/maximize.svg"
aria-hidden="true"
/>
</button> </button>
<button aria-label="close" class="title-bar-button"> <button class="title-bar-button">
<img <img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
alt="close button close-button"
src="/src/img/close.svg"
aria-hidden="true"
/>
</button> </button>
</div> </div>
</div> </div>
<div class="project-content"> <div class="project-content">
<a <img class="project-top" alt="screen of abonentendeur" src="/src/img/abonentendeur.webp">
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"> <div class="text status">
<u><p class="text">Summary :</p></u> <u><p class="text">Summary :</p></u>
<p class="text"> <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>
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> </div>
<div class="project-panel"> <iframe src="https://john.citrons.xyz/embed?ref=example.com"
<div class="title-bar window-border"> style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe>
<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 src="/src/gitea.js"></script>
<script type="module" src="/src/window.js"></script> <script src="/src/window.js"></script>
</html> </html>

8
src/gitea.js
View File

@ -5,16 +5,16 @@ xhr.send();
xhr.onload = () => { xhr.onload = () => {
if (xhr.status === 200) { if (xhr.status === 200) {
let commits = JSON.parse(xhr.response); commits = JSON.parse(xhr.response);
commits.forEach(commit => { commits.forEach(commit => {
const ul = document.getElementById("changelog-content"); const ul = document.getElementById("changelog-content");
const li = document.createElement("li"); const li = document.createElement("li");
const h2 = document.createElement("h2"); const h2 = document.createElement("h2");
const p = document.createElement("p"); const span = document.createElement("span");
h2.innerText = new Date(commit.created).toLocaleDateString(); h2.innerText = new Date(commit.created).toLocaleDateString();
p.innerText = commit.commit.message; span.innerText = commit.commit.message;
li.appendChild(h2); li.appendChild(h2);
li.appendChild(p); li.appendChild(span);
ul.appendChild(li); ul.appendChild(li);
}) })
} }

BIN
src/img/myalbum.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 82 KiB

BIN
src/img/mybooklist.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 78 KiB

45
src/style.css
View File

@ -232,7 +232,6 @@ h1 {
} }
.hypertext-link { .hypertext-link {
color: white;
font-weight: bold; font-weight: bold;
} }
@ -241,7 +240,6 @@ h1 {
background-color: #bea9de; background-color: #bea9de;
} }
.navbar-link { .navbar-link {
border-bottom: 1px solid #bea9de; border-bottom: 1px solid #bea9de;
text-decoration: none; text-decoration: none;
@ -272,42 +270,8 @@ h1 {
flex-direction: row; flex-direction: row;
} }
.pub {
margin-left:auto;
display:block;
margin-right:auto;
max-width:732px;
width:100%;
height:94px;
border:none;
}
.image-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* Responsive */ /* Responsive */
@media (max-width: 450px) {
.projects {
width: 100%;
}
.presentation {
width: 100%;
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
@media (max-width: 850px) { @media (max-width: 850px) {
* { * {
font-size: 12px; font-size: 12px;
@ -337,21 +301,14 @@ h1 {
} }
.osaka { .osaka {
width: 100%;
height: auto; height: auto;
} }
.text-status {
text-align: start;
}
main { main {
width: 100%; width: 100%;
} }
.presentation {
min-width: 0;
}
.banner-div { .banner-div {
display: block; display: block;
max-width: 100%; max-width: 100%;

2
src/window.js
View File

@ -1,4 +1,4 @@
window.closeWindow =function closeWindow(windowClass) { function closeWindow(windowClass) {
const elements = document.querySelectorAll(`.${windowClass}`); const elements = document.querySelectorAll(`.${windowClass}`);
elements.forEach(el => { elements.forEach(el => {
el.style.display = 'none'; el.style.display = 'none';

13
vite.config.js
View File

@ -1,13 +0,0 @@
import { defineConfig } from 'vite';
import { resolve } from 'path';
export default defineConfig({
build: {
rollupOptions: {
input: {
main: resolve(__dirname, 'index.html'),
projects: resolve(__dirname, 'projects.html'),
},
},
},
});