-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathtest.html
79 lines (68 loc) · 2.57 KB
/
test.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
<!DOCTYPE html>
<html>
<head>
<title>archX</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/label.css">
</head>
<body>
<header>
<!-- Toolbar -->
<nav>
<a class="active" href="index.html">Home</a>
<a href="news.html">News</a>
<a href="open-source.html">Open Source</a>
<a href="forum.html">Forum</a>
<a href="article.html">Articles</a>
<a href="write-up.html">Write-up</a>
<a href="ressources.html">Ressources</a>
</nav>
</header>
<section>
<h1>News</h1>
<p>There is every sources I have to stay informed about several topics.</p>
</section>
<section id="tag-filter-section">
<h2>Filter by Tags</h2>
<button class="tag-filter" data-tag="all">All</button> <!-- Nouveau bouton -->
<button class="tag-filter" data-tag="cryptography">Cryptography</button>
<button class="tag-filter" data-tag="quantum computing">Quantum Computing</button>
<button class="tag-filter" data-tag="artificial intelligence">Artificial Intelligence</button>
<button class="tag-filter" data-tag="security">Security</button>
<button class="tag-filter" data-tag="hacking">Hacking</button>
</section>
<header>
<h1>ArchX blog Cryptography and stuff</h1>
<nav>...</nav>
<!-- Bouton de bascule pour le mode sombre -->
<div style="text-align: right;">
<button id="dark-mode-toggle" class="btn">Dark Mode</button>
</div>
</header>
<hr>
<h3>Cryptography</h3>
<ul>
<li data-tags="cryptography, security">
<p>
<a href="https://www.schneier.com/news/" target="_blank">Schneier on Security: News</a>
Bruce Schneier is a public-interest technologist...
</p>
</li>
<li data-tags="cryptography">
<p>
<a href="https://www.schneier.com/crypto-gram/" target="_blank">Schneier on Security: Crypto-Gram Newsletter.</a>
</p>
</li>
</ul>
<h3>Quantum Computing</h3>
<ul>
<li data-tags="quantum computing">
<p>
🇫🇷 <a href="https://www.oezratty.net/wordpress/" target="_blank">Opinions Libres: le blog d'Olivier Ezratty</a> Podcast, video and books about french quantum computing actuality.
</p>
</li>
</ul>
<!-- Other sections... -->
</body>
<script src="scripts/general_util.js"></script>