From 22e0f86bf139f3ef2940e4b7d19fd27af7d09fb0 Mon Sep 17 00:00:00 2001 From: Serhii Horodilov Date: Mon, 30 Jan 2023 16:59:48 +0200 Subject: [PATCH] Added signin form --- css/blog.css | 27 ++++++++++++++++ css/blog.css.map | 2 +- css/blog.min.css | 2 +- css/blog.scss | 30 +++++++++++++++++- templates/signin.html | 72 +++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 130 insertions(+), 3 deletions(-) create mode 100644 templates/signin.html diff --git a/css/blog.css b/css/blog.css index 3fac510..a7c0406 100644 --- a/css/blog.css +++ b/css/blog.css @@ -57,4 +57,31 @@ height: 25rem; } +.form-auth { + max-width: 330px; + padding: 15px; +} + +.form-auth { + height: 100%; + display: block; + align-items: center; + text-align: center; + max-width: 300px; + padding: 15px; +} +.form-auth .form-floating:focus-within { + z-index: 2; +} +.form-auth input[type=password] { + margin-bottom: 10px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.form-auth input[type=email] { + margin-bottom: -1px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + /*# sourceMappingURL=blog.css.map */ diff --git a/css/blog.css.map b/css/blog.css.map index 270fcea..a042ee6 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","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;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA","file":"blog.css"} \ No newline at end of file diff --git a/css/blog.min.css b/css/blog.min.css index 697b7fe..9878217 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-dark)}.carousel{margin-bottom:4rem}.carousel-caption{bottom:3rem;z-index:10}.carousel-item{height:25rem} \ 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-dark)}.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 .form-floating:focus-within{z-index:2}.form-auth input[type=password]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}.form-auth input[type=email]{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0} \ No newline at end of file diff --git a/css/blog.scss b/css/blog.scss index 603240d..d6062db 100644 --- a/css/blog.scss +++ b/css/blog.scss @@ -59,4 +59,32 @@ .carousel-item { height: 25rem; -} \ No newline at end of file +} + +.form-auth { + max-width: 330px; + padding: 15px; +} + +.form-auth { + height: 100%; + display: block; + align-items: center; + text-align: center; + max-width: 300px; + padding: 15px; + .form-floating:focus-within { + z-index: 2; + } + input[type="password"] { + margin-bottom: 10px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + input[type="email"] { + margin-bottom: -1px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } +} diff --git a/templates/signin.html b/templates/signin.html new file mode 100644 index 0000000..0b601e8 --- /dev/null +++ b/templates/signin.html @@ -0,0 +1,72 @@ + + + + + + + + Blog + + + + + + + + +
+
+
+
+ +
+
+ Python course +
+
+
+ Authenticate +
+ +
+
+
+
+ +
+
+
+
+

Please sign in

+ +
+ + +
+
+ + +
+ + +
+
+ + + + \ No newline at end of file