-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (121 loc) · 8.44 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="prova.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="icon" href="typo_icon_1.png" type="image/x-icon">
<title>Typo</title>
<script src="script.js"></script>
<script src="script_2.js"></script>
</head>
<body>
<!----- HEADER + NAVBAR ----->
<nav class="container-fluid">
<header class="blog-header py-2">
<div class="row flex justify-content-between align-items-center first-nav">
<div class="col-3">
<a href="#" id="documentation.html" onclick="simply_src(this)" class="documentation_link">Documentation</a>
</div>
<div class="col-6 text-center" id="typo-div">
<h1 id="typo-title"><a class="blog-header-logo text-dark" href="#" id="initial_page.html" onclick="simply_src(this)">Typo</a></h1><br>
<small>Trans-historical typographic theming tour-de-force</small>
</div>
<div class="col-3 d-flex justify-content-end align-items-center first-nav">
<a class="nav-link dropdown" href="#" id="navbarDropdown" role="button" data-toggle="dropdown">About</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#" id= "disclaimer.html" onclick="simply_src(this)">Disclaimer</a>
<a class="dropdown-item" href="#" id= "about.html" onclick="simply_src(this)">About us</a>
</div>
</div>
</div>
<div class="btn-toolbar row justify-content-center">
<div class="dropdown col-md-auto col-sm-6 col-6 align-self-center">
<button type="button" class=" btn btn-sm btn-secondary active p-2 my-2 btn-circle rounded-circle" data-toggle="dropdown">
1445
</button>
<div class="dropdown-menu" data-toggle="dropdown">
<a class="dropdown-item" href="#" name="css_medievale.css" id="Vitali_1.html" onclick="change_css(this)">Japan’s Prisons Are a Haven for Elderly Women</a>
<a class="dropdown-item" href="#" name="css_medievale.css" id="vitali_2.html" onclick="change_css(this)">As Goes the South, so Goes the Nation</a>
<a class="dropdown-item" href="#" name="css_medievale.css" id="Vitali_3.html" onclick="change_css(this)">Jerry and Marge Go Large</a>
<a class="dropdown-item" href="#" name="css_medievale.css" id="Vitali_4.html" onclick="change_css(this)">Maybe She Had So Much Money She Just Lost Track of It</a>
<a class="dropdown-item" href="#" name="css_medievale.css" id="Vitali_5.html" onclick="change_css(this)">God is in the machine</a>
<a class="dropdown-item" href="#" name="css_medievale.css" id="eu_directive.html" onclick="change_css(this)">EU Directive 2009/41/EC</a>
</div>
</div>
<div class="dropdown col-md-auto col-sm-6 col-6 align-self-center">
<button type="button" class="btn btn-sm btn-secondary active p-2 my-2 btn-circle rounded-circle" data-toggle="dropdown">
1920
</button>
<div class="dropdown-menu" data-toggle="dropdown">
<a class="dropdown-item" href="#" name="css_deco.css" id="Vitali_1.html" onclick="change_css(this)">Japan’s Prisons Are a Haven for Elderly Women</a>
<a class="dropdown-item" href="#" name="css_deco.css" id="vitali_2.html" onclick="change_css(this)">As Goes the South, so Goes the Nation</a>
<a class="dropdown-item" href="#" name="css_deco.css" id="Vitali_3.html" onclick="change_css(this)">Jerry and Marge Go Large</a>
<a class="dropdown-item" href="#" name="css_deco.css" id="Vitali_4.html" onclick="change_css(this)">Maybe She Had So Much Money She Just Lost Track of It</a>
<a class="dropdown-item" href="#" name="css_deco.css" id="Vitali_5.html" onclick="change_css(this)">God is in the machine</a>
<a class="dropdown-item" href="#" name="css_deco.css" id="eu_directive.html" onclick="change_css(this)">EU Directive 2009/41/EC</a>
</div>
</div>
<div class="dropdown col-md-auto col-sm-6 col-6 align-self-center">
<button type="button" class="btn btn-sm btn-secondary active p-2 my-2 btn-circle rounded-circle" data-toggle="dropdown">
1980
</button>
<div class="dropdown-menu dropdown-menu-right" data-toggle="dropdown">
<a class="dropdown-item" href="#" name="css_80.css" id="Vitali_1.html" onclick="change_css(this)">Japan’s Prisons Are a Haven for Elderly Women</a>
<a class="dropdown-item" href="#" name="css_80.css" id="vitali_2.html" onclick="change_css(this)">As Goes the South, so Goes the Nation</a>
<a class="dropdown-item" href="#" name="css_80.css" id="Vitali_3.html" onclick="change_css(this)">Jerry and Marge Go Large</a>
<a class="dropdown-item" href="#" name="css_80.css" id="Vitali_4.html" onclick="change_css(this)">Maybe She Had So Much Money She Just Lost Track of It</a>
<a class="dropdown-item" href="#" name="css_80.css" id="Vitali_5.html" onclick="change_css(this)">God is in the machine</a>
<a class="dropdown-item" href="#" name="css_80.css" id="eu_directive.html" onclick="change_css(this)">EU Directive 2009/41/EC</a>
</div>
</div>
<div class="dropdown col-md-auto col-sm-6 col-6 align-self-center">
<button type="button" class="btn btn-sm btn-secondary active p-2 my-2 btn-circle rounded-circle" data-toggle="dropdown">
2050
</button>
<div class="dropdown-menu dropdown-menu-right" data-toggle="dropdown">
<a class="dropdown-item" name="css_futurista.css" id="Vitali_1.html" onclick="change_css(this)">Japan’s Prisons Are a Haven for Elderly Women</a>
<a class="dropdown-item" name="css_futurista.css" id="vitali_2.html" onclick="change_css(this)">As Goes the South, so Goes the Nation</a>
<a class="dropdown-item" name="css_futurista.css" id="Vitali_3.html" onclick="change_css(this)">Jerry and Marge Go Large</a>
<a class="dropdown-item" name="css_futurista.css" id="Vitali_4.html" onclick="change_css(this)">Maybe She Had So Much Money She Just Lost Track of It</a>
<a class="dropdown-item" name="css_futurista.css" id="Vitali_5.html" onclick="change_css(this)">God is in the machine</a>
<a class="dropdown-item" name="css_futurista.css" id="eu_directive.html" onclick="change_css(this)">EU Directive 2009/41/EC</a>
</div>
</div>
</div>
</header>
</nav>
<div class="timeline">
</div>
<main class="container-fluid mt-3">
<!-- Button Draft
<div>
<button name="css_futurista.css" id="eu_directive.html" onclick="prova_vh(this)"><p>secondo</p></button>
<button name="css_medievale.css" id="vitali_2.html" onclick="change_css(this)"><p>primo</p></button>
</div>-->
<div class="row iframe-container justify-content-center mh-70">
<div class="occupy_space vh-100 col-10" id="charging">
<img src="caricamento.gif" alt="charging gif" id="image_charging">
</div>
<iframe class="embed-responsive-item col-10" id="first" src="initial_page.html" allowfullscreen>
</iframe>
</div>
</main>
<!-- Footer -->
<footer class="page-footer font-small blue">
<!-- Copyright -->
<div class="footer-copyright text-center py-1"><hr>© 2019 Copyright - Maria Chiara Frangipane, Mattia Spadoni
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
<!-- Button Draft
<div>
<button name="css_futurista.css" id="eu_directive.html" onclick="prova_vh(this)"><p>secondo</p></button>
<button name="css_medievale.css" id="vitali_2.html" onclick="change_css(this)"><p>primo</p></button>
</div>-->