Minor style changes.

Author: toddbirchard

.env.example

@@ -1,4 +1,4 @@
 FLASK_ENV=development
 SECRET_KEY="HGuitfI&uf6i7r&ujHFc"
 FLASK_DEBUG=False
-LESS_BIN="/Users/myuser/.nvm/versions/node/v18.18.1/bin/lessc"
+LESS_BIN="/usr/bin/less"

README.md

@@ -1,9 +1,9 @@
 # Flask-Assets Tutorial
 
 ![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](https://img.shields.io/badge/Flask-v3.1.1-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)
+![Gunicorn](https://img.shields.io/badge/Gunicorn-v23.0.0-blue.svg?longCache=true&logo=gunicorn&style=flat-square&logoColor=white&colorB=a3be8c&colorA=4c566a)
 ![GitHub Last Commit](https://img.shields.io/github/last-commit/google/skia.svg?style=flat-square&colorA=4c566a&colorB=a3be8c&logo=GitHub)
 [![GitHub Issues](https://img.shields.io/github/issues/hackersandslackers/flask-assets-tutorial.svg?style=flat-square&colorA=4c566a&logo=GitHub&colorB=ebcb8b)](https://github.com/hackersandslackers/flask-assets-tutorial/issues)
 [![GitHub Stars](https://img.shields.io/github/stars/hackersandslackers/flask-assets-tutorial.svg?style=flat-square&colorA=4c566a&logo=GitHub&colorB=ebcb8b)](https://github.com/hackersandslackers/flask-assets-tutorial/stargazers)

flask_assets_tutorial/static/dist/css/account.css

@@ -11,8 +11,8 @@ nav {
   }
 }
 nav .nav-wrapper {
-  width: 915px;
-  max-width: 80vw;
+  width: 650px;
+  max-width: 85vw;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -34,7 +34,7 @@ nav .nav-wrapper .left-nav img {
   margin-right: 20px;
 }
 nav .nav-wrapper .left-nav a {
-  margin-right: 20px;
+  margin-right: 30px;
   font-weight: 400;
 }
 nav a {
@@ -57,9 +57,9 @@ html {
 }
 body .container,
 html .container {
-  width: 850px;
-  max-width: 80vw;
-  min-height: 100%;
+  width: 590px;
+  max-width: 590px;
+  height: 70%;
   background: white;
   margin: 40px auto 0;
   padding: 40px;
@@ -68,7 +68,8 @@ html .container {
 @media (max-width: 800px) {
   body .container,
   html .container {
-    width: 100%;
+    width: 80vw;
+    max-width: unset;
   }
 }
 @media (max-width: 600px) {
@@ -96,8 +97,8 @@ html .container h1 {
 body .container p,
 html .container p {
   font-weight: 300;
-  font-size: 1.1em;
-  line-height: 1.4;
+  font-size: 1em;
+  line-height: 1.6;
 }
 ul {
   list-style: none;
@@ -138,7 +139,7 @@ nav {
   }
 }
 nav .nav-wrapper {
-  width: 915px;
+  width: 650px;
   max-width: 85vw;
   display: flex;
   justify-content: space-between;
@@ -161,7 +162,7 @@ nav .nav-wrapper .left-nav img {
   margin-right: 20px;
 }
 nav .nav-wrapper .left-nav a {
-  margin-right: 20px;
+  margin-right: 30px;
   font-weight: 400;
 }
 nav a {

flask_assets_tutorial/static/dist/css/landing.css

@@ -11,8 +11,8 @@ nav {
   }
 }
 nav .nav-wrapper {
-  width: 915px;
-  max-width: 80vw;
+  width: 650px;
+  max-width: 85vw;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -34,7 +34,7 @@ nav .nav-wrapper .left-nav img {
   margin-right: 20px;
 }
 nav .nav-wrapper .left-nav a {
-  margin-right: 20px;
+  margin-right: 30px;
   font-weight: 400;
 }
 nav a {
@@ -57,9 +57,9 @@ html {
 }
 body .container,
 html .container {
-  width: 850px;
-  max-width: 80vw;
-  min-height: 100%;
+  width: 590px;
+  max-width: 590px;
+  height: 70%;
   background: white;
   margin: 40px auto 0;
   padding: 40px;
@@ -68,7 +68,8 @@ html .container {
 @media (max-width: 800px) {
   body .container,
   html .container {
-    width: 100%;
+    width: 80vw;
+    max-width: unset;
   }
 }
 @media (max-width: 600px) {
@@ -96,8 +97,8 @@ html .container h1 {
 body .container p,
 html .container p {
   font-weight: 300;
-  font-size: 1.1em;
-  line-height: 1.4;
+  font-size: 1em;
+  line-height: 1.6;
 }
 ul {
   list-style: none;
@@ -138,7 +139,7 @@ nav {
   }
 }
 nav .nav-wrapper {
-  width: 915px;
+  width: 650px;
   max-width: 85vw;
   display: flex;
   justify-content: space-between;
@@ -161,7 +162,7 @@ nav .nav-wrapper .left-nav img {
   margin-right: 20px;
 }
 nav .nav-wrapper .left-nav a {
-  margin-right: 20px;
+  margin-right: 30px;
   font-weight: 400;
 }
 nav a {

flask_assets_tutorial/static/src/less/global.less

@@ -11,16 +11,17 @@ html {
   height: 100%;
 
   .container {
-    width: 850px;
-    max-width: 80vw;
-    min-height: 100%;
+    width: @body-width-fullscreen;
+    max-width: @body-width-fullscreen;
+    height: 70%;
     background: white;
     margin: 40px auto 0;
     padding: 40px;
     box-shadow: 0 0 5px #bec6cf;
 
     @media(max-width: @tablet-breakpoint) {
-      width: 100%;
+      width: 80vw;
+      max-width: unset;
     }
 
     @media(max-width: @mobile-breakpoint) {
@@ -45,8 +46,8 @@ html {
 
     p {
       font-weight: 300;
-      font-size: 1.1em;
-      line-height: 1.4;
+      font-size: 1em;
+      line-height: 1.6;
     }
   }
 }

flask_assets_tutorial/static/src/less/nav.less

@@ -11,7 +11,7 @@ nav {
     }
 
     .nav-wrapper {
-      width: 915px;
+      width: @nav-width-fullscreen;
       max-width: 85vw;
       display: flex;
       justify-content: space-between;
@@ -33,7 +33,7 @@ nav {
         }
 
         a {
-          margin-right: 20px;
+          margin-right: 30px;
           font-weight: 400;
         }
       }

flask_assets_tutorial/static/src/less/variables.less

@@ -10,6 +10,10 @@
 // Fonts
 @body-font: 'Poppins', sans-serif;
 
+// Viewport size
+@body-width-fullscreen: 590px;
+@nav-width-fullscreen: 650px;
+
 // Break points
 /* Breakpoints */
 @smallscreen-breakpoint: 950px;

flask_assets_tutorial/templates/analytics.jinja2

@@ -23,7 +23,6 @@
   {# Scripts #}
   <script src="{{ url_for('static', filename='dist/js/main.min.js') }}"></script>
   {% block additionalscripts %}{% endblock %}
-  {% include 'analytics.jinja2' %}
 </body>
 
 </html>

flask_assets_tutorial/templates/layout.jinja2

@@ -12,7 +12,7 @@
 proc_name = "flaskassets"
 wsgi_app = "wsgi:app"
 bind = "unix:flask.sock"
-threads = 4
+threads = 2
 workers = 2
 
 if ENVIRONMENT == "development":