Update dependencies.

Author: toddbirchard

.nvm

@@ -0,0 +1 @@
+20.18.1

README.md

@@ -1,6 +1,6 @@
 # Flask-Assets Tutorial
 
-![Python](https://img.shields.io/badge/Python-v3.10-blue.svg?logo=python&longCache=true&logoColor=white&colorB=5e81ac&style=flat-square&colorA=4c566a)
+![Python](https://img.shields.io/badge/Python-v3.12-blue.svg?logo=python&longCache=true&logoColor=white&colorB=5e81ac&style=flat-square&colorA=4c566a)
 ![Flask](https://img.shields.io/badge/Flask-v3.0.0-blue.svg?longCache=true&logo=flask&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)
 ![Flask-Assets](https://img.shields.io/badge/Flask--Assets-v2.1.0-blue.svg?longCache=true&logo=flask&style=flat-square&logoColor=white&colorB=5e81ac&colorA=4c566a)
 ![Gunicorn](https://img.shields.io/badge/Gunicorn-v21.2.0-blue.svg?longCache=true&logo=gunicorn&style=flat-square&logoColor=white&colorB=a3be8c&colorA=4c566a)

flask_assets_tutorial/admin/routes.py

@@ -1,6 +1,7 @@
 """Routes for logged-in account pages."""
 
 from flask import Blueprint, render_template
+
 from log import LOGGER
 
 admin_blueprint = Blueprint("admin_blueprint", __name__, template_folder="templates", static_folder="static")

flask_assets_tutorial/main/routes.py

@@ -1,6 +1,7 @@
 """Routes for main pages."""
 
 from flask import Blueprint, render_template
+
 from log import LOGGER
 
 main_blueprint = Blueprint("main_blueprint", __name__, template_folder="templates", static_folder="static")

flask_assets_tutorial/static/dist/css/account.css

@@ -11,14 +11,14 @@ nav {
   }
 }
 nav .nav-wrapper {
-  max-width: 85vw;
+  width: 915px;
+  max-width: 80vw;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  width: auto;
   margin: 0 auto;
 }
-@media (max-width: 600px) {
+@media (max-width: 800px) {
   nav .nav-wrapper {
     max-width: 90vw;
   }
@@ -62,9 +62,15 @@ html .container {
   min-height: 100%;
   background: white;
   margin: 40px auto 0;
-  padding: 3vw;
+  padding: 40px;
   box-shadow: 0 0 5px #bec6cf;
 }
+@media (max-width: 800px) {
+  body .container,
+  html .container {
+    width: 100%;
+  }
+}
 @media (max-width: 600px) {
   body .container,
   html .container {
@@ -96,12 +102,13 @@ html .container p {
 ul {
   list-style: none;
   width: 50%;
-  border: 1px solid #e6e6e6;
+  border: 1px solid #d0d4d9;
+  border-radius: 3px;
   padding: 10px;
 }
-@media (max-width: 600px) {
+@media (max-width: 800px) {
   ul {
-    width: unset;
+    width: auto;
   }
 }
 ul li {
@@ -131,14 +138,14 @@ nav {
   }
 }
 nav .nav-wrapper {
+  width: 915px;
   max-width: 85vw;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  width: auto;
   margin: 0 auto;
 }
-@media (max-width: 600px) {
+@media (max-width: 800px) {
   nav .nav-wrapper {
     max-width: 90vw;
   }

flask_assets_tutorial/static/dist/css/landing.css

@@ -11,14 +11,14 @@ nav {
   }
 }
 nav .nav-wrapper {
-  max-width: 85vw;
+  width: 915px;
+  max-width: 80vw;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  width: auto;
   margin: 0 auto;
 }
-@media (max-width: 600px) {
+@media (max-width: 800px) {
   nav .nav-wrapper {
     max-width: 90vw;
   }
@@ -62,9 +62,15 @@ html .container {
   min-height: 100%;
   background: white;
   margin: 40px auto 0;
-  padding: 3vw;
+  padding: 40px;
   box-shadow: 0 0 5px #bec6cf;
 }
+@media (max-width: 800px) {
+  body .container,
+  html .container {
+    width: 100%;
+  }
+}
 @media (max-width: 600px) {
   body .container,
   html .container {
@@ -96,12 +102,13 @@ html .container p {
 ul {
   list-style: none;
   width: 50%;
-  border: 1px solid #e6e6e6;
+  border: 1px solid #d0d4d9;
+  border-radius: 3px;
   padding: 10px;
 }
-@media (max-width: 600px) {
+@media (max-width: 800px) {
   ul {
-    width: unset;
+    width: auto;
   }
 }
 ul li {
@@ -131,14 +138,14 @@ nav {
   }
 }
 nav .nav-wrapper {
+  width: 915px;
   max-width: 85vw;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  width: auto;
   margin: 0 auto;
 }
-@media (max-width: 600px) {
+@media (max-width: 800px) {
   nav .nav-wrapper {
     max-width: 90vw;
   }

flask_assets_tutorial/static/src/less/global.less

@@ -16,9 +16,13 @@ html {
     min-height: 100%;
     background: white;
     margin: 40px auto 0;
-    padding: 3vw;
+    padding: 40px;
     box-shadow: 0 0 5px #bec6cf;
 
+    @media(max-width: @tablet-breakpoint) {
+      width: 100%;
+    }
+
     @media(max-width: @mobile-breakpoint) {
       width: 90vw;
       max-width: unset;
@@ -50,10 +54,11 @@ html {
 ul {
   list-style: none;
   width: 50%;
-  border: 1px solid #e6e6e6;
+  border: 1px solid #d0d4d9;
+  border-radius: 3px;
   padding: 10px;
-  @media(max-width: @mobile-breakpoint) {
-    width: unset;
+  @media(max-width: @tablet-breakpoint) {
+    width: auto;
   }
 
   li {

flask_assets_tutorial/static/src/less/nav.less

@@ -11,13 +11,13 @@ nav {
     }
 
     .nav-wrapper {
+      width: 915px;
       max-width: 85vw;
       display: flex;
       justify-content: space-between;
       align-items: center;
-      width: auto;
       margin: 0 auto;
-      @media(max-width: @mobile-breakpoint) {
+      @media(max-width: @tablet-breakpoint) {
         max-width: 90vw;
       }
 

gunicorn.conf.py

@@ -1,6 +1,5 @@
 """Gunicorn configuration file."""
 
-import socket
 from os import environ, path
 
 from dotenv import load_dotenv