lauchmelder/Lauchmelder23.github.io
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Improved layout slightly

Browse source
This commit is contained in:
Robert 2021-01-03 15:53:28 +01:00
parent e3e2ad47c4
commit c84f51d7e9
1 changed files with 21 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
index.html
View file

@ -12,12 +12,12 @@
} }
.on { .on {
stroke: green; stroke: rgb(61, 202, 61);
cursor: pointer; cursor: pointer;
} }
.off { .off {
stroke: orange; stroke: rgb(255, 88, 88);
} }
span { span {
@ -25,22 +25,37 @@
width: 50vh; width: 50vh;
height: 50vh; height: 50vh;
background-size: cover; background-size: cover;
border-style: solid;
margin-top: 10px;
}
input {
font-size: 1em;
} }
svg { svg {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
h1, h2 {
font-family: Helvetica, Arial, sans-serif;
}
</style> </style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head> </head>
<body> <body>
<h1>search for kanji</h1> <h1>Enter a Kanji</h1>
<form> <form>
<input type="text" name="kanji"> <table>
<input type="submit"> <tr>
<td><input type="text" name="kanji"></td>
<td><input type="submit"></td>
</tr>
</table>
</form> </form>
<span id="kanji_container">Loading</span> <span id="kanji_container">Loading</span>
@ -90,7 +105,7 @@
{ {
const kanji = decodeURIComponent(kanji_raw); const kanji = decodeURIComponent(kanji_raw);
$("form > input[name=kanji]").val(kanji); $("form input[name=kanji]").val(kanji);
var hex = kanji.charCodeAt(0).toString(16); var hex = kanji.charCodeAt(0).toString(16);
$.loadSVG(hex).then( response => { $.loadSVG(hex).then( response => {