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

29
LICENSE
View file

@ -1,13 +1,24 @@
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
This is free and unencumbered software released into the public domain.
Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
Anyone is free to copy, modify, publish, use, compile, sell, or
distribute this software, either in source code form or as a compiled
binary, for any purpose, commercial or non-commercial, and by any
means.
Everyone is permitted to copy and distribute verbatim or modified
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
software to the public domain. We make this dedication for the benefit
of the public at large and to the detriment of our heirs and
successors. We intend this dedication to be an overt act of
relinquishment in perpetuity of all present and future rights to this
software under copyright law.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
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.
0. You just DO WHAT THE FUCK YOU WANT TO.
For more information, please refer to <https://unlicense.org>

4
README.md
View file

@ -1,9 +1,9 @@
# 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
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;
margin-top: 1em;
margin-bottom: 0px;
width: 50px;
padding: 0px 5px;
min-width: 50px;
height: 80px;
text-align: center;
}
#positive {
color: green;
}
#negative {
color: red;
}
input::placeholder {
color: grey !important;
}
@ -89,6 +98,10 @@ input::placeholder {
margin-top: 15px;
}
#game {
margin-top: 25px;
}
#settings {
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>
</head>
<body>
<div class="container" id="main">
<div class="row" style="margin-top: 25px;" id="game">
<main class="container">
<div class="row" id="game">
<div class="col" id="question">
<p title="the character you have to write" id="character"></p>
<p title="the syllabary in which you have to write" id="equivalent"></p>
</div>
<div class="col" id="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">
<p style="color: red" id="negative">0</p>
<p id="negative">0</p>
</div>
<div class="row" id="correct_answer" style="display: none;">
<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>
</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>
</body>
</html>

BIN
preview.mp4 Normal file
View file

Binary file not shown.