simon/japji
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tidying up CSS, trying to get sound recording to work. Realise this machine has no microphone!

Browse source
This commit is contained in:
Simon Brooke 2025-09-27 15:40:56 +01:00
parent 0f06fb501f
commit 5849a8b0f3
4 changed files with 1735 additions and 1743 deletions
Download patch file Download diff file Expand all files Collapse all files

72
resources/public/index.html
View file

@ -4,77 +4,7 @@
<head>
<!-- Copyright: Simon Brooke and Lucy Fyfe 2025 -->
<title>Japji Sahib</title>
<style>
@font-face {
font-family: Bulara;
src: url(fonts/bulara_5.ttf);
font-weight: normal;
}
@font-face {
font-family: 'Noto Sans Gurmukhi';
src: url(fonts/NotoSansGurmukhi-Medium.ttf);
font-weight: normal;
}
body {
/* colours taken from
* https://www.sikhiwiki.org/index.php/File:Guru_Granth_Sahib_By_Bhai_Pratap_Singh_Giani.jpg */
background-color: #f8e1cf;
color: #331f16;
padding: 5% 20%;
font-size: x-large;
font-family: sans-serif;
}
footer {
border-top: thin solid #331f16;
font-size: medium;
padding: 4em 0 0.5em 0;
text-align: center;
}
/* #popup {
position: absolute;
display: none;
background-color: whitesmoke;
z-index: 10;
} */
#popup-phrase {
text-align: center;
margin: 0;
font-size: 2em;
}
#popup-close-box {
float: right;
text-align: right;
}
#popup-record-stop,
#popup-close-box {
color: red;
}
.gurmukhi {
font-family: "Noto Sans Gurmukhi", Bulara;
}
.play-control {
font-family: sans-serif;
}
.popup-launcher {
float: right;
}
@media all and (max-device-width: 768px) {
body {
margin: 0 5%;
}
}
</style>
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta charset="UTF-8">
<meta Content-Language="pa, en-GB">
<script src="scripts/scittle.js" type="text/javascript"></script>