lukajankovic/remote-touchpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use custom font for icons

Browse source 
font only includes glyphs for the required icons
This commit is contained in:
Unrud 2018-08-29 16:10:15 +02:00
parent 8a558c0437
commit 4f4b697730
4 changed files with 40 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
webdata/icon.woff Normal file
View file

Binary file not shown.

8
webdata/index.html
View file

@ -16,18 +16,18 @@
</div>
<div id="closed">
<p>Disconnected</p>
<button id="reloadbutton">↻</button>
<button class="icon" id="reloadbutton">↻</button>
</div>
<div id="pad">
<p id="padlabel">Touchpad</p>
<div class="buttons">
<button id="fullscreenbutton">▢</button>
<button id="keyboardbutton">⌨</button>
<button class="icon" id="fullscreenbutton">⤢</button>
<button class="icon" id="keyboardbutton">⌨</button>
</div>
</div>
<div id="keyboard">
<textarea id="text"></textarea>
<button id="sendbutton">➣</button>
<button class="icon" id="sendbutton">➣</button>
</div>
</body>
</html>

9
webdata/main.css
View file

@ -100,4 +100,13 @@ body {
height: 1.5em;
width: 100%;
}
}
@font-face {
font-family: "icon";
src: url("icon.woff") format("woff");
}
.icon {
font-family: "icon";
}