AndrewTrieu/quizzy-application
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add layout.eta and main.eta

Browse Source
This commit is contained in:
AndrewTrieu
2023-03-09 11:39:46 +02:00
parent be427eda10
commit 5767d0cfdb
3 changed files with 31 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
drill-and-practice/deps.js
View File

@@ -9,3 +9,4 @@ export { postgres };
export { Session } from "https://deno.land/x/oak_sessions@v4.0.5/mod.ts";
export * as bcrypt from "https://deno.land/x/bcrypt@v0.4.1/mod.ts";
export * as validasaur from "https://deno.land/x/validasaur@v0.15.0/mod.ts";
3;

16
drill-and-practice/views/layouts/layout.eta
View File

@@ -1 +1,15 @@
<%~ it.body %>
<!doctype html>
<html lang="en">
<head>
<title>MCQ Application</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1>
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta charset="utf-8">
</head>
<body>
<div class="container paper">
<%~ it.body %>
</div>
</body>
</html>

16
drill-and-practice/views/main.eta
View File

@@ -1,3 +1,17 @@
<% layout("./layouts/layout.eta") %>
<h1>Hello world!</h1>
<h1>MCQ Application</h1>
<P>This is a web application that is used for repeated practice of learned content. The application provides a list of topics and allows creating multiple-choice questions into those topics that are then answered by self and others. The application also shows basic statistics: the total number of available questions and the total number of question answers. In addition, the application also provides an API for retrieving and answering random questions.</p>
<p>Are you already registered? <a href="/login">Login</a></p>
<p>Not registered yet? <a href="/register">Register</a></p>
<h2>Statistics</h2>
<p>Total number of:</p>
<ul>
<li>Topics: <%= it.topics %></li>
<li>Questions: <%= it.questions %></li>
<li>Answers: <%= it.answers %></li>
</ul>