nicolo/caprigis
1
1
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

UI changes (part 1)

Browse Source
This commit is contained in:
Nicolò P
2024-09-27 16:13:21 +02:00
parent f6883c3502
commit 3ca23381fb
6 changed files with 102 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
index.html
View File

@@ -3,17 +3,19 @@
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="js/vendor/leaflet/dist/leaflet.css" />
<script src="js/vendor/leaflet/dist/leaflet.js"></script>
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="js/vendor/spotlight.js/dist/css/spotlight.min.css" />
<link rel="stylesheet" href="js/vendor/@kalisio/leaflet-graphicscale/dist/Leaflet.GraphicScale.min.css" />
<script src="js/vendor/leaflet/dist/leaflet.js"></script>
<script src="js/vendor/@kalisio/leaflet-graphicscale/dist/Leaflet.GraphicScale.min.js"></script>
<script src="js/index.js" type="module"></script>
<title>Carta Archeologica di Capri</title>
<title>WebGIS Isola di Capri</title>
</head>
<body>
<nav class="navbar mb-2" role="navigation">
<div class="navbar-brand">
<span class="navbar-item is-size-3">
Carta archeologica di Capri
WebGIS Isola di Capri
</span>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="nav-menu">
<span aria-hidden="true"></span>
@@ -23,13 +25,15 @@
</a>
</div>
<hr class="navbar-divider">
<div class="navbar-menu ml-3" id="nav-menu">
<div class="navbar-menu ml-3 container is-align-items-center is-justify-content-center" id="nav-menu">
<button class="navbar-item button is-size-5 is-white" role="button" id="siti">
<i class="fa fa-list mr-2"></i> Siti indagati
</button>
<button class="navbar-item is-size-5 is-white" title="Informazioni sul progetto" id="progetto">
<i class="fa fa-info-circle mr-2"></i> Progetto
</button>
</div>
<div class="navbar-end">
<a class="navbar-item" href="about.html" class="btn btn-link" title="About">About</a>
</div>
</nav>
<!-- TODO Loader -->
@@ -91,11 +95,34 @@
<div id="map"></div>
</div>
</div>
<div class="modal">
<!-- Sites data modal -->
<div class="modal" id="site-data">
<div class="modal-background"></div>
<div class="modal-content has-background-white">
</div>
<button class="modal-close is-large" aria-label="close"></button>
</div>
<!-- Project info modal -->
<div class="modal" id="project-info">
<div class="modal-background"></div>
<div class="modal-card content has-background-white panel">
<header class="modal-card-head">
<h1 class="modal-card-title has-text-centered"><i class="fa fa-info-circle mr-2"></i> Il progetto</h1>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
<p class="p-2 mt-2 mb-2 panel-block is-size-5">
construct digital franchise table Legba concrete neural urban soul-delay industrial grade rebar. 3D-printed post- receding savant assault table nodality realism knife tiger-team augmented reality. artisanal tower advert man hotdog city network meta- artisanal euro-pop rifle.
-ware chrome artisanal shoes cartel -space face forwards Kowloon range-rover office Tokyo. crypto- sub-orbital monofilament crypto- soul-delay engine range-rover shanty town post- crypto- camera. stimulate tattoo garage car savant silent youtube post- motion wristwatch -space.
drone math- Tokyo sunglasses courier knife sign systemic decay kanji digital. numinous semiotics Tokyo assassin sign nano- 8-bit grenade tank-traps carbon sub-orbital. singularity network bridge drugs voodoo god franchise urban towards RAF neon girl.
</p>
</section>
<footer class="modal-card-foot">
<div class="buttons">
<button class="button">Chiudi</button>
</div>
</footer>
</div>
</div>
</body>
</html>