Quellcode durchsuchen

Restyling pagina download

Giulia Cacioli vor 2 Jahren
Ursprung
Commit
51cfca95f9
2 geänderte Dateien mit 168 neuen und 149 gelöschten Zeilen
  1. 0 8
      css/pages.css
  2. 168 141
      download.html

+ 0 - 8
css/pages.css

@@ -197,14 +197,6 @@ pre {
   text-align: center;
 }
 
-#head_download {
-  padding:  2% 7%;
-}
-
-#download {
-  padding:  0% 5%;
-}
-
 #mapping_ASPO,
 #mapping_MPP {
   max-height: 700px;

+ 168 - 141
download.html

@@ -1,155 +1,182 @@
 <!doctype html>
 <html>
-<head>
-<meta charset="utf-8">
-<title>MOCKY - Il mockup di RESTORE</title>
-<link href="Untitled1.css" rel="stylesheet">
-<link href="index.css" rel="stylesheet">
-<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
-<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
-<link href="css/pages.css" rel="stylesheet">
-<link href="css/datafilter.css" rel="stylesheet">
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
-<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?lang=css&amp;skin=default"></script>
 
-</head>
-<body>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="">
 
-	<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-    <div class="container-fluid">
-      <img src="img/Logo.png" style="width:100px;">
-      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <div class="navbar-nav" style="margin-left:auto;">
-          <a class="button-link" href="index.html"><button class="btn btn-menu" type="button">Home</button></a>
-          <a class="button-link" href="http://restore.ovi.cnr.it/"><button class="btn btn-menu" type="button">Progetto</button></a>
-          <a class="button-link" href="ricerca.html"><button class="btn btn-menu" type="button">Ricerca</button></a>
-          <a class="button-link" href="#"><button class="btn btn-menu" type="button">Indici</button></a>
-          <a class="button-link" href="#"><button class="btn btn-menu" type="button">Percorsi</button></a>
-          <a class="button-link" href="standard.html"><button class="btn btn-menu" type="button">Standard</button></a>
-          <div class="dropdown">
-            <button class="btn btn-menu dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sparql
-            </button>
-            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-              <a class="dropdown-item" href="http://dev.restore.ovi.cnr.it:8890/sparql/">Endpoint Sparql</a>
-              <a class="dropdown-item" href="sparql.html">Query</a>
-            </div>
-          </div>
-          <a class="button-link" href="download.html"><button class="btn btn-menu active" type="button">Download</button></a>
-          <div class="dropdown">
-            <button class="btn btn-menu dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Collegamenti esterni
-            </button>
-            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-              <a class="dropdown-item" href="http://ckan.restore.ovi.cnr.it/">CKAN</a>
-              <a class="dropdown-item" href="http://dev.restore.ovi.cnr.it/lodlive/">LOD</a>
-            </div>
-          </div>
-        </div>
-    </div>
-  </nav>
+    <title>Restore - Download</title>
 
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
+    <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
 
-  <div class="row" id="head_download">
-    <h2>Scarica i dataset</h2>
-  </div>
+    <link href="css/pages.css" rel="stylesheet">
 
-  <div id="download">
-    <div class="row">
-      <div class="col">
-        <div class="row"><b>Dataset Archivio di Stato di Prato</b></div>
-        <div class="row">Collezione Datini (RDF)</div>
-        <div class="row">Collezione Ospedale di Misericordia e Dolce (RDF)</div>
-        <div class="row">Collezione Gettatelli (RDF)</div>
-        <div class="row">Collezione Marcovaldi (RDF)</div>
-      </div>
-    </div>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
 
-    <div class="row">
-      <div class="col">
-        <div class="row"><b>Dataset Museo di Palazzo Pretorio (Prato)</b></div>
-        <div class="row">Collezione opere legate a Francesco di Marco Datini (RDF)</div>
-        <div class="row">Collezione opere provenienti dall'Ospedale e da esso commissionate (RDF)</div>
-        <div class="row">Collezione opere Galleria Martini (RDF)</div>
-      </div>
-    </div>
+    <link href="css/styles.min.css" rel="stylesheet">
+</head>
 
-    <div class="row">
-      <div class="col">
-        <div class="row"><b>Dataset Opera del Vocabolario Italiano</b></div>
-        <div class="row">Carteggio Datini (RDF)</div>
-      </div>
-    </div>
-  </div>
+<body>
+    <header class="sticky-top">
+		<nav class="navbar navbar-expand-lg navbar-light bg-white">
+			<div class="container-fluid">
+				<div class="navbar-brand">
+					<img src="img/Logo.png" width="100" alt="Restore" />
+				</div>
+				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+					<span class="navbar-toggler-icon"></span>
+				</button>
+				<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
+					<ul class="navbar-nav">
+						<li class="nav-item">
+							<a class="nav-link" href="index.html">Home</a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link" href="http://restore.ovi.cnr.it/">Progetto</a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link" href="ricerca.html">Ricerca</a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link" href="#">Indici</a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link" href="#">Percorsi</a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link" href="standard.html">Standard</a>
+						</li>
+						<li class="nav-item dropdown">
+							<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sparql</a>
+							<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+								<a class="dropdown-item" href="http://dev.restore.ovi.cnr.it:8890/sparql/">Endpoint Sparql</a>
+								<a class="dropdown-item" href="sparql.html">Query</a>
+							</div>
+						</li>
+						<li class="nav-item active">
+							<a class="nav-link" href="download.html">Download</a>
+						</li>
+						<li class="nav-item dropdown">
+							<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Collegamenti esterni</a>
+							<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1">
+								<a class="dropdown-item" href="http://ckan.restore.ovi.cnr.it/" target="_blank">CKAN</a>
+								<a class="dropdown-item" href="http://dev.restore.ovi.cnr.it/lodlive/" target="_blank">LOD</a>
+							</div>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</nav>
+	</header>
 
+    <main>
+        <section>
+			<div class="w-content section-small">
+				<div class="box-info">
+					<div class="container-fluid">
+                        <div class="row box-info-title" id="head_download">
+							<div class="col">
+								<h1 class="box-info-main-title">Scarica i dataset</h1>
+							</div>
+						</div>
+                    
+                        <div class="row" id="download">
+                            <div class="col-12 mb-4">
+                                <div class="mb-1"><b>Dataset Archivio di Stato di Prato</b></div>
+                                <div class="mb-1">Collezione Datini (RDF)</div>
+                                <div class="mb-1">Collezione Ospedale di Misericordia e Dolce (RDF)</div>
+                                <div class="mb-1">Collezione Gettatelli (RDF)</div>
+                                <div class="mb-1">Collezione Marcovaldi (RDF)</div>
+                            </div>
+                    
+                            <div class="col-12 mb-4">
+                                <div class="mb-1"><b>Dataset Museo di Palazzo Pretorio (Prato)</b></div>
+                                <div class="mb-1">Collezione opere legate a Francesco di Marco Datini (RDF)</div>
+                                <div class="mb-1">Collezione opere provenienti dall'Ospedale e da esso commissionate (RDF)</div>
+                                <div class="mb-1">Collezione opere Galleria Martini (RDF)</div>
+                            </div>
+                    
+                            <div class="col-12 mb-4">
+                                <div class="mb-1"><b>Dataset Opera del Vocabolario Italiano</b></div>
+                                <div class="mb-1">Carteggio Datini (RDF)</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+    </main>
 
+    <footer id="footer" class="footer">
+		<div class="container">
+			<div class="row">
+				<div class="col-lg-7 h-100 text-center text-lg-left my-auto">
+					<ul class="list-inline mb-2">
+						<li class="list-inline-item">
+							<a href="#">About</a>
+						</li>
+						<li class="list-inline-item">&sdot;</li>
+						<li class="list-inline-item">
+							<a href="#">Contact</a>
+						</li>
+						<li class="list-inline-item">&sdot;</li>
+						<li class="list-inline-item">
+							<a href="#">Terms of Use</a>
+						</li>
+						<li class="list-inline-item">&sdot;</li>
+						<li class="list-inline-item">
+							<a href="#">Privacy Policy</a>
+						</li>
+					</ul>
+					<p class="small mb-4 mb-lg-0">&copy; RESTORE 2021. All Rights Reserved.</p>
+				</div>
+				<div class="col-lg-5 h-100 text-center my-auto">
+					<ul class="partner-list list-inline mb-0">
+						<li class="list-inline-item mr-3">
+							<a href="#">
+								<img class="img-logo" src="img/CNR.png" />
+							</a>
+						</li>
+						<li class="list-inline-item mr-3">
+							<a href="#">
+								<img class="img-logo" src="img/RegioneToscana.jpg" />
+							</a>
+						</li>
+						<li class="list-inline-item mr-3">
+							<a href="#">
+								<img class="img-logo" src="img/European-Union.png" />
+							</a>
+						</li>
+						<li class="list-inline-item mr-3">
+							<a href="#">
+								<img class="img-logo" src="img/RepubblicaItaliana.png" />
+							</a>
+						</li>
+						<li class="list-inline-item mr-3">
+							<a href="#">
+								<img class="img-logo" src="img/POR-FSE-Regione-Toscana.png" />
+							</a>
+						</li>
+						<li class="list-inline-item">
+							<a href="#">
+								<img class="img-logo" src="img/GiovaniSi.png" />
+							</a>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</footer>
 
-<div id="footer">
-    <footer class="footer bg-dark">
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-6 h-100 text-center text-lg-left my-auto">
-          <ul class="list-inline mb-2">
-            <li class="list-inline-item">
-              <a href="#">About</a>
-            </li>
-            <li class="list-inline-item">&sdot;</li>
-            <li class="list-inline-item">
-              <a href="#">Contact</a>
-            </li>
-            <li class="list-inline-item">&sdot;</li>
-            <li class="list-inline-item">
-              <a href="#">Terms of Use</a>
-            </li>
-            <li class="list-inline-item">&sdot;</li>
-            <li class="list-inline-item">
-              <a href="#">Privacy Policy</a>
-            </li>
-          </ul>
-          <p class="text-muted small mb-4 mb-lg-0">&copy; RESTORE 2021. All Rights Reserved.</p>
-        </div>
-        <div class="col-lg-6 h-100 text-center text-lg-right my-auto">
-          <ul class="list-inline mb-0">
-            <li class="list-inline-item mr-3">
-              <a href="#">
-                <img class="img-logo" src="img/CNR.png" />
-              </a>
-            </li>
-            <li class="list-inline-item mr-3">
-              <a href="#">
-                <img class="img-logo" src="img/RegioneToscana.jpg" />
-              </a>
-            </li>
-            <li class="list-inline-item">
-              <a href="#">
-                <img class="img-logo" src="img/European-Union.png" />
-              </a>
-            </li>
-			<li class="list-inline-item">
-              <a href="#">
-                <img class="img-logo" src="img/RepubblicaItaliana.png" />
-              </a>
-            </li>
-			<li class="list-inline-item">
-              <a href="#">
-                <img class="img-logo" src="img/POR-FSE-Regione-Toscana.png" />
-              </a>
-            </li>
-			<li class="list-inline-item">
-              <a href="#">
-                <img class="img-logo" src="img/GiovaniSi.png" />
-              </a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </footer>
-</div>
-<!-- Bootstrap core JavaScript -->
-  <script src="vendor/jquery/jquery.min.js"></script>
-  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+    <!-- Bootstrap core JavaScript -->
+    <script src="vendor/jquery/jquery.min.js"></script>
+    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 </body>
+
 </html>