Skip to content

Commit 37478e2

Browse files
HenraLHenraL
committed
[ADD] a qr code to the forms to allow people to fill it out
1 parent 0d195ce commit 37478e2

File tree

8 files changed

+146
-36
lines changed

8 files changed

+146
-36
lines changed

‎bonus/bootstrap/asperboard.bsdesign‎

23.1 KB
Binary file not shown.

‎bonus/icon/asperbard_site_functionality_feedback_qr.png‎

35.2 KB
Loading

‎html/assets/img/asperbard_site_functionality_feedback_qr.png‎

35.2 KB
Loading

‎html/feedback/index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,8 @@
4545

4646
<body style="overflow:hidden;">
4747
<!-- Start: feedback form -->
48-
<section class="forumFrame"><iframe width="2000px" height="2000px" src="https://forms.office.com/Pages/ResponsePage.aspx?id=yrQckGK4KUCTBuXND22fhk594gvxFIhOoWU4HCjOCnFUNDBWNldGSE0zOTdERUlESTJWTDZGWE42Uy4u&embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
48+
<section class="forumFrame"><iframe width="2000px" height="2000px" src="https://forms.office.com/e/0zqiUBGLRi?embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
49+
<!-- <iframe width="2000px" height="2000px" src="https://forms.office.com/Pages/ResponsePage.aspx?id=yrQckGK4KUCTBuXND22fhk594gvxFIhOoWU4HCjOCnFUNDBWNldGSE0zOTdERUlESTJWTDZGWE42Uy4u&embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe> -->
4950
</section><!-- End: feedback form -->
5051
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
5152
<script src="../assets/js/modules/cookie_manager.mjs" type="module"></script>

‎html/feedback/qr/index.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<!DOCTYPE html>
2+
<html data-bs-theme="light" lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
7+
<title>Asperboard</title>
8+
<meta name="theme-color" content="#86c8ed">
9+
<link rel="canonical" href="https://asperboard.pingpal.news/html/feedback/qr/">
10+
<meta property="og:url" content="https://asperboard.pingpal.news/html/feedback/qr/">
11+
<meta name="twitter:description" content="This is the mockup of the project Asperboard. So far it contains the connection page, a mockup for the asperboard, discuss, follow up, logout. This mockup is front-end only, any data is only stored locally.">
12+
<meta name="twitter:card" content="summary_large_image">
13+
<meta property="og:type" content="website">
14+
<meta name="publisher" content="Henry Letellier">
15+
<meta name="copyright" content="© Henry Letellier">
16+
<meta name="robots" content="index, follow, max-image-preview:standard">
17+
<meta name="author" content="Henry LETELLIER, Flavien Maillard">
18+
<meta name="twitter:title" content="Asperboard">
19+
<meta name="description" content="This is the mockup of the project Asperboard. So far it contains the connection page, a mockup for the asperboard, discuss, follow up, logout. This mockup is front-end only, any data is only stored locally.">
20+
<meta property="og:image" content="https://asperboard.pingpal.news/html/assets/img/AB-logo.png">
21+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../assets/img/AB-logo.png">
22+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../assets/img/AB-logo.png" media="(prefers-color-scheme: dark)">
23+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../assets/img/AB-logo.png">
24+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../assets/img/AB-logo.png" media="(prefers-color-scheme: dark)">
25+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../assets/img/AB-logo.png">
26+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../assets/img/AB-logo.png">
27+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../assets/img/AB-logo.png">
28+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
29+
<link rel="manifest" href="../../manifest.json" crossorigin="use-credentials">
30+
<link rel="stylesheet" href="../../assets/css/OpenDyslexic.css">
31+
<link rel="stylesheet" href="../../assets/css/OpenDyslexic%203.css">
32+
<link rel="stylesheet" href="../../assets/css/OpenDyslexic3.css">
33+
<link rel="stylesheet" href="../../assets/css/OpenDyslexicAlta.css">
34+
<link rel="stylesheet" href="../../assets/css/OpenDyslexicMono.css">
35+
<link rel="stylesheet" href="../../assets/css/banner.css">
36+
<link rel="stylesheet" href="../../assets/css/chatbot.css">
37+
<link rel="stylesheet" href="../../assets/css/dropdown.css">
38+
<link rel="stylesheet" href="../../assets/css/header_button.css">
39+
<link rel="stylesheet" href="../../assets/css/Login-Form-Basic-icons.css">
40+
<link rel="stylesheet" href="../../assets/css/Toggle-Switches.css">
41+
<link rel="stylesheet" href="../../assets/css/xToggle.css">
42+
</head>
43+
44+
<body>
45+
<main><img src="../../assets/img/asperbard_site_functionality_feedback_qr.png" width="261" height="261"></main>
46+
<section id="banners" class="banner-container">
47+
<article id="cookie_banner"></article>
48+
<article id="feedback_banner"></article>
49+
</section>
50+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
51+
<script src="../../assets/js/modules/cookie_manager.mjs" type="module"></script>
52+
<script src="../../assets/js/modules/indexeddb_manager.mjs" type="module"></script>
53+
<script src="../../assets/js/modules/local_storage_manager.mjs" type="module"></script>
54+
<script src="../../assets/js/font-selector.js"></script>
55+
<script src="../../assets/js/modules/manage_server.mjs" type="module"></script>
56+
<script src="../../assets/js/modules/querier.mjs" type="module"></script>
57+
<script src="../../assets/js/sleep.js"></script>
58+
<script src="../../assets/js/modules/widget_manager.mjs" type="module"></script>
59+
<script src="../../assets/js/spacer.js"></script>
60+
<script src="../../assets/js/clearer.js"></script>
61+
<script src="../../assets/js/modules/constants.mjs" type="module"></script>
62+
<script src="../../assets/js/theme_toggler.js"></script>
63+
<script src="../../assets/js/banners/cookies.js"></script>
64+
<script src="../../assets/js/banners/feedback.js"></script>
65+
<script src="../../assets/js/change_toggle_option.js"></script>
66+
<script src="../../assets/js/chatbot/chatbot.js"></script>
67+
<script src="../../assets/js/github_normalizer.js"></script>
68+
<script src="../../assets/js/image_checker.js"></script>
69+
<script src="../../assets/js/xToggle-Toggle.js"></script>
70+
</body>
71+
72+
</html>

‎html/routes/pro/creation/index.html‎

Lines changed: 66 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -156,30 +156,47 @@
156156
</section><!-- End: controls -->
157157
<!-- Start: game -->
158158
<section class="creator_widget_container">
159-
<!-- Start: demo_quizz -->
160-
<aside class="widget">
161-
<section style="display:flex;flex-direction:row;justify-content:space-between;">
162-
<div style="display:flex;flex-direction:row;">
163-
<p>Publique: </p>
164-
<div class="border-0 d-flex border rounded-pill xToggle" style="width:32px;height:18px;cursor:pointer;" data-checked="false"><i class="fas fa-circle" style="height:100%;padding-top:1px;padding-left:2px;padding-right:2px;color:white;padding-bottom:5px;"></i></div>
165-
</div><button class="button_desing" type="button"><i class="fas fa-trash-alt" style="font-size:13px;"></i></button>
166-
</section>
167-
<section class="quizz_container">
168-
<h1>Créateur de quiz</h1>
169-
<div id="editor">
170-
<h2>Créez vos questions</h2><label>Question :</label><input type="text" class="question_quizz" id="question-input" placeholder="Entrez la question..."><br><label>Réponses :</label>
171-
<div id="answers-inputs"><input type="text" class="answer" placeholder="Réponse 1"><input type="text" class="answer" placeholder="Réponse 2"><input type="text" class="answer" placeholder="Réponse 3"><input type="text" class="answer" placeholder="Réponse 4"></div><br><label>Réponse correcte (1-4) :</label><input type="number" class="question_quizz" id="correct-answer" max="4" min="1" value="1"><button>Ajouter la question</button>
172-
<h3>Liste des questions</h3>
173-
<ul id="questions-list"></ul><button>Commencer le jeu</button><button id="start-over-btn">Recommencer</button>
174-
</div>
175-
<div id="game" style="display:none;"><button id="play-again-btn" style="display:none;">Rejouer</button><button id="edit-set-btn" style="display:none;">Modifier le set</button>
176-
<h2>Jouez à Votre Quiz</h2>
177-
<p id="question-text"></p>
178-
<div id="answers-container"></div>
179-
<p id="feedback"></p><button id="next-btn">Suivant</button>
180-
</div>
181-
</section>
182-
</aside><!-- End: demo_quizz -->
159+
<!-- Start: demo_quizz --><!-- <aside class="widget">
160+
<section style="display: flex;flex-direction: row;justify-content: space-between;">
161+
<div style="display: flex;flex-direction: row;">
162+
<p>Publique: </p>
163+
<div class="border-0 d-flex border rounded-pill xToggle" style="width: 32px;height: 18px;cursor: pointer;" data-checked="false"><i class="fas fa-circle" style="height: 100%;padding-top: 1px;padding-left: 2px;padding-right: 2px;color: white;padding-bottom: 5px;"></i></div>
164+
</div><button class="button_desing" type="button"><i class="fas fa-trash-alt" style="font-size: 13px;"></i></button>
165+
</section>
166+
<section class="quizz_container">
167+
<h1>Créateur de quiz</h1>
168+
<p>Titre: <input id="quiz-title" type="text" placeholder="Nom du quiz" /></p>
169+
<p>Description:</p>
170+
<input id="quiz-description" type="textarea" placeholder="Description du quiz" />
171+
<button id="save-quiz-btn">Sauvegarder</button>
172+
<div id="editor">
173+
<h2>Créez vos questions</h2>
174+
<label>Question :</label>
175+
<input id="question-input" class="question_quizz" type="text" placeholder="Entrez la question..." />
176+
<br />
177+
<label>Réponses :</label>
178+
<div id="answers-inputs">
179+
<input class="answer" type="text" placeholder="Réponse 1" />
180+
<input class="answer" type="text" placeholder="Réponse 2" />
181+
<input class="answer" type="text" placeholder="Réponse 3" />
182+
<input class="answer" type="text" placeholder="Réponse 4" />
183+
</div>
184+
<br />
185+
<label>Réponse correcte (1-4) :</label>
186+
<input id="correct-answer" class="question_quizz" type="number" max="4" min="1" value="1" />
187+
<button>Ajouter la question</button>
188+
<h3>Liste des questions</h3>
189+
<ul id="questions-list"></ul><button>Commencer le jeu</button><button id="start-over-btn">Recommencer</button>
190+
</div>
191+
<div id="game" style="display: none;"><button id="play-again-btn" style="display: none;">Rejouer</button><button id="edit-set-btn" style="display: none;">Modifier le set</button>
192+
<h2>Jouez à Votre Quiz</h2>
193+
<p id="question-text"></p>
194+
<div id="answers-container"></div>
195+
<p id="feedback"></p><button id="next-btn">Suivant</button>
196+
</div>
197+
</section>
198+
</aside> -->
199+
<!-- End: demo_quizz -->
183200
<!-- Start: text_article --><aside class="widget">
184201
<section style="display: flex;flex-direction: row;justify-content: space-between;">
185202
<div style="display: flex;flex-direction: row;">
@@ -203,18 +220,28 @@ <h2>Jouez à Votre Quiz</h2>
203220
</div>
204221
</section>
205222
</aside><!-- End: text_article -->
206-
<!-- Start: q&a --><aside class="widget">
223+
<!-- Start: q&a --><!-- <aside class="widget">
207224
<section style="display: flex;flex-direction: row;justify-content: space-between;">
208225
<div style="display: flex;flex-direction: row;">
209226
<p>Publique: </p>
210227
<div class="border-0 d-flex border rounded-pill xToggle" style="width: 32px;height: 18px;cursor: pointer;" data-checked="false"><i class="fas fa-circle" style="height: 100%;padding-top: 1px;padding-left: 2px;padding-right: 2px;color: white;padding-bottom: 5px;"></i></div>
211228
</div><button class="button_desing" type="button"><i class="fas fa-trash-alt" style="font-size: 13px;"></i></button>
212229
</section>
213230
<section class="quizz_container">
214-
<h1>Créateur de quiz</h1>
231+
<h1>Q&A</h1>
215232
<div id="editor-1">
216-
<h2>Créez vos questions</h2><label>Question :</label><input id="question-input-1" class="question_quizz" type="text" placeholder="Entrez la question..." /><br /><label>Réponses :</label>
217-
<div id="answers-inputs-1"><input class="answer" type="text" placeholder="Réponse 1" /><input class="answer" type="text" placeholder="Réponse 2" /><input class="answer" type="text" placeholder="Réponse 3" /><input class="answer" type="text" placeholder="Réponse 4" /></div><br /><label>Réponse correcte (1-4) :</label><input id="correct-answer-1" class="question_quizz" type="number" max="4" min="1" value="1" /><button>Ajouter la question</button>
233+
<h2>Créez vos questions</h2>
234+
<label>Question :</label>
235+
<input id="question-input-1" class="question_quizz" type="text" placeholder="Entrez la question..." />
236+
<br />
237+
<label>Réponses :</label>
238+
<div id="answers-inputs-1">
239+
<input class="answer" type="text" placeholder="Réponse" />
240+
</div>
241+
<br />
242+
<label>Réponse correcte (1-4) :</label>
243+
<input id="correct-answer-1" class="question_quizz" type="number" max="4" min="1" value="1" />
244+
<button>Ajouter la question</button>
218245
<h3>Liste des questions</h3>
219246
<ul id="questions-list-1"></ul><button>Commencer le jeu</button><button id="start-over-btn-1">Recommencer</button>
220247
</div>
@@ -225,8 +252,9 @@ <h2>Jouez à Votre Quiz</h2>
225252
<p id="feedback-1"></p><button id="next-btn-1">Suivant</button>
226253
</div>
227254
</section>
228-
</aside><!-- End: q&a -->
229-
<!-- Start: video --><aside class="widget">
255+
</aside> -->
256+
<!-- End: q&a -->
257+
<!-- Start: video --><!-- <aside class="widget">
230258
<section style="display: flex;flex-direction: row;justify-content: space-between;">
231259
<div style="display: flex;flex-direction: row;">
232260
<p>Publique: </p>
@@ -248,8 +276,9 @@ <h2>Jouez à Votre Quiz</h2>
248276
<p id="feedback-1"></p><button id="next-btn-1">Suivant</button>
249277
</div>
250278
</section>
251-
</aside><!-- End: video -->
252-
<!-- Start: link --><aside class="widget">
279+
</aside> -->
280+
<!-- End: video -->
281+
<!-- Start: link --><!-- <aside class="widget">
253282
<section style="display: flex;flex-direction: row;justify-content: space-between;">
254283
<div style="display: flex;flex-direction: row;">
255284
<p>Publique: </p>
@@ -271,8 +300,9 @@ <h2>Jouez à Votre Quiz</h2>
271300
<p id="feedback-1"></p><button id="next-btn-1">Suivant</button>
272301
</div>
273302
</section>
274-
</aside><!-- End: link -->
275-
<!-- Start: iframe --><aside class="widget">
303+
</aside> -->
304+
<!-- End: link -->
305+
<!-- Start: iframe --><!-- <aside class="widget">
276306
<section style="display: flex;flex-direction: row;justify-content: space-between;">
277307
<div style="display: flex;flex-direction: row;">
278308
<p>Publique: </p>
@@ -294,7 +324,8 @@ <h2>Jouez à Votre Quiz</h2>
294324
<p id="feedback-1"></p><button id="next-btn-1">Suivant</button>
295325
</div>
296326
</section>
297-
</aside><!-- End: iframe -->
327+
</aside> -->
328+
<!-- End: iframe -->
298329
</section><!-- End: game -->
299330
<section id="chatbot_instance">
300331
<div class="chatBotAbstraction">

‎html/sitemap.xml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@
66
<url>
77
<loc>https://asperboard.pingpal.news/html/callback/</loc>
88
</url>
9+
<url>
10+
<loc>https://asperboard.pingpal.news/html/feedback/qr/</loc>
11+
</url>
912
<url>
1013
<loc>https://asperboard.pingpal.news/html/feedback/</loc>
1114
</url>

‎sitemap.xml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@
66
<url>
77
<loc>https://asperboard.pingpal.news/html/callback/</loc>
88
</url>
9+
<url>
10+
<loc>https://asperboard.pingpal.news/html/feedback/qr/</loc>
11+
</url>
912
<url>
1013
<loc>https://asperboard.pingpal.news/html/feedback/</loc>
1114
</url>

0 commit comments

Comments
 (0)