style improvement

.gitignore

@@ -1 +1,2 @@
 /target
+/assets/games

assets/style.css

@@ -37,6 +37,12 @@ h1, h2 {
   color: #000;
 }
 
+input {
+  border: 2px #cccccc;
+  border-radius: 4px;
+  font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
 /* Dark mode styles */
 @media (prefers-color-scheme: dark) {
   body {
@@ -44,6 +50,11 @@ h1, h2 {
     background: #222222;
   }
 
+  input {
+    color: #cccccc;
+    background: #181818;
+  }
+
   a:link {
   	color: #58a6ff;
   }

pages/common.html

@@ -20,8 +20,8 @@
   <a class="description" href="/tools#stirling">pdf edit</a>
   <a class="description" href="/tools#seafile">storage</a>
   
-  <h3><a href="https://www.penwing.org/art.html">my Art</a></h3>
+  <h3><a href="/art">my Art</a></h3>
-  <h3><a href="https://www.penwing.org/games.html">my Games</a></h3>
+  <h3><a href="/games">my Games</a></h3>
 </div>
 <p class="topbar">
 <a href="/">Home</a> - 

pages/games.md

@@ -0,0 +1,136 @@
+# Yuya - Game exhibition
+
+<table class="game-list">
+<tr>
+<td>
+<img class="icon" src="assets/games/Five.Days.With.Bobby/icon.png" alt="five days with bobby icon">
+</td>
+<td>
+<h2>Five Days with Bobby <i>(25/02/2024)</i></h2>
+<p>Survival - How hard could having a baby on board be ?</p>
+<p>Made by Eliott Jvn and WanderingPenwing, Music by Bears to Bear,</p>
+<p>Made for the PIZZA JAM using Godot, based around the theme "Baby on Board"</p>
+<p><a href="assets/games/Five.Days.With.Bobby/web/index.html">play in browser</a></p>
+</td>
+</tr>
+
+<tr>
+<td>
+<img class="icon" src="assets/games/Star.Gazer/icon.png" alt="star gazer icon">
+</td>
+<td>
+<h2>Star Gazer <i>(05/01/2024)</i></h2>
+<p>The stellarium that I port on every engine I try (made with godot this time)</p>
+<p><a href="assets/games/Star.Gazer/web/index.html">play in browser</a></p>
+</td>
+</tr>
+
+<tr>
+<td>
+<img class="icon" src="assets/games/Falling.Rabbits/icon.png" alt="falling rabbits icon">
+</td>
+<td>
+<h2>Crown Taker <i>(03/01/2024)</i></h2>
+<p>Definitely not a Watermelon Game</p>
+<p>Made for my kind little cousin (game made with godot)</p>
+<p><a href="assets/games/Falling.Rabbits/web/index.html">play in browser</a></p>
+</td>
+</tr>
+
+<tr>
+<td>
+<img class="icon" src="assets/games/Crown.Taker/icon.png" alt="crown taker icon">
+</td>
+<td>
+<h2>Crown Taker <i>(31/12/2023)</i></h2>
+<p>Puzzle - They're a filthy little thief! Where is it? They stole it from us, our precious.</p>
+<p>Music by Beers to Bear, made for the icam secret santa game jam (game made with godot)</p>
+<p><a href="assets/games/Crown.Taker/web/index.html">play in browser</a></p>
+</td>
+</tr>
+
+<tr>
+<td>
+<img class="icon" src="assets/games/Santa.Gnomes/icon.png" alt="santa gnomes icon">
+</td>
+<td>
+<h2>Crown Taker <i>(21/12/2023)</i></h2>
+<p>Action - The Gnomes are rebelling against Santa... You must fight back !</p>
+<p>Music by Beers to Bear, made for the 2023 itch.io secret santa game jam (game made with godot)</p>
+<p><a href="assets/games/Santa.Gnomes/web/index.html">play in browser</a></p>
+</td>
+</tr>
+
+<tr>
+<td>
+<img class="icon" src="assets/games/Dash.Dash.Revolution/icon.png" alt="dash dash revolution icon">
+</td>
+<td>
+<h2>Dash Dash Revolution <i>(25/11/2023)</i></h2>
+<p>Puzzle - A 1-button puzzle game </p>
+<p>Music by meeeee (game made with godot)</p>
+<p><a href="assets/games/Dash.Dash.Revolution/web/index.html">play in browser</a></p>
+</td>
+</tr>
+
+<tr>
+<td>
+<img class="icon" src="assets/games/Spectral.Purr-suasion/icon.png" alt="spectral purr-suasion icon">
+</td>
+<td>
+<h2>Spectral Purr-suasion <i>(25/11/2023)</i></h2>
+<p>Puzzle - The only way to lose is to try-hard </p>
+<p>You play as a ghost, looking for his teddy bear... (my first puzzle game, made with godot)</p>
+<p><a href="assets/games/Spectral.Purr-suasion/web/index.html">play in browser</a></p>
+</td>
+</tr>
+
+<tr>
+<td>
+<img class="icon" src="assets/games/Rock.Me.Like.a.Hurricane/icon.png" alt="rock me like a hurricane icon">
+</td>
+<td>
+<h2>Rock Me Like a Hurricane <i>(18/11/2023)</i></h2>
+<p>Action - Rocks, Hurricanes, and you in the mix x) </p>
+<p>Submission to the 2 Buttons Jam 2023 (solo, made with godot) <br>
+Theme : Tower, Sleep, Maelstrom<br>
+Constraint : Only 2 buttons for the game</p>
+<p><a href="assets/games/Rock.Me.Like.a.Hurricane/RMLH_(win).zip">download (win)</a></p>
+<p><a href="assets/games/Rock.Me.Like.a.Hurricane/RMLH_(linux).zip">download (linux)</a></p>
+</td>
+</tr>
+
+<tr>
+<td>
+<img class="icon" src="assets/games/Rusty.and.Puffy/icon.png" alt="rusty and puffy icon">
+</td>
+<td>
+<h2>Rusty and Puffy <i>(21/10/2023)</i></h2>
+<p>Action - An arcade dungeon crawler in a laboratory where you protect the player </p>
+<p>school hosted a 36h game jam, my first ! (and first game made using godot, solo team)</p>
+<p><a href="assets/games/Rusty.and.Puffy/Rusty_and_Puffy_(win).zip">download (win)</a></p>
+<p><a href="assets/games/Rusty.and.Puffy/Rusty_and_Puffy_(linux).zip">download (linux)</a></p>
+</td>
+</tr>
+
+<tr>
+<td>
+</td>
+<td>
+<h2>Unnamed abandonned RPG <i>(09/06/2019)</i></h2>
+<p>vanilla js game, unfinished</p>
+<p><a href="assets/games/Unnamed.Maze.RPG/index.html">play in browser</a></p>
+</td>
+</tr>
+
+<tr>
+<td>
+</td>
+<td>
+<h2>Unnamed Pirate game <i>(27/05/2019)</i></h2>
+<p>vanilla js game, made for my dad</p>
+<p><a href="assets/games/Unnamed.Pirate.Game/boaty.html">play in browser</a></p>
+</td>
+</tr>
+
+</table>

pages/wake_failure.html

@@ -1 +0,0 @@
-<p>Wrong password, try again.</p>

pages/wake_success.html

@@ -1 +0,0 @@
-<p>Successfuly started boiler, please wait a few minutes for the startup process to end.</p>

src/common.html

@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <title>yuya</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="Penwing's Website">
-    <link rel="stylesheet" href="/assets/style.css">
-    <link rel="icon" href="/assets/flake.png" type="image/png">
-  </head>
-  <body>
-<div class="sidenav">
-  <h3><a href="/">Summary</a></h3>
-  <h3><a href="/tools">Tools</a></h3>
-  <a class="description" href="/tools#nginx">proxy</a>
-  <a class="description" href="/tools#cloudflare">domain</a>
-  <a class="description" href="/tools#portainer">dashboard</a>
-  <a class="description" href="/tools#pihole">adblocker</a>
-  <a class="description" href="/tools#searxng">search</a>
-  <a class="description" href="/tools#forgejo">git server</a>
-  <a class="description" href="/tools#jellyfin">streaming</a>
-  <a class="description" href="/tools#stirling">pdf edit</a>
-  <a class="description" href="/tools#seafile">storage</a>
-  
-  <h3><a href="https://www.penwing.org/art.html">my Art</a></h3>
-  <h3><a href="https://www.penwing.org/games.html">my Games</a></h3>
-</div>
-<p class="topbar">
-<a href="/">Home</a> - 
-<a href="/tools">Tools</a> - 
-<a href="/art">Art</a> -
-<a href="/games">Games</a>
-</p>
-<div class="main">
-#CONTENT#
-<p id="spacer"><br></p>
-<hr>
-<p id="spacer"><br></p>
-
-<h2 id="epilogue">Epilogue</h2>
-
-<p>Inspired by the geniuses behind <a href="https://perfectmotherfuckingwebsite.com/">perfectwebsite.com</a>, 
-because a webpage does not have to be heavier than <a href="https://github.com/chrislgarry/Apollo-11">the code that took us to the moon</a>.</p>
-
-<p>This page is licensed under <a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0</a></p>
-
-</div>
-</body></html>

src/main.rs

@@ -80,10 +80,10 @@ async fn serve_markdown(file_path: &str, query_success: Option<bool>) -> impl Re
 			
 			if success {
 				summary_html = fs::read_to_string("pages/summary_on.html").unwrap_or_else(|_| String::from("Error reading summary on html file"));
-				success_html = fs::read_to_string("pages/wake_success.html").unwrap_or_else(|_| String::from("Error reading success html file"));
+				success_html = "<p>Successfuly started boiler, please wait a few minutes for the startup process to end.</p>".to_string();
 			} else {
 				summary_html = fs::read_to_string("pages/summary_off.html").unwrap_or_else(|_| String::from("Error reading summary off html file"));
-				success_html = fs::read_to_string("pages/wake_failure.html").unwrap_or_else(|_| String::from("Error reading failure html file"));
+				success_html = "<p>Wrong password, try again.</p>".to_string();
 			}
 			html_content = html_content.replace("~SUMMARY~", &summary_html).replace("~SUCCESS~", &success_html);
 			
@@ -113,6 +113,10 @@ async fn tools() -> impl Responder {
     serve_markdown("pages/tools.md", None).await
 }
 
+async fn games() -> impl Responder {
+    serve_markdown("pages/games.md", None).await
+}
+
 async fn wake(query: web::Query<WakeQuery>) -> impl Responder {
     let password = &query.password;
 
@@ -137,6 +141,7 @@ async fn main() -> std::io::Result<()> {
             .route("/", web::get().to(summary))  // Route for root
             .route("/tools", web::get().to(tools)) // Route for tools
             .route("/wake", web::get().to(wake))
+            .route("/games", web::get().to(games))
             .service(actix_files::Files::new("/assets", "./assets").show_files_listing())
             .default_service(web::route().to(summary))
     })