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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
|
<?php
require_once $_SERVER['DOCUMENT_ROOT'] . "/telemetry/private/dom.php";
function l($fr, $en) {
if (isset($_GET['lang'])) {
if ($_GET['lang'] == "en") {
$_SERVER['HTTP_ACCEPT_LANGUAGE'] = "en";
} else if ($_GET['lang'] == "fr") {
$_SERVER['HTTP_ACCEPT_LANGUAGE'] = "fr";
}
}
if (substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2) == "fr") {
return $fr;
} else {
return $en;
}
}
?>
<!DOCTYPE html>
<html lang="en" style="height:100%;">
<head>
<meta charset="UTF-8">
<title>Kartik</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="/static/favicon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/appsicons.css">
</head>
<body style="height:100%;">
<div id="k__loader">
<style>
#k__loader {
transition: opacity 200ms;
opacity: 1;
inset: 0;
background-color: #fadbc1;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
z-index: 99999999999;
}
body {
overflow: hidden;
}
</style>
<img src="/static/banner.gif" width="380px">
</div>
<script>
window.addEventListener('load', () => {
setTimeout(() => {
document.getElementById('k__loader').style.pointerEvents = "none";
document.getElementById('k__loader').style.opacity = "0";
document.body.style.overflow = "auto";
setTimeout(() => {
document.getElementById('k__loader').style.display = "none";
}, 200)
}, 2000)
})
</script>
<nav class="navbar navbar-expand-md bg-dark navbar-dark fixed-top">
<a class="navbar-brand" href="/">
<img src="/static/logo.png" alt="Kartik" style="height:32px;">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-toggle="modal" data-target="#downloads" href="#"><?= l("Téléchargements", "Downloads") ?></a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="modal" data-target="#guide" href="#"><?= l("Guide d'installation", "Setup Guide") ?></a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="modal" data-target="#authors" href="#"><?= l("Crédits", "Authors") ?></a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="modal" data-target="#privacy" href="#"><?= l("Confidentialité", "Privacy") ?></a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="modal" data-target="#extend" href="#"><?= l("Mods/serveur", "Mods/Server") ?></a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="modal" data-target="#contact" href="#"><?= l("Nous contacter", "Contact Us") ?></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://minteck.itch.io/kartik/devlog" target="_blank"><?= l("Notes de version", "Changelog") ?></a>
</li>
<?php if (isset($_GET['experimental']) || (1630195200 - time()) < 0): ?>
<li class="nav-item">
<a class="nav-link" href="/online" target="_blank">Kartik Online <span class="badge badge-warning"><?= l("Nouveau", "New"); ?></span></a>
</li>
<?php endif; ?>
<?php require_once $_SERVER['DOCUMENT_ROOT'] . "/apps.php"; ?>
</ul>
</div>
</nav>
<div id="separator"></div>
<div class="modal fade" id="downloads">
<div class="modal-dialog modal-xl modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= l("Télécharger Kartik", "Get Kartik") ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="download-items">
<div>
<h2>Kartik Stable</h2>
<img src="/static/favicon.png" width="96px">
<p><span><?= l("Pour tout le monde.", "For everyone.") ?></span></p>
<p><small>version <?= file_get_contents("../data/stable/release") ?> (#<?= file_get_contents("../data/stable/pkgbuild") ?>)<br><?= l("mis à jour le", "updated") ?> <?php
$odate = explode(" ", file_get_contents("../data/stable/date"))[0];
$newDate = date("d/m/Y", strtotime($odate));
echo $newDate;
?><br><?= l("n° de série", "serial no.") ?> <code><?= file_get_contents("../data/stable/build") ?></code></small></p>
<?php if (trim(file_get_contents("../data/stable/release")) === "21.07.9"): ?>
<div class="alert alert-danger"><?= l("Cette version n'est pas fonctionnelle. Veuillez télécharger la version EAP à la place.", "This version is not working. Please download the EAP version instead") ?></div>
<details>
<summary><?= l("Télécharger quand même (correctif à appliquer manuellement)", "Download anyway (patch to apply by yourself)") ?></summary>
<div class="btn-group">
<a href="https://kartik.hopto.org/cdn/release/stable/0/windows" type="button" class="btn btn-primary">Windows</a>
<a href="https://kartik.hopto.org/cdn/release/stable/0/linux" type="button" class="btn btn-secondary">Linux</a>
<a href="https://kartik.hopto.org/cdn/release/stable/0/darwin" type="button" class="btn btn-secondary">macOS</a>
<a href="https://gist.github.com/Minteck/3f10eded3e4a6c2b5f8cff1927a7374c" target="_blank" type="button" class="btn btn-light"><?= l("Téléch. le correctif", "Download the patch") ?></a>
</div>
</details>
<?php else: ?>
<div class="alert alert-warning"><?= l("Fin du support le 27 septembre.", "End of support of September 27<sup>th</sup>.") ?></div>
<div class="btn-group">
<a href="https://kartik.hopto.org/cdn/release/stable/0/windows" type="button" class="btn btn-primary">Windows</a>
<a href="https://kartik.hopto.org/cdn/release/stable/0/linux" type="button" class="btn btn-secondary">Linux</a>
<a href="https://kartik.hopto.org/cdn/release/stable/0/darwin" type="button" class="btn btn-secondary">macOS</a>
</div>
<?php endif; ?>
</div>
<div>
<h2>Kartik EAP</h2>
<img src="/static/eap.png" width="96px">
<p><span style="color: #a63a1a;"><?= l("Pour les curieux.", "For the curious.") ?></span> <?= l("<b>Contient des bugs</b>.", "<b><u>Do</u> contains bugs</b>.") ?></p>
<p><small>version <?= file_get_contents("../data/eap/release") ?> (#<?= file_get_contents("../data/eap/pkgbuild") ?>)<br><?= l("mis à jour le", "updated") ?> <?php
$odate = explode(" ", file_get_contents("../data/eap/date"))[0];
$newDate = date("d/m/Y", strtotime($odate));
echo $newDate;
?><br><?= l("n° de série", "serial no.") ?> <code><?= file_get_contents("../data/eap/build") ?></code></small></p>
<div class="alert alert-warning"><?= l("Fin du support le 27 septembre.", "End of support on September 27<sup>th</sup>.") ?></div>
<div class="btn-group">
<a href="https://kartik.hopto.org/cdn/release/eap/0/windows" type="button" class="btn btn-primary">Windows</a>
<a href="https://kartik.hopto.org/cdn/release/eap/0/linux" type="button" class="btn btn-secondary">Linux</a>
<a href="https://kartik.hopto.org/cdn/release/eap/0/darwin" type="button" class="btn btn-secondary">macOS</a>
</div>
</div>
</div>
<style>
.download-items {
text-align: center;
display: grid;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 700px) {
.download-items {
grid-template-columns: 1fr !important;
}
}
</style>
</div>
<div class="modal-footer" style="display:block;">
<p>
<a href="https://minteck.ro.lt/git/kartik/client" target="_blank"><?= l("Code source", "Source Code") ?></a>
<span style="display:inline-block;float:right;"><?= l("En téléchargeant Kartik, vous acceptez que des données statistiques anonymes soit communiquées à Minteck.", "By downloading Kartik, you agree that anonymous stats will be sent to Minteck.") ?></span>
</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="guide">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= l("Guide d'installation", "Setup Guide") ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<p><?= l("Sélectionnez votre système d'exploitation pour afficher les étapes correspondantes : ", "Select your operating system to show the corresponding steps:") ?></p>
<div class="list-group">
<a onclick="$('#guide').modal('hide')" data-toggle="modal" data-target="#guide-windows" href="#" class="list-group-item list-group-item-action">Windows</a>
<a onclick="$('#guide').modal('hide')" data-toggle="modal" data-target="#guide-linux" href="#" class="list-group-item list-group-item-action">Linux</a>
<a onclick="$('#guide').modal('hide')" data-toggle="modal" data-target="#guide-macos" href="#" class="list-group-item list-group-item-action">macOS</a>
</div>
</div>
<div class="modal-footer">
<p>
<?= l("Les systèmes BSD ne sont pas officiellement supportés par l'équipe de Kartik", "BSD systems aren't officially supported by the Kartik team") ?>
</p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="guide-windows">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= l("Guide d'installation pour Windows", "Windows Setup Guide") ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<h2><?= l("Prérequis", "Requirements") ?></h2>
<ul>
<li><?= l("Windows 7 ou suivant", "Windows 7 or newer") ?></li>
<li><?= l("Intel Core 2 ou autre processeur 64 bits", "Intel Core 2 or other 64-bit CPU") ?></li>
<li><?= l("512 Mo de RAM (mémoire vive) libre", "512 MB of free RAM") ?></li>
<li><?= l("1 Go d'espace disque libre", "1 GB of free disk space") ?></li>
<li><?= l("Ce n'est pas obligatoire, mais il est recommandé d'avoir un processeur graphique supportant OpenGL 2.0 ou suivant.", "It is mandatory, but it is recommended that you have a GPU supporting OpenGL 2.0 or later.") ?></li>
</ul>
<h2><?= l("Téléchargement", "Download") ?></h2>
<p><?= l("Sur la page de téléchargement, téléchargez soit Kartik Stable ou Kartik EAP. Assurez-vous de bien sélectionner la version pour Windows.", "On the download page, download either Kartik Stable or Kartik EAP. Make sure you select the Windows version.") ?></p>
<h2><?= l("Installation", "Install") ?></h2>
<p><?= l("Exécutez le programme d'installation, puis suivez les étapes. Une icône sera automatiquement placée dans le menu Démarrer.", "Run the setup program, and follow the steps. An icon will be automatically placed in the Start menu.") ?></p>
<p><?= l("Si cette installation constitue une mise à jour d'une ancienne version de Kartik, l'ancienne version sera désinstallée.", "If this install updates an older version of Kartik, the older version will be uninstalled.") ?></p>
<h2><?= l("Profitez", "Profit") ?></h2>
<p><?= l("Une fois l'installation terminée, vous pouvez lancer Kartik depuis le menu Démarrer. Vous serez averti au lancement du jeu si une nouvelle version est disponible, et devrez recommencer ces étapes le cas échéant.", "Once the installation is done, you can launch Kartik from the Start menu. You will be warned at the game start if a new version is available, and will need to redo these steps if there is.") ?></p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="guide-linux">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= l("Guide d'installation pour GNU/Linux", "GNU/Linux Setup Guide") ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<h2><?= l("Prérequis", "Requirements") ?></h2>
<ul>
<li>
<?= l("Une de ces distributions :", "One of these distros:") ?>
<ul>
<li>Debian 8 <?= l("ou suivant", "or newer") ?></li>
<li>Ubuntu 14.04 <?= l("ou suivant", "or newer") ?></li>
<li>Fedora 31 <?= l("ou suivant", "or newer") ?></li>
<li>(<?= l("n'importe quelle autre distribution qui reçoit des mises à jour régulières et qui exécute Linux 4.11 ou suivant", "any other distro that receives regular updates and that runs Linux 4.11 or newer") ?>)</li>
</ul>
</li>
<li><?= l("Intel Core 2 ou autre processeur 64 bits", "Intel Core 2 or other 64-bit CPU") ?></li>
<li><?= l("700 Mo de RAM (mémoire vive) libre", "700 MB of free RAM") ?></li>
<li><?= l("1 Go d'espace disque libre", "1 GB of free disk space") ?></li>
<li><?= l("Processeur graphique supportant OpenGL 2.0 ou suivant", "GPU supporting OpenGL 2.0 or later") ?></li>
<li><?= l("Bash 3.2 ou suivant", "Bash 3.2 or newer") ?></li>
<li><?= l("Une implémentation de X11 ou XWayland", "An X11 implementation or XWayland") ?></li>
</ul>
<h2><?= l("Téléchargement", "Download") ?></h2>
<p><?= l("Sur la page de téléchargement, téléchargez soit Kartik Stable ou Kartik EAP. Assurez-vous de bien sélectionner la version pour Linux.", "On the download page, download either Kartik Stable or Kartik EAP. Make sure you select the Linux version.") ?></p>
<h2><?= l("Installation", "Install") ?></h2>
<p><?= l("Décompressez l'archive .tar que vous venez de télécharger dans un dossier vide. Ouvrez un terminal, accédez au dossier correspondant (<code>cd /chemin/du/dossier</code>), autorisez l'exécution (<code>chmod -R +xr *</code>) et exécutez kartik-setup.sh (<code>./kartik-setup.sh</code>).", "Decompress the .tar archive you downloaded in a new folder. Open a terminal, and go the corresponding directory (<code>cd /full/path/to/the/directory</code>), allow executing programs (<code>chmod -R +xr *</code>) and run kartik-setup.sh (<code>./kartik-setup.sh</code>).") ?></p>
<p><?= l("Si cette installation constitue une mise à jour d'une ancienne version de Kartik, l'ancienne version sera pas désinstallée.", "If this install updates an older version of Kartik, the older version will be uninstalled.") ?></p>
<h2><?= l("Profitez", "Profit") ?></h2>
<p><?= l("Après que l'installation se soit terminée, vous pouvez lancer Kartik via l'icone qui a été ajoutée à votre menu d'applications.", "After the installation is done, you can launch Kartik using the icon that has been added to your applications menu.") ?></p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="guide-macos">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= l("Guide d'installation pour macOS", "macOS Setup Guide") ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="alert alert-warning">
<strong><?= l("Message important :", "Important Notice:") ?></strong> <?= l("Il est très difficile de tester Kartik sur tous les Mac existants. Bien que Kartik ait été testé extensivement sur Mac, il reste toutefois expérimental.", "It is extremely difficult to test Kartik on all existing Macs. Even though Kartik has been extensively tested on Mac, it remains nevertheless experimental.") ?>
</div>
<h2><?= l("Prérequis", "Requirements") ?></h2>
<ul>
<li>macOS 10.10 Yosemite <?= l("ou suivant", "or newer") ?></li>
<li><?= l("Intel Core 2 ou autre processeur 64 bits<b>, Apple Silicon n'est pas supporté</b>", "Intel Core 2 or other 64-bit CPU<b>, Apple Silicon is not supported</b>") ?></li>
<li><?= l("700 Mo de RAM (mémoire vive) libre", "700 MB of free RAM") ?></li>
<li><?= l("1 Go d'espace disque libre", "1 GB of free disk space") ?></li>
<li><?= l("Processeur graphique supportant OpenGL 2.0 ou suivant", "GPU supporting OpenGL 2.0 or later") ?></li>
<li><?= l("Bash 3.2 ou suivant", "Bash 3.2 or newer") ?></li>
</ul>
<h2><?= l("Téléchargement", "Download") ?></h2>
<p><?= l("Sur la page de téléchargement, téléchargez soit Kartik Stable ou Kartik EAP. Assurez-vous de bien sélectionner la version pour macOS.", "On the download page, download either Kartik Stable or Kartik EAP. Make sure you select the macOS version.") ?></p>
<h2><?= l("Installation", "Install") ?></h2>
<p><?= l("Décompressez l'archive .tar que vous venez de télécharger dans un dossier vide. Ouvrez un terminal, accédez au dossier correspondant (<code>cd /chemin/du/dossier</code>), autorisez l'exécution (<code>chmod -R +xr *</code>) et lancez kartik-mac.sh (<code>./kartik-mac.sh</code>). <b>Exécutez bien kartik-mac.sh et non kartik.sh, ou vous risquerez de lancer une version incompatible.</b>", "Decompress the .tar archive you downloaded in a new folder. Open a terminal, and go the corresponding directory (<code>cd /full/path/to/the/directory</code>), allow executing programs (<code>chmod -R +xr *</code>) and launch kartik-mac.sh (<code>./kartik-mac.sh</code>). <b>Make sure you run kartik-mac.sh and not kartik.sh, or you will launch an incompatible version.</b>") ?></p>
<p><?= l("Si cette installation constitue une mise à jour d'une ancienne version de Kartik, l'ancienne version ne sera pas désinstallée. L'ancienne version peut cesser de fonctionner après que vous ayez utilisé la nouvelle version.", "If this install updates an older version of Kartik, the older version won't be uninstalled. The older version may stop working after you used the new version.") ?></p>
<h2><?= l("Profitez", "Profit") ?></h2>
<p><?= l("Après avoir lancé kartik-mac.sh, le jeu démarre et s'ouvre normalement. Vous serez averti au lancement du jeu si une nouvelle version est disponible, et devrez recommencer ces étapes le cas échéant.", "After starting kartik-mac.sh, the game starts and open normally. You will be warned at the game start if a new version is available, and will need to redo these steps if there is.") ?></p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="authors">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= l("Crédits", "Authors") ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="alert alert-dark">
<strong>Note<?= l(" ", "") ?>:</strong> <?= l("Vous pouvez aussi voir les crédits depuis l'option « Crédits » du menu principal de Kartik", "You can also view the credits from the « Credits » option in Kartik main menu") ?>
</div>
<h5 style="margin-top:16px;"><?= l("Développeurs", "Developers") ?></h5>
<div class="author-cards" style="text-align:center;">
<div class="card">
<div class="card-header">
<img src="https://kartik.hopto.org/cdn/profile/minteck" class="author-image" alt=""> <b style="vertical-align: middle;display:inline-block;">Minteck</b>
</div>
<div class="card-body">
<?= l("Développeur principal", "Lead Developer") ?>
</div>
<div class="card-footer">
<div class="btn-group">
<a href="https://github.com/Minteck" target="_blank" type="button" class="btn btn-primary">GitHub</a>
<a href="https://reddit.com/user/Minteck" target="_blank" type="button" class="btn btn-primary">Reddit</a>
<a href="https://twitter.com/_Minteck" target="_blank" type="button" class="btn btn-primary">Twitter</a>
</div>
</div>
</div>
</div>
<h5 style="margin-top:16px;"><?= l("Artistes", "Artists") ?></h5>
<div class="author-cards" style="text-align:center;">
<div class="card">
<div class="card-header">
<img src="https://kartik.hopto.org/cdn/profile/cactus" class="author-image" alt=""> <b style="vertical-align: middle;display:inline-block;">cactus</b>
</div>
<div class="card-body">
<?= l("Artiste numérique", "Digital Artist") ?>
</div>
<div class="card-footer">
<div class="btn-group">
<a href="https://patreon.com/fiddleafox" target="_blank" type="button" class="btn btn-warning"><?= l("Soutenir", "Support") ?> ♥</a>
<a href="https://refsheet.net/fiddleafox" target="_blank" type="button" class="btn btn-primary">RefSheet</a>
<a href="https://twitter.com/fiddleafox" target="_blank" type="button" class="btn btn-primary">Twitter</a>
</div>
</div>
</div><div class="card">
<div class="card-header">
<img src="https://kartik.hopto.org/cdn/profile/minteck" class="author-image" alt=""> <b style="vertical-align: middle;display:inline-block;">Minteck</b>
</div>
<div class="card-body">
<?= l("Graphiste et concepteur UI/UX", "Graphic and UI/UX designer") ?>
</div>
<div class="card-footer">
<div class="btn-group">
<a href="https://github.com/Minteck" target="_blank" type="button" class="btn btn-primary">GitHub</a>
<a href="https://reddit.com/user/Minteck" target="_blank" type="button" class="btn btn-primary">Reddit</a>
<a href="https://twitter.com/_Minteck" target="_blank" type="button" class="btn btn-primary">Twitter</a>
</div>
</div>
</div><div class="card">
<div class="card-header">
<img src="https://kartik.hopto.org/cdn/profile/redman" class="author-image" alt=""> <b style="vertical-align: middle;display:inline-block;">redman 054</b>
</div>
<div class="card-body">
<?= l("Graphiste", "Graphic designer") ?>
</div>
<div class="card-footer" style="text-align:center;font-style:italic;">
<?= l("Aucun réseau social", "No social media") ?>
</div>
</div>
</div>
<h5 style="margin-top:16px;"><?= l("Compositeurs", "Composers") ?></h5>
<ul class="list-group list-group-flush">
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/minteck" class="author-image" alt=""> Minteck</li>
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/mindustry" class="author-image" alt=""> The Mindustry team</li>
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/kde-vdg" class="author-image" alt=""> The KDE visual design group</li>
</ul>
<h5 style="margin-top:16px;"><?= l("Testeurs et rapporteurs de bugs", "Testers and bug reporters") ?></h5>
<h6><?= l("Testeurs de l'équipe Kartik", "Kartik team testers") ?></h6>
<ul class="list-group list-group-flush">
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/minteck" class="author-image" alt=""> Minteck</li>
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/romain" class="author-image" alt=""> Romain</li>
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/redman" class="author-image" alt=""> redman 054</li>
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/oxymillion" class="author-image" alt=""> <span title="Oxydation">Oxymillion</span></li>
</ul>
<h6><?= l("Testeurs du programme d'accès anticipé (Kartik EAP)", "Early access program testers (Kartik EAP)") ?></h6>
<ul class="list-group list-group-flush">
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/minteck" class="author-image" alt=""> Minteck</li>
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/romain" class="author-image" alt=""> Romain</li>
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/redman" class="author-image" alt=""> redman 054</li>
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/ayann" class="author-image" alt=""> Ayann</li>
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/retsuno" class="author-image" alt=""> Retsuno</li>
<li class="list-group-item"><img src="https://kartik.hopto.org/cdn/profile/amirus" class="author-image" alt=""> Amirus66</li>
</ul>
<p><?= l("Merci à nos collègues développeurs de jeux pour l'inspiration !", "Thanks to our fellow game developers for the inspiration!") ?></p>
<style>
.author-cards {
grid-template-columns: 1fr 1fr;
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.author-image {
height: 36px;
width: 36px;
margin-right: 5px;
vertical-align: middle;
border-radius: 999px;
background: rgba(0, 0, 0, .25);
}
@media (max-width: 991px) {
.author-cards {
grid-template-columns: 1fr !important;
}
}
</style>
</div>
<div class="modal-footer">
<p>
<?= l("💖 Kartik est fait pour vous et rien que pour vous !", "💖 Kartik is made <span title='fur'>for</span> you and only <span title='fur'>for</span> you!") ?>
</p>
</div>
</div>
</div>
</div>
<div class="modal modal-large fade" id="privacy">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= l("Note de confidentialité", "Privacy Notice") ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<p><?= l("Durant votre période d'utilisation de Kartik, Minteck collecte des informations statistiques anonymes afin d'améliorer la qualité de Kartik et de se concentrer sur les fonctionnalités les plus utilisées par les joueurs.", "While you use Kartik, Minteck collects anonymous statistics to improve Kartik quality and focus on the features the players use the most.") ?></p>
<p><?= l("Kartik envoie aussi des rapports d'erreur aux développeurs pour qu'ils puissent corriger les problèmes que vous pourriez rencontrer. Ces informations sont aussi anonymes.", "Kartik also sends error reports to the developers so that they can fix problems that you may encounter. This information is also anonymous.") ?></p>
<p>
<?= l("Les informations que Minteck collecte sont :", "The info Minteck collects is:") ?>
<ul>
<li><?= l("La date de téléchargement et d'installation", "Download and install date") ?></li>
<li><?= l("Le temps total passé sur le jeu", "Total time spent on the game") ?></li>
<li><?= l("Les fonctionnalités utilisées", "Used features") ?></li>
<li><?= l("La version et le numéro de série du jeu", "Game version and serial number") ?></li>
<li><?= l("La version du système d'exploitation", "Operating system version") ?></li>
</ul>
</p>
<p><?= l("Toutes les informations potentiellement personnelles sont retirées avant de nous parvenir.", "All the potentially personal info is removed before being sent to us.") ?></p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="contact" style="z-index:999999;">
<div class="modal-dialog modal-md modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= l("Nous contacter", "Contact Us") ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<p><?= l("Comment souhaitez-vous nous contacter ?", "How do you want to contact us?") ?></p>
<blockquote><?= l("Si votre demande concerne une potentielle violation des droits d'auteurs, ajoutez <code>[Copyright]</code> à l'objet de votre email et marquez-le comme important, afin que nous vous répondions en moins de 48 heures. <i>Une confirmation de propriété légale sera requis pour que nous retirions le contenu concerné du jeu</i>", "If your request is about a potential copyright infringement, please add <code>[Copyright]</code> to your email's subject and mark it as important, so you get a reply in less than 48 hours. <i>Legal ownership confirmation will be required so that we remove the content from the game</i>") ?></blockquote>
<div class="list-group">
<a href="mailto:nekostarfan+kartik-legal@gmail.com" class="list-group-item list-group-item-action" target="_blank"><?= l("Email (pour les demandes légales)", "Email (for legal inquiries)") ?></a>
<a href="mailto:nekostarfan+kartik-mods@gmail.com" class="list-group-item list-group-item-action" target="_blank"><?= l("Email (pour support des mods)", "Email (for modding help)") ?></a>
<a href="https://twitter.com/_Minteck" class="list-group-item list-group-item-action" target="_blank"><?= l("Twitter (pour le support technique)", "Twitter (for technical support)") ?></a>
<?= l('<a href="https://matrix.to/#/#openplug:kde.org" class="list-group-item list-group-item-action" target="_blank">Matrix</a>', '') ?>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="extend" style="z-index:999999;">
<div class="modal-dialog modal-xl modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?= l("Étendre Kartik", "Extending Kartik") ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="download-items">
<div>
<h2><?= l("Plateforme de mods Kartik", "Kartik Modding Platform") ?></h2>
<img src="/static/mods.png" alt="Logo" width="96px">
<p><span><?= l("Modifiez le contenu du jeu", "Change the game's content") ?></span></p>
<p>
<a href="https://minteck.gitbook.io/kartik-platform" target="_blank" type="button" class="btn btn-primary"><?= l("Commencer", "Get started") ?></a>
</p>
<?= l("<p><small>* Documentation en anglais uniquement</small></p>", "") ?>
</div>
<div>
<h2><?= l("Serveur Kartik", "Kartik Server") ?></h2>
<img src="/static/server.png" alt="Logo" width="96px">
<p><span><?= l("Hébergez votre propre serveur de jeu", "Host your own game server") ?></span></p>
<p>
<a href="https://github.com/Minteck-Projects/Kartik-Server" target="_blank" type="button" class="btn btn-primary"><?= l("Commencer", "Get started") ?></a>
</p>
</div>
</div>
<div>
<img id="extend-averi" src="/static/averi.png" style="margin-bottom: -17px;width: 128px;position: relative;bottom: 0;vertical-align:middle;"> <span style="vertical-align:middle;">← <?= l("Ne cassez pas Kartik, d'accord ?", "Don't break Kartik, OK?") ?></span>
<style>
@media (max-width: 991px) {
#extend-averi {
display: none !important;
}
}
@media (max-width: 700px) {
#extend-averi {
display: initial !important;
}
}
@media (max-width: 575px) {
#extend-averi {
display: none !important;
}
}
</style>
</div>
</div>
</div>
</div>
</div>
<div style="padding-top:50px;padding-bottom:50px;color:white;background-image:url('/static/blurred.jpg');background-position:center;background-size:cover;">
<h1 style="text-align:center;font-weight:bold;">Kartik</h1>
<h2 style="text-align:center;"><?= l("Un simple et petit jeu de course", "A simple and small car racing game") ?></h2>
<img src="/static/laptop.webp" style="margin-top:20px;width: calc(90% - 20%);display: block;margin-left: 15%;margin-right: 15%;">
</div>
<div class="container">
<br>
<div class="alert alert-warning">
<strong><?= l("Note :", "Notice:"); ?></strong> <?= l("Le support de Kartik se termine le 27 septembre 2021, lors de la sortie de Kartik 21.09 dans la branche stable. Il n'y aura plus de nouvelles fonctionnalités, de corrections de bugs ni de corrections de failles de sécurité.", "Kartik support will end September 27<sup>th</sup> 2021, with the release of Kartik 21.09 in the stable branch. There won't be any new feature, bug fix or security issue fix.") ?> <a href="https://minteck.ro.lt/blog/article-2021-08-22@giving-up-on-kartik" target="_blank"><?= l("En savoir plus", "Learn more") ?></a>
</div>
</div>
<div class="jumbotron">
<div class="container">
<div class="row row-responsive" style="align-items: center;justify-content: center;text-align: center;">
<div class="col" style="text-align: center;">
<p class="display-3">
<?= l("Jouez à Kartik <b>maintenant</b>", "Play Kartik <b>now</b>") ?>
</p></div>
<div class="col">
<p><?= l("Kartik est totalement gratuit et le sera toujours, même les fonctionnalités en ligne", "Kartik is fully free and will always be, even the online features") ?></p>
<div class="btn-group">
<?php
if ((int)date('Ymd') < 20210613): ?>
<a class="btn btn-primary" data-toggle="modal" data-target="#downloads"><?= l("Télécharger", "Download") ?></a>
<?php else: ?>
<a class="btn btn-primary" href="https://minteck.itch.io/kartik" target="_blank"><?= l("Télécharger depuis Itch", "Download from Itch") ?></a>
<a class="btn btn-secondary" data-toggle="modal" data-target="#downloads"><?= l("Télécharger manuellement", "Download manually") ?></a>
<?php endif; ?>
</div>
<p></p>
</div>
</div>
</div>
</div>
<div class="jumbotron" style="background:transparent;">
<div class="container">
<div class="row row-responsive" style="align-items: center;justify-content: center;text-align: center;">
<div class="col">
<img src="/static/01-simple<?= isset($_GET['experimental']) || (1630195200 - time()) < 0 ? "-new" : "" ?>.png" style="max-width:75%;">
</div>
<div class="col" style="text-align: center;">
<p class="display-3">
<?= l("Interface <b>simple</b>", "<b>Simple</b> interface") ?>
</p></div>
</div>
</div>
</div>
<div class="jumbotron">
<div class="container">
<div class="row row-responsive" style="align-items: center;justify-content: center;text-align: center;">
<div class="col" style="text-align: center;">
<p class="display-3">
<?= l("Mode en ligne <b>rapide</b>", "<b>Fast</b> online mode") ?>
</p></div>
<div class="col">
<img src="/static/02-online.png" style="max-width:75%;">
</div>
</div>
</div>
</div>
<div class="jumbotron" style="background:transparent;">
<div class="container" style="text-align:center;">
<p class="display-3">
<?= l("Tout ça, c'est dans <b>Kartik</b>", "All that, in <b>Kartik</b>") ?>
</p>
<div class="btn-group">
<?php
if ((int)date('Ymd') < 20210613): ?>
<a class="btn btn-primary" data-toggle="modal" data-target="#downloads"><?= l("Télécharger", "Download") ?></a>
<?php else: ?>
<a class="btn btn-primary" href="https://minteck.itch.io/kartik" target="_blank"><?= l("Télécharger depuis Itch", "Download from Itch") ?></a>
<a class="btn btn-secondary" data-toggle="modal" data-target="#downloads"><?= l("Télécharger manuellement", "Download manually") ?></a>
<?php endif; ?>
</div>
</div>
</div>
<style>
@media (max-width: 500px) {
.row-responsive {
display: block !important;
}
}
</style>
<div style="padding-top:20px;padding-bottom:20px;background:lightgray;margin-top:50px;text-align:center;">
© <?= date('Y') ?> Minteck
<p id="jetbrains">
<a href="https://jetbrains.com" target="_blank" style="color:inherit;"><?= l("Kartik est développé avec les logiciels de", "Kartik is made with") ?> <img alt="JetBrains" src="/jetbrains.svg" style="vertical-align: middle;"> <?= l("", "software") ?></a>
</p>
</div>
</body>
</html>
|
