144 lines
No EOL
3.7 KiB
HTML
144 lines
No EOL
3.7 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||
<meta content="ie=edge" http-equiv="X-UA-Compatible"/>
|
||
<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">
|
||
<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>
|
||
<strong><p id="otviracka"></p> </strong>
|
||
<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>
|
||
<script src="https://akce.nolog.cz/gancio-events.es.js"></script>
|
||
<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>
|
||
<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>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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>
|
||
</body>
|
||
</html> |