add flip cards to results page

=5

+
+up to date, audited 172 packages in 886ms
+
+39 packages are looking for funding
+  run `npm fund` for details
+
+2 high severity vulnerabilities
+
+To address all issues, run:
+  npm audit fix
+
+Run `npm audit` for details.

env.example

+DATABASE_URL=postgres://styleguide:styleguide@localhost:5432/styleguide

majak_uistyleguide/templates/patterns/molecules/boxes/onboarding/card_box.html → majak_uistyleguide/templates/patterns/molecules/boxes/flip_card_box.html

@@ -31,9 +31,11 @@
         {{ content|safe }}
       </div>
 
+      {% if button_text %}
         <div class="flex justify-center items-center my-5">
           {% include 'patterns/atoms/buttons/round_button.html' with button_text=button_text %}
         </div>
+      {% endif %}
     </div>
   </div>
 </div>

majak_uistyleguide/templates/patterns/organisms/cards/onboarding/card_list.html → majak_uistyleguide/templates/patterns/organisms/cards/flip_card_list.html

 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 content-stretch gap-4">
   {% for card in cards %}
-    {% include 'patterns/molecules/boxes/onboarding/card_box.html' with title=card.title image_url=card.image_url content=card.content button_text=card.button_text %}
+    {% include 'patterns/molecules/boxes/flip_card_box.html' with title=card.title image_url=card.image_url content=card.content button_text=card.button_text %}
   {% endfor %}
 </div>

majak_uistyleguide/templates/patterns/templates/main/results/results.html

+{% include 'patterns/organisms/layout/navbar.html' %}
+{% include 'patterns/organisms/header/simple_header.html' with title="Výsledky" %}
+
+<main role="main" class="mb-10 xl:mb-32">
+  <div class="container--wide my-20">
+    {% include 'patterns/organisms/cards/flip_card_list.html' %}
+  </div>
+</main>

majak_uistyleguide/templates/patterns/templates/onboarding/homepage.html

@@ -8,7 +8,7 @@
   {% include 'patterns/molecules/menus/onboarding/carousel.html' %}
 
   <div class="container--wide my-20">
-    {% include 'patterns/organisms/cards/onboarding/card_list.html' %}
+    {% include 'patterns/organisms/cards/flip_card_list.html' %}
   </div>
 </main>
 

package.json

@@ -28,6 +28,6 @@
     "tailwind-css-variables": "^2.0.3",
     "tailwindcss": "^3.1.8",
     "tailwindcss-typography": "^3.1.0",
-    "vite": "^3.1.3"
+    "vite": "^5.1.3"
   }
 }

vite.config.js

@@ -8,7 +8,7 @@ export default defineConfig({
   base: '/static/',
   server: {
     host: '0.0.0.0',
-    port: 3000,
+    port: 5173,
     open: true,
     watch: {
       usePolling: true,