OpenCraft-Java/index.html at master · HautotQ/OpenCraft-Java · GitHub

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
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OpenCraft Officiel</title>
    <style>
        body {
            font-family: 'JetBrains Mono', monospace;
            margin: 0;
            padding: 0;
            background-color: #0f0f0f;
            color: #33ff66;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        #terminal-title {
            text-align: center;
            font-size: 2.5em;
            margin-top: 40px;
            text-shadow: 0 0 10px #33ff66;
            white-space: nowrap;
            overflow: hidden;
            border-right: 2px solid #33ff66;
            width: 0;
            animation: typing 3s steps(40, end) forwards, blink 0.7s step-end infinite;
        }

        @keyframes typing {
            from { width: 0 }
            to { width: 29ch } /* <- largeur exacte du texte */
        }


        @keyframes blink {
            50% { border-color: transparent }
        }

        p {
            text-align: center;
            max-width: 600px;
            margin: 20px auto;
            font-size: 1.1em;
            line-height: 1.6;
        }

        .center {
            text-align: center;
            margin-top: 40px;
        }

        .download-button {
            background-color: transparent;
            color: #33ff66;
            border: 2px solid #33ff66;
            padding: 14px 28px;
            text-decoration: none;
            border-radius: 10px;
            font-size: 18px;
            transition: all 0.3s ease;
            box-shadow: 0 0 8px #33ff66;
        }

        .download-button:hover {
            background-color: #33ff66;
            color: #000;
            box-shadow: 0 0 16px #33ff66;
        }

        footer {
            margin-top: auto;
            text-align: center;
            padding: 20px;
            font-size: 0.9em;
            color: #777;
        }
    </style>
</head>
<body>

<h1 id="terminal-title">OpenCraft – site officiel</h1>

<p>
    Bonjour !<br>
    Si vous êtes tombé sur ce site web, c'est sûrement que vous avez l'intention de télécharger OpenCraft.<br>
    Et comme vous avez raison ! Opencraft est un logiciel pour étudier son vocabulaire ! <br>
    Le concept est simple : vous "nourrissez" le programme avec vos questions et réponse, et ce dernier vous aide à les étudier !
</p>

<div class="center">
    <a href="https://github.com/HautotQ/OpenCraft/releases/download/1.1.2/OpenCraft-1.0.dmg" class="download-button" download>
        Télécharger le dmg d'OpenCraft pour macOS
    </a>
</div>
<p>
    Ou si vous préférez...
</p>
<div class="center">
    <a href="https://github.com/HautotQ/OpenCraft/releases/download/1.1.1/OpenCraft.zip" class="download-button" download>
        Télécharger le format zip de l'app pour macOS
    </a>
</div>

<p>
    Mais si vous n'avez pas macOS, OpenCraft ne fonctionnera pas.
    En attendant: je vous invite à visiter
</p>

<div class="center">
    <a href="https://hautotq.github.io/OpenCraft-web/" class="download-button">
        La version Web d'OpenCraft
    </a>
</div>

<p>
    Et surtout...<br>
    Merci pour votre soutien !
</p>

<footer>
    © 2025 OpenCraft — Tous droits réservés
    <div class="download-button">
        <a href="https://discord.gg/WUwbxx27ta">
            Discord officiel
        </a>
    </div>
</footer>

</body>
</html>