diff --git a/app/templates/auth/auth_base.html b/app/templates/auth/auth_base.html new file mode 100644 index 0000000..7a53d26 --- /dev/null +++ b/app/templates/auth/auth_base.html @@ -0,0 +1,18 @@ + + + + + + {% block title %}Email Organizer - Authentication{% endblock %} + + + + + + + {% block head %}{% endblock %} + + + {% block content %}{% endblock %} + + \ No newline at end of file diff --git a/app/templates/auth/login.html b/app/templates/auth/login.html index b482cf4..9061b61 100644 --- a/app/templates/auth/login.html +++ b/app/templates/auth/login.html @@ -1,72 +1,62 @@ - - - - - - Login - Email Organizer - - - - - - - - -
-
-
-

- - Email Organizer -

-

Sign in to your account

-
+{% extends "auth/auth_base.html" %} + +{% block title %}Login - Email Organizer{% endblock %} + +{% block content %} +
+
+
+

+ + Email Organizer +

+

Sign in to your account

+
+ + {% with messages = get_flashed_messages(with_categories=true) %} + {% if messages %} + {% for category, message in messages %} +
+ + + + {{ message }} +
+ {% endfor %} + {% endif %} + {% endwith %} + +
+ - {% with messages = get_flashed_messages(with_categories=true) %} - {% if messages %} - {% for category, message in messages %} -
- - - - {{ message }} -
- {% endfor %} - {% endif %} - {% endwith %} + - - - - - - - - -
+ -
-

- Don't have an account? - - Sign up - -

-
+ + + +
+

+ Don't have an account? + + Sign up + +

- - \ No newline at end of file +
+{% endblock %} \ No newline at end of file diff --git a/app/templates/auth/signup.html b/app/templates/auth/signup.html index 04b1968..b553171 100644 --- a/app/templates/auth/signup.html +++ b/app/templates/auth/signup.html @@ -1,125 +1,115 @@ - - - - - - Create Account - Email Organizer - - - - - - - - -
-
-
-

- - Email Organizer -

-

Create your account

-
- - {% with messages = get_flashed_messages(with_categories=true) %} - {% if messages %} - {% for category, message in messages %} -
- - - - {{ message }} -
- {% endfor %} - {% endif %} - {% endwith %} - - {% if errors %} -
- - - - Please fix the following errors: -
-
    - {% for error in errors %} -
  • • {{ error }}
    • - {% endfor %} -
+{% extends "auth/auth_base.html" %} + +{% block title %}Create Account - Email Organizer{% endblock %} + +{% block content %} +
+
+
+

+ + Email Organizer +

+

Create your account

+
+ + {% with messages = get_flashed_messages(with_categories=true) %} + {% if messages %} + {% for category, message in messages %} +
+ + + + {{ message }} +
+ {% endfor %} {% endif %} - -
-
- - -
- -
- - -
- -
- - -
- -
- - - - Password must be at least 8 characters with uppercase, lowercase, and numbers - -
- -
- - -
- -
- -
- - -
- -
-

- Already have an account? - - Sign in - -

+ {% endwith %} + + {% if errors %} +
+ + + + Please fix the following errors:
+
    + {% for error in errors %} +
  • • {{ error }}
    • + {% endfor %} +
+ {% endif %} + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + + Password must be at least 8 characters with uppercase, lowercase, and numbers + +
+ +
+ + +
+ +
+ +
+ + +
+ +
+

+ Already have an account? + + Sign in + +

- - \ No newline at end of file +
+{% endblock %} \ No newline at end of file diff --git a/app/templates/base.html b/app/templates/base.html new file mode 100644 index 0000000..b12e991 --- /dev/null +++ b/app/templates/base.html @@ -0,0 +1,33 @@ + + + + + + {% block title %}Email Organizer - Prototype{% endblock %} + + + + + + + + {% block head %}{% endblock %} + + + {% block header %}{% endblock %} + + {% block content %}{% endblock %} + + {% block modal %}{% endblock %} + + \ No newline at end of file diff --git a/app/templates/index.html b/app/templates/index.html index edec5ec..6dcd7d4 100644 --- a/app/templates/index.html +++ b/app/templates/index.html @@ -1,140 +1,41 @@ - - - - - - Email Organizer - Prototype - - - - - - - - - -
-
-

- - Email Organizer -

-

AI-powered email organization

-
+{% extends "base.html" %} -
- +{% block title %}Email Organizer - Prototype{% endblock %} -
- - - -
-
-
-
-
- - -
- -
-
- - -
- - - -
-
-
-

Email Folders

-

Create and manage your email organization rules

-
- -
- -
- {% include 'partials/folders_list.html' %} -
-
-
+
+ {% include 'partials/folders_list.html' %} +
+
- - - - +
+{% endblock %} - - - \ No newline at end of file +{% block modal %} +{% include "partials/modal_holder.html" %} +{% endblock %} \ No newline at end of file diff --git a/app/templates/partials/header.html b/app/templates/partials/header.html new file mode 100644 index 0000000..0eb05a8 --- /dev/null +++ b/app/templates/partials/header.html @@ -0,0 +1,37 @@ +
+
+

+ + Email Organizer +

+

AI-powered email organization

+
+ +
+ + +
+ + + + +
+
+
\ No newline at end of file diff --git a/app/templates/partials/modal_holder.html b/app/templates/partials/modal_holder.html new file mode 100644 index 0000000..18a3c3d --- /dev/null +++ b/app/templates/partials/modal_holder.html @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/app/templates/partials/sidebar.html b/app/templates/partials/sidebar.html new file mode 100644 index 0000000..d9313bb --- /dev/null +++ b/app/templates/partials/sidebar.html @@ -0,0 +1,44 @@ +
+ + + +
+ +
+
\ No newline at end of file