[ADD] organisms & molecules

.gitignore

@@ -38,7 +38,7 @@ venv.bak/
 # Django stuff
 *.log
 majak_uistyleguide/settings/local.py
-majak_uistyleguide/static
+majak_uistyleguide/static/dist
 db.sqlite3
 db.sqlite3-journal
 majak_uistyleguide/collectedstatic

majak_uistyleguide/settings/base.py

@@ -11,7 +11,7 @@ environ.Env.read_env(str(ROOT_DIR / ".env"))
 
 # GENERAL
 # ------------------------------------------------------------------------------
-DEBUG = env.bool("DJANGO_DEBUG", True)
+DEBUG = env.bool("DJANGO_DEBUG", False)
 ROOT_URLCONF = "majak_uistyleguide.urls"
 WSGI_APPLICATION = "majak_uistyleguide.wsgi.application"
 
@@ -100,7 +100,8 @@ MEDIA_ROOT = str(ROOT_DIR / "media_files")
 # VITE SETTINGS
 # ------------------------------------------------------------------------------
 # Where ViteJS assets are built.
-DJANGO_VITE_ASSETS_PATH = PROJECT_DIR / "static"
+DJANGO_VITE_ASSETS_PATH = ROOT_DIR / 'dist'
+STATIC_FILES = PROJECT_DIR / 'static'
 
 # If use HMR or not.
 DJANGO_VITE_DEV_MODE = False
@@ -111,7 +112,7 @@ STATIC_ROOT = PROJECT_DIR / "collectedstatic"
 # Include DJANGO_VITE_ASSETS_PATH into STATICFILES_DIRS to be copied inside
 # when run command python manage.py collectstatic
 SRC_PATH = ROOT_DIR / 'src'
-STATICFILES_DIRS = [DJANGO_VITE_ASSETS_PATH, SRC_PATH]
+STATICFILES_DIRS = [DJANGO_VITE_ASSETS_PATH, STATIC_FILES, SRC_PATH]
 
 # PATTERN LIBRARY SETTINGS
 # ------------------------------------------------------------------------------
@@ -124,7 +125,8 @@ PATTERN_LIBRARY = {
     # be searched to populate the groups.
     "SECTIONS": (
         ("atoms", ["patterns/atoms"]),
-        ("components", ["patterns/components"])
+        ("molecules", ["patterns/molecules"]),
+        ("organisms", ["patterns/organisms"])
     ),
 
     # Configure which files to detect as templates.

majak_uistyleguide/templates/patterns/molecules/boxes/bg_image_box.html

+{% load static %}
+
+<div
+  class="background-hover-zoom w-96 h-60 flex bg-white flex-col items-center justify-center drop-shadow-xl xl:m-0 sm:w-80 sm:h-80"
+  style="background-image: url({% static 'images/person-table.png' %})">
+  <h5 class="head-4xl text-white mt-24 mb-8">
+    {{ title }}
+  </h5>
+  {% include 'patterns/atoms/buttons/primary_button.html' with btn_text='Poslanecký klub' %}
+</div>
\ No newline at end of file

majak_uistyleguide/templates/patterns/molecules/boxes/bg_image_box.yaml

+context:
+  title: 'Poslanci za piráty'

majak_uistyleguide/templates/patterns/organisms/cards_section/image_cards.html

+<div class="bg-cover bg-no-repeat section-clip py-16 xl:min-h-screen lg:py-36">
+  <div class="container--wide mx-auto z-10">
+    <h2 class="head-7xl xl:text-center mb-6 xl:mb-28">
+      Piráti zastupují občany
+    </h2>
+    <div class="flex flex-wrap gap-2 md:gap-1 justify-center items-center md:flex-row">
+      {% include 'patterns/molecules/boxes/bg_image_box.html' %}
+      {% include 'patterns/molecules/boxes/bg_image_box.html' %}
+      {% include 'patterns/molecules/boxes/bg_image_box.html' %}
+      {% include 'patterns/molecules/boxes/bg_image_box.html' %}
+    </div>
+  </div>
+</div>
\ No newline at end of file

vite.config.js

@@ -19,7 +19,7 @@ export default defineConfig({
     extensions: ['.js', '.json', '.vue'],
   },
   build: {
-    outDir: resolve('./majak_uistyleguide/static'),
+    outDir: resolve('./dist'),
     assetsDir: '',
     manifest: true,
     emptyOutDir: true,