Start adding extension onboarding pages

app/onboarding/__init__.py

@@ -0,0 +1,4 @@
+from .views import (
+    index,
+    final,
+)

app/onboarding/base.py

@@ -0,0 +1,8 @@
+from flask import Blueprint
+
+onboarding_bp = Blueprint(
+    name="onboarding",
+    import_name=__name__,
+    url_prefix="/onboarding",
+    template_folder="templates",
+)

app/onboarding/views/final.py

@@ -0,0 +1,9 @@
+from app.onboarding.base import onboarding_bp
+from flask import render_template
+
+
+@onboarding_bp.route("/final", methods=["GET"])
+def final():
+    return render_template(
+        "onboarding/final.html",
+    )

app/onboarding/views/index.py

@@ -0,0 +1,9 @@
+from app.onboarding.base import onboarding_bp
+from flask import render_template
+
+
+@onboarding_bp.route("/", methods=["GET"])
+def index():
+    return render_template(
+        "onboarding/index.html",
+    )

server.py

@@ -95,6 +95,7 @@ from app.models import (
 )
 from app.monitor.base import monitor_bp
 from app.oauth.base import oauth_bp
+from app.onboarding.base import onboarding_bp
 from app.phone.base import phone_bp
 from app.utils import random_string
 
@@ -216,6 +217,7 @@ def register_blueprints(app: Flask):
 
     app.register_blueprint(oauth_bp, url_prefix="/oauth")
     app.register_blueprint(oauth_bp, url_prefix="/oauth2")
+    app.register_blueprint(onboarding_bp)
 
     app.register_blueprint(discover_bp)
     app.register_blueprint(api_bp)

templates/onboarding/final.html

@@ -0,0 +1,23 @@
+{% extends 'base.html' %}
+
+{% block content %}
+
+  <div class="flex-fill align-items-center mt-8">
+    <!-- Image container -->
+    <div class="mt-4 mb-4 text-center" style="display:block;">
+      <a class="" href="{{ url_for('dashboard.index') }}">
+        <picture>
+          <source media="(max-width: 650px)" srcset="/static/logo.svg">
+          <img src="/static/logo.svg" style="width: 24rem" alt="logo">
+        </picture>
+      </a>
+    </div>
+
+    <!-- Text container -->
+    <div class="mt-8 mb-4 text-center">
+      <h2 class="text-red" style="font-size:2rem">All set!</h2>
+    </div>
+
+  </div>
+
+{% endblock %}

templates/onboarding/index.html

@@ -0,0 +1,29 @@
+{% extends 'base.html' %}
+
+{% block content %}
+
+<div class="flex-fill align-items-center mt-8">
+  <!-- Image container -->
+  <div class="mt-4 mb-4 text-center" style="display:block;">
+    <a class="" href="{{ url_for('dashboard.index') }}">
+      <picture>
+        <source media="(max-width: 650px)" srcset="/static/logo.svg">
+        <img src="/static/logo.svg" style="width: 24rem" alt="logo">
+      </picture>
+    </a>
+  </div>
+
+  <!-- Text container -->
+  <div class="mt-8 mb-4 text-center">
+    <h2 class="text-dark" style="font-size:2rem">Let's take back control of your inbox!</h2>
+  </div>
+
+  <!-- Button container -->
+  <div class="mt-8 text-center">
+    <a class="mx-6 p-4 text-decoration-none" style="background:black;color:white;" href="{{ url_for('auth.register', next=url_for('onboarding.final')) }}">Create a new account</a>
+    <a class="mx-6 p-4 text-decoration-none" style="background:white;color:black;border-radius: 2px;border:1px solid black;" href="{{ url_for('auth.login', next=url_for('onboarding.final')) }}">I already have an account</a>
+  </div>
+
+</div>
+
+{% endblock %}