Skip to content

Commit

Permalink
#5 Creare pagina web da integrare nel sito dell'opendatahacklab
Browse files Browse the repository at this point in the history
  • Loading branch information
@andreacostazza
andreacostazza committed Jun 28, 2016
1 parent 96122d6 commit 9cd0cf1
Show file tree
Hide file tree
Showing 15 changed files with 8,703 additions and 8,710 deletions.
954 changes: 477 additions & 477 deletions css/leaflet.css → cityservices/css/leaflet.css
View file

Large diffs are not rendered by default.

271 changes: 136 additions & 135 deletions css/menu.css → cityservices/css/menu.css
View file
Original file line number Diff line number Diff line change
@@ -1,136 +1,137 @@

/*Loading*/
#loading{
/*opacity:0.80;
filter:alpha(opacity=80); /* For IE8 and earlier */
margin: 0px auto;
width:800px;
height: 600px;
background-color: #e3e3e3;
z-index: 2;
position:relative;
padding-top:20px;
display:block;
}

p.loading{
text-align:center;
line-height: 500px;
color:#272a80;
font-size:37px;
margin: 0px auto;
padding-top:20px;
display:block;
}
/*Stile mappa*/
#map {
height: 600px;
width: 800px;
display: block;
margin: 0px auto;
text-align: center;
z-index: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#navigation{
visibility: hidden;
margin: 0px auto;
display: block;
position:absolute;
top: 20px;
left: 30px;
z-index: 1;
}
#nav{
margin: 0px auto;
display: block;
position:relative;
top: 10px;
left: 290px;
}
/* CSS Document */
#nav, #nav ul {
list-style:none;
padding:0;
margin:0;
position:relative;
}
#nav li {
float:left;
position:relative;
line-height:2.5em;
width:20em;
}
#nav li ul {
position:absolute;
margin-top:-1em;
margin-left: 1em; /* for IE */
display:none;
}
#nav ul li ul {
margin-top:-1.5em;
margin-left:7em;
}
/* ******************************************************************* */
/* SHOW SUBMENU 1 */
#nav li:hover ul, #nav li.over ul {
display:block;
}
#nav li:hover ul ul, #nav li.over ul ul {
display:none;
}
/* SHOW SUBMENU 2 */
#nav ul li:hover ul, #nav ul li.over ul {
display:block;
}
/* ******************************************************************* */
/* STYLING UP THE LINKS */
#nav a {
display:block;
border-right:1px solid #fff;
background:#FCF800;
color:#000000;
font-weight:bold;
text-decoration:none;
padding:0 10px;
border-radius: 10px 10px 10px 10px;
}
#nav a:hover {
background-color:#5798B4;
color:#fff;
}
#nav ul {
border-top:1px solid #fff;
border-radius: 10px 10px 10px 10px;
}
#nav ul a {
border-right:none;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
background:#FF0F0F;
}
#nav ul ul a{
border-right:none;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
background:#005DE0;
}

/* ******************************************************************* */

#nav {
z-index:1;
}
#nav ul {
z-index:2;
}
#nav ul ul {
z-index:3;

/*Loading*/
#loading{
/*opacity:0.80;
filter:alpha(opacity=80); /* For IE8 and earlier */
margin: 0px auto;
width:1000px;
height: 600px;
background-color: #e3e3e3;
z-index: 2;
position:relative;
padding-top:20px;
display:block;
}

p.loading{
text-align:center;
line-height: 500px;
color:#272a80;
font-size:37px;
margin: 0px auto;
padding-top:20px;
display:block;
}
/*Stile mappa*/
#map {
height: 600px;
width: 1000px;
display: block;
margin: 0px auto;
text-align: center;
z-index: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#navigation{
visibility: hidden;
margin: 0px auto;
display: block;
position:ab4;
top: 0px;
left: 0 px;
z-index: 1;
}
#nav{
font-size: 12px;
margin: 0px auto;
display: block;
position:relative;
top: 10px;
left: 20px;
}
/* CSS Document */
#nav, #nav ul {
list-style:none;
padding:0;
margin:0;
position:absolute;
}
#nav li {
float:left;
position:relative;
line-height:2.5em;
width:30em;
}
#nav li ul {
position:absolute;
margin-top:-1em;
margin-left: 1em; /* for IE */
display:none;
}
#nav ul li ul {
margin-top:-1.5em;
margin-left:7em;
}
/* ******************************************************************* */
/* SHOW SUBMENU 1 */
#nav li:hover ul, #nav li.over ul {
display:block;
}
#nav li:hover ul ul, #nav li.over ul ul {
display:none;
}
/* SHOW SUBMENU 2 */
#nav ul li:hover ul, #nav ul li.over ul {
display:block;
}
/* ******************************************************************* */
/* STYLING UP THE LINKS */
#nav a {
display:block;
border-right:1px solid #fff;
background:#FCF800;
color:#000000;
font-weight:bold;
text-decoration:none;
padding:0 10px;
border-radius: 10px 10px 10px 10px;
}
#nav a:hover {
background-color:#5798B4;
color:#fff;
}
#nav ul {
border-top:1px solid #fff;
border-radius: 10px 10px 10px 10px;
}
#nav ul a {
border-right:none;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
background:#FF0F0F;
}
#nav ul ul a{
border-right:none;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
background:#005DE0;
}

/* ******************************************************************* */

#nav {
z-index:1;
}
#nav ul {
z-index:2;
}
#nav ul ul {
z-index:3;
}
0 icon/layers-2x.png → cityservices/icon/layers-2x.png
View file
File renamed without changes
0 icon/layers.png → cityservices/icon/layers.png
View file
File renamed without changes
0 icon/marker-icon-2x.png → cityservices/icon/marker-icon-2x.png
View file
File renamed without changes
0 icon/marker-icon.png → cityservices/icon/marker-icon.png
View file
File renamed without changes
0 icon/marker-shadow.png → cityservices/icon/marker-shadow.png
View file
File renamed without changes
90 changes: 90 additions & 0 deletions cityservices/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
<html>
<head>
<meta charset="UTF-8">
<title>opendatahacklab - cityservices</title>
<link rel="stylesheet" type="text/css" href="../commons/css/odhl.css">
<link rel="alternate" type="application/rss+xml" href="rdfevents2rss.php" title="opendatahacklab events feed">
<script type="text/javascript" src="http://opendatahacklab.org/sparql_suite/sparql_processor.js"></script>
<script type="text/javascript" src="http://opendatahacklab.org/sparql_suite/doap_sparql_processor.js"></script>
<link rel="stylesheet" href="./css/leaflet.css"/>
<link rel="stylesheet" href="./css/menu.css"/>
<script src="./js/leaflet.js"></script>
<script src="./js/client.js"></script>
</head>
<body>
<header class="main-header">
<img class="logo" src="../commons/imgs/logo_cog4_ter.png" alt="the opendatahacklab logo">
<h1>opendatahacklab - cityservices</h1>
<p class="subtitle">THE OPEN DATA HACKING LABORATORY - Powered by
<a href="http://dydra.com"><img alt="dydra.com" src="../commons/imgs/dydra-logo-24pt.png"></a>
<a class="wt-tech" target="_blank" href="http://wt-tech.it">WT-TECH</a>
</p>
<nav>
<ol class="breadcrumb">
<li><a href="http://opendatahacklab.org/site/index.html">home</a></li>
<li><a href="http://opendatahacklab.org/site/projects.html">projects</a></li>
<li>cityservices</li>
</ol>
<a href="https://github.com/opendatahacklab/cityservices" alt="Source Code" title="GitHub repository"><img alt="GitHub" src="../commons/imgs/GitHub-Mark-64px.png"></a>
<a href="#data"><img src="../commons/imgs/rdf.png"></a>
</nav>
</header>
<section>
<header><h2>INTRODUCTION</h2></header>
<p>The project <em>cityservices</em> tests the knowledge base located into the website <a href="http://www.dydra.com">Dydra</a>.
It is a complex code, written in javascript, where you can find an open dataset for macrostructure of Comune di Catania that are modeled following the semantic web.


It's also possible to do researches of the dishes with the navigation bar named "Query".
If you select a specific dish, a nationality or both, you will see a dishes list with the selected characteristics.</p>
</section>
<section>
<section>
<div id='map'>
<div id="loading"><p class="loading">Loading...<p></div>
<div id="navigation"></div>
</div>

<script type="text/javascript">
launch();
</script>
</section>

<header><h2>CONTRIBUTORS</h2></header>
<ul>
<li>Cristiano Longo</li>
<li>Andrea Costazza</li>
</ul>
</section>

<section id="data">
<header><h2>Open Data</h2></header>
<p>The municipality of Catania provides a <a href="http://opendata.comune.catania.gov.it/dataset/test-geo">dataset
<em>Farmacie</em></a> which contains all offices of the city. This dataset is released with
no licensing indications, so that it can be considered as released as Public Domain.</p>

<p>Such a CSV file, provided by the municipality of Catania, has been
turned into an OWL ontology (in which the <a href="http://www.w3.org/ns/locn">LOCN vocabulary</a>
is used) by the <code>csvCatania2PharmaciesOWL.php</code> script (see the Git repository).
This script is released under the <a href="http://opensource.org/licenses/LGPL-3.0">LGPL 3.0</a>
license, whereas the produced ontology mantains the <a href="http://creativecommons.org/publicdomain/zero/1.0/">CC0</a> license of the origin dataset.</p>

<p><code><a href="farmacie.owl">farmacie.owl</a></code></p>

<p>Tests on pharmacies has been reported in a different ontology, linked with the
former, using the <a href="http://www.w3.org/TR/EARL10-Schema/">EARL</a> vocabulary.
This ontology is released under the <a href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>
license.</p>

<p><code><a href="comunect.owl">comunect.owl</a></code></p>

<p>The <code>farmacie.owl</code> has been then enriched by using the reasoner
<a href="https://github.com/complexible/pellet">Pellet</a> (version 2.3.0). Such an enriched ontology, as well as
the <code>comunect.owl</code> one, are provided together
via a sparql endpoint gracefully provided by <a href="http://www.dydra.com">Dydra</a>.</p>

<p><a href="http://dydra.com/cristianolongo/comune-di-catania/sparql">SPARQL enpoint of the comunect ontology</a></p>
</section>

</body>
</html>
Loading

0 comments on commit 9cd0cf1

Please sign in to comment.