web/iswhoa
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Finished the remaining screens

Browse source 
I think it's good to ship
This commit is contained in:
Leon Mika 2025-06-23 13:50:50 +02:00
parent aaf91f33e2
commit 0b20017408
10 changed files with 146 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

17
views/end.html Normal file
View file

@ -0,0 +1,17 @@
<div class="center-align">
<img class="logo" src="{{prefix}}/assets/logo.png" alt="I.S. Know logo, featuring a wireframe sphere instead of an O">
</div>
<div class="center-align">
<h2>The End</h2>
</div>
<div class="center-prose">
<p>Thank you for playing this quiz.</p>
<p>I hope you enjoyed this, or at the very least, I hope it wasn't too hard.</p>
<p>Leon Mika, 2025</p>
</div>
<div class="center-align">
<a data-controller="clearstate" data-action="clearstate#startGame" href="{{prefix}}/">Return to Home</a>
</div>

31
views/index.html
View file

@ -1,16 +1,19 @@
<img src="{{prefix}}/public/logo.png" alt="I.S. Know logo, featuring a wireframe sphere instead of an O">
<div class="center-prose">
<p>Greetings fellow web developer,</p>
<p>I'm sure you deal with ISO and RFC standards all the time as part of your work, but how well do you
actually know them? Take this quiz of 10 questions to test your knowledge of standards
common to web and server development and prove to anyone who cares to listen that you too are an
I.S. Knowlable person.</p>
<p>Just know that this is for amusement purposes only and any knowledge you might gain is
purely coincidental.
</p>
<p>Good luck,</p>
<p>— lmika</p>
<div class="center-align">
<img class="logo" src="{{prefix}}/assets/logo.png" alt="I.S. Know logo, featuring a wireframe sphere instead of an O">
</div>
<a data-controller="clearstate" data-action="clearstate#startGame" href="{{prefix}}/1" class="button">Begin</a>
<div class="center-prose">
<p>Greetings fellow developer,</p>
<p>You deal with ISO and RFC standards all the time as part of your work, but how well do you
know them? Take <strong>this quiz of 10 questions</strong> to test your knowledge of standards
common to web and server development and prove to anyone who cares to listen that you too are an
I.S. Knowlable person.</p>
<p>This is for amusement purposes only and any knowledge you might gain is
purely coincidental.
</p>
<p>Good luck.</p>
</div>
<div class="center-align">
<a data-controller="clearstate" data-action="clearstate#startGame" href="{{prefix}}/1" class="button">Begin</a>
</div>

2
views/layout.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" class="{{if .fadeIn}}fade-transition{{end}}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

23
views/question.html
View file

@ -5,6 +5,11 @@
<div class="question" data-controller="picker"
data-picker-qid-value="{{.q.ID}}" data-picker-answer-value="{{.q.RightChoice}}">
<div class="center-align">
<h4>Question {{.qIdx}}</h4>
</div>
<p>{{.q.Question}}</p>
{{range .q.Choices}}
@ -19,12 +24,18 @@
</label>
{{end}}
<button disabled data-picker-target="submit" data-action="picker#submitAnswer">Submit</button>
<div data-picker-target="answerDetails" class="hidden">
{{.q.Fact | markdown}}
<div>
<a href="{{.nextURL}}">Next</a>
<div class="submit-and-answer">
<div data-picker-target="submitButton" class="center-align">
<button disabled data-picker-target="submit" data-action="picker#submitAnswer">Submit</button>
</div>
<div data-picker-target="answerDetails" class="hidden">
<div class="center-align">
<h5 data-picker-target="result"></h5>
</div>
{{.q.Fact | markdown}}
<div class="center-align">
<a href="{{.nextURL}}" class="button">Continue</a>
</div>
</div>
</div>
</div>

4
views/results.html
View file

@ -1,4 +1,6 @@
<h1>Results</h1>
<div class="center-align">
<h2>Your Results</h2>
</div>
<div data-controller="yourscore" class="score-wrapper">
<p>Your final score is</p>