131 lines
3.4 KiB
HTML
131 lines
3.4 KiB
HTML
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async defer data-website-id="ab1ad82e-037e-4c99-a90b-7d007377b025"
|
|
src="https://ikaros.asraphiel.dev/script.js"></script>
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-28702576-1"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag() { dataLayer.push(arguments); }
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'UA-28702576-1');
|
|
</script>
|
|
|
|
<title>Galerie Van Slagmaat - Woerden - Kunst en Design</title>
|
|
|
|
<!-- <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> -->
|
|
<meta charset="UTF-8">
|
|
<meta name="description" content="Galerie Van Slagmaat voor kunst en design" />
|
|
<meta name="keywords"
|
|
content="galerie, schilderijen, zeefdruk, beelden, brons, bronzen, hoeden, tassen, keramiek, kunst, design, slagmaat, woerden, foto, jorn, leeuwen, geranium" />
|
|
<link href="https://cdn.voidcorp.nl/galerie/css/def1.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.voidcorp.nl/galerie/icons/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.voidcorp.nl/galerie/icons/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.voidcorp.nl/galerie/icons/favicon-16x16.png">
|
|
<link rel="manifest" href="https://cdn.voidcorp.nl/galerie/icons/site.webmanifest">
|
|
<link rel="mask-icon" href="https://cdn.voidcorp.nl/galerie/icons/safari-pinned-tab.svg" color="#7f017f">
|
|
<link rel="shortcut icon" href="https://cdn.voidcorp.nl/galerie/icons/favicon.ico">
|
|
<meta name="msapplication-TileColor" content="#7f017f">
|
|
<meta name="msapplication-config" content="https://cdn.voidcorp.nl/galerie/icons/browserconfig.xml">
|
|
<meta name="theme-color" content="#7f017f">
|
|
|
|
<style>
|
|
/* Slideshow container */
|
|
.slideshow-container {
|
|
display: flex;
|
|
max-width: 1000px;
|
|
position: relative;
|
|
margin: auto;
|
|
height: 600px;
|
|
align-items: center;
|
|
}
|
|
|
|
/* Hide the images by default */
|
|
.mySlides {
|
|
display: none;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Next & previous buttons */
|
|
.prev,
|
|
.next {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: auto;
|
|
margin-top: -22px;
|
|
padding: 16px;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 18px;
|
|
transition: 0.6s ease;
|
|
border-radius: 0 3px 3px 0;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Position the "next button" to the right */
|
|
.next {
|
|
right: 0;
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
|
|
/* On hover, add a black background color with a little bit see-through */
|
|
.prev:hover,
|
|
.next:hover {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
/* Caption text */
|
|
.text {
|
|
color: #f2f2f2;
|
|
font-size: 15px;
|
|
padding: 8px 12px;
|
|
position: absolute;
|
|
bottom: 8px;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Number text (1/3 etc) */
|
|
.numbertext {
|
|
color: #f2f2f2;
|
|
font-size: 12px;
|
|
padding: 8px 12px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
/* The dots/bullets/indicators */
|
|
.dot {
|
|
cursor: pointer;
|
|
height: 15px;
|
|
width: 15px;
|
|
margin: 0 2px;
|
|
background-color: #bbb;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
transition: background-color 0.6s ease;
|
|
}
|
|
|
|
.active,
|
|
.dot:hover {
|
|
background-color: #717171;
|
|
}
|
|
|
|
/* Fading animation */
|
|
.fade {
|
|
animation-name: fade;
|
|
animation-duration: 1.5s;
|
|
}
|
|
|
|
@keyframes fade {
|
|
from {
|
|
opacity: .4
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
</style> |