Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision
  • master
1 result

Target

Select target project
  • pi/pi-cms
  • mail1/pi-cms
2 results
Select Git revision
  • jw
  • master
2 results
Show changes
Showing
with 700 additions and 115 deletions
@font-face {
font-family: "pirati-ui";
src:
url("./pirati-ui.eot") format("embedded-opentype"),
url("./pirati-ui.ttf") format("truetype"),
url("./pirati-ui.woff") format("woff"),
url("./pirati-ui.svg") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="ico--"], [class*=" ico--"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'pirati-ui' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ico--mastodon:before {
content: "\e973";
}
.ico--helios:before {
content: "\e96e";
}
.ico--redmine:before {
content: "\e96f";
}
.ico--zulip:before {
content: "\e970";
}
.ico--forum:before {
content: "\e971";
}
.ico--pirati:before {
content: "\e90d";
}
.ico--jitsi:before {
content: "\e90f";
}
.ico--open-source:before {
content: "\e90e";
}
.ico--donation-full:before {
content: "\e96c";
}
.ico--donation-outline:before {
content: "\e96d";
}
.ico--strategy:before {
content: "\e932";
}
.ico--pig:before {
content: "\e928";
}
.ico--thermometer:before {
content: "\e90a";
}
.ico--menu:before {
content: "\e933";
}
.ico--chevron-right:before {
content: "\e923";
}
.ico--chevron-left:before {
content: "\e924";
}
.ico--chevron-down:before {
content: "\e925";
}
.ico--chevron-up:before {
content: "\e926";
}
.ico--link-horizontal:before {
content: "\e910";
}
.ico--beer:before {
content: "\e909";
}
.ico--food:before {
content: "\e968";
}
.ico--dots-three-vertical:before {
content: "\e940";
}
.ico--dots-three-horizontal:before {
content: "\e941";
}
.ico--log-out:before {
content: "\e942";
}
.ico--envelope:before {
content: "\e908";
}
.ico--pin:before {
content: "\e943";
}
.ico--at:before {
content: "\e905";
}
.ico--glass:before {
content: "\e967";
}
.ico--checkmark:before {
content: "\e965";
}
.ico--info:before {
content: "\e901";
}
.ico--question:before {
content: "\e904";
}
.ico--warning:before {
content: "\e93f";
}
.ico--code:before {
content: "\e94a";
}
.ico--checkbox-unchecked:before {
content: "\e94e";
}
.ico--star-full:before {
content: "\e94f";
}
.ico--star-empty:before {
content: "\e950";
}
.ico--bookmark:before {
content: "\e951";
}
.ico--cog:before {
content: "\e952";
}
.ico--key:before {
content: "\e953";
}
.ico--zoom-in:before {
content: "\e954";
}
.ico--zoom-out:before {
content: "\e955";
}
.ico--shrink:before {
content: "\e956";
}
.ico--printer:before {
content: "\e957";
}
.ico--file-openoffice:before {
content: "\e958";
}
.ico--user:before {
content: "\e959";
}
.ico--file-excel:before {
content: "\e95a";
}
.ico--file-word:before {
content: "\e95b";
}
.ico--file-pdf:before {
content: "\e95c";
}
.ico--file-picture:before {
content: "\e95d";
}
.ico--file-blank:before {
content: "\e95e";
}
.ico--folder-upload:before {
content: "\e95f";
}
.ico--upload:before {
content: "\e960";
}
.ico--cloud-upload:before {
content: "\e961";
}
.ico--folder-download:before {
content: "\e962";
}
.ico--download:before {
content: "\e963";
}
.ico--cloud-download:before {
content: "\e964";
}
.ico--alarm:before {
content: "\e900";
}
.ico--calculator:before {
content: "\e911";
}
.ico--facebook-full:before {
content: "\e913";
}
.ico--feed:before {
content: "\e927";
}
.ico--library:before {
content: "\e929";
}
.ico--office:before {
content: "\e92a";
}
.ico--attachment:before {
content: "\e92b";
}
.ico--enlarge:before {
content: "\e92c";
}
.ico--eye-off:before {
content: "\e92e";
}
.ico--eye:before {
content: "\e92f";
}
.ico--share:before {
content: "\e931";
}
.ico--search:before {
content: "\e939";
}
.ico--pencil:before {
content: "\e93c";
}
.ico--lock-open:before {
content: "\e947";
}
.ico--lock:before {
content: "\e948";
}
.ico--equalizer:before {
content: "\e949";
}
.ico--switch:before {
content: "\e94b";
}
.ico--loop:before {
content: "\e94c";
}
.ico--refresh:before {
content: "\e94d";
}
.ico--bullhorn:before {
content: "\e944";
}
.ico--bin:before {
content: "\e945";
}
.ico--cross:before {
content: "\e937";
}
.ico--checkbox-checked:before {
content: "\e938";
}
.ico--globe:before {
content: "\e93a";
}
.ico--wikipedia:before {
content: "\e93b";
}
.ico--youtube:before {
content: "\e936";
}
.ico--users:before {
content: "\e934";
}
.ico--book:before {
content: "\e935";
}
.ico--bubbles:before {
content: "\e930";
}
.ico--map:before {
content: "\e914";
}
.ico--compass:before {
content: "\e915";
}
.ico--folder-open:before {
content: "\e916";
}
.ico--folder:before {
content: "\e917";
}
.ico--drawer:before {
content: "\e918";
}
.ico--stop:before {
content: "\e919";
}
.ico--github:before {
content: "\e91a";
}
.ico--clock:before {
content: "\e91b";
}
.ico--calendar:before {
content: "\e91c";
}
.ico--flickr:before {
content: "\e91d";
}
.ico--instagram:before {
content: "\e91e";
}
.ico--twitter:before {
content: "\e91f";
}
.ico--newspaper:before {
content: "\e920";
}
.ico--cart:before {
content: "\e921";
}
.ico--home:before {
content: "\e922";
}
.ico--link:before {
content: "\e912";
}
.ico--power:before {
content: "\e90c";
}
.ico--rocket:before {
content: "\e946";
}
.ico--location:before {
content: "\e906";
}
.ico--phone:before {
content: "\e907";
}
.ico--linkedin:before {
content: "\e903";
}
.ico--facebook:before {
content: "\e902";
}
.ico--envelop:before {
content: "\e972";
}
.ico--bed:before {
content: "\e969";
}
.ico--train:before {
content: "\e96a";
}
.ico--bus:before {
content: "\e96b";
}
.ico--wheelchair:before {
content: "\e966";
}
.ico--thumbs-down:before {
content: "\e93d";
}
.ico--thumbs-up:before {
content: "\e93e";
}
.ico--anchor:before {
content: "\e92d";
}
.ico--paw:before {
content: "\e90b";
}
home/static/home/images/cc-by-sa.png

17.2 KiB

<li>
<div class="flex gap-2">
<div class="flex gap-2">
<a href="{{ page.url }}">
{% if page.position %}
<strong>{{ page.full_name }}</strong>
{% else %}
{{ page.full_name }}
{% endif %}
</a>
{% if page.email %}
<a href="mailto:{{ page.email }}">
<div class="flex items-center">
<i class="ico--at text-xl text-pii-cyan"></i>
</div>
</a>
{% endif %}
</div>
</div>
{% if page.position %}
<p class="leading-4 whitespace-pre-line">{{ page.position }}</p>
{% endif %}
</li>
{% load wagtailcore_tags %}
<p>{{ item.perex }}</p>
{{ item.content|richtext }}
{% extends "base.html" %}
{% load static wagtailcore_tags %}
{% load static wagtailcore_tags wagtailimages_tags footnotes %}
{% block content %}
<main class="flex flex-col items-center gap-10 pt-14">
<div class="container">
<h1 class="font-bebas text-4xl">{{ page.title }}</h1>
<small class="text-pii-cyan uppercase font-bold">
{% for tag in page.tags.all %}
<a
href="/clanky?tag={{ tag.name }}"
class="px-2 py-0.5 rounded-sm"
style="background-color:{{ tag.bg_color }};color:{{ tag.fg_color }}"
>{{ tag.name }}</a>&nbsp;
{% endfor %}
</small>
<div class="flex flex-col gap-1 mt-3 text-gray-700">
<div class="flex gap-2 items-center">
<i class="ico--calendar"></i>
<div>{{ page.date }}</div>
</div>
{% if page.author %}
{% if page.author_page %}
<a
class="flex gap-2 items-center"
href="{{ page.author_page.url }}"
>
<i class="ico--user"></i>
<div>{{ page.author_page.title }}</div>
</a>
{% elif page.author %}
<div class="flex gap-2 items-center">
<i class="ico--user"></i>
<div>{{ page.author }}</div>
......@@ -20,10 +39,17 @@
</div>
<div class="mt-5 prose max-w-screen-md font-serif">
{% if page.image %}
{% image page.image original as article_image %}
<img src="{{ article_image.url }}">
{% endif %}
<p class="mb-3">{{ page.perex }}</p>
{{ page.content|richtext }}
{% richtext_footnotes page.content|richtext %}
{% include "home/includes/footnotes.html" %}
</div>
</div>
</main>
{% endblock content %}
{% endblock %}
{% extends "base.html" %}
{% load static wagtailcore_tags %}
{% load static wagtailcore_tags wagtailimages_tags %}
{% block content %}
<main class="flex flex-col items-center gap-10 pt-14">
<div class="container">
<h1 class="font-bebas text-4xl mb-4">{{ page.title }}</h1>
{% if filtered_tag %}
<div class="text-gray-500 mb-5">
<span>Filtrovaný štítek: <strong>{{ filtered_tag }}</strong></span>
<br>
<a href="/clanky">
<i class="ico--chevron-left"></i>
<span class="underline">Zpět na seznam</span>
</a>
</div>
{% endif %}
{% if page.content %}
<div class="prose font-serif mb-3">
{{ page.content|richtext }}
</div>
{% endif %}
<ul class="flex gap-4 lg:h-96 flex-wrap">
{% for article in page.articles %}
<li class="bg-pii-cyan text-white p-7 lg:w-80">
<a
class="flex flex-col gap-2 h-full"
href="{{ article.url }}"
<ul class="flex gap-4 flex-wrap">
{% for article in articles %}
<li class="bg-pii-cyan lg:h-96 text-white w-full lg:w-80 drop-shadow-lg">
<a href="{{ article.url }}">
{% if article.image and article.show_image_on_homepage %}
{% image article.image max-400x400 as article_image %}
<img
class="w-full bg-white max-h-48 object-cover"
src="{{ article_image.url }}"
alt="Náhledový obrázek článku"
>
<small class="text-pii-cyan uppercase font-bold">
{% endif %}
<div class="p-7 flex flex-col gap-2 h-full">
<small class="text-white uppercase font-bold">
{% for tag in article.tags.all %}
{{ tag.name }}
<span
class="px-2 py-0.5 rounded-sm"
style="background-color:{{ tag.bg_color }};color:{{ tag.fg_color }}"
>{{ tag.name }}</span>&nbsp;
{% endfor %}
</small>
<h3 class="font-serif text-xl leading-6 font-bold">{{ article.title }}</h3>
{% if not article.image or not article.show_image_on_homepage %}
<p class="font-serif leading-5 grow">
{{ article.shortened_perex }}
</p>
{% endif %}
<small class="font-serif">
Přidáno {{ article.date }}
</small>
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
</main>
{% endblock content %}
{% endblock %}
......@@ -6,12 +6,29 @@
<div class="container">
<h1 class="font-bebas text-4xl">{{ page.title }}</h1>
{% if page.author %}
<div class="flex gap-2 mt-3 items-center text-gray-700">
<div class="flex flex-col gap-1 mt-3 text-gray-700">
{% if page.date %}
<div class="flex gap-2 items-center">
<i class="ico--calendar"></i>
<div>{{ page.date }}</div>
</div>
{% endif %}
{% if page.author_page %}
<a
class="flex gap-2 items-center"
href="{{ page.author_page.url }}"
>
<i class="ico--user"></i>
<div>{{ page.author_page.title }}</div>
</a>
{% elif page.author %}
<div class="flex gap-2 items-center">
<i class="ico--user"></i>
<div>{{ page.author }}</div>
</div>
{% endif %}
</div>
<div class="mt-5 prose max-w-screen-md font-serif">
{{ page.content|richtext }}
......@@ -29,4 +46,4 @@
</div>
</div>
</main>
{% endblock content %}
{% endblock %}
......@@ -12,7 +12,7 @@
</div>
{% endif %}
<ul class="flex flex-col gap-2 list-disc ml-3">
<ul class="flex flex-col gap-2 list-disc ml-3 font-serif">
{% for document in page.documents %}
<li>
<a
......@@ -26,4 +26,4 @@
</ul>
</div>
</main>
{% endblock content %}
{% endblock %}
......@@ -21,7 +21,15 @@
</div>
{% endif %}
{% if page.author %}
{% if page.author_page %}
<a
class="flex gap-2 items-center"
href="{{ page.author_page.url }}"
>
<i class="ico--user"></i>
<div>{{ page.author_page.title }}</div>
</a>
{% elif page.author %}
<div class="flex gap-2 items-center">
<i class="ico--user"></i>
<div>{{ page.author }}</div>
......@@ -34,4 +42,4 @@
</div>
</div>
</main>
{% endblock content %}
{% endblock %}
......@@ -12,23 +12,22 @@
</div>
{% endif %}
<ul class="flex flex-col gap-2 list-disc ml-3">
<ul class="flex flex-col gap-2 list-disc ml-3 font-serif">
{% for event in page.events %}
<li class="text-gray-500">
<a
class="flex gap-3"
class="flex flex-col flex-wrap"
href="{{ event.url }}"
>
<div class="underline text-black">{{ event.title }}</div>
<div>
{{ event.date }}{% if event.location %},
{{ event.location }}
{% endif %}
{{ event.location }}{% endif %}
</div>
<div class="underline text-black">{{ event.title }}</div>
</a>
</li>
{% endfor %}
</ul>
</div>
</main>
{% endblock content %}
{% endblock %}
{% extends "base.html" %}
{% load static wagtailcore_tags %}
{% load static wagtailcore_tags wagtailimages_tags %}
{% block content %}
<main class="flex flex-col items-center gap-10 pt-14">
<div class="container flex gap-10">
<figure class="w-32 flex-col gap-2 hidden lg:flex">
<img
src="{% static 'images/logo_big.png' %}"
src="{% static 'home/images/logo_big.png' %}"
alt="Logo"
>
<figcaption class="font-sans leading-4">
......@@ -26,25 +26,38 @@
<ul class="flex gap-4 lg:h-96 lg:flex-nowrap flex-wrap">
{% for article in page.latest_articles %}
<li class="bg-white p-7 lg:w-80">
<a
class="flex flex-col gap-2 h-full"
href="{{ article.url }}"
<li class="bg-white lg:w-80">
<a href="{{ article.url }}">
{% if article.image and article.show_image_on_homepage %}
{% image article.image max-400x400 as article_image %}
<img
class="w-full max-h-48 object-cover"
src="{{ article_image.url }}"
alt="Náhledový obrázek článku"
>
{% endif %}
<div class="p-7 flex flex-col gap-2 h-full">
<small class="text-pii-cyan uppercase font-bold">
{% for tag in article.tags.all %}
{{ tag.name }}
<span
class="px-2 py-0.5 rounded-sm"
style="background-color:{{ tag.bg_color }};color:{{ tag.fg_color }}"
>{{ tag.name }}</span>&nbsp;
{% endfor %}
</small>
<h3 class="font-serif text-xl leading-6 font-bold">{{ article.title }}</h3>
{% if not article.image or not article.show_image_on_homepage %}
<p class="font-serif leading-5 grow">
{{ article.shortened_perex }}
</p>
{% endif %}
<small class="font-serif">
Přidáno {{ article.date }}
</small>
</div>
</a>
</li>
{% endfor %}
......@@ -164,8 +177,10 @@
</div>
</section>
<section class="container flex flex-col gap-3" id="dary">
<h2 class="font-bebas text-3xl uppercase leading-7">Dary</h2>
<section class="container flex flex-col gap-3">
<span class="invisible relative top-[-8rem]" id="finance"></span>
<h2 class="font-bebas text-3xl uppercase leading-7">Finance</h2>
<div>
<h3 class="font-serif text-2xl font-bold">Podpořte institut π</h3>
......@@ -176,7 +191,9 @@
</div>
</section>
<section class="flex justify-center bg-grey-50 p-10 w-full" id="kontakty">
<section class="flex justify-center bg-grey-50 p-10 w-full">
<span class="invisible relative top-[-8rem]" id="kontakty"></span>
<div class="container flex flex-col gap-3">
<h2 class="font-bebas text-3xl uppercase leading-7">Kontakty</h2>
......@@ -210,67 +227,79 @@
</div>
</section>
<section class="container flex flex-col gap-3" id="lide">
<section class="container flex flex-col gap-3">
<span class="invisible relative top-[-8rem]" id="lide"></span>
<h2 class="font-bebas text-3xl uppercase leading-7">Lidé</h2>
<div class="flex flex-col lg:grid lg:grid-cols-3 gap-20 min-h-screen">
<div class="flex flex-col gap-5 font-serif">
<section class="flex flex-col gap-4">
<h3 class="text-2xl font-bold">Ředitel</h3>
<p>
Ředitel je statutárním orgánem ústavu,
řídí jeho činnost, jedná jeho jménem
a rozhoduje ve všech záležitostech, které
nespadají do pravomoci jiných orgánů.
</p>
<div>
{{ page.director_description|richtext }}
</div>
<ul>
<ul class="flex flex-col gap-3">
{% for block in page.director %}
{% if block.block_type == "person" %}
{% include_block block %}
{% else %}
{% include "home/blocks/person_page_block.html" with page=block.value %}
{% endif %}
{% endfor %}
</ul>
</section>
<section class="flex flex-col gap-4">
<h3 class="text-2xl font-bold">Akademická rada</h3>
<p>
Akademická rada je poradním orgánem
ústavu a v rámci své činnosti zejména
poskytuje správní radě stanoviska
k ideovému směřování, strategickým
materiálům, rozpočtu a plánu činností
ústavu. Dále vykonává akademická rada
dohled nad ideovou a odbornou kvalitou
výstupů ústavu.
</p>
<div>
{{ page.academic_council_description|richtext }}
</div>
<ul class="flex flex-col gap-3">
{% for block in page.academic_council %}
{% if block.block_type == "person" %}
{% include_block block %}
{% else %}
{% include "home/blocks/person_page_block.html" with page=block.value %}
{% endif %}
{% endfor %}
</ul>
</section>
</div>
<div class="flex flex-col gap-5 font-serif">
<section class="flex flex-col gap-4">
<h3 class="text-2xl font-bold">Kontrolor</h3>
<p>
Kontrolor je kontrolním orgánem ústavu.
</p>
<div>
{{ page.controller_description|richtext }}
</div>
<ul>
<ul class="flex flex-col gap-3">
{% for block in page.controller %}
{% if block.block_type == "person" %}
{% include_block block %}
{% else %}
{% include "home/blocks/person_page_block.html" with page=block.value %}
{% endif %}
{% endfor %}
</ul>
</section>
</div>
<div class="font-serif">
<section class="flex flex-col gap-4">
<h3 class="text-2xl font-bold">Správní rada</h3>
<p>
Správní rada dbá o zachování účelu, pro
nějž byl ústav založen, a dohlíží na řádné
hospodaření s jeho majetkem.
</p>
<div>
{{ page.council_members_description|richtext }}
</div>
<ul class="flex flex-col gap-3">
{% for block in page.council_members %}
{% if block.block_type == "person" %}
{% include_block block %}
{% else %}
{% include "home/blocks/person_page_block.html" with page=block.value %}
{% endif %}
{% endfor %}
</ul>
</section>
......@@ -278,20 +307,19 @@
<div class="font-serif">
<section class="flex flex-col gap-4">
<h3 class="text-2xl font-bold">Dobrovolnický kruh</h3>
<p>
Dobrovolnický kruh je participační orgán
ústavu. Účelem dobrovolnického kruhu je
sdružovat osoby, které se chtějí dobrovolně
podílet na činnostech ústavu, a navrhovat
správní radě projekty pro realizaci ústavem
v souladu s účelem ústavu.
</p>
<div>
{{ page.volunteers_description|richtext }}
</div>
<h4>
<strong>Členové dobrovolnického kruhu</strong>
</h4>
<ul class="flex flex-col leading-5">
{% for block in page.volunteers %}
{% if block.block_type == "person" %}
{% include_block block %}
{% else %}
{% include "home/blocks/person_page_block.html" with page=block.value %}
{% endif %}
{% endfor %}
</ul>
</section>
......@@ -302,17 +330,19 @@
<h3 class="font-bold font-serif text-2xl">Zaměstnanci</h3>
<ul class="flex flex-col lg:grid lg:grid-cols-3 lg:grid-rows-3 gap-y-2 gap-x-4 grid-flow-col font-serif">
<p class="leading-5">
Zaměstnanci poskytují administrativní,<br>
organizační a expertní podporu pro<br>
vykonávání činností ústavu.
</p>
<div class="leading-5">
{{ page.employees_description|richtext }}
</div>
{% for block in page.employees %}
{% if block.block_type == "person" %}
{% include_block block %}
{% else %}
{% include "home/blocks/person_page_block.html" with page=block.value %}
{% endif %}
{% endfor %}
</ul>
</section>
</section>
</main>
{% endblock content %}
{% endblock %}
{% extends "base.html" %}
{% load static wagtailcore_tags %}
{% block content %}
<main class="flex flex-col items-center gap-10 pt-14">
<div class="container">
<h1 class="font-bebas text-4xl mb-4">{{ page.title }}</h1>
{% if page.content %}
<div class="prose font-serif mb-3">
{{ page.content|richtext }}
</div>
{% endif %}
<ul class="flex flex-col gap-2 list-disc ml-3 font-serif">
{% for person in page.people %}
<li>
<div class="flex flex-col">
<a
class="underline"
href="{{ person.url }}"
>{{ person.full_name }}</a>
{% if person.position %}
<span class="text-gray-500">{{ person.inline_position }}</span>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
</div>
</main>
{% endblock %}
{% extends "base.html" %}
{% load static wagtailcore_tags wagtailimages_tags %}
{% block content %}
<main class="flex justify-center pt-14">
<div class="container flex flex-col gap-5">
<div class="flex gap-3">
{% if page.image %}
{% image page.image max-400x400 as profile_image %}
<img
class="rounded-full w-40 h-40"
src="{{ profile_image.url }}"
alt="Profilový obrázek osoby {{ page.full_name }}"
>
{% endif %}
<div class="flex flex-col">
<h1 class="font-bebas text-4xl">{{ page.full_name }}</h1>
{% if page.position %}
<div class="text-gray-500 whitespace-pre-line font-serif">{{ page.position }}</div>
{% endif %}
{% if page.email %}
<hr class="my-2">
<a class="flex gap-2 font-serif text-gray-500" href="mailto:{{ page.email }}">
<div class="flex items-center">
<i class="ico--at text-xl"></i>
</div>
<span>{{ page.email }}</span>
</a>
{% endif %}
</div>
</div>
{% if page.description %}
<div class="prose max-w-screen-md font-serif">
{{ page.description|richtext }}
</div>
{% endif %}
</div>
</main>
{% endblock %}