-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
54 lines (52 loc) · 4.69 KB
/
about.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
<html>
<head>
<title>About</title>
<link rel="icon" href="pages/images/icon.png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" id="colMode" href="styleLight.css">
<script src="js/theme.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HPSHZS2ENV"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-HPSHZS2ENV');
</script>
<body style="font-family: Georgia; overflow-y: scroll;">
<div id="homeFlex"></div>
<div id="homeFlex" style="position:fixed; top: 0px;">
<div id="homeFlex1">
<a href="index.html"><img src="pages/images/home.png" id="homeImg" loading="lazy"></a>
<a id="homeLink" href="index.html">Home</a>
<a id="homeLink" href="#" onclick="guidePagesSetup()">Start</a>
<a id="homeLink" href="about.html">About</a>
<a id="homeLink" href="all.html">Glossary</a>
<a id="homeLink" href="bibliography.html">Bibliography</a>
<a id="homeLink" href="feedback.html" target="_blank">Feedback</a>
<a id="homeLink" href="help.html">Help</a>
<a id="homeLink" href="settings.html"><span class="fa fa-gear"></span></a>
</div>
<form id="homeFlex2" autocomplete="off" action="redirect.html">
<div class="autocomplete">
<input id="SearchInput" type="text" name="page" placeholder="Page name...">
</div>
<button type="submit" id="searchButton" onclick="redir('#')"><i class="fa fa-search"></i></button>
</form>
<script src="js/searchbar.js"></script>
</div>
<script>if ((sessionStorage.getItem("theme") == "dark")){document.getElementById('homeImg').setAttribute('src', 'pages/images/homeDark.png')} else {document.getElementById('homeImg').setAttribute('src', 'pages/images/home.png')}</script>
<div style="padding: 1vw; padding-left: 3vw; font-size: 30px; display: grid; padding: 2vw; grid-template-columns: 20vw 1fr; gap: 3vw; align-items: center; margin: 0 auto; padding-right: 4vw">
<img src="pages/images/about.jpg" loading="lazy" style="width: 20vw; height:auto; display:inline">
<div style="display: inline; text-align: justify;">
<h1 style="font-size: 35px;">About</h1>
<p>I am Marcell Pap, a Hungarian high school student, and the creator of <a href="https://taiwanhandbook.github.io/wiki/about.html">TaiwanHandbook.com</a>. I initially created this website as a project for the Milestone Institute, as I am interested in political science and comparative politics, and Taiwan provides an exceptional case study in how authoritarian regimes can transform themselves into blossoming democracies.</p>
<p>The main aim of the project is to tell the story of Taiwan's truly remarkable and pitifully obscure transformation in a compelling, brief and digestible manner, while not stifling curiosity by being too concise. To that end, you can get a superficial, but sufficient understanding of Taiwan's modern history just by moving down the main guide path, but you are encouraged to diverge from the path and explore branches that interest you by using the "Wikipedia-style" links to related topics.</p>
<p>I hope you will enjoy/have enjoyed this guide to Taiwan's political development. If you notice any bugs, glitches, typos, or factual inaccuracies, or you would like to share your constructive criticism, please do so by filling out the form on the <a href="feedback.html" target="_blank">Feedback</a> page. Any and all feedback would help me tremendously. If you are interested in the sources and illustrations I used for this site, you can see the comprehensive list at the <a href="bibliography.html">Bibliography</a> page, as well as the sources used for a particular page at its bottom. If you have trouble navigating the site, the <a href="help.html">Help</a> and <a href="all.html">Glossary</a> pages will answer your questions.</p>
<p>Should you have any unaddressed questions or concerns, you can contact me at <img src="pages/images/email.png" style="display: inline; width: 360px; position: relative; top: 5.5px" alt="(the text of the email adress was replaced by an identical image to stop bots from spamming me)"></p>
</div>
</div>
</body>
</html>