feat: index.js

F6PBP · Oct 11, 2024 · d17882c · d17882c
1 parent e81653d
commit d17882c
Show file tree

Hide file tree

Showing 10 changed files with 65 additions and 11 deletions.
diff --git a/eventyog/settings.py b/eventyog/settings.py
@@ -86,6 +86,9 @@
 
 load_dotenv()  # Load environment variables from a .env file
 
+
+DATABASES = {}
+
 if (os.getenv('PROD') != 'True'):
     DATABASES = {
         'default': {

diff --git a/modules/authentication/templates/login.html b/modules/authentication/templates/login.html
@@ -30,8 +30,9 @@
       <button 
         type="submit"
         value="Login"
-        class="bg-[#003FE2] w-full py-3 px-10 text-white text-sm font-semibold rounded-3xl h-full hover:scale-105 duration-300">
-        Login
+        class="flex items-center justify-center gap-2 bg-[#003FE2] w-full py-3 px-10 text-white text-sm font-semibold rounded-3xl h-full hover:scale-105 duration-300">
+        <i class="fas fa-sign-in-alt"></i>
+        <span>Login</span>
       </button>
     </form>
 

diff --git a/modules/authentication/templates/register.html b/modules/authentication/templates/register.html
@@ -37,8 +37,9 @@
       <button 
         type="submit"
         value="Login"
-        class="bg-[#003FE2] w-full py-3 px-10 text-white text-sm font-semibold rounded-3xl h-full hover:scale-105 duration-300">
-        Register
+        class="flex justify-center items-center gap-2 bg-[#003FE2] w-full py-3 px-10 text-white text-sm font-semibold rounded-3xl h-full hover:scale-105 duration-300">
+        <i class="fas fa-sign-in-alt"></i>
+        <span>Register</span>
       </button>
     </form>
 

diff --git a/static/js/index.js b/static/js/index.js
diff --git a/static/js/main.js b/static/js/main.js
@@ -0,0 +1 @@
+console.log("HELLO WORLDSSS");
diff --git a/staticfiles/assets/eventyog-white.png b/staticfiles/assets/eventyog-white.png
diff --git a/staticfiles/js/main.js b/staticfiles/js/main.js
@@ -0,0 +1 @@
+console.log("HELLO WORLDSSS");
diff --git a/staticfiles/styles/main.css b/staticfiles/styles/main.css
@@ -1,3 +1,44 @@
 * {
     font-family: "Poppins", sans-serif;
+}
+
+div > input {
+    background-color: #F2F2F2;
+    padding-top: 0.75rem;  /* py-3 */
+    padding-bottom: 0.75rem;
+    padding-left: 2.5rem;  /* px-10 */
+    padding-right: 2.5rem;
+    color: black;
+    font-weight: 600;  /* font-semibold */
+    border-radius: 1.5rem;  /* rounded-3xl */
+    display: flex;
+    justify-content: center;
+    width: 100%;
+}
+
+.form-style form input, form textarea, form select {
+    background-color: #F2F2F2;
+    padding-top: 0.75rem;  /* py-3 */
+    padding-bottom: 0.75rem;
+    padding-left: 2.5rem;  /* px-10 */
+    padding-right: 2.5rem;
+    color: black;
+    font-weight: 600;  /* font-semibold */
+    border-radius: 1.5rem;  /* rounded-3xl */
+    display: flex;
+    justify-content: center;
+}
+.form-style form input:focus, form textarea:focus, form select:focus {
+    outline: none;
+    border-color: #674ea7;
+    box-shadow: 0 0 0 3px #674ea7;
+}
+@keyframes shine {
+    0% { background-position: -200% 0; }
+    100% { background-position: 200% 0; }
+}
+.animate-shine {
+    background: linear-gradient(120deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.3));
+    background-size: 200% 100%;
+    animation: shine 3s infinite;
 }
diff --git a/templates/base.html b/templates/base.html
@@ -5,17 +5,20 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+        <link rel="shortcut icon" type="image/png" href="{% static 'assets/icon.png' %}" >
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link href="https://fonts.googleapis.com/css2?family=Manrope:[email protected]&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
 
         <link rel="stylesheet" href="{% static "styles/main.css" %}">
-        <link rel="shortcut icon" type="image/png" href="{% static 'assets/icon.png' %}" >
-        <script src="https://cdn.tailwindcss.com"></script>
-        <script src="{% static "js/index.js " %}"></script>
-
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+
+        <script src="https://cdn.tailwindcss.com"></script>        
         {% block meta %}{% endblock meta %}
+
         <title>Eventyog</title>
+
+        <script src="{% static "js/main.js" %}"></script>
     </head>
     <body class="font-Poppins">
         <main class="flex flex-col min-h-screen">
@@ -29,6 +32,9 @@
             {% if show_footer %}
                 {% include "ds/footer.html" %}
             {% endif %}
+
         </main>
     </body>
+    <script src="{% static "js/main.js" %}"></script>
+    {% block scripts %}{% endblock scripts %}
 </main>
diff --git a/templates/ds/navbar.html b/templates/ds/navbar.html
@@ -8,9 +8,9 @@
         <div class="w-10 h-10 bg-black rounded-full overflow-hidden">
         </div>
         <a href="{% url 'auth:logout'%}">
-            <button 
-                class="bg-[#003FE2] text-white text-sm font-semibold rounded-2xl h-full hover:scale-105 duration-300 ml-auto px-5 py-2">
-                Logout
+            <button class="flex items-center gap-2 bg-[#003FE2] text-white text-sm font-semibold rounded-2xl h-full hover:scale-105 duration-300 ml-auto px-5 py-2">
+                <i class="fas fa-sign-out-alt"></i>
+                <span>Logout</span>
             </button>
         </a>
     </div>