pages/index.html

144 lines
3.7 KiB
HTML
Raw Normal View History

2024-04-18 15:17:41 +02:00
<!DOCTYPE html>
2024-04-18 17:29:52 +02:00
2024-04-18 15:17:41 +02:00
<html lang="en">
<head>
2024-04-18 17:29:52 +02:00
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="ie=edge" http-equiv="X-UA-Compatible"/>
2024-04-18 15:17:41 +02:00
<title>Trhlina - infoshop </title>
<style type="text/css">
body {
background-color: #f5f5f5;
margin-top: 8%;
color: #5d5d5d;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
text-align: center !important;
}
h1 {
font-size: 2.45em;
font-weight: 700;
color: #5d5d5d;
letter-spacing: -0.02em;
margin-bottom: 30px;
margin-top: 30px;
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.info {
color:#5594cf;
fill:#5594cf;
}
.error {
color:#c92127;
fill:#c92127;
}
.warning {
color:#ffcc33;
fill:#ffcc33;
}
.success {
color:#5aba47;
fill:#5aba47;
}
.icon-large {
height: 132px;
width: 132px;
}
.description-text {
color: #707070;
letter-spacing: -0.01em;
font-size: 1.25em;
line-height: 20px;
}
.footer {
margin-top: 40px;
font-size: 0.7em;
}
.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
</style>
</head>
<body>
<div class="container text-center">
2024-04-18 17:29:52 +02:00
<div class="row">
<div class="col">
<div>
<img src="/trhlina.svg" style="width: 300px"/>
</div>
<div class="description-text">
<h3>Samosprávné komunitní centrum</h3>
<p>ahoj@trhlina.org</p>
<p><a href="https://www.facebook.com/infoshoptrhlina">Facebook</a> / <a href="https://instagram.com/trhlina_nusle">Instagram</a> / <a href="https://twitter.com/trhlina">Twitter</a> / <a href="https://radar.squat.net/en/node/429153">Radar</a></p>
<strong><p id="otviracka"></p> </strong>
2024-04-18 15:17:41 +02:00
<script src="https://akce.nolog.cz/gancio-events.es.js"></script>
2024-04-18 17:29:52 +02:00
<gancio-events baseurl="https://akce.nolog.cz" maxlength="3" places="2" show_recurrent="true" sidebar="true" theme="light" title="Události"></gancio-events>
<br/>
<div data-darujme-widget-token="08ubowlx18gc3dah"> </div>
2024-04-18 15:17:41 +02:00
<script type="text/javascript">
+function(w, d, s, u, a, b) {
w['DarujmeObject'] = u;
w[u] = w[u] || function () { (w[u].q = w[u].q || []).push(arguments) };
a = d.createElement(s); b = d.getElementsByTagName(s)[0];
a.async = 1; a.src = "https:\/\/www.darujme.cz\/assets\/scripts\/widget.js";
b.parentNode.insertBefore(a, b);
}(window, document, 'script', 'Darujme');
Darujme(1, "08ubowlx18gc3dah", 'render', "https:\/\/www.darujme.cz\/widget?token=08ubowlx18gc3dah", "270px");
</script>
2024-04-18 17:29:52 +02:00
</div>
</div>
</div>
2024-04-18 15:17:41 +02:00
</div>
2024-04-18 17:29:52 +02:00
<script>
const premiseKocourovodata = fetch("https://work.kocourovo.eu/trhlina/status.txt").then(r=>r.json()).then(data => {
return data;
});
window.onload = async () => {
let data = await premiseKocourovodata;
let otviracka = document.getElementById("otviracka")
if (data == 1) {
otviracka.textContent="Otevřeno";
otviracka.style.color="#5aba47"
}
else{
otviracka.textContent="Zavřeno";
otviracka.style.color="#FF2C08"
}
};
</script>
2024-04-18 15:17:41 +02:00
</body>
2024-04-18 17:29:52 +02:00
</html>