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

Refactor with (untracked) config + entry page

Browse Source
This commit is contained in:
Nicolò P 2024-11-18 16:17:29 +01:00
parent 59204a591f
commit 6ca602e04d
7 changed files with 83 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/app.css
View File

@ -1,5 +1,5 @@
@import url("../js/vendor/bulma/css/bulma.min.css");
@import url("../js/vendor/fontawesome-free/css/all.min.css");
@import url("../webgis/js/vendor/bulma/css/bulma.min.css");
@import url("../webgis/js/vendor/fontawesome-free/css/all.min.css");
@import url("../fonts/fonts.css");
/* Variables */
:root {

28
img/logo_anacapri.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
img/logo_apragopolis.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
img/logo_comune_capri.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

BIN
img/logo_ispc_compatto.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

63
index.html
View File

@ -6,9 +6,14 @@
<title>Carta Archeologica Isola di Capri</title>
</head>
<body>
<nav class="navbar mb-2 is-light" role="navigation">
<nav class="navbar mb-2 p-3 has-bottom-border" role="navigation">
<div class="navbar-brand">
<span class="navbar-item is-size-3">Carta Archeologica Isola di Capri</span>
<a class="navbar-item" href="https://ispc.cnr.it" title="CNR-ISPC">
<img class="image" src="img/logo_ispc_compatto.png" style="min-height: 88px;" />
</a>
<a class="navbar-item" title="Associazione Apragopolis">
<img class="image" src="img/logo_apragopolis.jpg" style="min-height: 68px;" />
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="nav-menu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
@ -17,14 +22,27 @@
</a>
</div>
<hr class="navbar-divider">
<div class="navbar-end"></div>
<div class="navbar-end">
<a href="#webgis" class="navbar-item">Il WebGIS</a>
<a href="#riconoscimenti" class="navbar-item">Riconoscimenti</a>
<a href="#credits" class="navbar-item">Credits</a>
<a class="navbar-item" href="https://www.comune.anacapri.na.it/" title="Comune di Anacapri">
<img class="image" src="img/logo_anacapri.svg" style="min-height: 88px;" />
</a>
<a class="navbar-item" href="https://www.cittadicapri.it/" title="Comune di Capri">
<img class="image" src="img/logo_comune_capri.jpg" style="min-height: 88px;" />
</a>
</div>
</nav>
<div class="main content">
<section class="section">
<h1 class="m-4 has-text-centered">Il WebGIS</h1>
<div class="columns mt-5">
<div class="column"></div>
<div class="main content mt-5">
<h1 class="mt-6 title has-text-centered">Isola di Capri</h1>
<h2 class="subtitle has-text-centered">Carta archeologica</h2>
<div class="columns">
<div class="column"></div>
<div class="column is-two-thirds is-size-5">
<section class="section">
<a id="webgis"></a>
<h3 class="has-text-centered">Il WebGIS</h3>
<p>
Il WebGIS è una tipologia di mappa georeferenziata interattiva presentata
tramite il Web, quindi fruibile attraverso un qualsiasi browser moderno.
@ -43,18 +61,37 @@
funzionalità integrate per l'interazione e le operazioni con i dati geometrici, rendendolo quindi
particolarmente utile per applicazioni <abbr title="Geography Information Systems">GIS</abbr>.
</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et sed quidem atque? Delectus, blanditiis sint. Numquam tempora nemo perferendis ea modi. Pariatur voluptatibus ut consequatur? Sit reprehenderit in accusantium delectus.</p>
<div class="card mt-6">
<img class="image" src="img/webgis.webp" />
<div class="card-content has-text-centered">
<a href="webgis/" class="button is-link is-large">Accedi al WebGIS</a>
<a href="webgis/" class="button is-link is-large has-text-white">Accedi al WebGIS</a>
</div>
</div>
</div>
<div class="column"></div>
</section>
<section class="section">
<a id="riconoscimenti"></a>
<h2 class="m-4 has-text-centered">Riconoscimenti</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et sed quidem atque? Delectus, blanditiis sint. Numquam tempora nemo perferendis ea modi. Pariatur voluptatibus ut consequatur? Sit reprehenderit in accusantium delectus.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et sed quidem atque? Delectus, blanditiis sint. Numquam tempora nemo perferendis ea modi. Pariatur voluptatibus ut consequatur? Sit reprehenderit in accusantium delectus.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et sed quidem atque? Delectus, blanditiis sint. Numquam tempora nemo perferendis ea modi. Pariatur voluptatibus ut consequatur? Sit reprehenderit in accusantium delectus.</p>
</section>
<section class="section has-text-centered">
<a id="credits"></a>
<h2 class="m-2">Credits</h2>
<h3 class="is-size-3">CNR ISPC</h3>
<p>Cecilia Giorgi</p>
<p>Giovanni Caratelli</p>
<p>Nicolò Paraciani</p>
<h3 class="is-size-3">Soprintendenza ecc...</h3>
<p>Giancarlo Di Martino</p>
</section>
</div>
</section>
<div class="column"></div>
</div>
</div>
</div>
<footer class="footer has-text-centered">
<p>&copy; Copyright Progetto Carta Archeologica 2024</p>
</footer>
</body>
</html>

6
webgis/js/gis.js
View File

@ -1,16 +1,16 @@
'use strict';
import UI from "./ui.js";
import API_CONFIG from "./config.js";
const MAPBOX_TOKEN = 'pk.eyJ1Ijoibmljb3BhIiwiYSI6ImNseWNwZjJjbjFidzcya3BoYTU0bHg4NnkifQ.3036JnCXZTEMt6jVgMzVRw';
const BASE_URL = location.href;
let API_URL = '';
if (BASE_URL.includes('localhost')) {
console.log(BASE_URL);
API_URL = `https://caprigis-api.ddev.site`;
API_URL = API_CONFIG.dev;
} else {
API_URL = 'https://testaec.electricmandarine.cloud/gisdb/gis';
API_URL = API_CONFIG.prod;
}
// Global leaflet