-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
153 lines (152 loc) · 9.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Ontologies developed by the International Union of Speleology as part of the Karstlink project" />
<meta name="author" content="Frédéric Urien" />
<title>Karstlink: Home</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg bg-secondary text-uppercase fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Karstlink</a><button class="navbar-toggler navbar-toggler-right text-uppercase font-weight-bold bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu <i class="fas fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#specifications">Specifications</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#portfolio">Partners</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead bg-primary text-white text-center">
<div class="container d-flex align-items-center flex-column">
<!-- Masthead Avatar Image--><img class="masthead-avatar mb-5" src="assets/img/logo.svg" alt="" /><!-- Masthead Heading-->
<h1 class="masthead-heading text-uppercase mb-0">Karstlink</h1>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Masthead Subheading-->
<div class="row">
<div class="col-lg-4 ml-auto"><p class="lead">You have probably wondered how to find data on caves? How to connect the caves to the documents that mention them? How to create links between scientific observations, the measurements made by the sensors and the cavities in which these observations and measurements were carried out? This is some of what the KarstLink project offers. </p></div>
<div class="col-lg-4 mr-auto"><p class="lead">Vous vous êtes sans doute demandé comment trouver des données sur les cavités ? Comment relier les cavités aux documents qui les mentionnent ? Comment créer des liens entre les observations scientifiques, les mesures effectuées et les cavités dans lesquelles ces observations et mesures ont été réalisées ? C’est ce que vous propose le projet KarstLink. </p></div>
</div>
</div>
</header>
<!-- About Section-->
<section class="page-section bg-primary text-white mb-0" id="about">
<div class="container">
<!-- About Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-white">About - A Propos</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- About Section Content-->
<div class="row">
<div class="col-lg-4 ml-auto">
<p class="lead">KarstLink is an international cooperation aimed at organizing the machine-readable online sharing of data on the cave and karst environment. Initiated by WikiCaves, FFS, and FSE, the actual work of the project is carried out under the UIS in order to encourage maximum international participation from cavers and karst scientists and managers.</p>
<p class="lead">The project has set itself the objective of using standardized tools from W3C Linked Data and the Semantic Web to describe the cave and karst environment and thus offer all database managers a way to share their work without modifying their infrastructure. </p>
</div>
<div class="col-lg-4 mr-auto">
<p class="lead">KarstLink est une coopération internationale visant à organiser le partage en ligne, lisible par des machines, de données sur les cavités et sur l'environnement karstique. Initié par Wikicaves, la FFS et la FSE, le travail autour du projet est porté par l’IUS afin d'encourager au maximum la participation des spéléologues, des scientifiques et des gestionnaires de sites karstiques. </p>
<p class="lead">Le projet s'est fixé pour objectif d'utiliser des outils standardisés du W3C relatifs au Web sémantique afin de décrire l'environnement des cavités et des phénomènes karstiques et ainsi offrir à tous les gestionnaires de bases de données un moyen de partager leur travail sans modifier leur infrastructure. </p>
</div>
</div>
<!-- About Section Button-->
</div>
</section>
<!-- Specifications Section-->
<section class="page-section bg-primary text-white mb-0" id="specifications">
<div class="container">
<!-- Specifications Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-white">Specifications</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- specifications Section Content-->
<div class="row">
<div class="col-lg-6 ml-auto">
<p class="lead">Object(s)</p>
<p><a href="ontology/" class="btn btn-primary btn-sm active" role="button" aria-pressed="true">Karstlink ontology</a></p>
<p><a href="example/" class="btn btn-primary btn-sm active" role="button" aria-pressed="true">Karstlink example</a></p>
<p><a href="howto/" class="btn btn-primary btn-sm active" role="button" aria-pressed="true">Karstlink How To</a></p>
<p><a href="symbols/" class="btn btn-primary btn-sm active" role="button" aria-pressed="true">UIS Symbols</a></p>
<p><a href="mappingGrades/" class="btn btn-primary btn-sm active" role="button" aria-pressed="true">Mappin grades</a></p>
<p><a href="karstlinkapps/" class="btn btn-primary btn-sm active" role="button" aria-pressed="true">Karstlink Apps</a></p>
<p><a href="contributors/" class="btn btn-primary btn-sm active" role="button" aria-pressed="true">Contributors</a></p>
</div>
<div class="col-lg-2 mr-auto">
<p class="lead">Version</p>
<p><a href="ontology/karstlink.owl.ttl" class="btn btn-primary btn-sm active" role="button" aria-pressed="true">karstlink.owl.ttl</a></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
<div class="col-lg-2 mr-auto">
<p class="lead">Date issued</p>
<p class="lead">2020-11-01</p>
<p class="lead">2020-11-01</p>
<p class="lead">2020-11-01</p>
<p class="lead">2022-01-01</p>
<p class="lead">2024-05-01</p>
<p class="lead">2024-12-30</p>
<p class="lead">2024-07-11</p>
</div>
<div class="col-lg-2 mr-auto">
<p class="lead">Status</p>
<p class="lead"><button type="button" class="btn btn-warning btn-sm">Draft</button></p>
<p class="lead"><button type="button" class="btn btn-warning btn-sm">Draft</button></p>
<p class="lead"><button type="button" class="btn btn-success btn-sm">Valid</button></p>
<p class="lead"><button type="button" class="btn btn-success btn-sm">Valid</button></p>
<p class="lead"><button type="button" class="btn btn-warning btn-sm">Draft</button></p>
<p class="lead"><button type="button" class="btn btn-warning btn-sm">Draft</button></p>
<p class="lead"><button type="button" class="btn btn-warning btn-sm">Draft</button></p>
</div>
</div>
</div>
</section>
<!-- Copyright Section-->
<div class="copyright py-4 text-center text-white">
<div class="container">
<small>
<a href="https://ontology.uis-speleo.org/contributors/">UIS Karstlink site</a> is licensed under <a href="https://creativecommons.org/licenses/by/4.0">CC-BY V 4.0</a> license
</small>
</div>
</div>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes)-->
<div class="scroll-to-top d-lg-none position-fixed">
<a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top"><i class="fa fa-chevron-up"></i></a>
</div>
<!-- Bootstrap core JS-->
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>