Skip to content
Snippets Groups Projects
Commit cbb755d8 authored by bewe's avatar bewe
Browse files

style: result page

parent f5017cb0
Branches
Tags
No related merge requests found
...@@ -127,7 +127,8 @@ class Exercise extends Controller ...@@ -127,7 +127,8 @@ class Exercise extends Controller
$query = $this->getQuery(); $query = $this->getQuery();
$data["score"] = -1; $data["score"] = -1;
if (isset($query["score"]) && isset($query["isDone"])) { if (isset($query["name"]) && isset($query["score"]) && isset($query["isDone"])) {
$data["exe_name"] = $query["name"];
$data["score"] = $query["score"]; $data["score"] = $query["score"];
$data["isDone"] = $query["isDone"]; $data["isDone"] = $query["isDone"];
} }
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
Question Question
<?= $questionNumber ?> <?= $questionNumber ?>
</h2> </h2>
<div class="question-text"> <div class="question-text font-bold">
<?= $question['question'] ?> <?= $question['question'] ?>
</div> </div>
<?php foreach ($question["options"] as $option): ?> <?php foreach ($question["options"] as $option): ?>
......
<div class="result"> <div class="result">
<div class="container result-container"> <div class="container result-container">
<h1 class="font-bold text-xl text-blue-purple-gradient result-text"> <h1 class="text-xl result-header">
Your Score: <?= $data['score'] ?> Congratulations!<br>You have completed<br><span class="text-blue-purple-gradient">
<?= $data['exe_name'] ?>
</span>
</h1> </h1>
<? if ($data['isDone'] == "") : ?> <div class="result-content">
<div class="font-bold text-xl text-blue-purple-gradient result-text"> <h1 class="font-bold">
Gems earned: +<?= $data['score'] ?> Your Score:
</div> <span class="result-text"> <?= $data['score'] ?> </span>
<div class="font-bold text-xl text-blue-purple-gradient result-text"> </h1>
Your total gems: <?= $data['gems'] ?> <? if ($data['isDone'] == ""): ?>
</div> <div class="font-bold">
<? endif; ?> Gems earned: <span class="result-text"> +
<?= $data['score'] ?> </span>
</div>
<div class="font-bold">
Your total gems:
<span class="result-text"> <?= $data['gems'] ?> </span>
</div>
<? endif; ?>
</div>
<div class="button-container"> <div class="button-container">
<a href="/exercise" class="distinct-button submit-button">Back to Exercise</a> <a href="/exercise" class="distinct-button submit-button">Back to Exercise</a>
</div> </div>
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
.question .question-container { .question .question-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 50px; gap: 40px;
} }
.question .question-container h1 { .question .question-container h1 {
...@@ -23,6 +23,9 @@ ...@@ -23,6 +23,9 @@
.question-content .question-item { .question-content .question-item {
margin-bottom: 40px; margin-bottom: 40px;
background: #ECECEC;
padding: 20px;
border-radius: 10px;
} }
.question-content .question-item .question-header { .question-content .question-item .question-header {
...@@ -117,9 +120,32 @@ ...@@ -117,9 +120,32 @@
.result .result-container { .result .result-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 50px;
} }
.result .result-text { .result .result-header {
text-align: center; padding: 70px 5vw;
margin-bottom: 40px;
background: #ECECEC;
border-radius: 10px;
}
.result .result-content {
margin: 0 5vw;
text-align: end;
}
.result .result-content .result-text {
color: var(--orange);
}
@media (max-width: 1000px) {
.result .result-header {
padding: 50px 0;
text-align: center;
}
.result .result-content {
text-align: center;
}
} }
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment