-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (127 loc) · 10.6 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
<!DOCTYPE html>
<html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#">
<head>
<title>bruxelles.dev</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex,nofollow">
<meta name="googlebot" content="noindex,nofollow">
<meta itemprop="name" content="bruxelles.dev">
<meta itemprop="image" content="/assets/images/groupe-ensemble.jpg">
<meta itemprop="description" content="Un nom de domaine élégant pour les développeurs bruxellois.">
<meta name="description" content="Un nom de domaine élégant pour les développeurs bruxellois.">
<meta property="og:url" content="www.bruxelles.dev">
<meta property="og:type" content="website">
<meta property="og:title" content="bruxelles.dev">
<meta property="og:site_name" content="bruxelles.dev">
<meta property="og:image" content="/assets/images/groupe-ensemble.jpg">
<meta property="og:description" content="Un nom de domaine élégant pour les développeurs bruxellois.">
<meta name="twitter:url" content="www.bruxelles.dev">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="bruxelles.dev">
<meta name="twitter:site" content="bruxelles.dev">
<meta property="twitter:image" content="/assets/images/groupe-ensemble.jpg">
<meta name="twitter:description" content="Un nom de domaine élégant pour les développeurs bruxellois.">
<meta name="twitter:creator" content="@jdbruxelles">
<meta name="theme-color" content="#ffffff">
<meta name="msapplication-navbutton-color" content="#ffffff">
<link rel="preconnect" href="https://jose.bruxelles.dev">
<link rel="preconnect" href="https://use.fontawesome.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
<link rel="dns-prefetch" href="https://jose.bruxelles.dev">
<link rel="dns-prefetch" href="https://use.fontawesome.com">
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="https://jose.bruxelles.dev/assets/images/icons/white/icon-96x96.png">
<link rel="stylesheet" href="https://css.bruxelles.dev/jdb?v=1.3.1&c=all">
<link rel="stylesheet" href="https://use.fontawesome.com/4a03134dd2.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap">
<link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
<div class="main-container">
<header class="main-bg-img jdb-display-container jdb-animate-opacity jdb-text-white jdb-round-xlarge" id="top">
<div class="logo-container jdb-display-topleft jdb-padding jdb-large jdb-text-shadow">
<img class="logo" src="https://jose.bruxelles.dev/assets/images/icons/white/icon-72x72.png"
alt="Logo" draggable="false" width="40" height="40">
<span class="logo-text jdb-round jdb-tag jdb-unselectable">
<span class="jdb-text-black">bru</span><span class="jdb-text-yellow">xel</span><span class="jdb-text-red">les</span>
</span>.dev
</div>
<div class="jdb-display-middle">
<div class="jdb-animate-top jdb-center">
<h1 class="jdb-xxlarge jdb-text-shadow">Hello world !</h1>
<h2 class="jdb-large jdb-monospace">https://<strong id="typed-subdomain">www</strong>.bruxelles.dev</h2>
</div>
<hr class="jdb-border-grey" style="margin:auto;width:40%"/>
<p class="jdb-large jdb-center jdb-animate-bottom">À très bientôt...</p>
</div>
<div class="jdb-display-bottommiddle">
<span class="jdb-xxxlarge jdb-animate-bottom jdb-pointer" role="button"
aria-label="Aller à la présentation" data-target-to="#presentation">
<i class="fa fa-angle-double-down" aria-hidden="true"></i>
</span>
</div>
<div class="jdb-display-bottomright jdb-padding jdb-text-shadow">
<i class="fa fa-fw fa-bolt jdb-text-yellow" aria-hidden="true"></i> par <a href="https://jose.bruxelles.dev" target="_blank">José dB.</a>
</div>
</header>
<div class="main-content" id="presentation">
<div class="jdb-padding-32"></div>
<div class="jdb-row-padding">
<div class="jdb-col s12 m12 l6 jdb-hide-small jdb-padding" style="display:grid">
<div class="as-bg jdb-round-large"></div>
</div>
<div class="jdb-col s12 m12 l6">
<div class="jdb-xlarge jdb-center">Êtes-vous un.e <span class="jdb-text-khaki">développeur.se</span> (web ou autre) basé.e à <span class="jdb-text-khaki">Bruxelles</span> et à la recherche d'un espace Web gratuit pour héberger votre portfolio, votre blog ou tout autre projet ?</div>
<hr class="jdb-border-grey" style="margin:auto;width:40%"/>
<div id="x-container-0">
<p class="jdb-large">Consultez <a href="https://shr.wetrafa.xyz/2zcBcwZ" target="_blank" rel="noopener noreferrer">GitHub Pages</a>, <a href="https://shr.wetrafa.xyz/2z0pjd4" target="_blank" rel="noopener noreferrer">Netlify</a>, <a href="https://shr.wetrafa.xyz/3pttiHf" target="_blank" rel="noopener noreferrer">Vercel</a> ou <a href="https://shr.wetrafa.xyz/3u3dfFe" target="_blank" rel="noopener noreferrer">Cloudflare Pages</a> pour en savoir plus. Vous pouvez bien évidemment utiliser un autre service d'hébergement (statique ou dynamique), c'est vous qui voyez ! Pour que tout soit parfait, je vous fournis une URL libre, élégante et qui correspond à votre domaine et zone d'activité comme indiqué dans les exemples ci-dessus.</p>
<p>Vous êtes prêt.e à avoir votre place sur bruxelles.dev ? Faites votre demande via <a href="https://github.com/jdbruxelles/bruxelles-dev" target="_blank" rel="noopener noreferrer">GitHub</a> ou <a href="https://jose.bruxelles.dev/contact" target="_blank">contactez-moi</a> directement.</p>
<hr class="jdb-border-grey" style="margin:auto;width:40%"/>
<p><span class="jdb-tag">Important</span> En tant que propriétaire du projet, vous gardez un contrôle total sur votre contenu publié. Cela signifie également que tous les droits et obligations (par exemple, RGPD) liés à la publication de votre site sous bruxelles.dev restent sous votre entière responsabilité.</p>
</div>
<button class="jdb-btn-block jdb-focusable jdb-round jdb-red" id="next-step">
Étapes à suivre <i class="fa fa-fw fa-angle-double-right" aria-hidden="true"></i>
</button>
<div id="x-container-1" style="display:none">
<p>Si vous avez opté pour le service Netlify, Vercel ou un autre que GitHub Pages, veuillez <a href="https://jose.bruxelles.dev/contact" target="_blank">me contacter</a> directement. Si non, si vous avez opté pour Github Pages, veuillez suivre les instructions suivantes :</p>
<div class="steps-container jdb-border">
<div id="step-1" class="jdb-container step-container">
<p>Si vous ne l'avez pas déjà fait, il est temps de vous connecter à votre compte GitHub et de configurer votre GitHub Pages en suivant les instructions fournies <a href="https://shr.wetrafa.xyz/2zcBcwZ" target="_blank" rel="noopener noreferrer">ici</a>. Pour prendre de l'avance, vous pouvez simplement utiliser le générateur avec l'un des thèmes fournis et ajouter du contenu à votre nouvelle page.</p>
</div>
<div id="step-2" class="jdb-container step-container" style="display:none">
<p>Vous devez maintenant déterminer votre sous-domaine bruxelles.dev : choisissez votre nom d'utilisateur, votre prénom, votre nom ou le nom de votre projet en tenant compte des URLs existantes (pour "https://foo.github.io/bar", "foo.bruxelles.dev" ou "bar.bruxelles.dev" est possible).</p>
</div>
<div id="step-3" class="jdb-container step-container" style="display:none">
<p>Ajoutez un fichier nommé <code class="jdb-codespan">CNAME</code> à votre projet (dans la branche "gh-pages" pour les pages de projet) avec une seule ligne correspondant au domaine que vous avez choisi. (par exemple "foo.bruxelles.dev" sans guillemets). Si vous rencontrez des difficultés, veuillez consulter la section sur les <a href="https://docs.github.com/fr/pages/configuring-a-custom-domain-for-your-github-pages-site" target="_blank" rel="noopener noreferrer">URL personnalisées</a> dans l'aide de GitHub Pages.</p>
</div>
<div id="step-4" class="jdb-container step-container" style="display:none">
<p>Pour terminer la procédure, faites un pull request dans <a href="https://github.com/jdbruxelles/bruxelles-dev/tree/main" target="_blank" rel="noopener noreferrer">mon project GitHub</a> qui ajoute votre sous-domaine à la liste des domaines bruxelles.dev existants. Votre nouvelle URL devrait être disponible dans les 24 heures (gardez un œil sur votre pull request en cas de conflit de nom ou toute autre question de ma part).</p>
</div>
</div>
<div class="jdb-bar">
<a class="jdb-bar-item jdb-button tablink jdb-topbar jdb-hover-light-grey jdb-black" href="javascript:void(0)" >1</a>
<a class="jdb-bar-item jdb-button tablink jdb-hover-light-grey jdb-yellow" href="javascript:void(0)">2</a>
<a class="jdb-bar-item jdb-button tablink jdb-hover-light-grey jdb-red" href="javascript:void(0)">3</a>
<a class="jdb-bar-item jdb-button tablink jdb-hover-light-grey jdb-yellow" href="javascript:void(0)">4</a>
</div>
</div>
</div>
</div>
<div class="jdb-padding-16"></div>
</div>
<footer class="bg-img jdb-center jdb-padding-16 jdb-round-xlarge">
<a class="jdb-btn jdb-focusable jdb-light-grey jdb-round-large" href="javascript:void(0);" data-target-to="#top">
<i class="fa fa-arrow-up jdb-margin-right" aria-hidden="true"></i>Remonter</a>
<p><a class="jdb-btn jdb-focusable jdb-white jdb-round jdb-padding-small" href="https://policies.wetrafa.xyz/terms" target="_blank">CGU (Conditions)</a></p>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.1.0/typed.umd.js"></script>
<script src="/assets/js/main.js"></script>
</body>
</html>