File tree Expand file tree Collapse file tree 13 files changed +161
-230
lines changed Expand file tree Collapse file tree 13 files changed +161
-230
lines changed Original file line number Diff line number Diff line change 1
1
FLASK_ENV = development
2
2
SECRET_KEY = " HGuitfI&uf6i7r&ujHFc"
3
3
FLASK_DEBUG = False
4
- LESS_BIN = " /Users/myuser/.nvm/versions/node/v18.18.1/ bin/lessc "
4
+ LESS_BIN = " /usr/ bin/less "
Original file line number Diff line number Diff line change 1
1
# Flask-Assets Tutorial
2
2
3
3
![ Python] ( https://img.shields.io/badge/Python-v3.12-blue.svg?logo=python&longCache=true&logoColor=white&colorB=5e81ac&style=flat-square&colorA=4c566a )
4
- ![ 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 )
4
+ ![ 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 )
5
5
![ 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 )
6
- ![ 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 )
6
+ ![ 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 )
7
7
![ GitHub Last Commit] ( https://img.shields.io/github/last-commit/google/skia.svg?style=flat-square&colorA=4c566a&colorB=a3be8c&logo=GitHub )
8
8
[ ![ 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 )
9
9
[ ![ 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 )
Original file line number Diff line number Diff line change 11
11
}
12
12
}
13
13
nav .nav-wrapper {
14
- width : 915 px ;
15
- max-width : 80 vw ;
14
+ width : 650 px ;
15
+ max-width : 85 vw ;
16
16
display : flex;
17
17
justify-content : space-between;
18
18
align-items : center;
@@ -34,7 +34,7 @@ nav .nav-wrapper .left-nav img {
34
34
margin-right : 20px ;
35
35
}
36
36
nav .nav-wrapper .left-nav a {
37
- margin-right : 20 px ;
37
+ margin-right : 30 px ;
38
38
font-weight : 400 ;
39
39
}
40
40
nav a {
57
57
}
58
58
body .container ,
59
59
html .container {
60
- width : 850 px ;
61
- max-width : 80 vw ;
62
- min- height: 100 % ;
60
+ width : 590 px ;
61
+ max-width : 590 px ;
62
+ height : 70 % ;
63
63
background : white;
64
64
margin : 40px auto 0 ;
65
65
padding : 40px ;
@@ -68,7 +68,8 @@ html .container {
68
68
@media (max-width : 800px ) {
69
69
body .container ,
70
70
html .container {
71
- width : 100% ;
71
+ width : 80vw ;
72
+ max-width : unset;
72
73
}
73
74
}
74
75
@media (max-width : 600px ) {
@@ -96,8 +97,8 @@ html .container h1 {
96
97
body .container p ,
97
98
html .container p {
98
99
font-weight : 300 ;
99
- font-size : 1. 1em ;
100
- line-height : 1.4 ;
100
+ font-size : 1em ;
101
+ line-height : 1.6 ;
101
102
}
102
103
ul {
103
104
list-style : none;
@@ -138,7 +139,7 @@ nav {
138
139
}
139
140
}
140
141
nav .nav-wrapper {
141
- width : 915 px ;
142
+ width : 650 px ;
142
143
max-width : 85vw ;
143
144
display : flex;
144
145
justify-content : space-between;
@@ -161,7 +162,7 @@ nav .nav-wrapper .left-nav img {
161
162
margin-right : 20px ;
162
163
}
163
164
nav .nav-wrapper .left-nav a {
164
- margin-right : 20 px ;
165
+ margin-right : 30 px ;
165
166
font-weight : 400 ;
166
167
}
167
168
nav a {
Original file line number Diff line number Diff line change 11
11
}
12
12
}
13
13
nav .nav-wrapper {
14
- width : 915 px ;
15
- max-width : 80 vw ;
14
+ width : 650 px ;
15
+ max-width : 85 vw ;
16
16
display : flex;
17
17
justify-content : space-between;
18
18
align-items : center;
@@ -34,7 +34,7 @@ nav .nav-wrapper .left-nav img {
34
34
margin-right : 20px ;
35
35
}
36
36
nav .nav-wrapper .left-nav a {
37
- margin-right : 20 px ;
37
+ margin-right : 30 px ;
38
38
font-weight : 400 ;
39
39
}
40
40
nav a {
57
57
}
58
58
body .container ,
59
59
html .container {
60
- width : 850 px ;
61
- max-width : 80 vw ;
62
- min- height: 100 % ;
60
+ width : 590 px ;
61
+ max-width : 590 px ;
62
+ height : 70 % ;
63
63
background : white;
64
64
margin : 40px auto 0 ;
65
65
padding : 40px ;
@@ -68,7 +68,8 @@ html .container {
68
68
@media (max-width : 800px ) {
69
69
body .container ,
70
70
html .container {
71
- width : 100% ;
71
+ width : 80vw ;
72
+ max-width : unset;
72
73
}
73
74
}
74
75
@media (max-width : 600px ) {
@@ -96,8 +97,8 @@ html .container h1 {
96
97
body .container p ,
97
98
html .container p {
98
99
font-weight : 300 ;
99
- font-size : 1. 1em ;
100
- line-height : 1.4 ;
100
+ font-size : 1em ;
101
+ line-height : 1.6 ;
101
102
}
102
103
ul {
103
104
list-style : none;
@@ -138,7 +139,7 @@ nav {
138
139
}
139
140
}
140
141
nav .nav-wrapper {
141
- width : 915 px ;
142
+ width : 650 px ;
142
143
max-width : 85vw ;
143
144
display : flex;
144
145
justify-content : space-between;
@@ -161,7 +162,7 @@ nav .nav-wrapper .left-nav img {
161
162
margin-right : 20px ;
162
163
}
163
164
nav .nav-wrapper .left-nav a {
164
- margin-right : 20 px ;
165
+ margin-right : 30 px ;
165
166
font-weight : 400 ;
166
167
}
167
168
nav a {
Original file line number Diff line number Diff line change @@ -11,16 +11,17 @@ html {
11
11
height : 100% ;
12
12
13
13
.container {
14
- width : 850 px ;
15
- max-width : 80 vw ;
16
- min- height : 100 % ;
14
+ width : @body-width-fullscreen ;
15
+ max-width : @body-width-fullscreen ;
16
+ height : 70 % ;
17
17
background : white ;
18
18
margin : 40px auto 0 ;
19
19
padding : 40px ;
20
20
box-shadow : 0 0 5px #bec6cf ;
21
21
22
22
@media (max-width : @tablet-breakpoint ) {
23
- width : 100% ;
23
+ width : 80vw ;
24
+ max-width : unset ;
24
25
}
25
26
26
27
@media (max-width : @mobile-breakpoint ) {
45
46
46
47
p {
47
48
font-weight : 300 ;
48
- font-size : 1. 1em ;
49
- line-height : 1.4 ;
49
+ font-size : 1em ;
50
+ line-height : 1.6 ;
50
51
}
51
52
}
52
53
}
Original file line number Diff line number Diff line change 11
11
}
12
12
13
13
.nav-wrapper {
14
- width : 915 px ;
14
+ width : @nav-width-fullscreen ;
15
15
max-width : 85vw ;
16
16
display : flex ;
17
17
justify-content : space-between ;
33
33
}
34
34
35
35
a {
36
- margin-right : 20 px ;
36
+ margin-right : 30 px ;
37
37
font-weight : 400 ;
38
38
}
39
39
}
Original file line number Diff line number Diff line change 10
10
// Fonts
11
11
@body-font : ' Poppins' , sans-serif ;
12
12
13
+ // Viewport size
14
+ @body-width-fullscreen : 590px ;
15
+ @nav-width-fullscreen : 650px ;
16
+
13
17
// Break points
14
18
/* Breakpoints */
15
19
@smallscreen-breakpoint : 950px ;
Load Diff This file was deleted.
Original file line number Diff line number Diff line change 23
23
{# Scripts #}
24
24
<script src =" {{ url_for('static', filename='dist/js/main.min.js') }}" ></script >
25
25
{% block additionalscripts %}{% endblock %}
26
- {% include 'analytics.jinja2' %}
27
26
</body >
28
27
29
28
</html >
Original file line number Diff line number Diff line change 12
12
proc_name = "flaskassets"
13
13
wsgi_app = "wsgi:app"
14
14
bind = "unix:flask.sock"
15
- threads = 4
15
+ threads = 2
16
16
workers = 2
17
17
18
18
if ENVIRONMENT == "development" :
You can’t perform that action at this time.
0 commit comments