pages/index.html

131 lines
3.3 KiB
HTML
Raw Normal View History

2024-04-18 15:17:41 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<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>
<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" title="Události" places="2" show_recurrent="true" maxlength=3 sidebar="true" theme="light"></gancio-events>
<br>
<div data-darujme-widget-token="08ubowlx18gc3dah">&nbsp;</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>
</body>
</html>