From 81ba5c7c9bbb175ed8680255e7828cc9703c7596 Mon Sep 17 00:00:00 2001 From: Bobby <30593201+luciferreeves@users.noreply.github.com> Date: Wed, 11 Feb 2026 17:44:40 +0530 Subject: Add icon bar partial template with navigation links and icons --- static/css/tailwind.css | 106 ++++++++++++++++++++++++- static/icons/cafe/apple-touch-icon.png | Bin 0 -> 45892 bytes static/icons/cafe/favicon-96x96.png | Bin 0 -> 15513 bytes static/icons/cafe/favicon.ico | Bin 0 -> 15086 bytes static/icons/cafe/favicon.svg | 3 + static/icons/cafe/web-app-manifest-192x192.png | Bin 0 -> 51675 bytes static/icons/cafe/web-app-manifest-512x512.png | Bin 0 -> 306148 bytes static/icons/defaults/user.png | Bin 0 -> 2003795 bytes static/manifest.json | 8 +- tailwind.config.js | 33 ++++++++ templates/auth/logout.django | 30 ++++++- templates/layouts/base.django | 9 ++- templates/pages/main.django | 22 ++--- templates/partials/iconbar.partial.django | 72 +++++++++++++++++ 14 files changed, 265 insertions(+), 18 deletions(-) create mode 100644 static/icons/cafe/apple-touch-icon.png create mode 100644 static/icons/cafe/favicon-96x96.png create mode 100644 static/icons/cafe/favicon.ico create mode 100644 static/icons/cafe/favicon.svg create mode 100644 static/icons/cafe/web-app-manifest-192x192.png create mode 100644 static/icons/cafe/web-app-manifest-512x512.png create mode 100644 static/icons/defaults/user.png create mode 100644 templates/partials/iconbar.partial.django diff --git a/static/css/tailwind.css b/static/css/tailwind.css index a461c50..3b695cc 100644 --- a/static/css/tailwind.css +++ b/static/css/tailwind.css @@ -1 +1,105 @@ -@import "tailwindcss"; \ No newline at end of file +@import "tailwindcss"; + +@theme { + --color-dark: #000000; + --color-overlay: #1c1c1c; + + --color-text: #ffffff; + --color-muted: #636363; + + --color-primary: #6e61d8; + --color-primary-hover: #584fc1; + --color-secondary: #ff6b9d; + --color-secondary-hover: #e55a8c; + --color-warning: #f5a623; + --color-warning-hover: #d48e1f; + --color-success: #4caf50; + --color-success-hover: #3b8e3b; + --color-error: #f44336; + --color-error-hover: #d32f2f; + + --text-xxs: 0.625rem; +} + +/* @theme { + --color-bg-dark: #0a0a0f; + --color-bg-darker: #16161f; + --color-surface: #1e1e2e; + --color-surface-hover: #2a2a3e; + + --color-purple: #6c63ff; + --color-pink: #ff6b9d; + --color-blue: #4dabf7; + + --color-text: #e4e4e7; + --color-text-muted: #a1a1aa; + --color-text-dim: #71717a; +} + +.gradient-message { + background: linear-gradient(135deg, #6c63ff 0%, #8a84ff 100%); +} + +.gradient-primary { + background: linear-gradient(135deg, #6c63ff 0%, #ff6b9d 100%); +} + +.glow-input { + box-shadow: + 0 0 0 1px rgba(108, 99, 255, 0.1), + 0 4px 12px rgba(108, 99, 255, 0.15); +} + +.sidebar-icon { + width: 3rem; + height: 3rem; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.2s; + cursor: pointer; +} + +.sidebar-icon:hover { + border-radius: 1rem; + background-color: var(--color-purple); +} + +.channel-item { + padding: 0.5rem 1rem; + border-radius: 0.375rem; + cursor: pointer; + transition: all 0.15s; + color: var(--color-text-muted); +} + +.channel-item:hover { + background-color: var(--color-surface-hover); + color: var(--color-text); +} + +.channel-item.active { + background-color: var(--color-surface-hover); + color: var(--color-text); +} + +.message-bubble { + padding: 0.75rem 1rem; + border-radius: 1.25rem; + max-width: 70%; + word-wrap: break-word; +} + +.message-own { + background: linear-gradient(135deg, #6c63ff 0%, #8a84ff 100%); + color: white; + margin-left: auto; + border-bottom-right-radius: 0.25rem; +} + +.message-other { + background-color: var(--color-surface); + color: var(--color-text); + border-bottom-left-radius: 0.25rem; +} */ diff --git a/static/icons/cafe/apple-touch-icon.png b/static/icons/cafe/apple-touch-icon.png new file mode 100644 index 0000000..d836d6b Binary files /dev/null and b/static/icons/cafe/apple-touch-icon.png differ diff --git a/static/icons/cafe/favicon-96x96.png b/static/icons/cafe/favicon-96x96.png new file mode 100644 index 0000000..46efe16 Binary files /dev/null and b/static/icons/cafe/favicon-96x96.png differ diff --git a/static/icons/cafe/favicon.ico b/static/icons/cafe/favicon.ico new file mode 100644 index 0000000..24a1918 Binary files /dev/null and b/static/icons/cafe/favicon.ico differ diff --git a/static/icons/cafe/favicon.svg b/static/icons/cafe/favicon.svg new file mode 100644 index 0000000..2153472 --- /dev/null +++ b/static/icons/cafe/favicon.svg @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/static/icons/cafe/web-app-manifest-192x192.png b/static/icons/cafe/web-app-manifest-192x192.png new file mode 100644 index 0000000..cc523dc Binary files /dev/null and b/static/icons/cafe/web-app-manifest-192x192.png differ diff --git a/static/icons/cafe/web-app-manifest-512x512.png b/static/icons/cafe/web-app-manifest-512x512.png new file mode 100644 index 0000000..0a1693f Binary files /dev/null and b/static/icons/cafe/web-app-manifest-512x512.png differ diff --git a/static/icons/defaults/user.png b/static/icons/defaults/user.png new file mode 100644 index 0000000..a2ae4ec Binary files /dev/null and b/static/icons/defaults/user.png differ diff --git a/static/manifest.json b/static/manifest.json index 1bca313..0b6e41c 100644 --- a/static/manifest.json +++ b/static/manifest.json @@ -4,18 +4,18 @@ "description": "A cozy place for close friends!", "start_url": "/", "display": "standalone", - "background_color": "#0a0a0f", - "theme_color": "#1a1a2e", + "theme_color": "#ffffff", + "background_color": "#ffffff", "orientation": "portrait-primary", "icons": [ { - "src": "/static/icons/icon-192.png", + "src": "/static/icons/cafe/web-app-manifest-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" }, { - "src": "/static/icons/icon-512.png", + "src": "/static/icons/cafe/web-app-manifest-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" diff --git a/tailwind.config.js b/tailwind.config.js index ef6c024..f7a8835 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -3,4 +3,37 @@ export default { "./templates/**/*.django", "./static/js/**/*.js", ], + theme: { + extend: { + colors: { + dark: 'var(--color-dark)', + overlay: 'var(--color-overlay)', + muted: 'var(--color-muted)', + primary: { + DEFAULT: 'var(--color-primary)', + hover: 'var(--color-primary-hover)', + }, + secondary: { + DEFAULT: 'var(--color-secondary)', + hover: 'var(--color-secondary-hover)', + }, + warning: { + DEFAULT: 'var(--color-warning)', + hover: 'var(--color-warning-hover)', + }, + success: { + DEFAULT: 'var(--color-success)', + hover: 'var(--color-success-hover)', + }, + error: { + DEFAULT: 'var(--color-error)', + hover: 'var(--color-error-hover)', + }, + }, + textColor: { + DEFAULT: 'var(--color-text)', + muted: 'var(--color-muted)', + }, + }, + }, }; diff --git a/templates/auth/logout.django b/templates/auth/logout.django index 4f26d62..0e49b19 100644 --- a/templates/auth/logout.django +++ b/templates/auth/logout.django @@ -1,5 +1,33 @@ {% extends "layouts/base.django" %} {% block content %} -You have been logged out. However, if you are still logged in to Shifoo's Dungeon, you may be automatically logged back in when you visit home page again. +
+
+
+ +
+

+ ☕ Shifoo's Cafe +

+

A cozy place for close friends

+
+ + +
+

Logged Out

+

+ You have been logged out. If you are still logged in to Shifoo's Dungeon, you may be automatically logged back in when you visit the main hall. +

+
+ + +
+

See you next time! 👋

+
+
+
+
+ + +{% comment %} You have been logged out. However, if you are still logged in to Shifoo's Dungeon, you may be automatically logged back in when you visit the main hall. {% endcomment %} {% endblock content %} \ No newline at end of file diff --git a/templates/layouts/base.django b/templates/layouts/base.django index e8fe890..1455a67 100644 --- a/templates/layouts/base.django +++ b/templates/layouts/base.django @@ -6,6 +6,11 @@ {% block title %}{{ Title }}{% endblock %} + + + + + @@ -13,8 +18,8 @@ {% block head %}{% endblock %} - -
+ +
{% block content %}{% endblock %}
diff --git a/templates/pages/main.django b/templates/pages/main.django index 6f3994e..20cdd40 100644 --- a/templates/pages/main.django +++ b/templates/pages/main.django @@ -2,29 +2,31 @@ {% block content %}
- {% if User %} - 👋 {{ User.Username }} - + {% include "partials/iconbar.partial.django" %} + + + {% comment %} {% if User %} + 👋 {{ User.Username }} + Logout {% endif %} -

Welcome to Shifoo's Cafe! ☕

-

+

Welcome to Shifoo's Cafe! ☕

+

You're now authenticated. This is where the main application will be built.

{% if User %} -
-

Your User Info:

-
    +
    +

    Your User Info:

    +
    • Username: {{ User.Username }}
    • Email: {{ User.Email }}
    • Display Name: {{ User.DisplayName }}
    • Admin: {% if User.IsAdmin %}Yes ⭐{% else %}No{% endif %}
    - {% endif %} + {% endif %} {% endcomment %}
{% endblock %} \ No newline at end of file diff --git a/templates/partials/iconbar.partial.django b/templates/partials/iconbar.partial.django new file mode 100644 index 0000000..f88163a --- /dev/null +++ b/templates/partials/iconbar.partial.django @@ -0,0 +1,72 @@ +
+
+ + User Profile + +
+
+

Main

+ +
+ + + +
+ + +
+ + + +
+ + +
+ + + +
+ + +
+ + + +
+ + +
+ + + +
+ + +
+ + + + +
+ + +
+ + + +
+ +
+
+

Whispers

+
+
+ +
+ + + +
+ +
+
\ No newline at end of file -- cgit v1.2.3