{{> organisms-simplified-navbar }} <div class="container container--wide pt-8 lg:py-24"> <article class="space-y-8"> <div class="grid grid-cols-3 gap-8" style="height: 30rem;"> <div class="col-span-2 space-y-8"> <iframe width="100%" height="610" src="https://www.youtube.com/embed/73jJLspL8o8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <section> <div class="flex justify-between items-center mb-4"> <h2 class="head-alt-base">Příspěvky v rozpravě</h2> {{> molecules-inline-pagination(classes: "text-xs") }} </div> <div class="space-y-6"> <div class="flex items-start bg-yellow-100 p-2 -ml-2"> <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> <div class="flex-1 overflow-hidden"> <div class="mb-1"> <div class="flex justify-between"> <div> <span class="font-bold">{{ person.first }} {{ person.last }}</span> <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> <span class="text-grey-200 ml-1 text-sm">@ 11:46</span> </div> <div class="space-x-3 text-sm flex items-center"> <button class="text-blue-300 flex items-center space-x-1"> <span class="font-bold">6</span> <i class="ico--thumbs-up"></i> </button> <button class="text-red-600 flex items-center space-x-1"> <i class="ico--thumbs-down transform scale-x--1"></i> <span class="font-bold">2</span> </button> </div> </div> </div> <p class="text-black leading-normal">{{ excerpt.medium }}</p> </div> </div> <div class="flex items-start p-2 -ml-2"> <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> <div class="flex-1 overflow-hidden"> <div class="mb-1"> <div class="flex justify-between"> <div> <span class="font-bold">{{ person.first }} {{ person.last }}</span> <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> <span class="text-grey-200 ml-1 text-sm">@ 11:42</span> </div> <div class="space-x-3 text-sm flex items-center"> <button class="text-blue-300 flex items-center space-x-1"> <span class="font-bold">6</span> <i class="ico--thumbs-up"></i> </button> <button class="text-red-600 flex items-center space-x-1"> <i class="ico--thumbs-down transform scale-x--1"></i> <span class="font-bold">2</span> </button> </div> </div> </div> <p class="text-black leading-normal">{{ excerpt.medium }}</p> </div> </div> <div class="flex items-start p-2 -ml-2"> <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> <div class="flex-1 overflow-hidden"> <div class="mb-1"> <div class="flex justify-between"> <div> <span class="font-bold">{{ person.first }} {{ person.last }}</span> <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> <span class="text-grey-200 ml-1 text-sm">@ 11:40</span> </div> <div class="space-x-3 text-sm flex items-center"> <button class="text-blue-300 flex items-center space-x-1"> <span class="font-bold">6</span> <i class="ico--thumbs-up"></i> </button> <button class="text-red-600 flex items-center space-x-1"> <i class="ico--thumbs-down transform scale-x--1"></i> <span class="font-bold">2</span> </button> </div> </div> </div> <p class="text-black leading-normal">{{ excerpt.medium }}</p> </div> </div> <div class="flex items-start p-2 -ml-2"> <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> <div class="flex-1 overflow-hidden"> <div class="mb-1"> <div class="flex justify-between"> <div> <span class="font-bold">{{ person.first }} {{ person.last }}</span> <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> <span class="text-grey-200 ml-1 text-sm">@ 11:38</span> </div> <div class="space-x-3 text-sm flex items-center"> <button class="text-blue-300 flex items-center space-x-1"> <span class="font-bold">6</span> <i class="ico--thumbs-up"></i> </button> <button class="text-red-600 flex items-center space-x-1"> <i class="ico--thumbs-down transform scale-x--1"></i> <span class="font-bold">2</span> </button> </div> </div> </div> <p class="text-black leading-normal">{{ excerpt.medium }}</p> </div> </div> <div class="flex items-start p-2 -ml-2"> <img src="{{ img.avatar.src }}" class="w-12 h-12 rounded mr-3"> <div class="flex-1 overflow-hidden"> <div class="mb-1"> <div class="flex justify-between"> <div> <span class="font-bold">{{ person.first }} {{ person.last }}</span> <span class="text-grey-200 text-sm ml-2">KS Pardubický kraj</span> <span class="text-grey-200 ml-1 text-sm">@ 11:30</span> </div> <div class="space-x-3 text-sm flex items-center"> <button class="text-blue-300 flex items-center space-x-1"> <span class="font-bold">6</span> <i class="ico--thumbs-up"></i> </button> <button class="text-red-600 flex items-center space-x-1"> <i class="ico--thumbs-down transform scale-x--1"></i> <span class="font-bold">2</span> </button> </div> </div> </div> <p class="text-black leading-normal">{{ excerpt.medium }}</p> </div> </div> </div> <div class="my-8 space-y-4"> {{> molecules-textarea-field(nolabel: true) }} <div class="space-x-4"> {{> atoms-basic-button(classes: "text-base", cta: "Přidat příspěvek") }} <span class="text-sm text-grey-200">Pro pokročilejší formátování můžete používat také <a href="#" class="underline">Markdown</a>.</span> </div> </div> </section> </div> <div class="flex flex-col flex-1 overflow-hidden"> <h2 class="head-alt-base mb-4 pt-1">Oznámení</h2> <div class="overflow-hidden flex flex-1"> <div class="overflow-scroll h-full space-y-px"> <div class="bg-yellow-100 p-3 border-orange-300 border-l-4"> <div class="flex items-center space-x-2 mb-2"> <div class="font-bold text-sm">11:55</div> <div class="bg-orange-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Zamítnutý návrh postupu</div> </div> {{ excerpt.short }} </div> <div class="p-3 bg-yellow-100 border-green-300 border-l-4"> <div class="flex items-center space-x-2 mb-2"> <div class="font-bold text-sm">11:52</div> <div class="bg-green-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Schválený návrh postupu</div> </div> {{ excerpt.short }} </div> <div class="bg-grey-50 p-3 border-blue-300 border-l-4"> <div class="flex items-center space-x-2 mb-2"> <div class="font-bold text-sm">11:51</div> <div class="bg-blue-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Přijatelný návrh postupu</div> </div> {{ excerpt.short }} </div> <div class="p-3 border-red-600 border-l-4"> <div class="flex items-center space-x-2 mb-2"> <div class="font-bold text-sm">11:43</div> <div class="bg-red-600 text-white px-1 py-1 font-bold text-xs rounded-sm">Rozhodující hlasování</div> </div> {{ excerpt.short }} </div> <div class="bg-grey-50 p-3 border-cyan-500 border-l-4"> <div class="flex items-center space-x-2 mb-2"> <div class="font-bold text-sm">11:35</div> <div class="bg-cyan-500 text-white px-1 py-1 font-bold text-xs rounded-sm">Oznámení předsedajícího</div> </div> {{ excerpt.short }} </div> <div class="p-3 border-orange-300 border-l-4"> <div class="flex items-center space-x-2 mb-2"> <div class="font-bold text-sm">11:28</div> <div class="bg-orange-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Zamítnutý návrh postupu</div> </div> {{ excerpt.short }} </div> <div class="bg-grey-50 p-3 border-green-300 border-l-4"> <div class="flex items-center space-x-2 mb-2"> <div class="font-bold text-sm">11:20</div> <div class="bg-green-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Schválený návrh postupu</div> </div> {{ excerpt.short }} </div> <div class="p-3 border-blue-300 border-l-4"> <div class="flex items-center space-x-2 mb-2"> <div class="font-bold text-sm">11:00</div> <div class="bg-blue-300 text-white px-1 py-1 font-bold text-xs rounded-sm">Přijatelný návrh postupu</div> </div> {{ excerpt.short }} </div> </div> </div> </div> </div> </article> </div>