-
-
Notifications
You must be signed in to change notification settings - Fork 156
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b777f74
commit e59c4bc
Showing
1 changed file
with
49 additions
and
54 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -29,7 +29,10 @@ | |
| content="https://{% env 'FQDN' %}/issue3/{{ object.id }}" /> | ||
| <meta property="og:type" content="website" /> | ||
| <meta name="robots" content="index, follow"> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css" integrity="sha256-5uKiXEwbaQh9cgd2/5Vp6WmMnsUr3VZZw0a8rKnOKNU=" crossorigin="anonymous"> | ||
| <link rel="stylesheet" | ||
| href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css" | ||
| integrity="sha256-5uKiXEwbaQh9cgd2/5Vp6WmMnsUr3VZZw0a8rKnOKNU=" | ||
| crossorigin="anonymous"> | ||
| <style> | ||
| .my-slider-progress { | ||
| background: #ccc; | ||
|
|
@@ -41,7 +44,7 @@ | |
| transition: width 400ms ease; | ||
| width: 0; | ||
| } | ||
| </style> | ||
| </style> | ||
| {% endblock metaTags %} | ||
| {% load static %} | ||
| {% load gravatar %} | ||
|
|
@@ -88,61 +91,54 @@ | |
| rel="noopener noreferrer">{{ object.url }}</a> | ||
| </p> | ||
| <br> | ||
| <div class="right-data max-sm:absolute top-[10%] max-sm:pt-2 max-sm:ml-[80%] ml-[3.50%]">{% include "includes/_like_dislike_share.html" %}</div> | ||
| <div class="right-data max-sm:absolute top-[10%] max-sm:pt-2 max-sm:ml-[80%] ml-[3.50%]"> | ||
| {% include "includes/_like_dislike_share.html" %} | ||
| </div> | ||
| <div id="default-tab-content" class="bg-white"> | ||
| <br> | ||
| <div class="mb-4 ml-5 w-[95%] border-b border-[#584ac080]"></div> | ||
| <div class="w-full flex lg:flex-row max-sm:flex-col-reverse px-5 bg-white"> | ||
| <div class="max-sm:w-full lg:w-[40%] contents"> | ||
| <div id="screenshot-wrapper" | ||
| class=" bg-white col-md-6 w-full mb-10 max-sm:mx-0 max-sm:px-1 lg:w-[85vw] lg:border-r lg:border-[#584ac080]"> | ||
| <div class="flex max-sm:flex-col"> | ||
| <div class="w-5/12 max-sm:w-[100%]"> | ||
| <h4 class="ml-[1.45%] text-[25px] font-medium p-3 bg-white">Screenshots:</h4> | ||
| <div class="splide"> | ||
| <div class="splide__track"> | ||
| <ul class="splide__list"> | ||
| {% if object.screenshot %} | ||
| <li class="splide__slide"> | ||
| <a href="{{ object.screenshot.url }}" | ||
| target="_blank" | ||
| rel="noopener noreferrer"> | ||
| <img src="{{ object.screenshot.url }}" | ||
| class="w-[358px] h-[210px] rounded-lg" | ||
| alt="issue screenshot" | ||
| data-lightbox="image" | ||
| height="auto" | ||
| width="auto"> | ||
| </a> | ||
| </li> | ||
| {% else %} | ||
| {% comment %} <div class="grid grid-cols-4 gap-4 max-sm:grid-cols-1"> {% endcomment %} | ||
| {% for screenshot in screenshots %} | ||
|
|
||
| <li class="splide__slide"> | ||
| <a href="{{ screenshot.image.url }}" | ||
| target="_blank" | ||
| rel="noopener noreferrer"> | ||
| <img src="{{ screenshot.image.url }}" | ||
| class="w-[358px] h-[210px] rounded-lg" | ||
| alt="issue screenshot" | ||
| data-lightbox="image" | ||
| height="auto" | ||
| width="auto"> | ||
| </a> | ||
| </li> | ||
| {% endfor %} | ||
| {% comment %} </div> {% endcomment %} | ||
| {% endif %} | ||
| </ul> | ||
| </div> | ||
|
|
||
| <!-- Add the progress bar element --> | ||
| <div class="my-slider-progress"> | ||
| <div class="my-slider-progress-bar"></div> | ||
| <ul class="splide__list"> | ||
| {% if object.screenshot %} | ||
| <li class="splide__slide"> | ||
| <a href="{{ object.screenshot.url }}" | ||
| target="_blank" | ||
| rel="noopener noreferrer"> | ||
| <img src="{{ object.screenshot.url }}" | ||
| class="w-[488px] h-[310px] rounded-lg" | ||
| alt="issue screenshot" | ||
| data-lightbox="image" | ||
| height="auto" | ||
| width="auto"> | ||
| </a> | ||
| </li> | ||
| {% else %} | ||
| {% comment %} <div class="grid grid-cols-4 gap-4 max-sm:grid-cols-1"> {% endcomment %} | ||
| {% for screenshot in screenshots %} | ||
| <li class="splide__slide"> | ||
| <a href="{{ screenshot.image.url }}" | ||
| target="_blank" | ||
| rel="noopener noreferrer"> | ||
| <img src="{{ screenshot.image.url }}" | ||
| class="w-[488px] h-[310px] rounded-lg" | ||
| alt="issue screenshot" | ||
| data-lightbox="image" | ||
| height="auto" | ||
| width="auto"> | ||
| </a> | ||
| </li> | ||
| {% endfor %} | ||
| {% comment %} </div> {% endcomment %} | ||
| {% endif %} | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div id="details" class="lg:w-[60%] px-3 max-sm:w-full"> | ||
| <div class="w-7/12 max-sm:w-[100%]"> | ||
| <div> | ||
| <h4 class="text-2xl font-bold mb-3">Event ID: {{ object.id }}</h4> | ||
| <div class="flex justify-start items-center"> | ||
|
|
@@ -354,7 +350,6 @@ <h3 class="font-[ubuntu] text-[16px] lg:text-[20px] p-3 my-2 font-semibold">Issu | |
| } | ||
| }); | ||
| }); {% endcomment %} | ||
|
|
||
| function subscribe_domain(){ | ||
| $.ajax({ | ||
| type: 'GET', | ||
|
|
@@ -526,7 +521,9 @@ <h3 class="font-[ubuntu] text-[16px] lg:text-[20px] p-3 my-2 font-semibold">Issu | |
| }); | ||
| }); | ||
| </script> | ||
| <script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js" integrity="sha256-FZsW7H2V5X9TGinSjjwYJ419Xka27I8XPDmWryGlWtw=" crossorigin="anonymous"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js" | ||
| integrity="sha256-FZsW7H2V5X9TGinSjjwYJ419Xka27I8XPDmWryGlWtw=" | ||
| crossorigin="anonymous"></script> | ||
| <script> | ||
| document.addEventListener( 'DOMContentLoaded', function() { | ||
| var elms = document.getElementsByClassName( 'splide' ); | ||
|
|
@@ -535,7 +532,5 @@ <h3 class="font-[ubuntu] text-[16px] lg:text-[20px] p-3 my-2 font-semibold">Issu | |
| } | ||
| } ); | ||
| </script> | ||
| <script type="module"> | ||
| import lineClamp from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm' | ||
| </script> | ||
| <script type="module">import lineClamp from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm'</script> | ||
| {% endblock content %} | ||