diff --git a/=5 b/=5
new file mode 100644
index 0000000000000000000000000000000000000000..e5a3d436f956fb910ae6d9d8289edd3b3e5f2983
--- /dev/null
+++ b/=5
@@ -0,0 +1,12 @@
+
+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.
diff --git a/env.example b/env.example
new file mode 100644
index 0000000000000000000000000000000000000000..f9adf6776ef87463880f6c1c09de5bcc54a12615
--- /dev/null
+++ b/env.example
@@ -0,0 +1 @@
+DATABASE_URL=postgres://styleguide:styleguide@localhost:5432/styleguide
diff --git a/majak_uistyleguide/templates/patterns/molecules/boxes/onboarding/card_box.html b/majak_uistyleguide/templates/patterns/molecules/boxes/flip_card_box.html
similarity index 81%
rename from majak_uistyleguide/templates/patterns/molecules/boxes/onboarding/card_box.html
rename to majak_uistyleguide/templates/patterns/molecules/boxes/flip_card_box.html
index 2a314e46fdb8d753de7991e8691aa37414f02a65..f418c4744e838a081232e92885e7504ff107e2b8 100644
--- a/majak_uistyleguide/templates/patterns/molecules/boxes/onboarding/card_box.html
+++ b/majak_uistyleguide/templates/patterns/molecules/boxes/flip_card_box.html
@@ -31,9 +31,11 @@
         {{ content|safe }}
       </div>
 
-      <div class="flex justify-center items-center my-5">
-        {% include 'patterns/atoms/buttons/round_button.html' with button_text=button_text %}
-      </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>
diff --git a/majak_uistyleguide/templates/patterns/molecules/boxes/onboarding/card_box.yaml b/majak_uistyleguide/templates/patterns/molecules/boxes/flip_card_box.yaml
similarity index 100%
rename from majak_uistyleguide/templates/patterns/molecules/boxes/onboarding/card_box.yaml
rename to majak_uistyleguide/templates/patterns/molecules/boxes/flip_card_box.yaml
diff --git a/majak_uistyleguide/templates/patterns/organisms/cards/flip_card_list.html b/majak_uistyleguide/templates/patterns/organisms/cards/flip_card_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..162341f68828aaab8758e5ce0ad0790fc45de1ae
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/cards/flip_card_list.html
@@ -0,0 +1,5 @@
+<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/flip_card_box.html' with title=card.title image_url=card.image_url content=card.content button_text=card.button_text %}
+  {% endfor %}
+</div>
diff --git a/majak_uistyleguide/templates/patterns/organisms/cards/onboarding/card_list.yaml b/majak_uistyleguide/templates/patterns/organisms/cards/flip_card_list.yaml
similarity index 100%
rename from majak_uistyleguide/templates/patterns/organisms/cards/onboarding/card_list.yaml
rename to majak_uistyleguide/templates/patterns/organisms/cards/flip_card_list.yaml
diff --git a/majak_uistyleguide/templates/patterns/organisms/cards/onboarding/card_list.html b/majak_uistyleguide/templates/patterns/organisms/cards/onboarding/card_list.html
deleted file mode 100644
index a97fb4dc1b08178fde66105dc162c19b37cc9017..0000000000000000000000000000000000000000
--- a/majak_uistyleguide/templates/patterns/organisms/cards/onboarding/card_list.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<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 %}
-  {% endfor %}
-</div>
diff --git a/majak_uistyleguide/templates/patterns/templates/main/results/results.html b/majak_uistyleguide/templates/patterns/templates/main/results/results.html
new file mode 100644
index 0000000000000000000000000000000000000000..c430a2c8ed50ed341efa06588b1e60a5ff6a535b
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/main/results/results.html
@@ -0,0 +1,8 @@
+{% 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>
diff --git a/majak_uistyleguide/templates/patterns/templates/onboarding/homepage.html b/majak_uistyleguide/templates/patterns/templates/onboarding/homepage.html
index 02cde07f9a8deb547dea38297d79cd5bcaa35837..54851946251dfb2d111e1dc1be865cd117a495e6 100644
--- a/majak_uistyleguide/templates/patterns/templates/onboarding/homepage.html
+++ b/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>
 
diff --git a/package.json b/package.json
index f21f60c15fa4fe21ae4cb49736e8e7b238a2ee6e..4ed0507d1a1781b7f15e7de0e21a34b33dc66e16 100644
--- a/package.json
+++ b/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"
   }
 }
diff --git a/vite.config.js b/vite.config.js
index e3dbf5551c2c11a5263b38758b218bb37cac5ff2..1e9b09735294dd0c597af1b6007b4ed117c86008 100644
--- a/vite.config.js
+++ b/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,