s470629/SOITA
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Home page update and tests redirection

Browse Source
This commit is contained in:
Piotr Kopycki 2021-12-29 19:31:10 +01:00
parent bafd7570dc
commit 2c444c31d0
4 changed files with 71 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
palette.txt
View File

@ -4,3 +4,5 @@ Color palette:
#FFCF00 - Cyber Yellow
#EE6123 - Orange Panteon
#FA003F - Red Munsell
#FF0B7E - Winter Sky

52
static/style.css
View File

@ -5,7 +5,7 @@
z-index: 1;
top: 0;
left: 0;
background-color: #FA003F;
background-color: #FF0B7E;
overflow-x: :hidden;
padding-top: 20px;
}
@ -39,12 +39,58 @@
.main {
margin-left: 160px;
padding: 0px 10px;
padding: 0px 40px;
}
.main h1 {
text-align: center;
text-transform: uppercase;
padding-bottom: 50px;
}
.mainTestContainer {
border-radius: 25px;
border: 2px solid #FF0B7E;
padding: 20px;
width: 800px;
height: 225px;
}
.mainTestName {
font-weight: bold;
font-size: 20px;
padding-bottom: 20px;
}
.mainTestMeta {
font-size: 13px;
padding-bottom: 15px;
color: #808080;
}
.mainTestContainer button {
height: 30px;
width: 150px;
color: #FFF;
font-size: 17px;
background: #00916E;
cursor: pointer;
border-radius: 25px;
border: none;
outline: none;
transform: translate(200%,0%);
}
.mainTestContainer a {
color: inherit;
text-decoration: inherit;
}
.mainTestDesc{
padding-bottom: 15px;
}
.mainTestQuest {
}
.authContent {
@ -145,4 +191,4 @@ input[type=checkbox]{
margin-top: 15px;
}
background-color:#FA003F
background-color:#FF0B7E

2
templates/authBase.html
View File

@ -8,7 +8,7 @@
<meta name="description" content="{% block description %}{% endblock %}">
</head>
<body style="background-color: #FA003F">
<body style="background-color: #FF0B7E">
<div class="titleBar">
SOITA
</div>

26
templates/home.html
View File

@ -3,15 +3,25 @@
{% block title %}Home{% endblock %}
{% block content %}
<h1>Welcome in SOITA</h1>
<h1>Take some tests!</h1>
{% for test in tests %}
<p>
<b>{{test.name}}</b>
<br>
Passing score: {{test.passing_score}}
<br>
Category: {{test.category.name}}
</p>
<div class="mainTestContainer">
<div class="mainTestName">
{{test.name}}
</div>
<div class="mainTestMeta">
Category: {{test.category.name}}
</div>
<div class="mainTestDesc">
<!-- TODO 250 words limit-->
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus volutpat scelerisque tortor, id sodales leo finibus id. Vivamus id viverra nunc, ac faucibus metus. Nulla a mauris imperdiet sapien lobortis dapibus. Quisque ornare posuere pulvinar.
</div>
<div class="mainTestMeta">
Passing score: {{test.passing_score}}
</div>
<button><a href="/tests/{{test.id}}/show">Start</a></button>
</div>
<br>
{% endfor %}
{% endblock %}