chore: cleanup

2025-02-19 15:36:41 +01:00
parent fe4b783658
commit 55d5431859
18 changed files with 5 additions and 10 deletions
@@ -2,7 +2,7 @@
 <article>
  <div
    class="card">
-    <div class="h-56 w-full">
+    <div class="h-56 w-full bg-gray-200 dark:bg-gray-950">
      <a href="{% url 'web:product_detail' pk=product.pk slug=product.slug %}">
        <img class="mx-auto h-full dark:hidden" src="{{ product.images.all.0.m.url }}"
             alt="{{ product.name }}"/>
@@ -0,0 +1,9 @@
+<button
+  onclick="switchTheme()"
+  id="theme-toggle"
+  type="button"
+  aria-label="switchtheme"
+  class="icon-button">
+    {% include 'components/icons/moon.svg' %}
+    {% include 'components/icons/sun.svg' %}
+</button>
@@ -0,0 +1,43 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>{{ title }}</title>
+
+  <link rel="manifest" href="{% url 'web:manifest_json' %}">
+
+  {% include "theme/seo.html" %}
+  <link rel="shortcut icon" type="image/png" href="{% static 'favicon.ico' %}"/>
+  <script src="https://unpkg.com/htmx.org@2.0.3"></script>
+
+  <!-- Shoelace -->
+  <link
+    rel="stylesheet"
+    media="(prefers-color-scheme:light)"
+    href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.19.1/cdn/themes/light.css"
+  />
+  <link
+    rel="stylesheet"
+    media="(prefers-color-scheme:dark)"
+    href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.19.1/cdn/themes/dark.css"
+    onload="document.documentElement.classList.add('sl-theme-dark');"
+  />
+  <script type="module"
+          src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.19.1/cdn/shoelace-autoloader.js"></script>
+
+
+  <link rel="stylesheet" href="{% static 'css/styles.css' %}">
+  {% block extra_js %}
+  {% endblock %}
+</head>
+<body class="bg-gray-50 dark:bg-gray-900">
+<main>
+  {% block main %}
+
+  {% endblock %}
+</main>
+<script src="{% static 'theme/js/theme.js' %}"></script>
+</body>
+</html>
@@ -0,0 +1,17 @@
+@import "tailwindcss";
+@import "./components.css";
+
+
+@theme {
+    --font-display: "Satoshi", "sans-serif";
+    --breakpoint-3xl: 1920px;
+
+    --ease-fluid: cubic-bezier(0.3, 0, 0, 1);
+    --ease-snappy: cubic-bezier(0.2, 0, 0, 1);  /* ... */
+
+    {% for color in colors %}
+    --color-{{ color.name }}-{{ color.index }}: {{ color.value }};
+    {% endfor %}
+}
+
+@variant dark (&:where(.dark, .dark *));
@@ -0,0 +1,6 @@
+<meta property="og:type" content="website" />
+<meta property="og:title" content="{{ title }}" />
+<meta property="og:description" content="{{ description }}" />
+<meta property="og:image" content="{{ image }}" />
+<meta property="og:url" content="permalink" />
+<meta name="description" content="{{ description }}" />