-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·166 lines (148 loc) · 8.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage"> <!--Change the lang property to your web"s language-->
<head prefix="og: http://ogp.me/ns#">
<title>Retaining's Memories - Demo (2.99.0)</title> <!--Up to 60-70 Characters. Optimal Format: Primary Keyword - Secondary Keyword | Brand Name-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; script-src 'self' 'unsafe-eval' 'unsafe-inline'">
<!-- TODO: unsafe-inline is not secure -->
<meta name="description" content="Retaining's Memories - A Kagerou Project fangame made by the Kagescan community"> <!--Page description. No longer than 155 characters.-->
<meta name="keywords" content="kagerou, project, fangame, yaki, Ayano, Shintaro, kagescan, game, android, windows">
<meta name="author" content="ShinProg / Kagescan"> <!--Name of the author.-->
<meta name="robots" content="noindex"> <!-- (temp - no index on Search Engines)-->
<!--Facebook Meta Tags-->
<!--<meta property="og:image" content="" /> URL of Image to show-->
<!--<meta property="og:description" content="" /> Page Description-->
<!--meta property="og:site_name" content="" /> The Name Here-->
<!--<meta property="og:url" content="http://" /> The Web main URL-->
<!--<meta property="og:title" content="" /> The Title Here-->
<!--Google Meta Tags-->
<!--<meta itemprop="name" content=""> The Name or Title Here-->
<!--<meta itemprop="description" content=""> Page Description-->
<!--<meta itemprop="image" content="http://"> URL of Image to show-->
<!--Twitter Meta Tags - You"ll have to validate your website here: https://dev.twitter.com/docs/cards/validation/validator-->
<!--<meta name="twitter:card" content="summary_large_image"> Content Card Type-->
<!--<meta name="twitter:domain" content=""> Your web"s domain-->
<!--<meta name="twitter:site" content="@"> @publisher-->
<!--<meta name="twitter:title" content=""> Page Title-->
<!--<meta name="twitter:description" content=""> Page description less than 200 characters-->
<!--<meta name="twitter:creator" content="@"> @author-->
<!--<meta name="twitter:image:src" content="http://"> URL of Image to show-->
<!--Android Meta Tags-->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="assets/icons/icon_192x192.png"> <!--192 x 192 Icon-->
<link rel="icon" sizes="128x128" href="assets/icons/icon_128x128.png"> <!--128 x 128 Icon-->
<!--Apple Meta Tags-->
<meta name="apple-mobile-web-app-title" content=""> <!--App Title or Name-->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <!--Styling for the iOS Status Bar-->
<link rel="apple-touch-icon" href="assets/icons/icon_60x60.png"> <!--60 x 60 Icon-->
<link rel="apple-touch-icon" sizes="76x76" href="assets/icons/icon_76x76.png"> <!--76 x 76 Icon-->
<link rel="apple-touch-icon" sizes="120x120" href="assets/icons/icon_120x120.png"> <!--120 x 120 Icon-->
<link rel="apple-touch-icon" sizes="152x152" href="assets/icons/icon_152x152.png"> <!--152 x 152 Icon-->
<link rel="apple-touch-icon" sizes="152x152" href="assets/icons/icon_167x167.png"> <!--167 x 167 Icon-->
<link rel="apple-touch-icon" sizes="152x152" href="assets/icons/icon_180x180.png"> <!--180 x 180 Icon-->
<!--Microsoft Tags-->
<!--<meta name="msapplication-TileColor" content=""> Color of the tile on Windows. In hexadecimal format-->
<!--<meta name="application-name" content="" /> App Title -->
<!--<meta name="msapplication-tooltip" content="" /> Small text on hover-->
<!--<meta name="msapplication-starturl" content="http://" /> URL to start in -->
<!--<meta name="msapplication-square70x70logo" content="assets/icons/icon_70x70.png" /> Image for Tile 70x70-->
<!--<meta name="msapplication-square150x150logo" content="assets/icons/icon_150x150.png" /> Image for Tile 150x150-->
<!--<meta name="msapplication-wide310x150logo" content="assets/icons/icon_310x150.png" /> Image for Tile 310x150-->
<!--<meta name="msapplication-square310x310logo" content="assets/icons/icon_310x310.png" /> Image for Tile 310x310-->
<!--<link rel="publisher" href=""> Publisher"s Google+ URL-->
<!--<meta name="theme-color" content="">Theme color for browsers in hexadecimal format.-->
<link rel="shortcut icon" href="favicon.ico" /> <!--Favicon. Good tool for creating one: http://xiconeditor.com/ Create all sizes.-->
<!--<link rel="canonical" href=""> Canonical URL of your webpage-->
<!--link rel="manifest" href="manifest.json"-->
<!-- Monogatari CSS Libraries -->
<link rel="stylesheet" href="./engine/core/monogatari.css">
<link rel="stylesheet" href="./style/main.css">
<!-- Monogatari JavaScript Libraries -->
<script src="./engine/debug/debug.js"></script>
<script src="./engine/core/monogatari.js"></script>
<script src="./js/options.js"></script>
<script src="./js/storage.js"></script>
<!-- scenario -->
<script src="./js/addons/shinOS/main.js"></script>
<script src="./js/addons/$_layered/main.js"></script>
<script src="./js/chapters/fr/prologue.js"></script>
<script src="./js/chapters/fr/chap1.js"></script>
<script src="./js/chapters/fr/others.js"></script>
<script src="./js/chapters/en/prologue.js"></script>
<script src="./js/chapters/en/chap1.js"></script>
<script src="./js/chapters/fr/others.js"></script>
<script src="./js/chapters/es/prologue.js"></script>
<script src="./js/chapters/es/chap1.js"></script>
<script src="./js/main.js"></script>
</head>
<body>
<!-- Fallback when JavaScript is not available -->
<noscript>
<div class="middle text--center">
<h2>JavaScript Disabled or not Supported.</h2>
<small>To play this game, please enable JavaScript executing or use a different browser.</small>
</div>
</noscript>
<div id="monogatari">
<visual-novel>
<loading-screen></loading-screen>
<main-screen>
<main-menu></main-menu>
</main-screen>
<game-screen>
<dialog-log></dialog-log>
<text-box></text-box>
<quick-menu></quick-menu>
</game-screen>
<gallery-screen></gallery-screen>
<credits-screen></credits-screen>
<load-screen></load-screen>
<save-screen></save-screen>
<settings-screen></settings-screen>
<help-screen></help-screen>
</visual-novel>
</div>
<div id="gamePlugins" class="hide">
<section id="firstRunLgSelect">
<div style='text-align: left; font-size: 0.5em; margin: auto; display: inline-block;'>
<h3> - It's been a while !</h3>
<p> - hm ?<br>
- Compared to <em>before</em>, maybe we had a better chance to meet. Anyway, I'm glad I can talk to you.</p>
<p> - What... Are you ta... <br>
- Given your reaction, could it be that you don't <em>remember</em> me at all?<br>It makes me sad.<br>Last time we met, you promised you'd never <em>forget</em> me.</p>
<p> - ...<br>
- I'm teasing you ! It's okay... You're not the only one. In fact, nobody can remember me</p>
<p> - ... Well, I've got so much time on my hands, I don't really know what to do with it. <br>
Let's talk some more. I'll tell you the story of how we met, from the very beginning. </p>
</div>
<h3>Please select your langage</h3>
<button>Français</button><br>
<button>English</button><br>
<button>Español</button><br>
</section>
<section id="firstRunLgMsg" class="hide">
<button id="backBtn">Go back</button>
<div lang="fr" style='font-size: 0.5em;'>
<h2>Note des auteurs du jeu aux utilisateurs français</h2>
<p>La traduction française n'est pas encore au point <b>Et peut contenir des bugs !!!</b> Nous vous recommandons vivement de jouer à la version anglaise.</p>
<p>Sachez que vous pouvez vous inscrire à notre newsletter pour être au courant d'une éventuelle mise à jour.<br>
Note : une fois inscrit, il est possible que nos mails soient considérés comme spams, car ceux-ci sont envoyés automatiquement !</p>
<p>Vous pouvez changer la langue dans les paramètres.</p>
</div>
<div lang="en" style='font-size: 0.5em;'>
<p>You selected the English language. Confirm ?</p>
<p>
(don't forget to subscribe to the newsletter in the project page to get updates !)</p>
</div>
<div lang="es" style='font-size: 0.5em;'>
<h2>Nota de los creadores a los jugadores hispanohablantes</h2>
<p>Warning : the spanish version wasn't tested !!</p>
<p>For a better experience, please try the English version if possible</p>
</div>
<button id="startBtn" class="center">Start the game</button>
</section>
</div>
</body>
</html>