forked from Jollyfant/PMAG2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (125 loc) · 6.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required metadata tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Paleomagnetism.org 2 - An online environment for paleomagnetic analysis">
<meta name="keywords" content="paleomagnetism, interpretation, zijderveld, pca">
<meta name="author" content="Mathijs Koymans">
<link rel="shortcut icon" type="image/x-icon" href="./resources/images/hades-icon.png"/>
<link rel="stylesheet" href="./css/style.css">
<!-- Bootstrap & Font Awesome CSS & Leaflet -->
<link rel="stylesheet" href="./lib/bootstrap-4.3.1/dist/css/bootstrap.min.css"></link>
<link rel="stylesheet" href="./lib/fontawesome-free-5.7.2-web/css/all.css">
</head>
<body>
<!-- Header -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="http://www.paleomagnetism.org">Paleomagnetism<span class="text-danger">.org</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="./interpretation">Interpretation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./statistics">Statistics</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./geography">Geography</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../miscellaneous">Miscellaneous</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./references">References</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./team">Team & Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./magic">MagIC interface</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<a href="./library" class="btn btn-sm btn-secondary my-2 my-sm-0"><i class="fas fa-book-open"></i><b> Data Library</b></a>
</form>
</div>
</nav>
<!-- Main body -->
<div class="container">
<!-- Container for user notifications -->
<div id="notification-container"></div>
<div class="alert alert-light" role="alert">
<div class="container">
<div class="row justify-content-md-center">
<div class="col col-lg-3" style="text-align: center;">
<img id="logo" src="./resources/images/pmag-logo.png">
</div>
<div class="col col-lg-6">
<h5> Paleomagnetism.org 2.0 - Homepage </h5>
<p><b>Welcome to Paleomagnetism.org 2.0</b> - In this application we emphasize the clear distinction between the <i>demagnetization</i>, <i>interpretation</i> and <i>analysis</i> of magnetic components. Inside the interpretation portal metadata is collected at the specimen level and multiple specimens can be combined to form a single <b> collection</b>. This collection is a permanent data object that can be published in a <b>publication</b> through our <a href="./library">Data Library</a>.
</div>
</div>
</div>
</div>
<hr>
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="./resources/images/banner.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Interpretation Portal</h5>
<p class="card-text">The interpretation portal accepts demagnetization data from many laboratory and institutional formats. In this portal data is interpreted and specimen <b>collections</b> are created.</p>
</div>
<div class="card-footer text-center">
<span class="text-muted"><a href="./interpretation"><i class="fas fa-globe-americas" aria-hidden="true"></i> Interpretation Portal</a></span>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./resources/images/banner2.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Statistics Portal</h5>
<p class="card-text">The statistics portal reads data from <b>collections</b> and <b>publications</b> created using Paleomagnetism.org 2.0. This portal has tools for the statistical analysis of paleomagnetic data.</p>
</div>
<div class="card-footer text-center">
<span class="text-muted"><a href="./statistics"><i class="fas fa-globe-africa"></i> Statistics Portal</a></span>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./resources/images/banner3.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Geography Portal</h5>
<p class="card-text">The geography portal reads data from <b>collections</b> and <b>publications</b> created using Paleomagnetism.org 2.0. It can visualise collections on a map, plotting apparant polar wander paths and magnetostratigraphy.</p>
</div>
<div class="card-footer text-center">
<span class="text-danger"><a href="./geography"><i class="fas fa-globe-asia" aria-hidden="true"></i> Geography Portal</a></span>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./resources/images/banner4.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Miscellaneous Portal</h5>
<p class="card-text">The miscellaneous portal contains a collection of generic useful tools. It contains a net tectonic rotation analysis and ways to parametrically sample Fisherian Distributions.
</div>
<div class="card-footer text-center">
<span class="text-muted"><a href="./miscellaneous"><i class="fas fa-globe-europe"></i> Miscellaneous Portal</a></span>
</div>
</div>
</div>
</div>
<footer id="footer-container" class="container text-muted"></footer>
<br>
</body>
<!-- jQuery slim and bootstrap -->
<script src="./lib/jquery-3.3.1/jquery-3.3.1.slim.min.js"></script>
<script src="./lib/bootstrap-4.3.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="./js/utils.js"></script>
<script>
if(Math.random() < 0.05) {
document.getElementById("logo").src = "./resources/images/waldo.png"
}
</script>
</html>