-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
44 lines (34 loc) · 1.58 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
<!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>Occidental</title>
<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=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<script src="js/showdown.min.js"></script>
</head>
<body>
<header>
<div class="tilde">~</div>
<p class="tilde-info">The tilde, the symbol of Occidental was chosen in 1936. It was selected based on five criteria: symbolic character, simplicity, originality, unlikeliness to be confused with another symbol, and for being bichromatic (having two colours) as opposed to polychromatic. Beyond the five criteria, the Occidentalists at the time referenced the advantages of the lack of a fixed meaning for the tilde in the public sphere, and its similarity to a waveform, implying speech.</p>
</header>
<div id="main-content">
<h3>Loading web page from Github...</h3>
</div>
<script>
// Fetch raw data from Github
fetch('https://raw.githubusercontent.com/enfrte/occidental-neocities/master/README.md')
.then( response => response.text() )
.then( text => {
const converter = new showdown.Converter();
const html = converter.makeHtml(text);
document.querySelector('#main-content').innerHTML = html;
})
.catch( err => console.warn('Something went wrong.', err) );
</script>
</body>
</html>