-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (92 loc) · 5.4 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css" />
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<title>18 Μέρες Μετά</title>
<meta name="author" content="Vasilis Gavriilidis & Giorgos Rossis">
<meta name="description" content="18 Μέρες Μετά is a choose-your-own-adventure mystery game">
<meta name="keywords" content=“text-based, twine, mystery”>
<link rel="icon" href="images/favicon.png">
<link rel="preload" href="/fonts/PVF_Clothing.otf" as="font" crossorigin="anonymous" />
<link rel="preload" href="/fonts/PVF_ClothingItalics.otf" as="font" crossorigin="anonymous" />
<link rel="preload" href="/fonts/PVF_ClothingLight.otf" as="font" crossorigin="anonymous" />
<link rel="preload" href="/fonts/PVF_ClothingLight_Italics.otf" as="font" crossorigin="anonymous" />
</head>
<body>
<div id="home" class="home show"><!-- MAIN PAGE-->
<div class="logo">
<img id="logo" src="images/18m1.png">
</div>
<div class="menu">
<li>
<div class="start-btn" > 'Εναρξη</div>
<div class="about-btn"> Που βρίσκομαι;</div>
<div class="credits-btn"> Συντελεστές</div>
</li>
</div>
<div class="all-the-avatars">
<div class="people left persons">
<div class="person one" id="person"> </div>
<div class="person two" id="person"></div>
<div class="person three" id="person"></div>
</div>
<div class="people right persons">
<div class="person four" id="person"></div>
<div class="person five" id="person"></div>
<div class="person six" id="person"></div>
</div>
</div>
</div>
<div id="enarksi" class="enarksi">
<!-- START PAGE-->
<div class="back"> <img src="images/back.png"> </div>
<!-- GO BACK BUTTON-->
<div class="start-container">
<div class="enarksi-title"> <img src="images/start.png" id="start"> </div>
<br>
Η ιστορία που ακολουθεί βασίζεται στις αποφάσεις που θα κληθείς να κάνεις. Να είσαι
<div class="orange">προσεκτικός</div>
. Οι απαντήσεις σου καταγράφονται ανώνυμα.<br><br>
Διαρκεί περίπου 10 λεπτά και δεν υπάρχουν checkpoints. Περιλαμβάνει δυνατούς ήχους και περιγράφει σκηνές βίας.<br><br>
Η
<div class="orange">χρήση ακουστικών</div>
θεωρείται απαραίτητη.<br><br><br>
<a href="game.html"class="etoimos">Είμαι έτοιμος/η/ο</a>
</div>
</div>
<div id="about" class="about"><!-- ABOUT PAGE-->
<div class="back"> <img src="images/back.png"> </div><!-- GO BACK BUTTON-->
<div class="about-container">
<div class="about-title"> <img src="images/pou1.png" id="pou"> </div>
<div class="info">Αυτό το παιχνίδι φτιάχτηκε εκ μέρους μιας ακαδημαικής εργασίας του Ιόνιου Πανεπιστήμιου. Ο κώδικας και τα assets βρίσκονται διαθέσιμα στο <a target="_blank" href="https://github.com/vxsilis/dekaokto">Github.</a> Δες το βίντεο παρουσίασης <a target="_blank" href="https://www.youtube.com/watch?v=_vWBEABY9_s&list=LL&index=4&t=7s">εδώ!</a> <br><br>
Διαδραματίζει μία <div class="orange">ιστορία μυστηρίου</div> ανάμεσα σε έξι άτομα τα οποία έπειτα από την απώλεια της φίλης τους Φλόγας μαζεύονται για να δειπνήσουν.
<br><br>
Θα κληθείς να πάρεις αρκετές <div class="orange">αποφάσεις</div> εξίσου σημαντικές για την διάπλαση της ιστορίας, η κατάληξη της οποίας βρίσκεται στα χέρια σου.
<br><br>
Αποτελεί προϊόν μυθοπλασίας και οποιαδήποτε ομοιότητα… είναι συμπτωματική.</div>
<div class="footer">[2024]</div>
</div>
</div>
<div id="credits" class="credits"><!-- CREDIT PAGE-->
<div class="back"> <img src="images/back.png"> </div><!-- GO BACK BUTTON-->
<div class="credits-container">
<div class="credits-title"> <img src="images/cred.png" id="cred"> </div>
<div class="credits-cat">Ιστορία, Κώδικας & Σχεδιασμός</div>
<div class="credits-info">Βασίλης Γαβριηλίδης & Γιώργος Ρώσσης</div>
<div class="credits-cat">Ηχητικός Σχεδιασμός/ Μουσική</div>
<div class="credits-info">Βασίλης Γαβριηλίδης & Γιώργος Ρώσσης</div>
<div class="credits-cat thanks">Special thanks to: Φρειδερίκη, Μιχάλη, Λίλιαν</div>
<div class="smalls">
<div class="credits-smaller">Avatars: <a target="_blank" href="https://openpeeps.com">OpenPeeps</a></div>
<div class="credits-smaller">Chase Music: <a target="_blank" href="https://www.fesliyanstudios.com"> Fesliyan Studios</a></div>
<div class="credits-smaller">Font: <a target="_blank" href="https://www.instagram.com/petrosvasiadis/" >Petros Vasiliadis </a></div>
</div>
<div class="footer">[2024]</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>