add another theme

another-portfolio.config.js

@@ -0,0 +1,64 @@
+const colors = require('tailwindcss/colors')
+
+module.exports = {
+    content: [
+        './resources/views/themes/another-portfolio/**/*.blade.php',
+    ],
+    darkMode: 'class',
+    theme: {
+        extend: {
+            /*fontFamily: {
+                karla: ['Karla', ...defaultTheme.fontFamily.sans],
+            },*/
+            colors: {
+                danger: colors.red,
+                success: colors.green,
+                warning: colors.yellow,
+                info: colors.blue,
+
+                primary: {
+                    '50': '#fdf4f3',
+                    '100': '#fce6e4',
+                    '200': '#fbd1cd',
+                    '300': '#f6b2ab',
+                    '400': '#f1948a',
+                    '500': '#e45d4f',
+                    '600': '#d04132',
+                    '700': '#af3326',
+                    '800': '#912e23',
+                    '900': '#792b23',
+                    '950': '#41130e',
+                },
+                secondary: {
+                    '50': '#F6FBF9',
+                    '100': '#d4f3eb',
+                    '200': '#a8e7d6',
+                    '300': '#75d3bd',
+                    '400': '#45b39d',
+                    '500': '#2f9d89',
+                    '600': '#237e6f',
+                    '700': '#20655b',
+                    '800': '#1e514a',
+                    '900': '#1d443f',
+                    '950': '#0b2825',
+                },
+                gray: {
+                    '50': '#F6FBF9',
+                    '100': '#d4f3eb',
+                    '200': '#a8e7d6',
+                    '300': '#75d3bd',
+                    '400': '#45b39d',
+                    '500': '#2f9d89',
+                    '600': '#237e6f',
+                    '700': '#20655b',
+                    '800': '#1e514a',
+                    '900': '#1d443f',
+                    '950': '#0b2825',
+                },
+            }
+        },
+    },
+    plugins: [
+        require('@tailwindcss/typography'),
+    ],
+}

docs/installation.md

@@ -10,3 +10,30 @@ You can install the package via composer:
 ```bash
 composer require lara-zeus/artemis
 ```
+
+## Assets
+Publish the assets files:
+
+```bash
+php artisan vendor:publish --tag=zeus-assets
+```
+
+## Config
+
+```bash
+php artisan vendor:publish --tag=zeus-artemis-config
+php artisan vendor:publish --tag=zeus-config
+```
+
+now, open the file `zeus.php` and set the layout and theme:
+
+```php
+'layout' => 'zeus::themes.daisy.layouts.app',
+'theme' => 'daisy',
+```
+
+### Navigation
+
+to setup the main menu, head to the admin page and create the menu.
+
+then set the slug in the `zeus-artemis.php` config file

mix-manifest.json

@@ -1,4 +1,6 @@
 {
+    "/resources/dist/js/another-portfolio.js": "/resources/dist/js/another-portfolio.js",
+    "/resources/dist/css/another-portfolio.css": "/resources/dist/css/another-portfolio.css",
     "/resources/dist/css/breeze.css": "/resources/dist/css/breeze.css",
-    "/resources/dist/css/daisyui.css": "/resources/dist/css/daisyui.css"
+    "/resources/dist/css/daisy.css": "/resources/dist/css/daisy.css"
 }

package.json

@@ -10,13 +10,17 @@
         "production": "mix --production"
     },
     "devDependencies": {
-        "@tailwindcss/typography": "^0.5.9",
-        "autoprefixer": "^10.4.14",
+        "@tailwindcss/forms": "^0.5.6",
+        "@tailwindcss/typography": "^0.5.10",
+        "alpinejs": "^3.13.0",
+        "autoprefixer": "^10.4.15",
         "daisyui": "^3.1.7",
         "laravel-mix": "^6.0.49",
         "lodash": "^4.17.21",
-        "postcss": "^8.4.23",
-        "tailwindcss": "^3.3.1",
-        "tailwindcss-debug-screens": "^2.2.1"
+        "photoswipe": "^5.3.9",
+        "postcss": "^8.4.29",
+        "tailwindcss": "^3.3.3",
+        "tailwindcss-debug-screens": "^2.2.1",
+        "tippy.js": "^6.3.7"
     }
 }

resources/css/another-portfolio.css

@@ -0,0 +1,114 @@
+@config "../../another-portfolio.config.js";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    html {
+        -webkit-tap-highlight-color: transparent;
+    }
+
+    :root.dark {
+        color-scheme: dark;
+    }
+}
+
+@import "photoswipe/dist/photoswipe.css";
+@import 'tippy.js/dist/tippy.css';
+
+
+* {
+    font-family: 'Archivo Black', sans-serif;
+}
+
+.fi-avatar{
+    height: 3rem !important;
+    width: 3rem !important;
+}
+
+.bord {
+    border: solid 1px coral;
+}
+
+.pswp--custom-icon-colors {
+    --pswp-icon-color: #e45d4f !important;
+}
+
+.lib-item-card {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: #fafafa;
+    border-radius: 2px;
+    box-shadow: 2px 2px 5px rgba(17, 17, 17, 0.35);
+    transition: transform 0.35s ease-out;
+    transform: translate(var(--x), var(--y)) scale(0.4) rotate(var(--angle));
+    will-change: transform;
+}
+
+.lib-item-card:hover {
+    transform: scale(0.5) rotate(0deg);
+    z-index: 1;
+}
+.lib-item-card:hover:before {
+    opacity: 1;
+}
+
+.lib-item-card:before {
+    content: "";
+    display: block;
+    width: 90%;
+    height: 80%;
+    margin: 5%;
+    background: var(--image) center center no-repeat;
+    background-size: cover;
+    box-shadow: inset 0 0 5px rgba(34, 34, 34, 0.35);
+    border-radius: 2px;
+    filter: sepia(0.2) brightness(0.9) contrast(1.2);
+    transition: opacity 0.35s ease-out;
+    opacity: 0.5;
+    will-change: opacity;
+}
+
+.lib-item-card:after {
+    display: block;
+    color: #555;
+    opacity: 0.75;
+}
+
+img {
+    max-width: 100%;
+    display: block;
+}
+
+figure {
+    margin: 0;
+    display: grid;
+    grid-template-rows: 1fr auto;
+    margin-bottom: 10px;
+    break-inside: avoid;
+}
+
+figure > img {
+    grid-row: 1 / -1;
+    grid-column: 1;
+}
+
+figure a {
+    color: black;
+    text-decoration: none;
+}
+
+figcaption {
+    grid-row: 2;
+    grid-column: 1;
+    background-color: rgba(255,255,255,.5);
+    padding: .2em .5em;
+    justify-self: start;
+}
+
+.mas-grdi {
+    column-count: 4;
+    column-gap: 10px;
+}