From 6541238939c140265b61e6811aa175f5c0d9ac62 Mon Sep 17 00:00:00 2001
From: Kacper Drupisz <kacper.drupisz@gmail.com>
Date: Wed, 21 Feb 2024 22:02:04 +0000
Subject: [PATCH] Just a draft
---
.gitignore | 3 +-
myproject/myapp/templates/_base.html | 27 ++---
myproject/myapp/templates/index.html | 124 ++++++++++++++++-------
myproject/myapp/templates/user_page.html | 42 ++++++++
myproject/myapp/urls.py | 2 +
myproject/myapp/views.py | 3 +
myproject/myproject/settings.py | 2 +-
7 files changed, 146 insertions(+), 57 deletions(-)
create mode 100644 myproject/myapp/templates/user_page.html
diff --git a/.gitignore b/.gitignore
index 08fa642..959ec81 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-myproject/node_modules
\ No newline at end of file
+myproject/node_modules
+myproject/env
\ No newline at end of file
diff --git a/myproject/myapp/templates/_base.html b/myproject/myapp/templates/_base.html
index 57e4b1a..01ac64c 100644
--- a/myproject/myapp/templates/_base.html
+++ b/myproject/myapp/templates/_base.html
@@ -1,28 +1,21 @@
-{% load compress %}
-{% load static %}
+{% load compress %} {% load static %}
<!DOCTYPE html>
<html lang="en">
-
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Django + Tailwind CSS + Flowbite</title>
{% compress css %}
- <link rel="stylesheet" href="{% static 'src/output.css' %}">
+ <link rel="stylesheet" href="{% static 'src/output.css' %}" />
{% endcompress %}
+ </head>
-</head>
-
-<body class="bg-slate-950">
+ <body class="bg-slate-950">
<div class="container mx-auto mt-4">
- {% block content %}
- {% endblock content %}
+ {% block content %} {% endblock content %}
</div>
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
-
-</body>
-
-</html>
\ No newline at end of file
+ </body>
+</html>
diff --git a/myproject/myapp/templates/index.html b/myproject/myapp/templates/index.html
index 9de4571..fc5c36b 100644
--- a/myproject/myapp/templates/index.html
+++ b/myproject/myapp/templates/index.html
@@ -1,41 +1,89 @@
-{% extends "_base.html" %}
-
-{% block content %}
- <h1 class="text-3xl text-red-500">Django + Tailwind CSS + Flowbite</h1>
-
+{% extends "_base.html" %} {% block content %}
+<h1 class="text-3xl text-red-500">Django + Tailwind CSS + Flowbite</h1>
<nav class="bg-white border-gray-200 dark:bg-gray-900">
- <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
- <a href="https://flowbite.com/" class="flex items-center space-x-3 rtl:space-x-reverse">
- <img src="https://flowbite.com/docs/images/logo.svg" class="h-8" alt="Flowbite Logo" />
- <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Flowbite</span>
- </a>
- <button data-collapse-toggle="navbar-default" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-default" aria-expanded="false">
- <span class="sr-only">Open main menu</span>
- <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
- <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
- </svg>
- </button>
- <div class="hidden w-full md:block md:w-auto" id="navbar-default">
- <ul class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
- <li>
- <a href="#" class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500" aria-current="page">Home</a>
- </li>
- <li>
- <a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">About</a>
- </li>
- <li>
- <a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Services</a>
- </li>
- <li>
- <a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Pricing</a>
- </li>
- <li>
- <a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Contact</a>
- </li>
- </ul>
- </div>
+ <div
+ class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"
+ >
+ <a
+ href="https://flowbite.com/"
+ class="flex items-center space-x-3 rtl:space-x-reverse"
+ >
+ <img
+ src="https://flowbite.com/docs/images/logo.svg"
+ class="h-8"
+ alt="Flowbite Logo"
+ />
+ <span
+ class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"
+ >Flowbite</span
+ >
+ </a>
+ <button
+ data-collapse-toggle="navbar-default"
+ type="button"
+ class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
+ aria-controls="navbar-default"
+ aria-expanded="false"
+ >
+ <span class="sr-only">Open main menu</span>
+ <svg
+ class="w-5 h-5"
+ aria-hidden="true"
+ xmlns="http://www.w3.org/2000/svg"
+ fill="none"
+ viewBox="0 0 17 14"
+ >
+ <path
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ d="M1 1h15M1 7h15M1 13h15"
+ />
+ </svg>
+ </button>
+ <div class="hidden w-full md:block md:w-auto" id="navbar-default">
+ <ul
+ class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700"
+ >
+ <li>
+ <a
+ href="#"
+ class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500"
+ aria-current="page"
+ >Home</a
+ >
+ </li>
+ <li>
+ <a
+ href="#"
+ class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
+ >About</a
+ >
+ </li>
+ <li>
+ <a
+ href="#"
+ class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
+ >Services</a
+ >
+ </li>
+ <li>
+ <a
+ href="#"
+ class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
+ >Pricing</a
+ >
+ </li>
+ <li>
+ <a
+ href="#"
+ class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
+ >Contact</a
+ >
+ </li>
+ </ul>
</div>
- </nav>
-
-{% endblock content %}
\ No newline at end of file
+ </div>
+</nav>
diff --git a/myproject/myapp/templates/user_page.html b/myproject/myapp/templates/user_page.html
new file mode 100644
index 0000000..04580b6
--- /dev/null
+++ b/myproject/myapp/templates/user_page.html
@@ -0,0 +1,42 @@
+{% extends "_base.html" %} {% block content %}
+ <div class="container mx-auto my-8 p-8 bg-white rounded shadow-md">
+ <h1 class="text-3xl font-semibold mb-6">Settings</h1>
+
+ <!-- General Settings -->
+ <section class="mb-8">
+ <h2 class="text-xl font-semibold mb-4">General Settings</h2>
+ <div class="mb-4">
+ <label for="username" class="text-gray-600">Username:</label>
+ <input type="text" id="username" class="border-b-2 border-blue-500 focus:outline-none focus:border-blue-700 px-3 py-2 w-full">
+ </div>
+
+ <div>
+ <label for="email" class="text-gray-600">Email:</label>
+ <input type="email" id="email" class="border-b-2 border-blue-500 focus:outline-none focus:border-blue-700 px-3 py-2 w-full">
+ </div>
+ </section>
+
+ <!-- Theme Settings -->
+ <section class="mb-8">
+ <h2 class="text-xl font-semibold mb-4">Theme Settings</h2>
+ <div class="mb-4">
+ <label for="theme" class="text-gray-600">Theme:</label>
+ <select id="theme" class="border-2 border-blue-500 focus:outline-none focus:border-blue-700 px-3 py-2 w-full">
+ <option value="light">Light</option>
+ <option value="dark">Dark</option>
+ </select>
+ </div>
+
+ <div>
+ <label for="fontSize" class="text-gray-600">Font Size:</label>
+ <input type="range" id="fontSize" class="border-2 border-blue-500 focus:outline-none focus:border-blue-700 px-3 py-2 w-full">
+ </div>
+ </section>
+
+ <!-- Save Button -->
+ <div>
+ <button class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 focus:outline-none">Save Changes</button>
+ </div>
+ </div>
+
+{% endblock content %}
diff --git a/myproject/myapp/urls.py b/myproject/myapp/urls.py
index 509134b..ecd46c1 100644
--- a/myproject/myapp/urls.py
+++ b/myproject/myapp/urls.py
@@ -1,6 +1,8 @@
from django.urls import path
from .views import index
+from .views import users
urlpatterns = [
path('', index, name='index'),
+ path('user/',users)
]
diff --git a/myproject/myapp/views.py b/myproject/myapp/views.py
index cbd3ce2..c862d87 100644
--- a/myproject/myapp/views.py
+++ b/myproject/myapp/views.py
@@ -2,3 +2,6 @@ from django.shortcuts import render
def index(request):
return render(request, 'index.html')
+
+def users(request):
+ return render(request, 'user_page.html')
\ No newline at end of file
diff --git a/myproject/myproject/settings.py b/myproject/myproject/settings.py
index 1c0d148..ed3cbbb 100644
--- a/myproject/myproject/settings.py
+++ b/myproject/myproject/settings.py
@@ -26,7 +26,7 @@ SECRET_KEY = 'django-insecure-t%k1f1!c4_9f#x@r_z_k69oz21@0eadh2qb_k3pm3=gknej9f@
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
-ALLOWED_HOSTS = []
+ALLOWED_HOSTS = ["0.0.0.0"]
# Application definition
--
GitLab