Taevas/kanaguessr
Taevas/kanaguessr
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update LICENSE, CSS, and README's preview

Browse source 
No more fetching 1MB from Microsoft's servers, thank you very much
This commit is contained in:
Taevas 2025-04-20 14:41:17 +02:00
parent ff96b9d060
commit 87301297b7
Signed by: Taevas
SSH key fingerprint: SHA256:Y5Hv18xwPvUKSlgkx1sPnRO3L2mc03ehC7BzrnZVEyY
5 changed files with 45 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

37
LICENSE
View file

@ -1,13 +1,24 @@
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE This is free and unencumbered software released into the public domain.
Version 2, December 2004
Anyone is free to copy, modify, publish, use, compile, sell, or
Copyright (C) 2004 Sam Hocevar <sam@hocevar.net> distribute this software, either in source code form or as a compiled
binary, for any purpose, commercial or non-commercial, and by any
Everyone is permitted to copy and distribute verbatim or modified means.
copies of this license document, and changing it is allowed as long
as the name is changed. In jurisdictions that recognize copyright laws, the author or authors
of this software dedicate any and all copyright interest in the
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE software to the public domain. We make this dedication for the benefit
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION of the public at large and to the detriment of our heirs and
successors. We intend this dedication to be an overt act of
0. You just DO WHAT THE FUCK YOU WANT TO. relinquishment in perpetuity of all present and future rights to this
software under copyright law.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
For more information, please refer to <https://unlicense.org>

4
README.md
View file

@ -1,9 +1,9 @@
# kanaguessr # kanaguessr
[kanaguessr](https://kanaguessr.taevas.xyz/) is a webpage where a character appears in [hiragana](https://en.wikipedia.org/wiki/Hiragana), [katakana](https://en.wikipedia.org/wiki/Katakana), or [romaji](https://en.wikipedia.org/wiki/Romanization_of_Japanese), and you have to guess its equivalent in one of those syllabaries [kanaguessr](https://kanaguessr.taevas.xyz/) is a webpage where a character appears in **[hiragana](https://en.wikipedia.org/wiki/Hiragana), [katakana](https://en.wikipedia.org/wiki/Katakana), or [rōmaji](https://en.wikipedia.org/wiki/Romanization_of_Japanese)**, and you have to guess its equivalent in one of those syllabaries
you may use it to train yourself with [typing in japanese](https://www.coscom.co.jp/learnjapanese801/msime_win10_en1.html), by constantly switching through three different syllabaries you may use it to train yourself with [typing in japanese](https://www.coscom.co.jp/learnjapanese801/msime_win10_en1.html), by constantly switching through three different syllabaries
or you may simply use it to test your knowledge of hiraganas and katakanas by typing their equivalent in romaji or you may simply use it to test your knowledge of hiraganas and katakanas by typing their equivalent in romaji
![kanaguessr](https://user-images.githubusercontent.com/67872932/223125696-6c15bc2f-416b-4eb0-9322-32053e24ef9d.gif) ![kanaguessr](preview.mp4 "Preview video")

15
index.css
View file

@ -57,11 +57,20 @@ p {
line-height: 75px; line-height: 75px;
margin-top: 1em; margin-top: 1em;
margin-bottom: 0px; margin-bottom: 0px;
width: 50px; padding: 0px 5px;
min-width: 50px;
height: 80px; height: 80px;
text-align: center; text-align: center;
} }
#positive {
color: green;
}
#negative {
color: red;
}
input::placeholder { input::placeholder {
color: grey !important; color: grey !important;
} }
@ -89,6 +98,10 @@ input::placeholder {
margin-top: 15px; margin-top: 15px;
} }
#game {
margin-top: 25px;
}
#settings { #settings {
margin-top: 10px; margin-top: 10px;
} }

10
index.html
View file

@ -12,17 +12,17 @@
<script defer src="https://visitors.taevas.xyz/script.js" data-website-id="2b7bf05f-f84c-4d40-9a99-e5334aae35bd"></script> <script defer src="https://visitors.taevas.xyz/script.js" data-website-id="2b7bf05f-f84c-4d40-9a99-e5334aae35bd"></script>
</head> </head>
<body> <body>
<div class="container" id="main"> <main class="container">
<div class="row" style="margin-top: 25px;" id="game"> <div class="row" id="game">
<div class="col" id="question"> <div class="col" id="question">
<p title="the character you have to write" id="character"></p> <p title="the character you have to write" id="character"></p>
<p title="the syllabary in which you have to write" id="equivalent"></p> <p title="the syllabary in which you have to write" id="equivalent"></p>
</div> </div>
<div class="col" id="answer"> <div class="col" id="answer">
<div id="user_answer"> <div id="user_answer">
<p style="color: green" id="positive">0</p> <p id="positive">0</p>
<input type="text" class="form-control form-control-sm" id="answer_field" placeholder="type..." autofocus="autofocus"> <input type="text" class="form-control form-control-sm" id="answer_field" placeholder="type..." autofocus="autofocus">
<p style="color: red" id="negative">0</p> <p id="negative">0</p>
</div> </div>
<div class="row" id="correct_answer" style="display: none;"> <div class="row" id="correct_answer" style="display: none;">
<p id="answer_paragraph">the answer was</p> <p id="answer_paragraph">the answer was</p>
@ -71,7 +71,7 @@
<label for="auto" class="form-check-label" style="color: white">automatically go to next after answer</label> <label for="auto" class="form-check-label" style="color: white">automatically go to next after answer</label>
</div> </div>
</div> </div>
</div> </main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body> </body>
</html> </html>

BIN
preview.mp4 Normal file
View file

Binary file not shown.