Initial commit
This commit is contained in:
@@ -0,0 +1,13 @@
|
||||
package com.bernard.misael;
|
||||
|
||||
import org.springframework.boot.SpringApplication;
|
||||
import org.springframework.boot.autoconfigure.SpringBootApplication;
|
||||
|
||||
@SpringBootApplication
|
||||
public class MisaelApplication {
|
||||
|
||||
public static void main(String[] args) {
|
||||
SpringApplication.run(MisaelApplication.class, args);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
package com.bernard.misael.web;
|
||||
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
import org.springframework.web.bind.annotation.GetMapping;
|
||||
|
||||
|
||||
@Controller
|
||||
@RequestMapping("/questions")
|
||||
public class QuestionsController {
|
||||
|
||||
@GetMapping("/quizz")
|
||||
/*
|
||||
* List all quizz
|
||||
*/
|
||||
public String getQuizz() {
|
||||
return "quizz.html";
|
||||
}
|
||||
@GetMapping("/forms")
|
||||
/*
|
||||
* List all forms started or finished by the user
|
||||
*/
|
||||
public String getForms() {
|
||||
return "forms.html";
|
||||
}
|
||||
@GetMapping("/login")
|
||||
public String loginPage() {
|
||||
return "login.html";
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
spring.application.name=Misael
|
||||
spring.session.jdbc.initialize-schema=always
|
||||
@@ -0,0 +1,64 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
nav{
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 75px;
|
||||
background: #2980b9;
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
nav .navbar{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 100%;
|
||||
max-width: 90%;
|
||||
background: #2980b9;
|
||||
margin: auto;
|
||||
}
|
||||
nav .navbar .logo a{
|
||||
color: #fff;
|
||||
font-size: 27px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
}
|
||||
nav .navbar .menu{
|
||||
display: flex;
|
||||
}
|
||||
.navbar .menu li{
|
||||
list-style: none;
|
||||
margin: 0 15px;
|
||||
}
|
||||
.navbar .menu li a{
|
||||
color: #fff;
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
}
|
||||
main{
|
||||
display: flex;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #96c7e8;
|
||||
font-size: 24px;
|
||||
}
|
||||
.button a{
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
background: #2980b9;
|
||||
padding: 7px 12px;;
|
||||
font-size: 18px;
|
||||
border-radius: 6px;
|
||||
box-shadow: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" dir="ltr">
|
||||
<head>
|
||||
<div th:replace="~{html-head}"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div th:replace="~{header}"/>
|
||||
<main>
|
||||
|
||||
<ul>
|
||||
<li><a href="/questions/form?f=132">Formulaire de réponse au quizz numéro 1</a></li>
|
||||
<li><a href="/questions/form?f=177">Formulaire de réponse au quizz numéro 2</a></li>
|
||||
<li><a href="/questions/form?f=16818">Formulaire de réponse au quizz numéro 3</a></li>
|
||||
</ul>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
<nav>
|
||||
<div class="navbar">
|
||||
<div class="logo"><a href="#">Misael-Q</a></div>
|
||||
<ul class="menu">
|
||||
<li><a href="/questions/quizz">Quizz</a></li>
|
||||
<li><a href="/questions/forms">Forms</a></li>
|
||||
<li><a href="/questions/login">Login</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -0,0 +1,6 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Misael</title>
|
||||
<link rel="stylesheet" th:href="@{/css/style.css}">
|
||||
<!-- Fontawesome CDN Link -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" dir="ltr">
|
||||
<head>
|
||||
<div th:replace="~{html-head}"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div th:replace="~{header}"/>
|
||||
<main>
|
||||
|
||||
<form>
|
||||
<label for="login-pseudo">Pseudo :</label>
|
||||
<input type="text" id="login-pseudo" name="pseudo"/>
|
||||
<br/>
|
||||
<label for="login-password">Mot de passe :</label>
|
||||
<input type="text" id="login-password" name="password"/>
|
||||
<br/>
|
||||
<input id="connect" type="button">Se connecter</input>
|
||||
</form>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" dir="ltr">
|
||||
<head>
|
||||
<div th:replace="~{html-head}"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div th:replace="~{header}"/>
|
||||
<main>
|
||||
|
||||
<ul>
|
||||
<li><a href="/questions/newform?q=132">Quizz numéro 1</a></li>
|
||||
<li><a href="/questions/newform?q=177">Quizz numéro 2</a></li>
|
||||
<li><a href="/questions/newform?q=16818">Quizz numéro 3</a></li>
|
||||
</ul>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user