-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout iframe.html
150 lines (141 loc) · 7.6 KB
/
about iframe.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
<!DOCTYPE html>
<html lang="fr" >
<head>
<meta charset="UTF-8">
<title>RedFlyHD</title>
<meta name="viewport" content="width=device-width, initial-scale=0.5">
<link rel="stylesheet" href="./about-rss/style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<main>
<div class="content-wrapper">
<div class="content">
<div class="main-content">
<div class="photo-wrapper">
<img class="photo" src="rss/IRL.jpg" style="object-fit: cover; width: 100%; height: 100%;" />
</div>
<div class="main-info">
<div class="title-container">
<h1>Maxence</h1>
<div class="title-info">
<p class="light">
France
</p>
<div class="divider"></div>
<p class="light">
16ans
</p>
<div class="divider"></div>
<p class="light">
Créateur Numérique
</p>
</div>
</div>
<div class="songs">
<div class="song" id="songOpen">
<p class="bold">À propos de moi</p>
<div class="end">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10ZM19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z" fill="white"/>
</svg>
<p class="light">test oui oui</p>
</div>
</div>
<div class="song">
<p class="bold">test</p>
<p class="light">test aussi</p>
</div>
</div>
</div>
</div>
<div class="song-modal">
<div class="song">
<p class="bold">À propos de moi</p>
<div class="end">
<svg id="songClose" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.667 11.666H5.66699M11.667 5.66602V17.666" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="light">5:25</p>
</div>
</div>
<div class="song-modal-info">
<div class="song-credits">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0696 4.83911C19 4.76937 18.9173 4.71405 18.8262 4.67631C18.7352 4.63857 18.6376 4.61914 18.539 4.61914C18.4405 4.61914 18.3429 4.63857 18.2518 4.67631C18.1608 4.71405 18.078 4.76937 18.0084 4.83911L17.3544 5.49311C16.9344 5.29256 16.4625 5.22721 16.0038 5.30606C15.5451 5.38491 15.1221 5.60407 14.7931 5.93336L6.83789 13.8879L11.0806 18.1306L19.0366 10.1769C19.3658 9.84782 19.5848 9.42481 19.6635 8.9661C19.7423 8.50738 19.6768 8.03555 19.4761 7.61561L20.1309 6.96086C20.2715 6.82021 20.3505 6.62948 20.3505 6.43061C20.3505 6.23173 20.2715 6.041 20.1309 5.90036L19.0696 4.83911ZM15.8686 11.2216L11.0806 16.0096L8.95964 13.8879L13.7469 9.10061L15.8686 11.2216ZM17.2321 9.85811L17.9746 9.11561C18.0444 9.04595 18.0997 8.96323 18.1374 8.87219C18.1752 8.78114 18.1946 8.68354 18.1946 8.58498C18.1946 8.48642 18.1752 8.38882 18.1374 8.29778C18.0997 8.20673 18.0444 8.12401 17.9746 8.05436L16.9149 6.99386C16.8452 6.92412 16.7625 6.8688 16.6715 6.83106C16.5804 6.79332 16.4828 6.77389 16.3843 6.77389C16.2857 6.77389 16.1881 6.79332 16.0971 6.83106C16.006 6.8688 15.9233 6.92412 15.8536 6.99386L15.1111 7.73636L17.2321 9.85811Z" fill="white" fill-opacity="0.45"/>
<path d="M4.62207 20.3315L6.21357 14.498L10.4556 18.7408L4.62207 20.3315Z" fill="white" fill-opacity="0.45"/>
</svg>
<p class="light">Rédacteur : Maxence <u><a href="https://www.youtube.com/@RedFlyHD/">(RedFly)</a></u></p>
</div>
<br />
<p class="bold"><u>Je suis qui ? :</u> Dans la vraie vie, je m'appelle Maxence. J'habite en France et j'ai une vie banale. Rien de spécial à dire sur ma personne.</p>
<br />
<p class="bold"><u>Quelles sont mes formations ? :</u> Je suis actuellement au lycée. Tout ce que vous pouvez voir sur mes réseaux ou ailleurs a été appris en autodidacte (grâce à YouTube en gros), en passant par le motion design, le développement web, le montage, l'animation 2D/3D, etc. Tout cela vient de ma motivation et de ma passion.</p>
<br />
</div>
<div class="gradient-blur">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="modal">
<div class="toggle">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.667 10.666H4.66699M10.667 4.66602V16.666" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="modal-content">
<div class="photo-wrapper">
<a href="https://www.youtube.com/@RedFlyHD/"><h1>RedFly</h1></a>
<img class="photo" src="rss/RedFly Logo 20232025.png" />
</div>
<div class="info">
<div class="info-top">
<div class="info-top-left">
<p class="genre light">
À propos de mon identité numérique
</p>
<p class="light">
</p>
</div>
<p class="light">
</p>
</div>
<p class="bold">
Je suis apparu pour la première fois sur Internet sous le pseudo RedStone64. En 2019, j'ai changé pour RedFly32. En 2022, j'ai créé mon premier vrai logo et pour l'annoncer, j'ai lancé une catégorie spéciale sur ma chaîne appelée ReNew. J'ai ensuite conçu un nouveau logo en janvier 2024, puis un autre le 4 juin, et le dernier en date est du 28 février 2025.
<br><br>
Je possède actuellement 4 logos pour mes quatre chaînes. Les trois premiers sont rouge, vert et bleu, en référence aux couleurs primaires (RVB ou RGB). Le dernier est violet car c'est une couleur que j'aime particulièrement.
<br><br>
En 2025, je souhaite faire une sorte de "reset" sur mes réseaux, mais sans rien supprimer, car il est important de voir d'où l'on vient. Jusqu'à présent, je me suis toujours concentré sur des vidéos de Minecraft, mais je me sens bloqué. J'ai donc décidé d'arrêter le gaming sur ma chaîne principale et de déplacer ce type de contenu sur RedFly+.
<br><br>
Sur la chaîne RedFly, je veux proposer le meilleur contenu possible en repoussant mes limites. Mon objectif est de mixer des animations 2D et 3D pour raconter des histoires, documenter des faits ou faire de la vulgarisation. Pour le moment, je prévois de poster la première vidéo de ce nouvel arc le 4 juin 2025.
<br><br>
</p>
</div>
</div>
<div class="gradient-blur">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="shade">
</div>
</div>
</div>
</div>
</main>
<!-- partial -->
<script src="./about-rss/script.js"></script>
</body>
</html>