displays whether a user is an admin or not, started onboarding feature

vidzy-social · Jan 2, 2025 · ef2c487 · ef2c487
1 parent 68fcdd2
commit ef2c487
Show file tree

Hide file tree

Showing 3 changed files with 93 additions and 1 deletion.
diff --git a/app.py b/app.py
@@ -1073,6 +1073,10 @@ def upload_file():
     </html>
     '''
 
+@app.route("/onboarding")
+def onboarding_page():
+    return render_template("onboarding.html")
+
 @app.route('/follow')
 def follow():
     following_id = str(request.args.get("id"))

diff --git a/templates/onboarding.html b/templates/onboarding.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Onboarding Page</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f6f6f6;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+        }
+
+        .container {
+            background-color: white;
+            border-radius: 8px;
+            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+            padding: 20px;
+            width: 350px;
+            text-align: center;
+        }
+
+        h1 {
+            color: #FF4500;
+            margin-bottom: 20px;
+        }
+
+        p {
+            color: #555;
+            margin-bottom: 20px;
+        }
+
+        .checkbox-group {
+            text-align: left;
+            margin: 20px 0;
+        }
+
+        .checkbox-group label {
+            display: block;
+            margin-bottom: 10px;
+        }
+
+        .button {
+            background-color: #FF4500;
+            color: white;
+            border: none;
+            padding: 10px 15px;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 16px;
+            transition: background-color 0.3s;
+        }
+
+        .button:hover {
+            background-color: #e03e00;
+        }
+
+        .footer {
+            margin-top: 20px;
+            font-size: 12px;
+            color: #888;
+        }
+    </style>
+</head>
+<body>
+
+<div class="container">
+    <h1>Welcome!</h1>
+    <p>Select topics you like:</p>
+    <div class="checkbox-group">
+        <label><input type="checkbox"> Technology</label>
+        <label><input type="checkbox"> Sports</label>
+        <label><input type="checkbox"> Music</label>
+        <label><input type="checkbox"> Movies</label>
+        <label><input type="checkbox"> Gaming</label>
+    </div>
+    <button class="button" onclick="window.location.href='/';">Continue</button>
+    <div class="footer">Already have an account? <a href="/login" style="color: #FF4500; text-decoration: none;">Log In</a></div>
+</div>
+
+</body>
+</html>
diff --git a/templates/profile.html b/templates/profile.html
@@ -539,7 +539,8 @@
                     {% if user.first_name %}
                     <h6 class="profile-user-name">{{ user.first_name }} {{ user.last_name }}</h6> <br>
                     {% endif %}
-                    <h5 style="font-size: 15px;" class="profile-user-name">{{ user.username }}</h5>
+                    <br>
+                    <h5 style="font-size: 17px;" class="profile-user-name"><span style="color:red;">[ADMIN]</span> {{ user.username }}</h5>
 
                     {% if session.user %}
                     {% if session.user.id == user_id %}