Implementato handler per API zerocalcare #5
|
@ -0,0 +1,13 @@
|
|||
// Automagically nimate clicks to anchors
|
||||
|
||||
function animations() {
|
||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||||
anchor.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||||
behavior: 'smooth'
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
|
@ -14,8 +14,9 @@
|
|||
<script type="text/javascript" src="lug.js"></script>
|
||||
<script type="text/javascript" src="counters.js"></script>
|
||||
<script type="text/javascript" src="moment-with-locales.js"></script>
|
||||
<script type="text/javascript" src="animations.js"></script>
|
||||
</head>
|
||||
<body onload="lugtoscana(); counters();">
|
||||
<body onload="lugtoscana(); counters(); animations();">
|
||||
|
||||
<header>
|
||||
<h1 class="golem_font" >GOLEM</h1>
|
||||
|
@ -25,12 +26,15 @@
|
|||
<main>
|
||||
<section id="chisiamo" class="bg">
|
||||
<h2>Chi siamo</h2>
|
||||
<a href="#attivita" class="anchor">
|
||||
<div>
|
||||
<h3>Il GOLEM</h3>
|
||||
<p>
|
||||
«Gruppo Operativo Linux Empoli» è il Linux Users Group di Empoli, ed è un'associazione di promozione sociale.
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="anchor">
|
||||
<div>
|
||||
<h3>Dove siamo</h3>
|
||||
<p>
|
||||
|
@ -38,12 +42,15 @@
|
|||
</p>
|
||||
<p><a href="https://www.openstreetmap.org/?mlat=43.72634&mlon=10.92510#map=18/43.72634/10.92510">Mappa</a></p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#news" class="anchor">
|
||||
<div>
|
||||
<h3>Quando</h3>
|
||||
<p>
|
||||
Martedì sera<br/>dalle 21.30 alle 24.00
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</section>
|
||||
|
||||
<section id="news" class="bg">
|
||||
|
|
Loading…
Reference in New Issue