lm/Django-Learn
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

rewrite to use django base extension functionality

Browse Source
This commit is contained in:
lm
2021-09-13 18:51:30 +02:00
parent 72a94c8164
commit 422b461ced
6 changed files with 159 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files
djlearn/pages/static/css/landing.css → djlearn/pages/static/css/base.css
+12 -54
View File
@@ -20,53 +20,11 @@ p {
margin: 0;
}
.landing-bg {
.bg {
background: url("/static/img/nasa_splash.jpg") no-repeat center center fixed;
background-size: cover;
}
.landing-main-text {
text-align: center;
margin: 1em;
}
.landing-section {
min-height: 100vh;
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.landing-section-content {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #ccc;
}
.landing-section-content-inner {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #ccc;
}
/*
.landing-features {
background: ;
}
.landing-feature {
}
*/
.shade {
width: 100vw;
display: flex;
@@ -91,16 +49,6 @@ footer p {
margin: 0.5em;
}
.brand {
margin: 0;
color: #c55e00;
font-size: 3em;
}
.brand-text {
color: gold;
}
.header {
width: 100vw;
display: flex;
@@ -150,4 +98,14 @@ footer p {
#logo-img {
width: 50px;
height: 50px;
}
}
.brand {
margin: 0;
color: #c55e00;
font-size: 3em;
}
.brand-text {
color: gold;
}
djlearn/pages/static/css/index.css
+31
View File
@@ -0,0 +1,31 @@
.landing-main-text {
text-align: center;
margin: 1em;
}
.landing-section {
min-height: 100vh;
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.landing-section-content {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #ccc;
}
.landing-section-content-inner {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #ccc;
}
djlearn/pages/static/css/login.css
-90
View File
@@ -1,39 +1,3 @@
body {
font-family: monospace;
margin: 0;
overflow-x: hidden;
color: white;
min-height: 100vh;
display: flex;
flex-direction: column;
}
::-webkit-scrollbar {
display: none;
}
a {
color: lightcoral;
}
p {
margin: 0;
}
.login-bg {
background: url("/static/img/nasa_splash.jpg") no-repeat center center fixed;
background-size: cover;
}
.shade {
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.5);
}
.login-section {
min-height: 100vh;
width: 100vw;
@@ -72,57 +36,3 @@ p {
justify-content: space-between;
margin: 0.5em 0.5em 0 0;
}
footer {
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 0.75rem;
position: absolute;
bottom: 0;
}
footer p {
margin: 0.5em;
}
.brand {
font-size: 2.5em;
margin: 0;
color: #c55e00;
}
.header {
width: 100vw;
display: flex;
flex-direction: row;
position: absolute;
}
.header-link {
color: white;
margin: 1rem;
font-size: 1rem;
text-decoration: underline 0.1em #c55e00;
text-underline-offset: 0.1em;
transition: text-decoration-color 300ms, text-underline-offset 300ms;
}
.header-link:hover {
text-decoration-color: red;
text-underline-offset: 0.2em;
}
.header-text {
margin: 1rem 1rem 1rem auto;
font-size: 1rem;
color: #ccc;
}
#logo {
width: 50px;
height: 50px;
}