web/account.py

@@ -1,99 +0,0 @@
-import os
-import flask
-import requests
-
-from dotenv import load_dotenv
-from requests_oauthlib import OAuth2Session
-
-load_dotenv()
-
-os.environ['OAUTHLIB_INSECURE_TRANSPORT'] = '0' # change this to '1' if you're running this on localhost!
-
-API_URL = 'https://discordapp.com/api'
-CLIENT_ID = str(os.environ['DISCORD_CLIENT_ID'])
-CLIENT_SECRET = os.environ['DISCORD_CLIENT_SECRET']
-# REDIRECT_URI = 'https://nova-oss.com/callback/discord'
-REDIRECT_URI = 'http://localhost:2211/callback/discord'
-SCOPES = ['identify']
-
-def get_user(discord_id: int) -> dict:
-    return requests.get(
-        url=f'http://localhost:2333/users?discord_id={discord_id}',
-        timeout=3,
-        headers={
-            'Content-Type': 'application/json',
-            'Authorization': os.getenv('CORE_API_KEY')
-        }
-    ).json()
-
-def register(app):
-    @app.route('/logout')
-    def logout():
-        flask.session = {}
-        return flask.redirect('/')
-
-    @app.route('/account')
-    def account_view():
-        discord_id = flask.session.get('discord_id')
-
-        if not discord_id:
-            return flask.redirect('/login')
-
-        discord_account = OAuth2Session(CLIENT_ID, token=flask.session['discord_token'])
-        profile = discord_account.get(f'{API_URL}/users/@me').json()
-
-        db_user = get_user(discord_id)
-
-        user = {
-            'name': profile['username'],
-            'avatar': profile['avatar'],
-            'role': db_user['role'],
-            'credits': db_user['credits'],
-            'api_key': db_user['api_key']
-        }
-
-        return flask.render_template('account.html', user=user)
-
-    @app.route('/login')
-    def login_view():
-        return flask.render_template('login.html')
-
-    @app.route('/auth/discord', methods=['POST', 'GET'])
-    def auth_view():
-        """Redirect to Discord's OAuth2 authorization page."""
-
-        oauth = OAuth2Session(CLIENT_ID, redirect_uri=REDIRECT_URI, scope=SCOPES)
-        login_url, state = oauth.authorization_url(f'{API_URL}/oauth2/authorize')
-        flask.session['state'] = state
-
-        return flask.redirect(login_url)
-
-    @app.route('/callback/discord')
-    def callback():
-        """Handle the OAuth2 callback and log the user in."""
-        if flask.request.args.get('code'): # OAUTH CALLBACK/REDIRECT
-            discord_account = OAuth2Session(CLIENT_ID, redirect_uri=REDIRECT_URI, state=flask.session.get('state'), scope=SCOPES)
-            token = discord_account.fetch_token(
-                f'{API_URL}/oauth2/token',
-                client_secret=CLIENT_SECRET,
-                authorization_response=flask.request.url,
-            )
-            flask.session['discord_token'] = token
-
-            print('Token:', token)
-
-            return flask.redirect('/account')
-
-        if flask.session.get('discord_token'): # ALREADY LOGGED IN
-            print('Already logged in.')
-            discord_account = OAuth2Session(CLIENT_ID, token=flask.session['discord_token'])
-
-            try:
-                profile = discord_account.get(f'{API_URL}/users/@me').json()
-            except Exception as e:
-                return f'Your token has expired. Please try logging in again.'
-
-            flask.session.permanent = True
-            flask.session['discord_id'] = profile['id']
-
-            return flask.redirect('/') # DONE

web/app.py

@@ -1,5 +1,7 @@
 import os
+import json
 import flask
+import random
 import secrets
 import logging
 
@@ -14,18 +16,9 @@ log.disabled = True
 def create_app() -> flask.Flask:
     app = flask.Flask(__name__)
     app.wsgi_app = ProxyFix(app.wsgi_app, x_for=1, x_proto=1, x_host=1, x_prefix=1)
-    app.secret_key = secrets.token_hex(16)
-    app.jinja_env.trim_blocks = True
-    app.jinja_env.lstrip_blocks = True
 
     import tos
-    import account
-
     tos.register(app)
-    account.register(app)
-
-    # max 100 MB
-    app.config['MAX_CONTENT_LENGTH'] = 100 * 1024 * 1024
 
     @app.context_processor
     def inject_variables():
@@ -37,9 +30,9 @@ def create_app() -> flask.Flask:
     def index():
         return flask.render_template('index.html')
 
-    @app.route('/get-started')
+    @app.route('/go')
     def go():
-        return flask.render_template('get-started.html')
+        return flask.render_template('panel.html')
 
     @app.route('/novacord')
     def novacord_page():

web/static/css/_vars.sass

@@ -3,7 +3,6 @@ $background: #03060d
 $secondary: #252a38
 $secondary-dark: #0e0e0e
 $border: #161d2bb0
-$soft: #fcf7f824
 
 $primary: #b53d61
 $primary-light: #f45a88

web/static/css/footer.css.map

@@ -1 +1 @@
-{"version":3,"sources":["footer.sass","_vars.sass","footer.css"],"names":[],"mappings":"AAEA;EACI,iBAAA;EACA,iBAAA;EACA,gBCcS;ACfb;AFGI;EACI,iBCYK;ACbb;AFGI;EACI,aAAA;EACA,sBAAA;EAEA,mBAAA;AEFR;AFIQ;EACI,oBAAA;EACA,qBAAA;AEFZ;AFIY;EACI,eAAA;EACA,gBAAA;AEFhB;AFIY;EACI,UAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;AEFhB;AFIY;EACI,uBAAA;EAAA,kBAAA;EACA,eAAA;EACA,YAAA;EACA,cAAA;EACA,qBAAA;EACA,mBAAA;AEFhB;AFIgB;EACI,YAAA;AEFpB;AFII;EACI,YAAA;AEFR;;AFIA;EAEQ;IACI,mBAAA;IACA,qCAAA;EEFV;EFIU;IACI,mBAAA;EEFd;AACF;AFGA;EAEQ;IACI,0BAAA;EEFV;AACF","file":"footer.css","sourcesContent":["@import '_vars'\n\nfooter\n    padding-top: 4rem\n    margin: 4rem auto\n    max-width: $main-width\n\n    &.wide\n        max-width: $more-width\n\n    div.rows\n        display: grid\n        grid-auto-flow: column\n        // justify-content: space-between\n        margin-bottom: 2rem\n\n        div.row\n            margin-right: 1.5rem\n            margin-bottom: 0.5rem\n\n            &:last-child\n                margin-right: 0\n                margin-bottom: 0\n\n            h2\n                opacity: 1\n                font-size: 1rem\n                font-weight: 500\n                margin: 1rem 0\n                line-height: normal\n\n            a\n                width: fit-content\n                font-size: 14px\n                opacity: 0.6\n                display: block\n                text-decoration: none\n                margin-bottom: 1rem\n\n                &:hover\n                    opacity: 0.8\n\n    p\n        opacity: 0.7\n\n@media (max-width: 1000px)\n    footer\n        div.rows\n            grid-auto-flow: row\n            grid-template-columns: repeat(2, 1fr)\n\n            div.row\n                margin-bottom: 1rem\n\n@media (max-width: 600px)\n    footer\n        div.rows\n            grid-template-columns: 1fr\n","$text: #f3f3f3\n$background: #03060d\n$secondary: #252a38\n$secondary-dark: #0e0e0e\n$border: #161d2bb0\n$soft: #fcf7f824\n\n$primary: #b53d61\n$primary-light: #f45a88\n$primary-glow: #f45a8861\n$primary-soft: #f79ab624\n$accent: #28aaf0\n\n$error: #ef3628\n$warn: #f09928\n$success: #28ef6b\n\n$edge: 5px\n\n$main-width: 800px\n$more-width: 1000px\n","footer {\n  padding-top: 4rem;\n  margin: 4rem auto;\n  max-width: 800px;\n}\nfooter.wide {\n  max-width: 1000px;\n}\nfooter div.rows {\n  display: grid;\n  grid-auto-flow: column;\n  margin-bottom: 2rem;\n}\nfooter div.rows div.row {\n  margin-right: 1.5rem;\n  margin-bottom: 0.5rem;\n}\nfooter div.rows div.row:last-child {\n  margin-right: 0;\n  margin-bottom: 0;\n}\nfooter div.rows div.row h2 {\n  opacity: 1;\n  font-size: 1rem;\n  font-weight: 500;\n  margin: 1rem 0;\n  line-height: normal;\n}\nfooter div.rows div.row a {\n  width: fit-content;\n  font-size: 14px;\n  opacity: 0.6;\n  display: block;\n  text-decoration: none;\n  margin-bottom: 1rem;\n}\nfooter div.rows div.row a:hover {\n  opacity: 0.8;\n}\nfooter p {\n  opacity: 0.7;\n}\n\n@media (max-width: 1000px) {\n  footer div.rows {\n    grid-auto-flow: row;\n    grid-template-columns: repeat(2, 1fr);\n  }\n  footer div.rows div.row {\n    margin-bottom: 1rem;\n  }\n}\n@media (max-width: 600px) {\n  footer div.rows {\n    grid-template-columns: 1fr;\n  }\n}"]}
+{"version":3,"sources":["footer.sass","_vars.sass","footer.css"],"names":[],"mappings":"AAEA;EACI,iBAAA;EACA,iBAAA;EACA,gBCaS;ACdb;AFGI;EACI,iBCWK;ACZb;AFGI;EACI,aAAA;EACA,sBAAA;EAEA,mBAAA;AEFR;AFIQ;EACI,oBAAA;EACA,qBAAA;AEFZ;AFIY;EACI,eAAA;EACA,gBAAA;AEFhB;AFIY;EACI,UAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;AEFhB;AFIY;EACI,uBAAA;EAAA,kBAAA;EACA,eAAA;EACA,YAAA;EACA,cAAA;EACA,qBAAA;EACA,mBAAA;AEFhB;AFIgB;EACI,YAAA;AEFpB;AFII;EACI,YAAA;AEFR;;AFIA;EAEQ;IACI,mBAAA;IACA,qCAAA;EEFV;EFIU;IACI,mBAAA;EEFd;AACF;AFGA;EAEQ;IACI,0BAAA;EEFV;AACF","file":"footer.css","sourcesContent":["@import '_vars'\n\nfooter\n    padding-top: 4rem\n    margin: 4rem auto\n    max-width: $main-width\n\n    &.wide\n        max-width: $more-width\n\n    div.rows\n        display: grid\n        grid-auto-flow: column\n        // justify-content: space-between\n        margin-bottom: 2rem\n\n        div.row\n            margin-right: 1.5rem\n            margin-bottom: 0.5rem\n\n            &:last-child\n                margin-right: 0\n                margin-bottom: 0\n\n            h2\n                opacity: 1\n                font-size: 1rem\n                font-weight: 500\n                margin: 1rem 0\n                line-height: normal\n\n            a\n                width: fit-content\n                font-size: 14px\n                opacity: 0.6\n                display: block\n                text-decoration: none\n                margin-bottom: 1rem\n\n                &:hover\n                    opacity: 0.8\n\n    p\n        opacity: 0.7\n\n@media (max-width: 1000px)\n    footer\n        div.rows\n            grid-auto-flow: row\n            grid-template-columns: repeat(2, 1fr)\n\n            div.row\n                margin-bottom: 1rem\n\n@media (max-width: 600px)\n    footer\n        div.rows\n            grid-template-columns: 1fr\n","$text: #f3f3f3\n$background: #03060d\n$secondary: #252a38\n$secondary-dark: #0e0e0e\n$border: #161d2bb0\n\n$primary: #b53d61\n$primary-light: #f45a88\n$primary-glow: #f45a8861\n$primary-soft: #f79ab624\n$accent: #28aaf0\n\n$error: #ef3628\n$warn: #f09928\n$success: #28ef6b\n\n$edge: 5px\n\n$main-width: 800px\n$more-width: 1000px\n","footer {\n  padding-top: 4rem;\n  margin: 4rem auto;\n  max-width: 800px;\n}\nfooter.wide {\n  max-width: 1000px;\n}\nfooter div.rows {\n  display: grid;\n  grid-auto-flow: column;\n  margin-bottom: 2rem;\n}\nfooter div.rows div.row {\n  margin-right: 1.5rem;\n  margin-bottom: 0.5rem;\n}\nfooter div.rows div.row:last-child {\n  margin-right: 0;\n  margin-bottom: 0;\n}\nfooter div.rows div.row h2 {\n  opacity: 1;\n  font-size: 1rem;\n  font-weight: 500;\n  margin: 1rem 0;\n  line-height: normal;\n}\nfooter div.rows div.row a {\n  width: fit-content;\n  font-size: 14px;\n  opacity: 0.6;\n  display: block;\n  text-decoration: none;\n  margin-bottom: 1rem;\n}\nfooter div.rows div.row a:hover {\n  opacity: 0.8;\n}\nfooter p {\n  opacity: 0.7;\n}\n\n@media (max-width: 1000px) {\n  footer div.rows {\n    grid-auto-flow: row;\n    grid-template-columns: repeat(2, 1fr);\n  }\n  footer div.rows div.row {\n    margin-bottom: 1rem;\n  }\n}\n@media (max-width: 600px) {\n  footer div.rows {\n    grid-template-columns: 1fr;\n  }\n}"]}

web/static/css/input.css

@@ -30,9 +30,6 @@ button svg, button img {
   vertical-align: middle;
   filter: invert(180);
 }
-button mark {
-  background: rgba(252, 247, 248, 0.1411764706);
-}
 
 input:not([type=checkbox]):not([type=radio]) {
   width: 100%;

web/static/css/input.css.map

@@ -1 +1 @@
-{"version":3,"sources":["input.sass","_vars.sass","input.css"],"names":[],"mappings":"AAEA;EACI,cAAA;EACA,eAAA;EACA,eAAA;EACA,kBCWG;EDVH,sBAAA;EACA,gBAAA;EACA,mBAAA;EAEA,cCXG;EDYH,mBCLM;EDON,2BAAA;AEHJ;AFKI;EACI,uBAAA;AEHR;AFKI;EACI,qDAAA;AEHR;AFKQ;EACI,4BAAA;AEHZ;AFKI;EACI,cC1BD;ED2BC,mBCzBI;ED0BJ,gDAAA;AEHR;AFKI;EACI,YAAA;EACA,qBAAA;EACA,sBAAA;EACA,mBAAA;AEHR;AFKI;EACI,6CChCD;AC6BP;;AFKA;EACI,WAAA;EACA,eAAA;EACA,kBCzBG;ED0BH,oBAAA;EAEA,cC7CG;ED8CH,mBC5CQ;ED6CR,yBAAA;AEHJ;AFKI;EACI,aAAA;AEHR;;AFKA;EACI,yBAAA;AEFJ","file":"input.css","sourcesContent":["@import '_vars'\n\nbutton\n    line-height: 2\n    cursor: pointer\n    font-size: 16px\n    border-radius: $edge\n    padding: 0.7rem 1.5rem\n    font-weight: 600\n    margin-bottom: 1rem\n\n    color: $text\n    background: $primary\n\n    transition: box-shadow 0.2s\n\n    &:hover\n        filter: brightness(1.2)\n\n    &.special\n        box-shadow: 0 0 20px $primary-glow\n\n        &:hover\n            box-shadow: 0 0 20px $primary\n\n    &.secondary\n        color: $text\n        background: $secondary\n        border: 1px solid $border\n\n    svg, img\n        height: 24px\n        display: inline-block\n        vertical-align: middle\n        filter: invert(180)\n\n    mark\n        background: $soft\n\ninput:not([type=\"checkbox\"]):not([type=\"radio\"])\n    width: 100%\n    font-size: 18px\n    border-radius: $edge\n    padding: 0.5rem 1rem\n\n    color: $text\n    background: $secondary\n    border: 1px solid $primary\n\n    &:focus\n        outline: none\n\ninput[type=\"radio\"]\n    filter: hue-rotate(50deg)\n","$text: #f3f3f3\n$background: #03060d\n$secondary: #252a38\n$secondary-dark: #0e0e0e\n$border: #161d2bb0\n$soft: #fcf7f824\n\n$primary: #b53d61\n$primary-light: #f45a88\n$primary-glow: #f45a8861\n$primary-soft: #f79ab624\n$accent: #28aaf0\n\n$error: #ef3628\n$warn: #f09928\n$success: #28ef6b\n\n$edge: 5px\n\n$main-width: 800px\n$more-width: 1000px\n","button {\n  line-height: 2;\n  cursor: pointer;\n  font-size: 16px;\n  border-radius: 5px;\n  padding: 0.7rem 1.5rem;\n  font-weight: 600;\n  margin-bottom: 1rem;\n  color: #f3f3f3;\n  background: #b53d61;\n  transition: box-shadow 0.2s;\n}\nbutton:hover {\n  filter: brightness(1.2);\n}\nbutton.special {\n  box-shadow: 0 0 20px rgba(244, 90, 136, 0.3803921569);\n}\nbutton.special:hover {\n  box-shadow: 0 0 20px #b53d61;\n}\nbutton.secondary {\n  color: #f3f3f3;\n  background: #252a38;\n  border: 1px solid rgba(22, 29, 43, 0.6901960784);\n}\nbutton svg, button img {\n  height: 24px;\n  display: inline-block;\n  vertical-align: middle;\n  filter: invert(180);\n}\nbutton mark {\n  background: rgba(252, 247, 248, 0.1411764706);\n}\n\ninput:not([type=checkbox]):not([type=radio]) {\n  width: 100%;\n  font-size: 18px;\n  border-radius: 5px;\n  padding: 0.5rem 1rem;\n  color: #f3f3f3;\n  background: #252a38;\n  border: 1px solid #b53d61;\n}\ninput:not([type=checkbox]):not([type=radio]):focus {\n  outline: none;\n}\n\ninput[type=radio] {\n  filter: hue-rotate(50deg);\n}"]}
+{"version":3,"sources":["input.sass","_vars.sass","input.css"],"names":[],"mappings":"AAEA;EACI,cAAA;EACA,eAAA;EACA,eAAA;EACA,kBCUG;EDTH,sBAAA;EACA,gBAAA;EACA,mBAAA;EAEA,cCXG;EDYH,mBCNM;EDQN,2BAAA;AEHJ;AFKI;EACI,uBAAA;AEHR;AFKI;EACI,qDAAA;AEHR;AFKQ;EACI,4BAAA;AEHZ;AFKI;EACI,cC1BD;ED2BC,mBCzBI;ED0BJ,gDAAA;AEHR;AFKI;EACI,YAAA;EACA,qBAAA;EACA,sBAAA;EACA,mBAAA;AEHR;;AFKA;EACI,WAAA;EACA,eAAA;EACA,kBCvBG;EDwBH,oBAAA;EAEA,cC1CG;ED2CH,mBCzCQ;ED0CR,yBAAA;AEHJ;AFKI;EACI,aAAA;AEHR;;AFKA;EACI,yBAAA;AEFJ","file":"input.css","sourcesContent":["@import '_vars'\n\nbutton\n    line-height: 2\n    cursor: pointer\n    font-size: 16px\n    border-radius: $edge\n    padding: 0.7rem 1.5rem\n    font-weight: 600\n    margin-bottom: 1rem\n\n    color: $text\n    background: $primary\n\n    transition: box-shadow 0.2s\n\n    &:hover\n        filter: brightness(1.2)\n\n    &.special\n        box-shadow: 0 0 20px $primary-glow\n\n        &:hover\n            box-shadow: 0 0 20px $primary\n\n    &.secondary\n        color: $text\n        background: $secondary\n        border: 1px solid $border\n\n    svg, img\n        height: 24px\n        display: inline-block\n        vertical-align: middle\n        filter: invert(180)\n\ninput:not([type=\"checkbox\"]):not([type=\"radio\"])\n    width: 100%\n    font-size: 18px\n    border-radius: $edge\n    padding: 0.5rem 1rem\n\n    color: $text\n    background: $secondary\n    border: 1px solid $primary\n\n    &:focus\n        outline: none\n\ninput[type=\"radio\"]\n    filter: hue-rotate(50deg)\n","$text: #f3f3f3\n$background: #03060d\n$secondary: #252a38\n$secondary-dark: #0e0e0e\n$border: #161d2bb0\n\n$primary: #b53d61\n$primary-light: #f45a88\n$primary-glow: #f45a8861\n$primary-soft: #f79ab624\n$accent: #28aaf0\n\n$error: #ef3628\n$warn: #f09928\n$success: #28ef6b\n\n$edge: 5px\n\n$main-width: 800px\n$more-width: 1000px\n","button {\n  line-height: 2;\n  cursor: pointer;\n  font-size: 16px;\n  border-radius: 5px;\n  padding: 0.7rem 1.5rem;\n  font-weight: 600;\n  margin-bottom: 1rem;\n  color: #f3f3f3;\n  background: #b53d61;\n  transition: box-shadow 0.2s;\n}\nbutton:hover {\n  filter: brightness(1.2);\n}\nbutton.special {\n  box-shadow: 0 0 20px rgba(244, 90, 136, 0.3803921569);\n}\nbutton.special:hover {\n  box-shadow: 0 0 20px #b53d61;\n}\nbutton.secondary {\n  color: #f3f3f3;\n  background: #252a38;\n  border: 1px solid rgba(22, 29, 43, 0.6901960784);\n}\nbutton svg, button img {\n  height: 24px;\n  display: inline-block;\n  vertical-align: middle;\n  filter: invert(180);\n}\n\ninput:not([type=checkbox]):not([type=radio]) {\n  width: 100%;\n  font-size: 18px;\n  border-radius: 5px;\n  padding: 0.5rem 1rem;\n  color: #f3f3f3;\n  background: #252a38;\n  border: 1px solid #b53d61;\n}\ninput:not([type=checkbox]):not([type=radio]):focus {\n  outline: none;\n}\n\ninput[type=radio] {\n  filter: hue-rotate(50deg);\n}"]}

web/static/css/input.sass

@@ -34,9 +34,6 @@ button
         vertical-align: middle
         filter: invert(180)
 
-    mark
-        background: $soft
-
 input:not([type="checkbox"]):not([type="radio"])
     width: 100%
     font-size: 18px

web/static/css/navbar.css.map

@@ -1 +1 @@
-{"version":3,"sources":["navbar.sass","navbar.css","_vars.sass"],"names":[],"mappings":"AAEA;EACI,aAAA;EACA,mBAAA;EACA,kBAAA;ACDJ;ADGI;EACI,qBAAA;EACA,eEDQ;EFER,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EAEA,iBAAA;EACA,uBAAA;ACFR;ADII;EACI,gBAAA;EACA,eAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACFR;ADIQ;EACI,eAAA;EACA,kBAAA;EACA,SAAA;ACFZ;ADKI;EACI,YAAA;ACHR;ADMI;EACI,aAAA;EACA,eAAA;ACJR;;ADOI;EACI,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,qBAAA;EACA,sBAAA;ACJR;ADMQ;EACI,cEtCI;ADkChB;;ADMA;EACI;IACI,sCAAA;IACA,UAAA;IAEA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,SAAA;IACA,WAAA;IACA,mBExDI;IFyDJ,eAAA;IACA,kBE3CD;IF4CC,kCAAA;YAAA,0BAAA;IACA,gDAAA;IAEA,wCAAA;ECLN;EDOM;IACI,UAAA;IACA,kBAAA;ECLV;EDOM;IACI,eAAA;IACA,cAAA;IACA,iBAAA;ECLV;EDQM;IACI,eErEI;ED+Dd;EDQM;IACI,cAAA;IACA,gBAAA;IACA,eAAA;IACA,YAAA;IACA,WAAA;IACA,eAAA;IACA,gBAAA;ECNV;EDQU;IACI,wBAAA;ECNd;AACF;ADOA;EAEQ;IACI,aAAA;ECNV;AACF","file":"navbar.css","sourcesContent":["@import '_vars'\n\nnav\n    display: flex\n    align-items: center\n    position: relative\n\n    >.logo\n        display: inline-block\n        stroke: $primary-light\n        min-height: 40px\n        min-width: 40px\n        height: 40px\n        width: 40px\n\n        margin-right: 8px\n        transition: stroke 0.2s\n\n    >h1\n        font-weight: 500\n        font-size: 20px\n        user-select: none\n\n        mark\n            font-size: 1rem\n            position: relative\n            top: -3px\n\n\n    >span\n        flex-grow: 1\n\n\n    #menu\n        display: none\n        cursor: pointer\n\n.link-menu\n    >a\n        font-size: 14px\n        font-weight: 600\n        margin-left: 2rem\n        text-decoration: none\n        transition: color 0.1s\n\n        &:hover\n            color: $primary-light\n\n@media (max-width: 800px)\n    .link-menu\n        transform: scale(0.8) translateX(1rem)\n        opacity: 0\n\n        z-index: 100\n        width: 200px\n        position: absolute\n        top: 5rem\n        right: 2rem\n        background: $secondary\n        padding: 1rem 0\n        border-radius: $edge\n        backdrop-filter: blur(4px)\n        border: 1px solid $border\n\n        transition: transform 0.2s, opacity 0.2s\n\n        &.open\n            opacity: 1\n            transform: inherit\n\n        a\n            font-size: 20px\n            display: block\n            line-height: 3rem\n\n    nav\n        .logo\n            stroke: $primary-light\n\n        #menu\n            display: block\n            min-height: 32px\n            min-width: 32px\n            height: 32px\n            width: 32px\n            cursor: pointer\n            transition: 0.5s\n\n            &.active\n                transform: rotate(90deg)\n\n@media (max-width: 400px)\n    nav\n        h1\n            display: none","nav {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\nnav > .logo {\n  display: inline-block;\n  stroke: #f45a88;\n  min-height: 40px;\n  min-width: 40px;\n  height: 40px;\n  width: 40px;\n  margin-right: 8px;\n  transition: stroke 0.2s;\n}\nnav > h1 {\n  font-weight: 500;\n  font-size: 20px;\n  user-select: none;\n}\nnav > h1 mark {\n  font-size: 1rem;\n  position: relative;\n  top: -3px;\n}\nnav > span {\n  flex-grow: 1;\n}\nnav #menu {\n  display: none;\n  cursor: pointer;\n}\n\n.link-menu > a {\n  font-size: 14px;\n  font-weight: 600;\n  margin-left: 2rem;\n  text-decoration: none;\n  transition: color 0.1s;\n}\n.link-menu > a:hover {\n  color: #f45a88;\n}\n\n@media (max-width: 800px) {\n  .link-menu {\n    transform: scale(0.8) translateX(1rem);\n    opacity: 0;\n    z-index: 100;\n    width: 200px;\n    position: absolute;\n    top: 5rem;\n    right: 2rem;\n    background: #252a38;\n    padding: 1rem 0;\n    border-radius: 5px;\n    backdrop-filter: blur(4px);\n    border: 1px solid rgba(22, 29, 43, 0.6901960784);\n    transition: transform 0.2s, opacity 0.2s;\n  }\n  .link-menu.open {\n    opacity: 1;\n    transform: inherit;\n  }\n  .link-menu a {\n    font-size: 20px;\n    display: block;\n    line-height: 3rem;\n  }\n  nav .logo {\n    stroke: #f45a88;\n  }\n  nav #menu {\n    display: block;\n    min-height: 32px;\n    min-width: 32px;\n    height: 32px;\n    width: 32px;\n    cursor: pointer;\n    transition: 0.5s;\n  }\n  nav #menu.active {\n    transform: rotate(90deg);\n  }\n}\n@media (max-width: 400px) {\n  nav h1 {\n    display: none;\n  }\n}","$text: #f3f3f3\n$background: #03060d\n$secondary: #252a38\n$secondary-dark: #0e0e0e\n$border: #161d2bb0\n$soft: #fcf7f824\n\n$primary: #b53d61\n$primary-light: #f45a88\n$primary-glow: #f45a8861\n$primary-soft: #f79ab624\n$accent: #28aaf0\n\n$error: #ef3628\n$warn: #f09928\n$success: #28ef6b\n\n$edge: 5px\n\n$main-width: 800px\n$more-width: 1000px\n"]}
+{"version":3,"sources":["navbar.sass","navbar.css","_vars.sass"],"names":[],"mappings":"AAEA;EACI,aAAA;EACA,mBAAA;EACA,kBAAA;ACDJ;ADGI;EACI,qBAAA;EACA,eEFQ;EFGR,gBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EAEA,iBAAA;EACA,uBAAA;ACFR;ADII;EACI,gBAAA;EACA,eAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACFR;ADIQ;EACI,eAAA;EACA,kBAAA;EACA,SAAA;ACFZ;ADKI;EACI,YAAA;ACHR;ADMI;EACI,aAAA;EACA,eAAA;ACJR;;ADOI;EACI,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,qBAAA;EACA,sBAAA;ACJR;ADMQ;EACI,cEvCI;ADmChB;;ADMA;EACI;IACI,sCAAA;IACA,UAAA;IAEA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,SAAA;IACA,WAAA;IACA,mBExDI;IFyDJ,eAAA;IACA,kBE5CD;IF6CC,kCAAA;YAAA,0BAAA;IACA,gDAAA;IAEA,wCAAA;ECLN;EDOM;IACI,UAAA;IACA,kBAAA;ECLV;EDOM;IACI,eAAA;IACA,cAAA;IACA,iBAAA;ECLV;EDQM;IACI,eEtEI;EDgEd;EDQM;IACI,cAAA;IACA,gBAAA;IACA,eAAA;IACA,YAAA;IACA,WAAA;IACA,eAAA;IACA,gBAAA;ECNV;EDQU;IACI,wBAAA;ECNd;AACF;ADOA;EAEQ;IACI,aAAA;ECNV;AACF","file":"navbar.css","sourcesContent":["@import '_vars'\n\nnav\n    display: flex\n    align-items: center\n    position: relative\n\n    >.logo\n        display: inline-block\n        stroke: $primary-light\n        min-height: 40px\n        min-width: 40px\n        height: 40px\n        width: 40px\n\n        margin-right: 8px\n        transition: stroke 0.2s\n\n    >h1\n        font-weight: 500\n        font-size: 20px\n        user-select: none\n\n        mark\n            font-size: 1rem\n            position: relative\n            top: -3px\n\n\n    >span\n        flex-grow: 1\n\n\n    #menu\n        display: none\n        cursor: pointer\n\n.link-menu\n    >a\n        font-size: 14px\n        font-weight: 600\n        margin-left: 2rem\n        text-decoration: none\n        transition: color 0.1s\n\n        &:hover\n            color: $primary-light\n\n@media (max-width: 800px)\n    .link-menu\n        transform: scale(0.8) translateX(1rem)\n        opacity: 0\n\n        z-index: 100\n        width: 200px\n        position: absolute\n        top: 5rem\n        right: 2rem\n        background: $secondary\n        padding: 1rem 0\n        border-radius: $edge\n        backdrop-filter: blur(4px)\n        border: 1px solid $border\n\n        transition: transform 0.2s, opacity 0.2s\n\n        &.open\n            opacity: 1\n            transform: inherit\n\n        a\n            font-size: 20px\n            display: block\n            line-height: 3rem\n\n    nav\n        .logo\n            stroke: $primary-light\n\n        #menu\n            display: block\n            min-height: 32px\n            min-width: 32px\n            height: 32px\n            width: 32px\n            cursor: pointer\n            transition: 0.5s\n\n            &.active\n                transform: rotate(90deg)\n\n@media (max-width: 400px)\n    nav\n        h1\n            display: none","nav {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\nnav > .logo {\n  display: inline-block;\n  stroke: #f45a88;\n  min-height: 40px;\n  min-width: 40px;\n  height: 40px;\n  width: 40px;\n  margin-right: 8px;\n  transition: stroke 0.2s;\n}\nnav > h1 {\n  font-weight: 500;\n  font-size: 20px;\n  user-select: none;\n}\nnav > h1 mark {\n  font-size: 1rem;\n  position: relative;\n  top: -3px;\n}\nnav > span {\n  flex-grow: 1;\n}\nnav #menu {\n  display: none;\n  cursor: pointer;\n}\n\n.link-menu > a {\n  font-size: 14px;\n  font-weight: 600;\n  margin-left: 2rem;\n  text-decoration: none;\n  transition: color 0.1s;\n}\n.link-menu > a:hover {\n  color: #f45a88;\n}\n\n@media (max-width: 800px) {\n  .link-menu {\n    transform: scale(0.8) translateX(1rem);\n    opacity: 0;\n    z-index: 100;\n    width: 200px;\n    position: absolute;\n    top: 5rem;\n    right: 2rem;\n    background: #252a38;\n    padding: 1rem 0;\n    border-radius: 5px;\n    backdrop-filter: blur(4px);\n    border: 1px solid rgba(22, 29, 43, 0.6901960784);\n    transition: transform 0.2s, opacity 0.2s;\n  }\n  .link-menu.open {\n    opacity: 1;\n    transform: inherit;\n  }\n  .link-menu a {\n    font-size: 20px;\n    display: block;\n    line-height: 3rem;\n  }\n  nav .logo {\n    stroke: #f45a88;\n  }\n  nav #menu {\n    display: block;\n    min-height: 32px;\n    min-width: 32px;\n    height: 32px;\n    width: 32px;\n    cursor: pointer;\n    transition: 0.5s;\n  }\n  nav #menu.active {\n    transform: rotate(90deg);\n  }\n}\n@media (max-width: 400px) {\n  nav h1 {\n    display: none;\n  }\n}","$text: #f3f3f3\n$background: #03060d\n$secondary: #252a38\n$secondary-dark: #0e0e0e\n$border: #161d2bb0\n\n$primary: #b53d61\n$primary-light: #f45a88\n$primary-glow: #f45a8861\n$primary-soft: #f79ab624\n$accent: #28aaf0\n\n$error: #ef3628\n$warn: #f09928\n$success: #28ef6b\n\n$edge: 5px\n\n$main-width: 800px\n$more-width: 1000px\n"]}

web/templates/account.html

@@ -1,8 +0,0 @@
-{% include 'common/begin.html' %}
-
-<main>
-    <h1>Welcome back, {{ user.username }}</h1>
-
-</main>
-
-{% include 'common/end.html' %}

web/templates/common/footer.html

@@ -2,8 +2,7 @@
     <div class="rows">
         <div class="row">
             <h2>Get started</h2>
-            <a href="/get-started">How to use the API</a>
+            <a href="/go">Start using the API</a>
-            <a href="/login">Open the dashboard</a>
             <a href="/novacord">How to use NovaCord</a>
             <a href="/replit">Secure your API keys when using Replit</a>
 

web/templates/common/nav.html

@@ -12,7 +12,6 @@
     <div id="links" class="link-menu">
         <a href="/">Home</a>
         <!-- <a href="https://status.nova-oss.com" target="_blank">Status</a> -->
-        <a href="https://chat.nova-oss.com" target="_blank">NovaChat</a>
         <a href="https://code.nova-oss.com" target="_blank">GitHub</a>
         <a href="mailto:{{ contact_email }}">Contact</a>
     </div>

web/templates/index.html

@@ -7,26 +7,23 @@
     <a href="https://discord.nova-oss.com" target="_blank">
         <button class="special">
             <i class="bi bi-discord"></i>
-            Join 1,600+ members
+            Join 1,300 Discord members
         </button>
     </a>
-    <!-- <a href="/login"> -->
+    <a href="/go">
-        <button class="secondary" style="pointer-events: none; cursor: not-allowed; opacity: 0.5;">
+        <button class="secondary">
-            Log in <mark>coming soon</mark>
+            <i class="bi bi-arrow-right"></i>
+            Get started
         </button>
-    <!-- </a> -->
+    </a>
-    <br>
+    <a href="https://github.com/NovaOSS/nova-api" target="_blank">
+        <button class="secondary">
+            <i class="bi bi-github"></i>
+            GitHub
+        </button>
+    </a>
 </header>
 <main>
-    <h2>Welcome</h2>
-    <p>
-        Nova is a free, open source, easy to use, and powerful API for accessing all sorts of AI models.
-        <br>
-        <a href="/get-started">
-            <i class="bi bi-arrow-right"></i> Get started
-        </a>
-    </p>
-
     <h2>About Nova</h2>
     <div class="featured-box">
         <img src="https://icons.getbootstrap.com/assets/icons/cash-coin.svg" style="filter: invert(1);">

web/templates/login.html

@@ -1,21 +0,0 @@
-{% include 'common/begin.html' %}
-
-<main>
-    <p>
-        By logging in, you agree to our <a href="/legal/terms">Terms of Service</a> and <a href="/legal/privacy">Privacy Policy</a>.
-    </p>
-
-    <h1>Log in to Nova</h1>
-    <h2>Log in using Discord</h2>
-    <a href="/auth/discord">
-        <button class="secondary">
-            <i class="bi bi-discord"></i>
-            Log in with Discord
-        </button>
-    </a>
-
-    <h2>GitHub</h2>
-    <p>Coming soon</p>
-</main>
-
-{% include 'common/end.html' %}

web/templates/panel.html

@@ -2,7 +2,7 @@
 <link rel="stylesheet" href="/static/css/home.css">
 
 <main>
-    <h1>Get started</h1>
+    <h1>API Panel</h1>
 
     <h2>Python</h2>
     <h3>Endpoint</h3>