From 07ac17982226a2063f46423e7e8319b7cdabba90 Mon Sep 17 00:00:00 2001
From: Serhii Horodilov
Date: Wed, 1 Feb 2023 22:39:24 +0200
Subject: [PATCH 1/6] Added pagination buttons to list template
---
css/blog.css | 8 ++++++++
css/blog.css.map | 2 +-
css/blog.min.css | 2 +-
css/blog.scss | 8 ++++++++
templates/homepage.html | 6 ++++++
5 files changed, 24 insertions(+), 2 deletions(-)
diff --git a/css/blog.css b/css/blog.css
index 3f9f4f6..2a7a343 100644
--- a/css/blog.css
+++ b/css/blog.css
@@ -91,4 +91,12 @@
border-bottom-right-radius: 1rem;
}
+.blog-pagination {
+ margin-bottom: 2rem;
+}
+.blog-pagination .btn {
+ margin-left: 1rem;
+ width: 5rem;
+}
+
/*# sourceMappingURL=blog.css.map */
diff --git a/css/blog.css.map b/css/blog.css.map
index b1d4b26..eae8269 100644
--- a/css/blog.css.map
+++ b/css/blog.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["blog.scss"],"names":[],"mappings":"AAAA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAIF;EACE;EACA","file":"blog.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["blog.scss"],"names":[],"mappings":"AAAA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAIF;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;EACA","file":"blog.css"}
\ No newline at end of file
diff --git a/css/blog.min.css b/css/blog.min.css
index 27118c7..8661097 100644
--- a/css/blog.min.css
+++ b/css/blog.min.css
@@ -1 +1 @@
-.blog-header{border-bottom:2px solid #e5e5e5}.blog-header .avatar,.blog-header .logo{max-height:2.75rem;max-width:2.75rem}.blog-title{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:2.25rem}.blog-title:hover{text-decoration:none}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.position-sticky{top:2rem}.social{font-size:2.75rem;color:var(--bs-body-color)}.carousel{margin-bottom:4rem}.carousel-caption{bottom:3rem;z-index:10}.carousel-item{height:25rem}.form-auth{height:100%;display:block;align-items:center;text-align:center;max-width:300px;padding:15px}.form-auth input{border-radius:0}.form-auth input#username{border-top-left-radius:1rem;border-top-right-radius:1rem}.form-auth .form-floating:focus-within{z-index:2}.form-auth.form-signin #password,.form-auth.form-signup #confirmPassword{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}
\ No newline at end of file
+.blog-header{border-bottom:2px solid #e5e5e5}.blog-header .avatar,.blog-header .logo{max-height:2.75rem;max-width:2.75rem}.blog-title{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:2.25rem}.blog-title:hover{text-decoration:none}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.position-sticky{top:2rem}.social{font-size:2.75rem;color:var(--bs-body-color)}.carousel{margin-bottom:4rem}.carousel-caption{bottom:3rem;z-index:10}.carousel-item{height:25rem}.form-auth{height:100%;display:block;align-items:center;text-align:center;max-width:300px;padding:15px}.form-auth input{border-radius:0}.form-auth input#username{border-top-left-radius:1rem;border-top-right-radius:1rem}.form-auth .form-floating:focus-within{z-index:2}.form-auth.form-signin #password,.form-auth.form-signup #confirmPassword{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.blog-pagination{margin-bottom:2rem}.blog-pagination .btn{margin-left:1rem;width:5rem}
\ No newline at end of file
diff --git a/css/blog.scss b/css/blog.scss
index 81f78ec..1d2fd48 100644
--- a/css/blog.scss
+++ b/css/blog.scss
@@ -100,3 +100,11 @@
border-bottom-right-radius: 1rem;
}
}
+
+.blog-pagination {
+ margin-bottom: 2rem;
+ .btn {
+ margin-left: 1rem;
+ width: 5rem;
+ }
+}
\ No newline at end of file
diff --git a/templates/homepage.html b/templates/homepage.html
index fae0613..8d701c8 100644
--- a/templates/homepage.html
+++ b/templates/homepage.html
@@ -293,6 +293,12 @@ axonas peregrinationes!
+
+
+
From 17c2032cae5f5efb01849d748d3aed477cbf5df2 Mon Sep 17 00:00:00 2001
From: Serhii Horodilov
Date: Wed, 1 Feb 2023 23:29:34 +0200
Subject: [PATCH 2/6] Updated authenticated user block (header)
Added anonymous user image to repository.
---
img/anonymous.svg | 32 ++++++++++++++++++++++++++++++++
templates/blogpost.html | 24 ++++++++++++------------
templates/homepage.html | 10 +++-------
3 files changed, 47 insertions(+), 19 deletions(-)
create mode 100644 img/anonymous.svg
diff --git a/img/anonymous.svg b/img/anonymous.svg
new file mode 100644
index 0000000..ffc9539
--- /dev/null
+++ b/img/anonymous.svg
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/blogpost.html b/templates/blogpost.html
index 44611cd..63180d4 100644
--- a/templates/blogpost.html
+++ b/templates/blogpost.html
@@ -25,17 +25,17 @@
Django Blog
-
-
Authenticate
-
- Toggle Dropdown
-
-
+
+
+
@@ -144,7 +144,7 @@ hydras volare!
minus quia quos saepe suscipit totam. Accusamus cum exercitationem harum id itaque, officia quos ullam
voluptatem.
-
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto dicta, ea esse excepturi ipsa
laudantium libero molestias officiis quas quidem quisquam ratione? Dolores est, iste laborum pariatur ullam
vitae? Atque?
@@ -167,7 +167,7 @@
hydras volare!
minus quia quos saepe suscipit totam. Accusamus cum exercitationem harum id itaque, officia quos ullam
voluptatem.
-
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto dicta, ea esse excepturi ipsa
laudantium libero molestias officiis quas quidem quisquam ratione? Dolores est, iste laborum pariatur ullam
vitae? Atque?
diff --git a/templates/homepage.html b/templates/homepage.html
index 8d701c8..bee6454 100644
--- a/templates/homepage.html
+++ b/templates/homepage.html
@@ -26,15 +26,11 @@
-
+
From c05933422724218beaca9119578cbab1c559da5d Mon Sep 17 00:00:00 2001
From: Serhii Horodilov
Date: Wed, 1 Feb 2023 23:59:03 +0200
Subject: [PATCH 3/6] Added blogpost comment form
---
css/blog.css | 5 +++++
css/blog.css.map | 2 +-
css/blog.min.css | 2 +-
css/blog.scss | 5 +++++
templates/blogpost.html | 14 +++++++++++++-
5 files changed, 25 insertions(+), 3 deletions(-)
diff --git a/css/blog.css b/css/blog.css
index 2a7a343..459e06c 100644
--- a/css/blog.css
+++ b/css/blog.css
@@ -99,4 +99,9 @@
width: 5rem;
}
+.avatar {
+ max-height: 10rem;
+ max-width: 10rem;
+}
+
/*# sourceMappingURL=blog.css.map */
diff --git a/css/blog.css.map b/css/blog.css.map
index eae8269..452dee1 100644
--- a/css/blog.css.map
+++ b/css/blog.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["blog.scss"],"names":[],"mappings":"AAAA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAIF;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;EACA","file":"blog.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["blog.scss"],"names":[],"mappings":"AAAA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAIF;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;EACA","file":"blog.css"}
\ No newline at end of file
diff --git a/css/blog.min.css b/css/blog.min.css
index 8661097..d1fac9e 100644
--- a/css/blog.min.css
+++ b/css/blog.min.css
@@ -1 +1 @@
-.blog-header{border-bottom:2px solid #e5e5e5}.blog-header .avatar,.blog-header .logo{max-height:2.75rem;max-width:2.75rem}.blog-title{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:2.25rem}.blog-title:hover{text-decoration:none}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.position-sticky{top:2rem}.social{font-size:2.75rem;color:var(--bs-body-color)}.carousel{margin-bottom:4rem}.carousel-caption{bottom:3rem;z-index:10}.carousel-item{height:25rem}.form-auth{height:100%;display:block;align-items:center;text-align:center;max-width:300px;padding:15px}.form-auth input{border-radius:0}.form-auth input#username{border-top-left-radius:1rem;border-top-right-radius:1rem}.form-auth .form-floating:focus-within{z-index:2}.form-auth.form-signin #password,.form-auth.form-signup #confirmPassword{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.blog-pagination{margin-bottom:2rem}.blog-pagination .btn{margin-left:1rem;width:5rem}
\ No newline at end of file
+.blog-header{border-bottom:2px solid #e5e5e5}.blog-header .avatar,.blog-header .logo{max-height:2.75rem;max-width:2.75rem}.blog-title{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:2.25rem}.blog-title:hover{text-decoration:none}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.position-sticky{top:2rem}.social{font-size:2.75rem;color:var(--bs-body-color)}.carousel{margin-bottom:4rem}.carousel-caption{bottom:3rem;z-index:10}.carousel-item{height:25rem}.form-auth{height:100%;display:block;align-items:center;text-align:center;max-width:300px;padding:15px}.form-auth input{border-radius:0}.form-auth input#username{border-top-left-radius:1rem;border-top-right-radius:1rem}.form-auth .form-floating:focus-within{z-index:2}.form-auth.form-signin #password,.form-auth.form-signup #confirmPassword{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.blog-pagination{margin-bottom:2rem}.blog-pagination .btn{margin-left:1rem;width:5rem}.avatar{max-height:10rem;max-width:10rem}
\ No newline at end of file
diff --git a/css/blog.scss b/css/blog.scss
index 1d2fd48..74c9d1a 100644
--- a/css/blog.scss
+++ b/css/blog.scss
@@ -107,4 +107,9 @@
margin-left: 1rem;
width: 5rem;
}
+}
+
+.avatar {
+ max-height: 10rem;
+ max-width: 10rem;
}
\ No newline at end of file
diff --git a/templates/blogpost.html b/templates/blogpost.html
index 63180d4..92b85d2 100644
--- a/templates/blogpost.html
+++ b/templates/blogpost.html
@@ -111,8 +111,8 @@
- hydras volare!
+
hydras volare!
category
@@ -192,6 +192,18 @@
hydras volare!
+ Comments
+
From 49a0cc16b6ca91f262ec1caf9dd146959e8d2e0a Mon Sep 17 00:00:00 2001
From: Serhii Horodilov
Date: Thu, 2 Feb 2023 00:28:14 +0200
Subject: [PATCH 4/6] Updated comments section
---
css/blog.css | 5 +++
css/blog.css.map | 2 +-
css/blog.min.css | 2 +-
css/blog.scss | 9 +++++-
templates/blogpost.html | 68 +++++++++++++++++++++++++++++++++++++++--
5 files changed, 80 insertions(+), 6 deletions(-)
diff --git a/css/blog.css b/css/blog.css
index 459e06c..a8471bb 100644
--- a/css/blog.css
+++ b/css/blog.css
@@ -104,4 +104,9 @@
max-width: 10rem;
}
+.blogpost-comment .avatar {
+ max-height: 7rem;
+ max-width: 7rem;
+}
+
/*# sourceMappingURL=blog.css.map */
diff --git a/css/blog.css.map b/css/blog.css.map
index 452dee1..db5f39e 100644
--- a/css/blog.css.map
+++ b/css/blog.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["blog.scss"],"names":[],"mappings":"AAAA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAIF;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;EACA","file":"blog.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["blog.scss"],"names":[],"mappings":"AAAA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAIF;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAIA;EACE;EACA","file":"blog.css"}
\ No newline at end of file
diff --git a/css/blog.min.css b/css/blog.min.css
index d1fac9e..e0236cd 100644
--- a/css/blog.min.css
+++ b/css/blog.min.css
@@ -1 +1 @@
-.blog-header{border-bottom:2px solid #e5e5e5}.blog-header .avatar,.blog-header .logo{max-height:2.75rem;max-width:2.75rem}.blog-title{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:2.25rem}.blog-title:hover{text-decoration:none}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.position-sticky{top:2rem}.social{font-size:2.75rem;color:var(--bs-body-color)}.carousel{margin-bottom:4rem}.carousel-caption{bottom:3rem;z-index:10}.carousel-item{height:25rem}.form-auth{height:100%;display:block;align-items:center;text-align:center;max-width:300px;padding:15px}.form-auth input{border-radius:0}.form-auth input#username{border-top-left-radius:1rem;border-top-right-radius:1rem}.form-auth .form-floating:focus-within{z-index:2}.form-auth.form-signin #password,.form-auth.form-signup #confirmPassword{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.blog-pagination{margin-bottom:2rem}.blog-pagination .btn{margin-left:1rem;width:5rem}.avatar{max-height:10rem;max-width:10rem}
\ No newline at end of file
+.blog-header{border-bottom:2px solid #e5e5e5}.blog-header .avatar,.blog-header .logo{max-height:2.75rem;max-width:2.75rem}.blog-title{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:2.25rem}.blog-title:hover{text-decoration:none}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.position-sticky{top:2rem}.social{font-size:2.75rem;color:var(--bs-body-color)}.carousel{margin-bottom:4rem}.carousel-caption{bottom:3rem;z-index:10}.carousel-item{height:25rem}.form-auth{height:100%;display:block;align-items:center;text-align:center;max-width:300px;padding:15px}.form-auth input{border-radius:0}.form-auth input#username{border-top-left-radius:1rem;border-top-right-radius:1rem}.form-auth .form-floating:focus-within{z-index:2}.form-auth.form-signin #password,.form-auth.form-signup #confirmPassword{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.blog-pagination{margin-bottom:2rem}.blog-pagination .btn{margin-left:1rem;width:5rem}.avatar{max-height:10rem;max-width:10rem}.blogpost-comment .avatar{max-height:7rem;max-width:7rem}
\ No newline at end of file
diff --git a/css/blog.scss b/css/blog.scss
index 74c9d1a..9d59235 100644
--- a/css/blog.scss
+++ b/css/blog.scss
@@ -112,4 +112,11 @@
.avatar {
max-height: 10rem;
max-width: 10rem;
-}
\ No newline at end of file
+}
+
+.blogpost-comment {
+ .avatar {
+ max-height: 7rem;
+ max-width: 7rem;
+ }
+}
diff --git a/templates/blogpost.html b/templates/blogpost.html
index 92b85d2..bca042e 100644
--- a/templates/blogpost.html
+++ b/templates/blogpost.html
@@ -194,16 +194,78 @@ hydras volare!
Comments