Set "about" section and redirect to leaderboard after playing
This commit is contained in:
Laurent
4
front/.svelte-kit/ambient.d.ts
vendored
4
front/.svelte-kit/ambient.d.ts
vendored
@@ -42,7 +42,7 @@ declare module '$env/static/private' {
|
||||
export const DB_USER: string;
|
||||
export const DriverData: string;
|
||||
export const EDITOR: string;
|
||||
export const EFC_9404: string;
|
||||
export const EFC_10288: string;
|
||||
export const ffmpeg: string;
|
||||
export const FPS_BROWSER_APP_PROFILE_STRING: string;
|
||||
export const FPS_BROWSER_USER_PROFILE_STRING: string;
|
||||
@@ -150,7 +150,7 @@ declare module '$env/dynamic/private' {
|
||||
DB_USER: string;
|
||||
DriverData: string;
|
||||
EDITOR: string;
|
||||
EFC_9404: string;
|
||||
EFC_10288: string;
|
||||
ffmpeg: string;
|
||||
FPS_BROWSER_APP_PROFILE_STRING: string;
|
||||
FPS_BROWSER_USER_PROFILE_STRING: string;
|
||||
|
||||
@@ -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",
|
||||
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() {
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
z-index: 999999999;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #4b0611;
|
||||
|
||||
@@ -20,6 +20,7 @@
|
||||
</script>
|
||||
|
||||
<SplashScreen/>
|
||||
|
||||
<div class="menu menu-collapsed">
|
||||
|
||||
<a class="expander">
|
||||
@@ -79,4 +80,5 @@
|
||||
width="30"
|
||||
alt="Twitter mark"/>
|
||||
</a>-->
|
||||
|
||||
</footer>
|
||||
@@ -5,20 +5,38 @@ import PageTitle from "$lib/components/PageTitle.svelte";
|
||||
<PageTitle>A propos</PageTitle>
|
||||
|
||||
<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">
|
||||
<h2>Design</h2>
|
||||
<p>Arwen Hirsoux</p>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<div class="section">
|
||||
<h2>Développement</h2>
|
||||
<p>Laurent Crema</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
@@ -34,6 +52,12 @@ import PageTitle from "$lib/components/PageTitle.svelte";
|
||||
width: 85%;
|
||||
height: fit-content;
|
||||
padding: 25px;
|
||||
overflow: scroll;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.container::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.section
|
||||
@@ -44,6 +68,4 @@ import PageTitle from "$lib/components/PageTitle.svelte";
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
@@ -3,6 +3,7 @@
|
||||
import {Game, GameState} from "$lib/models/game.ts";
|
||||
import {scoreStore} from "$lib/stores/scoreStore.ts";
|
||||
import PageTitle from "$lib/components/PageTitle.svelte";
|
||||
import { goto } from '$app/navigation';
|
||||
|
||||
let game = new Game();
|
||||
|
||||
@@ -32,6 +33,9 @@
|
||||
await scoreStore.add(game.playerName, game.result)
|
||||
await new Promise(r => setTimeout(r, 3000));
|
||||
game.state = GameState.Played;
|
||||
|
||||
redirectAfterPlaying();
|
||||
|
||||
} catch (e){
|
||||
displayError(e.message)
|
||||
}
|
||||
@@ -55,6 +59,12 @@
|
||||
window.$('.player').removeAttr('tooltip');
|
||||
}
|
||||
|
||||
function redirectAfterPlaying(){
|
||||
setTimeout(() => {
|
||||
goto('/');
|
||||
}, 3000)
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<PageTitle>Évaluez vos chances de survie</PageTitle>
|
||||
@@ -81,7 +91,6 @@
|
||||
<img class="roll" src={bomb} on:click={roll} alt="Bomb"/>
|
||||
</div>
|
||||
|
||||
|
||||
{/if}
|
||||
|
||||
{#if hasBeenPlayed}
|
||||
|
||||
Reference in New Issue
Block a user