diff --git a/main/templates/main/main_person_page.html b/main/templates/main/main_person_page.html index 22450572e59608634ddf8620276fb13f08227f55..c42889d473ee73c2bc9882933bc97553e880c684 100644 --- a/main/templates/main/main_person_page.html +++ b/main/templates/main/main_person_page.html @@ -55,58 +55,6 @@ </div> </section> </div> - {% if instagram_post_list %} - <section class="grid-container no-max mr-0 person-instagram-section mb-4 xl:mb-20"> - <div class="grid-content-with-right-side"> - <h2 class="head-4xl text-left"> - Aktuálně na Instagramu - </h2> - <div class="__js-root instagram-carousel-root xl:max-w-[1145px]"> - <ui-instagram-carousel> - {% for post in instagram_post_list %} - <div class="flex max-w-sm max-w-xs w-full h-[20rem]"> - <a - href="{{ post.url }}" - class="group h-full w-full flex flex-col align-center overflow-hidden text-center border border-grey-100 relative hover:no-underline" - > - <div class="md:min-h-[20rem] p-4 opacity-0 group-focus:opacity-100 group-hover:opacity-100 duration-150 z-10"> - <div class="flex flex-col items-center"> - <div class="mb-4 flex items-center justify-between xl:flex-col gap-3"> - <div class="flex flex-col"> - <h5 class="font-alt text-xl mt-3 mb-1 text-left sm:text-center"> - {{ post.author_name }} - </h5> - <small class="text-brands-instagram text-left sm:text-center"> - @{{ post.author_username }} - </small> - </div> - </div> - <p class="text-small sm:text-base leading-6 mb-2"> - {{ post.caption }} - </p> - </div> - </div> - - <div class="absolute inset-0 flex-shrink-0 z-0 duration-150 group-focus:blur-lg group-focus:opacity-25 group-hover:blur-lg group-hover:opacity-25"> - <div class="relative"> - <div class="absolute left-4 top-4 bg-white rounded-lg p-1.5 drop-shadow-md"> - <i class="ico--instagram text-brands-instagram text-2xl"></i> - </div> - - <img - class="h-[20rem] object-cover" - src="{{ post.image.url }}" - alt="Obrázek v Instagramovém postu, popis „{{ post.caption }}“" - > - </div> - </div> - </a> - </div> - {% endfor %} - </ui-twitter-carousel> - </div> - </div> - </section> {% endif %} {% if page.calendar %}