-
Notifications
You must be signed in to change notification settings - Fork 2
/
page3_news.html
257 lines (227 loc) · 13.6 KB
/
page3_news.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>News</title>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="page3_news_style.css">
<link rel="stylesheet" href="header.css">
<link rel="stylesheet" href="footer.css">
</head>
<body>
<header>
<nav>
<div id="mySidenav" class="sidenav">
<a id="closeBtn" href="#" class="close">×</a>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="page1_history.html">Historique</a></li>
<li><a href="page2_actors.html">Métavers</a></li>
<li><a href="page3_news.html">Actualités</a></li>
<li><a href="page4_quiz.html">Quiz</a></li>
</ul>
</div>
<a href="#" id="openBtn">
<span class="burger-icon">
<span></span>
<span></span>
<span></span>
</span>
</a>
<div id="logo">
<img id="imagelogo" src="pictures/logo-metavers-news-h50px-transparent.png" alt="" />
</div>
</nav>
</header>
<!-- l'id 'haut' sur le h1 permet d'activer la flèche de retour vers le haut -->
<h1 id="haut">Actualités</h1>
<p class="h1-subtitle">Vous n'avez pas le temps de faire votre revue de presse? <br>
Pas de problème, on s'en est occupé pour vous!!</p>
<section id="tags-selection">
<button class="all-button">Tous</button>
<button class="techno-button"># techno</button>
<button class="social-button"># société</button>
<button class="finance-button"># finance</button>
<button class="security-button"># sécurité</button>
</section>
<main id="news-list">
<article class="techno">
<h2 class="news-title">Le nouveau projet du créateur de PUBG est un métaverse open source, Artemis</h2>
<img class="news-picture" src="pictures/virtual-world.jpg" alt="virtual place">
<p class="news-description">Greene a révélé de nouveaux détails sur Artemis dans Points de dommage, une
newsletter du journaliste de jeux vidéo Nathan Brown. En 2019, le développeur a annoncé un nouveau
projet après avoir quitté l’équipe PUBG : “Prologue,” un jeu de survie en monde ouvert sur une carte
massive de 40 milles carrés. Dans l’édition de mardi de Hit Points, Greene a déclaré à Brown que
“Prologue” sera finalement une démo technologique pour l’Artemis encore plus ambitieux, un bac à sable
virtuel de la taille de la Terre.
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://fr.techtribune.net/jeux-videos/pubg/le-nouveau-projet-du-createur-de-pubg-est-un-metaverse-open-source-artemis/446568/">
Techtribune 29/09/2022</a>
</p>
</article>
<article class="techno">
<h2 class="news-title">Les têtes dynamiques Roblox sont en direct, ce qui rend le métaverse encore plus
étrange</h2>
<img class="news-picture" src="pictures/video game.png" alt="video game">
<p class="news-description">Les têtes dynamiques Roblox ont récemment été lancées sur la plateforme,
permettant aux joueurs de s’exprimer à travers diverses expressions faciales virtuelles. Cette mise à
jour tant attendue du format d’avatar du jeu sandbox est une autre façon pour Roblox de dépasser sa
réputation de jeu pour enfants basse fidélité et de devenir une plate-forme où les personnes de tous
âges peuvent se rassembler dans des mondes virtuels fantaisistes. Les têtes représentent un départ des
visages statiques de longue date de Roblox, qui sont emblématiques en tant que mèmes et autres
références de la culture Internet.
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://www.fun-academy.fr/les-tetes-dynamiques-roblox-sont-en-direct-ce-qui-rend-le-metaverse-encore-plus-etrange">
fun-academy 29/09/2022</a>
</p>
</article>
<article class="social">
<h2 class="news-title">Test: la visite immobilière dans le métavers</h2>
<img class="news-picture" src="pictures/interior-design.jpg" alt="real estate">
<p class="news-description">Avec cet appartement du promoteur Quartus, le site d’annonce de ventes
immobilières SeLoger s’inscrit dans le métavers de OnCyber.
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://siecledigital.fr/2022/09/28/seloger-teste-la-visite-dans-le-metavers/">
Siècle Digital 28/09/2022</a>
</p>
</article>
<article class="security">
<h2 class="news-title">Le « darkverse », la face cachée et illégale du metaverse ?</h2>
<img class="news-picture" src="pictures/metaverse-random3.jpg" alt="metaverse random picture 3">
<p class="news-description">Le metaverse est à la mode, et de nombreux projets essaiment, promettant des
mondes virtuels communautaires, où chacun pourrait se retrouver. Mais ces nouveaux usages pourraient-ils
s’accompagner d’une criminalité spécifique ?
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://cryptoast.fr/darkverse-face-cachee-illegale-metaverse/">
Cryptoast 28/09/2022</a>
</p>
</article>
<article class="techno">
<h2 class="news-title">Metaverse : Se dirige-t-on vers une révolution de l’interface homme-machine ?</h2>
<img class="news-picture" src="pictures/metaverse-random2.jpg" alt="metaverse random picture 2">
<p class="news-description">L’arrivée progressive des metaverses suscite autant d’appréhension que
d’excitation. Parmi ce flot d’interrogations, la question relative au type d’interface qu’ils proposent
est très peu évoquée parmi toutes celles soulevées jusqu’ici. Cet aspect est pourtant essentiel tant il
pose les bases futures du rapport que l’homme entretient à la machine.
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://www.forbes.fr/technologie/metaverse-se-dirige-t-on-vers-une-revolution-de-linterface-homme-machine/">
Forbes 26/09/2022</a>
</p>
</article>
<article class="finance">
<h2 class="news-title">La vision du metaverse de Battle Infinity pourrait faire grimper le prix de la crypto
IBAT</h2>
<img class="news-picture" src="pictures/bitcoin-2643159_1920.jpg" alt="metaverse random picture 5">
<p class="news-description">Battle Infinity (IBAT) est un projet de Metaverse DeFi salué par la communauté
pour son énorme potentiel. D’après les experts, la cryptomonnaie IBAT est parmi les actifs au fort
potentiel de croissance dans lequel il faut absolument investir. Le monde du metaverse de Battle
Infinity, encore appelé « The Battle Arena » ou l’arène de combat où l’on retrouve une multitude de jeux
de combat P2E. Dans cette arène, les joueurs peuvent interagir, jouer ou explorer le monde virtuel.
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://fr.cryptonews.com/exclusives/la-vision-du-metaverse-de-battle-infinity-pourrait-faire-grimper-le-prix-de-la-crypto-ibat.htm">
Cryptonews 26/09/2022</a>
</p>
</article>
<article class="social">
<h2 class="news-title">La gouvernance du metaverse : qu’en est-il réellement ?</h2>
<img class="news-picture" src="pictures/worl network.jpg" alt="network">
<p class="news-description">Le metaverse devrait transformer la façon dont les gens et les entreprises
communiquent et opèrent, d’une manière innovante mais imprévisible. Son potentiel pourrait impacter
significativement la société à mesure que les technologies deviennent plus répandues et sophistiquées.
Mais la gouvernance du metaverse est un défi multiforme qui doit tenir compte de certains éléments.
L’interopérabilité, la confidentialité et la sécurité en font partie.
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://www.realite-virtuelle.com/gouvernance-de-metaverse-tout-savoir/">
realite-virtuelle 16/09/2022</a>
</p>
</article>
<article class="social">
<h2 class="news-title">Meta (Facebook) est sûre que l'impact du metaverse "sera réel", mais dans 10 ans</h2>
<img class="news-picture" src="pictures/virtuel.jpg" alt="virtuel">
<p class="news-description">Meta lance une campagne de communication appelée « Impact will be real » pour
dévoiler les applications du metaverse dans le monde réel. Meta explique que son metaverse, qui n'en est
qu'à ses balbutiements,
pourrait d'ici 10 ans avoir des impacts concrets sur le monde réel. Ne s'interdisant aucune piste,
l'entreprise imagine déjà des applications dans des domaines aussi vastes et variés que la médecine,
l'éducation, ou encore le champ politique.
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://www.clubic.com/metaverse/actualite-436857-meta-facebook-est-sure-que-l-impact-du-metaverse-sera-reel-mais-dans-10-ans.html">
clubic 08/09/2022</a>
</p>
</article>
<article class="finance">
<h2 class="news-title">Le Metaverse, un univers d'opportunités économiques ?</h2>
<img class="news-picture" src="pictures/metaverse-random4.jpg" alt="metaverse random picture 4">
<p class="news-description">Ses premiers adeptes l'affirment : il est temps de rejoindre le Metaverse. Des
chercheurs estiment qu'en 2026, nous serons un sur quatre à y passer au moins une heure par jour pour
travailler, faire des achats, nous former, nous sociabiliser ou nous divertir.
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://fr.euronews.com/next/2022/09/06/le-metaverse-un-univers-dopportunites-economiques-dubai-y-croit">
Euronews 06/09/2022</a>
</p>
</article>
<article class="social">
<h2 class="news-title">Recrutement dans le métavers</h2>
<img class="news-picture" src="pictures/random_metaverse_picture1.png" alt="metaverse random picture 1">
<p class="news-description">Carrefour fait passer des entretiens d'embauche dans le métavers.
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://www.huffingtonpost.fr/life/video/carrefour-fait-passer-des-entretiens-d-embauche-dans-le-metavers_196575.html">
Huffington Post 19/05/2022</a>
</p>
</article>
<article class="finance">
<h2 class="news-title">Que sont les "métavers", la nouvelle expérience web de Facebook ?</h2>
<img class="news-picture" src="pictures/metaverse-finance.png" alt="metaverse finance picture 1">
<p class="news-description">Mark Zuckerberg n'a plus qu'un seul mot à la bouche : "métavers." Le pari
économique
pour Facebook est conséquent.
<br>
<br>
Consulter l'article: <a class="news-link"
href="https://information.tv5monde.com/info/que-sont-les-metavers-la-nouvelle-experience-web-de-facebook-428936">
TV5 Monde 18/10/2021</a>
</p>
</article>
</main>
<!-- div conteant la flèche de retour vers le haut, invisible par défaut. -->
<div><a id="cRetour" class="cInvisible" href="#haut"></a></div>
<footer>
<div>
<img id="logo-site" src=".\pictures\logo-metavers-news-h50px--rose-transparent.png" alt="">
</div>
<div id="text-footer">
<p>Copyright © 2022. Metanews, Tous droits réservés.</p>
</div>
<div id="social-networks">
<a href="#"><img id="insta-img" src=".\pictures\logo-insta.png" alt="insta-logo"></a>
<a href="#"><img id="facebook-img" src=".\pictures\logo-fb.png" alt="facebook-logo"></a>
<a href="#"><img id="twitter-img" src=".\pictures\logo-twitter-bleu-blanc.png" alt="twitter-logo"></a>
</div>
</footer>
<script src="script.js"></script>
<script src="page3_news.js"></script>
<script src="header.js"></script>
</body>
</html>