-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
461 lines (401 loc) · 28.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
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
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
<!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>The Conspiracist - Home</title>
<!-- Favicon <a href="https://www.flaticon.com/free-icons/alien" title="alien icons">Alien icons created by Pixel perfect - Flaticon</a> -->
<link rel="apple-touch-icon" sizes="180x180" href="./favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon_io/favicon-16x16.png">
<link rel="manifest" href="./favicon_io/site.webmanifest">
<!--CSS-->
<link rel="stylesheet" id ="styleSheet" href="">
<link rel="stylesheet" href="style/mediaQueries.css">
<!--font 1500-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;600;700;800&display=swap" rel="stylesheet">
<!-- Font Time -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=Inknut+Antiqua:wght@300;400;600;700;800&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:wght@300;400&display=swap" rel="stylesheet">
<!-- font 2030-->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Orbitron:wght@400;500;600;700;800;900&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!--jQuery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!--Bootstrap-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!--Fontawesome icons-->
<script src="https://kit.fontawesome.com/8b841b6ae3.js" crossorigin="anonymous"></script>
<!--JavaScript-->
<script src="./scripts/main.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
</head>
<body>
<div class="eye-container">
<div class="eye"></div>
<div class="circle-1"></div>
<div class="circle-2"></div>
<div class="circle-3"></div>
<div class="circle-4"></div>
<div class="circle-5"></div>
<div class="circle-6"></div>
<div class="circle-7"></div>
<div class="circle-8"></div>
<div class="circle-9"></div>
<div class="circle-10"></div>
<div class="circle-11"></div>
<div class="circle-12"></div>
<div class="circle-13"></div>
<div class="circle-14"></div>
<div class="glitch"></div>
<div class="fragment-1"></div>
<div class="fragment-2"></div>
<div class="fragment-3"></div>
<svg width="190" height="190" viewBox="0 0 190 190" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<clipPath id='bagel1'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M95 190C147.467 190 190 147.467 190 95C190 42.533 147.467 0 95 0C42.533 0 0 42.533 0 95C0 147.467 42.533 190 95 190ZM95 120C108.807 120 120 108.807 120 95C120 81.1929 108.807 70 95 70C81.1929 70 70 81.1929 70 95C70 108.807 81.1929 120 95 120Z" />
</clipPath>
<clipPath id='bagel2'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M71 142C110.212 142 142 110.212 142 71C142 31.7878 110.212 0 71 0C31.7878 0 0 31.7878 0 71C0 110.212 31.7878 142 71 142ZM71 139C108.555 139 139 108.555 139 71C139 33.4446 108.555 3 71 3C33.4446 3 3 33.4446 3 71C3 108.555 33.4446 139 71 139Z" />
</clipPath>
<clipPath id='bagel3'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M60 120C93.1372 120 120 93.1372 120 60C120 26.8628 93.1372 0 60 0C26.8628 0 0 26.8628 0 60C0 93.1372 26.8628 120 60 120ZM60 115C90.3757 115 115 90.3757 115 60C115 29.6243 90.3757 5 60 5C29.6243 5 5 29.6243 5 60C5 90.3757 29.6243 115 60 115Z" />
</clipPath>
<clipPath id='bagel4'>
<path fill-rule="evenodd" clip-rule="evenodd" d="M38 76C58.9868 76 76 58.9868 76 38C76 17.0132 58.9868 0 38 0C17.0132 0 0 17.0132 0 38C0 58.9868 17.0132 76 38 76ZM38 72C56.7777 72 72 56.7776 72 38C72 19.2224 56.7777 4 38 4C19.2223 4 4 19.2224 4 38C4 56.7776 19.2223 72 38 72Z" />
</clipPath>
</defs>
</svg>
</div>
<!--Navbar-->
<nav class="navbar navbar-expand-md sticky-top pt-2 pb-2 home-nav">
<div class="container-fluid x">
<a class="navbar-brand nav-text" href="#">The Conspiracist</a>
<button class="navbar-toggler dark-nav-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<div class="collapse navbar-collapse justify-content-end align-items-center" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-text active" aria-current="page" href="#">Home</a>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-text" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Issues</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="ddm-nav-text" href="./pizzagateIssue.html">Pizzagate</a></li>
<li><a class="ddm-nav-text disabled-nav-text">Secret Issue</a></li>
<li><a class="ddm-nav-text disabled-nav-text">Secret Issue</a></li>
<hr class="dropdown-divider"> <!-- Removed from inside the <li> tag by Lorenzo -->
<li><a class="ddm-nav-text" href="./disclaimer.html">Disclaimer</a></li>
</ul>
</li>
<a class="nav-text" href="./documentation.html">Documentation</a>
<a class="nav-text" href="./about.html">About</a>
</div>
</div>
</div>
</nav>
<!--Overlay-->
<div class="overlay-style-page">
<div class="overlay-content">
<div id="generalOverlay" class="text-overlay">
<h2 class="overlay-style-title">Time machine</h2>
<h3 class="overlay-year-title">Change your perspective on the world</h3>
<div class="overlay-paragraph">
<p>Through this panel, you will be able to choose between different styles, each of which is inspired by a particular historical period and will allow you
to travel back and forth in time.</p>
<p>The selection we propose starts from the year 1500 and goes straight into the future, including also styles inspired from the 1940s and the 1950s. What are you waiting for? Start your journey!</p>
</div>
</div>
<div id="incunabulaOverlay" class="text-overlay">
<h2 class="overlay-style-title">Incunabula and beyond</h2>
<h3 class="overlay-year-title">1500</h3>
<div class="overlay-paragraph">
<p>Have you ever wondered on how website from 1500 looked like?</p>
<p>The secret metadata society had already developed a rudimental version of the internet yet in 1500.
The clergy - that is the name used by this secret society to call their servers -
was yet something, and a vast amount of textual and visual data had already been stored in in. From the 16th century on, they started to share data with the most educated people,
but maybe today you will be able to capture the secrets passed down from year to year by these unknown organization...</p>
</div>
</div>
<div id="timeOverlay" class="text-overlay">
<h2 class="overlay-style-title">The time of the Time time-travel</h2>
<h3 class="overlay-year-title">1940</h3>
<div class="overlay-paragraph">
<p>As time passed by, books left some space for magazines and information started to flow in a different manner.
More easilly than before, the secret metadata society started to spread secret information encoded between the lines of such magazines. But who is able to decode it?</p>
<p>Row after row, column after column, how would it be to read one of the most famous news magazines in the 1940s? It's Time to discover it!</p>
</div>
</div>
<div id="swissOverlay" class="text-overlay">
<h2 class="overlay-style-title">Give me a grid and I will rule the world</h2>
<h3 class="overlay-year-title">1950</h3>
<div class="overlay-paragraph">
<p>It's enough to look at a poster for a few seconds to grasp all the necessary for understanding the point. Did you get it?</p>
<p>The secret metadata society got smarter and ws able to send subliminal messsages that need the blink of an eye to be effective.</p>
<p>Straight to the point! Clear and essential. Can you resist it?</p>
</div>
</div>
<div id="futureOverlay" class="text-overlay">
<h2 class="overlay-style-title">Are you ready font the future?</h2>
<h3 class="overlay-year-title">2030</h3>
<div class="overlay-paragraph">
<p>In this era communication on Earth does not exist anymore. The secret meatada society rules the planet and use the population for their dark purposes.</p>
<p>A few survivors are travelling though space to found the words they lost, it's all dark out there. They miss home some much and they do not know ho to describe that sensation. But suddently, a violet planet brings their memories back to a pleasent
afternoon made of good readings, milkshakes and blueberries...</p>
</div>
</div>
</div>
</div>
<!--Buttons-->
<div class="btns-grid-container">
<div class="btns-grid-item btns-item-1">
<button class="sub-btn" type="button" onclick="changeCSS(1500)" onmouseover="showTextOverlay(1500)">1500</button>
</div>
<div class="btns-grid-item btns-item-2">
<button class="sub-btn" type="button" onclick="changeCSS(1940)" onmouseover="showTextOverlay(1940)">1940</button>
</div>
<div class="btns-grid-item btns-item-3">
<button class="sub-btn" type="button" onclick="changeCSS(1950)" onmouseover="showTextOverlay(1950)">1950</button>
</div>
<div class="btns-grid-item btns-item-4">
<button class="sub-btn" type="button" onclick="changeCSS(2030)" onmouseover="showTextOverlay(2030)">2030</button>
</div>
<div class="btns-grid-item btns-item-5" onmouseover="showTextOverlay(0)">
</div>
<div class="btns-grid-item btns-item-6" onmouseover="showTextOverlay(0)">
<button id="stylesBtn" class="styles-btn" type="button"><img class="btn-icon" id="timeMachineImg" src="./images_styles/icons/time_machine_icon.svg" alt="time machine icon for changing style"></button>
</div>
<div class="btns-grid-item btns-item-7">
</div>
<div class="btns-grid-item btns-item-8" >
<button id="toTopBtn"> <i class="fa-solid fa-arrow-up btn-icon"></i></button>
</div>
</div>
<!-- Animation for Swiss style -->
<div class="circles-animation">
<div class="circles-animation-row circles-animation-row-1">
<div class="circle blue-circle"></div>
</div>
<div class="circles-animation-row circles-animation-row-2">
<div class="circle red-circle"></div>
<div class="circle blue-circle"></div>
<div class="circle red-circle"></div>
<div class="circle blue-circle"></div>
<div class="circle red-circle"></div>
<div class="circle blue-circle"></div>
</div>
<div class="circles-animation-row circles-animation-row-3">
<div class="circle red-circle"></div>
</div>
</div>
<section class="page-presentation index-page-presentation">
<div class="title-container">
<h1><span class="invisiblePart">The </span>Conspiracist</h1>
</div>
<div id="swissRotatedPill" class="subtitle-div">
<p class="text-pill" id="homeTp1">A magazine aiming at ruling the world by means of metadata<span class="time-no-display"> and powerful visualisations</span></p>
</div>
<p class="text-pill" id="homeTp2">Articles comparison</p>
<p class="text-pill" id="homeTp3">Fringe theories</p>
<p class="text-pill" id="homeTp4">Entity tagging</p>
</section>
<section class="home-2030">
<nav id="nav2030">
<div id="centerNav2030">
<div>
<a class="nav-text active-nav-2030" href="#">Home</a>
</div>
<p class="nav-text">|</p>
<div class="nav-item dropdown">
<a class="dropdown-toggle nav-text" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Issues</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item nav-text" href="./pizzagateIssue.html">Pizzagate</a></li>
<li><a class="dropdown-item nav-text disabled">Secret Issue</a></li>
<li><a class="dropdown-item nav-text disabled">Secret Issue</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item nav-text" href="./disclaimer.html">Disclaimer</a></li>
</ul>
</div>
<p class="nav-text">|</p>
<div>
<a class="nav-text" href="./documentation.html">Documentation</a>
</div>
<p class="nav-text">|</p>
<div>
<a class="nav-text" href="./about.html">About</a>
</div>
</div>
</nav>
<div id="firstDiv2030" class="div-2030">
<div id="mdTitleCont">
<h2>The Magazine</h2>
</div>
<p> The Conspiracist is a magazine whose issues aim at analyzing a specific conspiracy theory at the time by means of authoritative articles.
The name of the magazine derives from a crasis of the words "conspiracy" and "theorist", even though no one among the editors is a conspiracy theorist (<em>maybe...it depends on who asks</em>).</p>
<p>Our interest on conspiracies derives from a famous fringe theory called "The PPPP Conspiracy".
It is said that many people from around the globe are following a master's degree in Digital Humanities
and Digital Knowledge at the University of Bologna, working on, among other projects, a Website aimed
at producing Presentationally Perfect Powerful Publications. The possible outcomes and the real interests
of these people are still unknown.</p>
</div>
<div id="secondDiv2030" class="div-2030">
<h3>Open your eyes!</h3>
<p>Click on the time machine to activate the style widget and project yourself into another dimension (yes, time machines already exist).</p>
<p>You can choose to display contents with a 1500, 1910, 1950 or 2030 typographic style. For further information about the inspiraional material look at the <a href="./documentation.html">documentation</a>.</p>
</div>
<div id="thirdDiv2030" class="div-2030">
<h3>Text comparison and metadata analysis</h3>
<p>Each issue-page allows the reader to compare different articles dealing with the same conspiracy. Since metadata and keywords have been already added by the semantic-secret-society, entities and personalized keywords can be added by the user for its own (secret) purpose.</p>
<a class="future-link-btn" href="./pizzagateIssue.html">Go to the first issue</a>
</div>
<div id="fourthDiv2030" class="div-2030">
<div>
<h3>The dark sources</h3>
<p>The texts we present have no mysterious source. Take a look at our disclaimer for more information.</p>
<a class="future-link-btn" href="./disclaimer.html">Read the disclaimer</a>
</div>
</div>
</div>
<div id="fifthDiv2030" class="div-2030">
<h3>The editors' lodge</h3>
<p><span class="text-line-through">No</span> hooded people, no aliens, and <span class="text-line-through">no</span> aim to manipulate human race. Discover the occult power running our editors.</p>
<a class="future-link-btn" href="./about.html">Unveil the secret society</a>
</div>
</section>
<main class="home-main">
<section id="timeTitle">
<h2>CONSPIRACIST AFFAIRS</h2>
</section>
<div id="timeImage">
</div>
<div id="timeImageDescription">
<p id="timeImageDescription1"><span class="time-first-letter">S</span>ecret <span class="time-first-letter">s</span>ociety <span class="time-first-letter">c</span>onference on <span class="time-first-letter">F</span>lat <span class="time-first-letter">E</span>arth</p>
<p id="timeImageDescription2">What an incredible view from up there!</p>
</div>
<section id="homeBody">
<div id="magazineDescription">
<div id="mdTitleCont">
<h2>The Magazine</h2>
</div>
<div id="mdParCont">
<p><span class="time-first-letter-p">T</span>he <span class="time-first-letter-p">C</span>onspiracist is a magazine whose issues aim at analyzing a specific <span class="time-first-letter-p">c</span>onspiracy <span class="time-first-letter-p">t</span>heory at the time by means of <span class="time-first-letter-p">a</span>uthoritative <span class="time-first-letter-p">a</span>rticles.
The name of the magazine derives from a crasis of the words "<span class="time-first-letter-p">c</span>onspiracy" and "<span class="time-first-letter-p">t</span>heorist", even though no one among the editors is a conspiracy theorist (<em>maybe...it depends on who asks</em>).</p>
<p>Our interest on conspiracies derives from a famous <span class="time-first-letter-p">f</span>ringe <span class="time-first-letter-p">t</span>heory called "<span class="time-first-letter-p">T</span>he PPPP <span class="time-first-letter-p">C</span>onspiracy".
It is said that many people from around the globe are following a master's degree in <span class="time-first-letter-p">D</span>igital <span class="time-first-letter-p">H</span>umanities
and <span class="time-first-letter-p">D</span>igital <span class="time-first-letter-p">K</span>nowledge at the <span class="time-first-letter-p">U</span>niversity of <span class="time-first-letter-p">B</span>ologna, working on, among other projects, a Website aimed
at producing <span class="time-first-letter-p">P</span>resentationally <span class="time-first-letter-p">P</span>erfect <span class="time-first-letter-p">P</span>owerful <span class="time-first-letter-p">P</span>ublications. The possible outcomes and the <span class="time-first-letter-p">r</span>eal <span class="time-first-letter-p">i</span>nterests
of these people are still <span class="time-first-letter-p">u</span>nknown.</p>
</div>
</div>
<div class="home-magazine-img-container">
<img src="./images_styles/incunabula/pizza_incunabula.svg" alt="Image of people in incunabula style">
</div>
<div class="time-only time-section-divider">
<i class="fa-solid fa-circle bullet-divider"></i>
<i class="fa-solid fa-circle bullet-divider"></i>
<i class="fa-solid fa-circle bullet-divider"></i>
</div>
<div id="styleChangeDescription" class="home-flex-row">
<div class="row-lt-block">
<h3>Open your eyes!</h3>
<p><span class="time-title-paragraph">Open your eyes!</span>Click on the <span class="time-first-letter-p">s</span>tyle-<span class="time-first-letter-p">w</span>idget to run the <span class="time-first-letter-p">t</span>ime <span class="time-first-letter-p">m</span>achine and project yourself into another dimension (yes, time machines already exist).</p>
<div id="incunabulaPoster" class="styles-btn">
<img src="./images_styles/incunabula/incunabula_button_container.svg" alt="time machine icon for changing style in incunabula style">
</div>
<p>You can choose to display contents with a 1500, 1910, 1950 or 2030 <span class="time-first-letter-p">t</span>ypographic <span class="time-first-letter-p">s</span>tyle. For further information about the inspiraional material look at the <span class="link-time"><a href="./documentation.html"><span class="time-first-letter-p">d</span>ocumentation</a></span>.</p>
</div>
<div class="row-rt-block poster-container">
<div id="styleChangePoster">
<div id="posterPar1Container">
<p>Clicks are time's fuel</p>
</div>
<div id="posterIconContainer" class="styles-btn">
<img src="./images_styles/icons/time_machine_icon.svg" alt="time machine icon for changing style inside a swiss-style poster">
</div>
<div id="bottomPosterPs">
<div id="bppsCol1">
<p>change the necessary</br>to look at things</br>with different</p>
</div>
<div id="bppsCol2">
<p>style</p>
<p>type</p>
<p>colors</p>
</div>
</div>
</div>
</div>
</div>
<div id="issuesFeaturesDescription" class="home-flex-row">
<div class="row-rt-block">
<h3>Text comparison and metadata analysis</h3>
<p><span class="time-title-paragraph">Text comparison and metadata analysis.</span>Each issue-page allows the reader to compare
<span class="time-first-letter-p">d</span>ifferent <span class="time-first-letter-p">a</span>rticles dealing with the same
conspiracy. Since <span class="time-first-letter-p">m</span>etadata and <span class="time-first-letter-p">k</span>eywords
have been already added by the <span class="time-first-letter-p">s</span>emantic-<span class="time-first-letter-p">s</span>ecret-<span class="time-first-letter-p">s</span>ociety,
entities and personalized keywords can be added by the user for its own (secret) purpose.
<span class="time-only"><a class="link-time-home" href="./pizzaGateIssue.html">Go to the first issue</a></span></p>
</div>
<div class="row-lt-block">
<div class="esd-link-div home-link-container">
<a class="link-to-other-pages esd-link" href="./pizzagateIssue.html">Go to the first issue</a>
</div>
</div>
</div>
<div class="time-only time-section-divider">
<i class="fa-solid fa-circle bullet-divider"></i>
<i class="fa-solid fa-circle bullet-divider"></i>
<i class="fa-solid fa-circle bullet-divider"></i>
</div>
<div id="editorsAndSourcesDescription" class="home-flex-row">
<div class="esd-lt-block">
<div class="esd-title-par">
<h3>The dark sources</h3>
<p><span class="time-title-paragraph">The dark sources.</span>The texts we present have <span class="time-first-letter-p">n</span>o
<span class="time-first-letter-p">m</span>ysterious source.
Take a look at our <span class="time-only"><a class="link-time-home" href="./disclaimer.html"><span class="time-first-letter-p">d</span>isclaimer</a>
</span><span class="time-no-display">disclaimer</span>
for more information.</p>
</div>
<div class="esd-link-div home-link-container">
<a class="link-to-other-pages esd-link" href="./disclaimer.html">Read the <span class="time-first-letter-p">d</span>isclaimer</a>
</div>
</div>
<div class="esd-rt-block">
<div class="esd-title-par">
<h3>The editors' lodge</h3>
<p><span class="time-title-paragraph">The editors' lodge.</span><span class="text-line-through">No</span> <span class="time-first-letter-p">h</span>ooded <span class="time-first-letter-p">p</span>eople, no <span class="time-first-letter-p">a</span>liens, and <span class="text-line-through">no</span> aim to manipulate human race.
Discover the occult power running our <span class="time-first-letter-p">e</span>ditors<span class="time-no-display">.</span>
<span class="time-only">:</span><span class="link-time"><a class="link-time-home" href="./about.html"> Unveil the secret society</a></span></p>
</div>
<div class="esd-link-div home-link-container">
<a class="link-to-other-pages esd-link" href="./about.html">Unveil the secret society</a>
</div>
</div>
</div>
</section>
</main>
<footer class="home-footer">
<div class="footer-container">
<p class="text-center">A project for the "Information Modelling and Web Technologies" course of the master's degree in Digital Humanities and Digital Knowlege, University of Bologna</br>
© 2022 - The Conspiracist</p>
</div>
</footer>
<!-- Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>