Naaturel/unluckiest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2 from naaturel/alternative-style

Browse Source 
Alternative style
This commit is contained in:
naturel
2024-11-07 11:08:28 +01:00
committed by GitHub
parent 4af0684089 91919beb38
commit 86b2220d96
6 changed files with 49 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
front/.svelte-kit/ambient.d.ts vendored
View File

@@ -42,7 +42,7 @@ declare module '$env/static/private' {
export const DB_USER: string; export const DB_USER: string;
export const DriverData: string; export const DriverData: string;
export const EDITOR: string; export const EDITOR: string;
export const EFC_9404: string; export const EFC_10288: string;
export const ffmpeg: string; export const ffmpeg: string;
export const FPS_BROWSER_APP_PROFILE_STRING: string; export const FPS_BROWSER_APP_PROFILE_STRING: string;
export const FPS_BROWSER_USER_PROFILE_STRING: string; export const FPS_BROWSER_USER_PROFILE_STRING: string;
@@ -150,7 +150,7 @@ declare module '$env/dynamic/private' {
DB_USER: string; DB_USER: string;
DriverData: string; DriverData: string;
EDITOR: string; EDITOR: string;
EFC_9404: string; EFC_10288: string;
ffmpeg: string; ffmpeg: string;
FPS_BROWSER_APP_PROFILE_STRING: string; FPS_BROWSER_APP_PROFILE_STRING: string;
FPS_BROWSER_USER_PROFILE_STRING: string; FPS_BROWSER_USER_PROFILE_STRING: string;

2
front/.svelte-kit/generated/server/internal.js
View File

@@ -21,7 +21,7 @@ export const options = {
app: ({ head, body, assets, nonce, env }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<title>Unluckiest</title>\n\n\t\t<link rel=\"stylesheet\"\n\t\t\t href=\"https://fonts.googleapis.com/css?family=Afacad+Flux\">\n\t\t<style>\n\t\t\tbody {\n\t\t\t\tfont-family: 'Afacad Flux', serif;\n\t\t\t\tfont-size: 48px;\n\t\t\t}\n\t\t</style>\n\n\t\t<meta charset=\"utf-8\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\" />\n\n\t\t<link rel=\"stylesheet\" href=\"" + assets + "/style/app.css\" />\n\t\t<link rel=\"stylesheet\" href=\"" + assets + "/style/menu2.css\" />\n\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\n\t\t<script src=\"https://code.jquery.com/jquery-3.6.0.min.js\"></script>\n\t\t<script src=\"https://code.jquery.com/ui/1.12.1/jquery-ui.min.js\"></script>\n\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\">\n\n\t\t<div style=\"display: contents\">" + body + "</div>\n\n\t</body>\n</html>\n", app: ({ head, body, assets, nonce, env }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<title>Unluckiest</title>\n\n\t\t<link rel=\"stylesheet\"\n\t\t\t href=\"https://fonts.googleapis.com/css?family=Afacad+Flux\">\n\t\t<style>\n\t\t\tbody {\n\t\t\t\tfont-family: 'Afacad Flux', serif;\n\t\t\t\tfont-size: 48px;\n\t\t\t}\n\t\t</style>\n\n\t\t<meta charset=\"utf-8\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\" />\n\n\t\t<link rel=\"stylesheet\" href=\"" + assets + "/style/app.css\" />\n\t\t<link rel=\"stylesheet\" href=\"" + assets + "/style/menu2.css\" />\n\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\n\t\t<script src=\"https://code.jquery.com/jquery-3.6.0.min.js\"></script>\n\t\t<script src=\"https://code.jquery.com/ui/1.12.1/jquery-ui.min.js\"></script>\n\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\">\n\n\t\t<div style=\"display: contents\">" + body + "</div>\n\n\t</body>\n</html>\n",
error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n" error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
}, },
version_hash: "feblej" version_hash: "1g2lfxw"
}; };
export async function get_hooks() { export async function get_hooks() {

2
front/src/lib/components/SplashScreen.svelte
View File

@@ -15,7 +15,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
position: absolute; position: absolute;
z-index: 2; z-index: 999999999;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-color: #4b0611; background-color: #4b0611;

2
front/src/routes/+layout.svelte
View File

@@ -20,6 +20,7 @@
</script> </script>
<SplashScreen/> <SplashScreen/>
<div class="menu menu-collapsed"> <div class="menu menu-collapsed">
<a class="expander"> <a class="expander">
@@ -79,4 +80,5 @@
width="30" width="30"
alt="Twitter mark"/> alt="Twitter mark"/>
</a>--> </a>-->
</footer> </footer>

32
front/src/routes/about/+page.svelte
View File

@@ -5,20 +5,38 @@ import PageTitle from "$lib/components/PageTitle.svelte";
<PageTitle>A propos</PageTitle> <PageTitle>A propos</PageTitle>
<div class="container"> <div class="container">
<div class="about">
<p>
La Revue Secrète est un projet de création éditoriale en série limitée, singulier et créatif permettant
aux étudiant·e·s de l’option Design Graphique du Bachelier en Techniques Graphiques de la HEPL de se familiariser
à des concepts propres au monde de l’édition et plus particulièrement, de la microédition, mais également
à des techniques d’impression non conventionnelles et/ou manuelles artistiques, dans un contexte professionnel.
</p>
<p>
Cette publication réalisée par des étudiant·e·s pour des étudiant·e·s, est entièrement pensée et façonnée par
leurs soins aussi bien dans sa forme graphique que pour ses contenus rédactionnels : sa forme dépasse le simple
cahier classique pour offrir un ensemble d’objets édités et rassemblés dans une boite « secrète » !
</p>
<hr/>
</div>
<div class="credit">
<div class="section"> <div class="section">
<h2>Design</h2> <h2>Design</h2>
<p>Arwen Hirsoux</p> <p>Arwen Hirsoux</p>
</div> </div>
<hr/>
<div class="section"> <div class="section">
<h2>Développement</h2> <h2>Développement</h2>
<p>Laurent Crema</p> <p>Laurent Crema</p>
</div> </div>
</div> </div>
</div>
<style> <style>
@@ -34,6 +52,12 @@ import PageTitle from "$lib/components/PageTitle.svelte";
width: 85%; width: 85%;
height: fit-content; height: fit-content;
padding: 25px; padding: 25px;
overflow: scroll;
overflow-x: hidden;
}
.container::-webkit-scrollbar {
display: none;
} }
.section .section
@@ -44,6 +68,4 @@ import PageTitle from "$lib/components/PageTitle.svelte";
align-items: center; align-items: center;
} }
</style> </style>

11
front/src/routes/play/+page.svelte
View File

@@ -3,6 +3,7 @@
import {Game, GameState} from "$lib/models/game.ts"; import {Game, GameState} from "$lib/models/game.ts";
import {scoreStore} from "$lib/stores/scoreStore.ts"; import {scoreStore} from "$lib/stores/scoreStore.ts";
import PageTitle from "$lib/components/PageTitle.svelte"; import PageTitle from "$lib/components/PageTitle.svelte";
import { goto } from '$app/navigation';
let game = new Game(); let game = new Game();
@@ -32,6 +33,9 @@
await scoreStore.add(game.playerName, game.result) await scoreStore.add(game.playerName, game.result)
await new Promise(r => setTimeout(r, 3000)); await new Promise(r => setTimeout(r, 3000));
game.state = GameState.Played; game.state = GameState.Played;
redirectAfterPlaying();
} catch (e){ } catch (e){
displayError(e.message) displayError(e.message)
} }
@@ -55,6 +59,12 @@
window.$('.player').removeAttr('tooltip'); window.$('.player').removeAttr('tooltip');
} }
function redirectAfterPlaying(){
setTimeout(() => {
goto('/');
}, 3000)
}
</script> </script>
<PageTitle>Évaluez vos chances de survie</PageTitle> <PageTitle>Évaluez vos chances de survie</PageTitle>
@@ -81,7 +91,6 @@
<img class="roll" src={bomb} on:click={roll} alt="Bomb"/> <img class="roll" src={bomb} on:click={roll} alt="Bomb"/>
</div> </div>
{/if} {/if}
{#if hasBeenPlayed} {#if hasBeenPlayed}