-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (141 loc) · 6.73 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
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<title>Fate/stay night - Traduction Française</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Page d'accueil du projet de traduction en français de Fate/stay night [Réalta Nua].">
<meta property="og:image" content="https://fsn-trad.github.io/images/logo_fsn-trad_small.png" />
<meta name="theme-color" content="#0b3f71">
<link rel="stylesheet" type="text/css" href="styles/jquery.fancybox.min.css">
<link rel="stylesheet" type="text/css" href="styles/main.css">
<link rel="stylesheet" type="text/css" href="styles/index.css">
<link rel="shortcut icon" href="images/fate-icon.ico"/>
</head>
<body>
<div id="headerContainer"></div>
<script src="header.js"></script>
<noscript>
<div class="noscript">
<p>Vous devez activer JavaScript pour le bon fonctionnement de ce site.</p>
</div>
</noscript> <div class="social">
<a href="https://discord.gg/zGPcfCY"
target="_blank" title="Rejoindre le serveur Discord">
<img src="images/logo_discord.svg">
</a>
<a href="https://github.com/FSN-TRAD/"
target="_blank" title="Dépôts de l'équipe">
<img src="images/logo_github.svg">
</a>
<a href="https://www.youtube.com/watch?v=9dZbwFyim20&list=PLZoKEkWJICOE4X-0YUScSmIHpKDMSb54g&ab_channel=alucardonacmono"
target="_blank" title="Mises au point YouTube">
<img src="images/logo_youtube.svg">
</a>
<a href="https://twitter.com/FsnTrad"
target="_blank" title="Compte Twitter">
<img src="images/logo_twitter.svg">
</a>
</div>
<section class="game-banner">
<picture>
<source srcset="images/game_cover.webp" type="image/webp">
<source srcset="images/game_cover.jpg" type="image/jpg">
<img class="visuel" src="images/game_cover.jpg" alt="FSN cover" id="game-banner">
</picture>
<div class="title stroke">Fate/stay night<br>[Réalta Nua]<br><span class="ue">Ultimate Edition</span></div>
<div class="title">Fate/stay night<br><span class="red">[</span>Réalta Nua<span class="red">]</span><br><span class="ue">Ultimate Edition</span>
<a href="#main" class="text">version française du visual novel</a></div>
</section>
<section id="main" name="main">
<h1>Traduction française de Fate/stay night</h1>
<p>
Traduction non officielle en français de l'un des visuals novels les plus connus produit par Type-Moon :
<a href="https://vndb.org/v11" target="_blank" title="VNDB"> Fate/stay night</a>. La traduction est réalisée pour fonctionner avec
l'<a href ="https://forums.nrvnqsr.com/showthread.php/9101-Fate-Stay-Night-Realta-Nua-Ultimate-Edition-2022" target="_blank">Ultimate Edition</a>,
qui est une version faite par des fans pour regrouper toutes les routes en un jeu et vous proposer de multiples <a href="options.html">options</a>.
</p>
<hr>
<div class="infoVN">
<div class="gallery">
<div class="images">
<img src="images/gallery/cg_invocation.jpg" alt="Invocation" onclick="setMainImg(this);">
<img src="images/gallery/cg_saber.jpg" alt="Saber" onclick="setMainImg(this);">
<img src="images/gallery/cg_school.jpg" alt="School" onclick="setMainImg(this);">
<img src="images/gallery/cg_archer.jpg" alt="Archer" onclick="setMainImg(this);">
<img src="images/gallery/cg_stone.jpg" alt="Stone" onclick="setMainImg(this);">
<img src="images/gallery/cg_rin.jpg" alt="Rin" onclick="setMainImg(this);">
<img src="images/gallery/cg_tiger_dojo.jpg" alt="Tiger Dojo" onclick="setMainImg(this);">
<img src="images/gallery/cg_bath.jpg" alt="Saber bath" onclick="setMainImg(this, true);">
</div>
<div id="mainImgContainer">
<a data-fancybox="gallery" href="images/gallery/cg_invocation.jpg" id="mainImgLink">
<img class="visuel" src="images/gallery/cg_invocation.jpg" alt="CG invocation" id="mainImg">
</a>
</div>
</div>
<div>
<b>Synopsis </b><br>
La Guerre du Saint Graal comporte sept Masters qui s'affrontent dans la ville de Fuyuki
au Japon. À l'aide de leurs pouvoirs magiques et de leurs Servants qu'ils ont préalablement invoqués, le dernier
d'entre eux pourra s'approprier le Graal et faire exaucer son vœu le plus cher…
</div>
</div>
<hr>
<div class="discord">
Pour plus d'informations, rejoignez notre serveur Discord !
<a href="https://discord.gg/zGPcfCY" target="_blank" class="discord-link">
<img src="images/logo_discord.svg" id="discord-logo" alt="discord logo">
<div class="desc">
<div>FSN TRAD</div>
<div id="discordCount"></div>
</div>
</a>
</div>
</section>
<footer>
©2022 FSN-TRAD
<picture>
<source srcset="images/logo_fsn-trad_small.webp" type="image/webp">
<source srcset="images/logo_fsn-trad_small.jpg" type="image/jpg">
<img class="visuel" src="images/logo_fsn-trad_small.webp" alt="Logo FSN-TRAD" id="logo_trad">
</picture>
</footer>
</body>
<script type="text/javascript" src="//code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.fancybox.min.js"></script>
<script>
// gallery
function setMainImg(img, isH = false) {
document.getElementById("buttonH") && document.getElementById("buttonH").remove();
let mainImgLink = document.getElementById("mainImgLink");
let mainImg = document.getElementById("mainImg");
mainImgLink.href = img.src;
mainImg.src = img.src;
if (isH) {
// place a button after the image
let button = document.createElement("button");
button.innerHTML = "NC";
button.title = "Non censuré";
button.id = "buttonH";
button.onclick = function() {
let imgName = img.src.split("/").pop();
mainImgLink.href = "images/gallery/h" + imgName;
mainImg.src = "images/gallery/h" + imgName;
}
mainImgLink.after(button);
}
}
// discord total connected members
let discord_key = "709021752101044225";
let xmlHttpRequest = new XMLHttpRequest();
xmlHttpRequest.open("GET", `https://discord.com/api/guilds/${discord_key}/widget.json`, true);
xmlHttpRequest.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
var d = JSON.parse(this.responseText);
document.getElementById("discordCount").innerHTML = `${d.presence_count} personnes connectées`;
}
};
xmlHttpRequest.send();
</script>
</html>