elections2021: Myths page update

elections2021/models.py

@@ -348,6 +348,10 @@ class Elections2021HomePage(MetadataPageMixin, RoutablePageMixin, Page):
     def downloads_page_url(self):
         return get_subpage_url(self, Elections2021DownloadsPage)
 
+    @cached_property
+    def myths_page_url(self):
+        return get_subpage_url(self, Elections2021MythsPage)
+
     @cached_property
     def gdpr_and_cookies_url(self):
         if self.gdpr_and_cookies_page:

elections2021/static/elections2021/images/archetype/tick.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="tick.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg888"
+   version="1.1"
+   viewBox="0 0 92.029366 71.459557"
+   height="71.459557mm"
+   width="92.029366mm">
+  <defs
+     id="defs882" />
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="0"
+     inkscape:window-x="0"
+     inkscape:window-height="749"
+     inkscape:window-width="1366"
+     fit-margin-bottom="0"
+     fit-margin-right="0"
+     fit-margin-left="0"
+     fit-margin-top="0"
+     inkscape:snap-page="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:snap-center="true"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="1142.9964"
+     inkscape:cx="779.30719"
+     inkscape:zoom="0.11981203"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata885">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-58.925901,-148.49999)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Vrstva 1">
+    <g
+       id="g751-2"
+       transform="matrix(0.08466363,0,0,0.08466363,58.925901,148.4656)">
+      <path
+         d="m 416.23273,828.18683 c -10.37607,10.43701 -24.53266,16.26019 -39.2381,16.26019 -14.70538,0 -28.86197,-5.82318 -39.23804,-16.26019 L 24.390425,514.76984 c -32.5205663,-32.5206 -32.5205663,-85.2547 0,-117.71433 l 39.238092,-39.24826 c 32.530731,-32.52054 85.203883,-32.52054 117.724453,0 L 376.99463,553.45911 905.64691,24.796677 c 32.53076,-32.5205692 85.2547,-32.5205692 117.72439,0 l 39.2383,39.248253 c 32.5205,32.520568 32.5205,85.24453 0,117.71429 z"
+         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         id="path753-5" />
+    </g>
+  </g>
+</svg>

elections2021/templates/elections2021/base.html

@@ -87,6 +87,9 @@
                   <a href="{{ page.root_page.strategic_list_page_url }}" class="navbar-menu__link">Strategické dokumenty</a>
                 </li>
                 {% endcomment %}
+                <li class="navbar-menu__item">
+                  <a href="{{ page.root_page.myths_page_url }}" class="navbar-menu__link">Nejčastější mýty</a>
+                </li>
                 <li class="navbar-menu__item">
                   <a href="{{ page.root_page.downloads_page_url }}" class="navbar-menu__link">Ke stažení</a>
                 </li>

elections2021/templates/elections2021/elections2021_myths_page.html

@@ -7,8 +7,8 @@
       <div class="lg:row-span-1 lg:col-span-4 order-1 md:pr-20">
         <h1 class="head-alt-md sm:head-alt-lg  pt-1 max-w-xs">{{ page.title }}</h1>
       </div>
-      <div class="text-center hidden lg:block lg:row-span-2 lg:col-span-3 order-2 h-full 2xl:absolute 2xl:right-0 2xl:w-1/3">
-        <img class="h-54 py-12 inline-block" src="{% static "elections2021/images/archetype/hoax.svg" %}">
+      <div class="text-center hidden lg:block lg:row-span-2 lg:col-span-3 order-2 h-full 2xl:right-0 2xl:text-right">
+        <img class="h-64 py-12 inline-block" src="{% static "elections2021/images/archetype/tick.svg" %}">
       </div>
     </div>
   </article>
@@ -19,7 +19,7 @@
   <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
     {% for myth in myths %}
       <a class="hover:no-underline block" href="{% pageurl myth %}">
-        <div class="h-full card icon-card shadow-none bg-grey-125 card--hoveractive hover:elevation-0 hover:bg-acidgreen" data-archetype="hoax">
+        <div class="h-full card icon-card shadow-none bg-grey-125 card--hoveractive hover:elevation-0 hover:bg-acidgreen" data-archetype="tick">
           <div class="card__body">
             <h1 class="card-headline mb-8">{{ myth.title }}</h1>
             <div class="card-body-text">{{ myth.perex|richtext }}</div>