Tidying up CSS, trying to get sound recording to work. Realise this machine has no microphone!
This commit is contained in:
parent
0f06fb501f
commit
5849a8b0f3
|
|
@ -1,8 +1,96 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: Bulara;
|
font-family: Bulara;
|
||||||
src: url(../fonts/bulara_5.ttf);
|
src: url(../fonts/bulara_5.ttf);
|
||||||
}
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
#content {
|
@font-face {
|
||||||
font-family: Bulara;
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phrase:nth-child(even) {
|
||||||
|
background-color: #ddc9b9;
|
||||||
|
color: #331f16;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #popup {
|
||||||
|
position: absolute;
|
||||||
|
display: none;
|
||||||
|
background-color: whitesmoke;
|
||||||
|
z-index: 10;
|
||||||
|
} */
|
||||||
|
|
||||||
|
#popup-closebox {
|
||||||
|
float: right;
|
||||||
|
/* text-align: right; */
|
||||||
|
padding: 0.1em 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#popup-closebox,
|
||||||
|
#popup-record-stop {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
#popup-content {
|
||||||
|
border: thin solid #331f16;
|
||||||
|
background-color: whitesmoke;
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
z-index: 10
|
||||||
|
}
|
||||||
|
|
||||||
|
#popup-controls {
|
||||||
|
border: thin solid #331f16;
|
||||||
|
padding: 0.25em 1em;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#popup-phrase {
|
||||||
|
text-align: center;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#popup-titlebar {
|
||||||
|
background-color: #331f16;
|
||||||
|
color: red;
|
||||||
|
height: 1.2em;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -4,77 +4,7 @@
|
||||||
<head>
|
<head>
|
||||||
<!-- Copyright: Simon Brooke and Lucy Fyfe 2025 -->
|
<!-- Copyright: Simon Brooke and Lucy Fyfe 2025 -->
|
||||||
<title>Japji Sahib</title>
|
<title>Japji Sahib</title>
|
||||||
<style>
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||||
@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>
|
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta Content-Language="pa, en-GB">
|
<meta Content-Language="pa, en-GB">
|
||||||
<script src="scripts/scittle.js" type="text/javascript"></script>
|
<script src="scripts/scittle.js" type="text/javascript"></script>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
var shadow$provide = {};
|
var shadow$provide = {};
|
||||||
var CLOSURE_NO_DEPS = true;
|
var CLOSURE_NO_DEPS = true;
|
||||||
var CLOSURE_BASE_PATH = '/js/cljs-runtime/';
|
var CLOSURE_BASE_PATH = '/js/cljs-runtime/';
|
||||||
var CLOSURE_DEFINES = {"shadow.cljs.devtools.client.env.repl_pprint":true,"shadow.cljs.devtools.client.env.reload_strategy":"optimized","shadow.cljs.devtools.client.env.devtools_url":"","shadow.cljs.devtools.client.env.autoload":true,"shadow.cljs.devtools.client.env.proc_id":"e0125c76-3c44-423b-9581-c966fb3a8c47","shadow.cljs.devtools.client.env.use_document_protocol":false,"goog.ENABLE_DEBUG_LOADER":false,"shadow.cljs.devtools.client.env.server_port":9630,"shadow.cljs.devtools.client.env.server_token":"ca420fcb-fc2f-467a-8312-a2f4d2ca0255","shadow.cljs.devtools.client.env.use_document_host":true,"shadow.cljs.devtools.client.env.module_format":"goog","goog.LOCALE":"en","shadow.cljs.devtools.client.env.build_id":"main","shadow.cljs.devtools.client.env.ignore_warnings":false,"goog.DEBUG":true,"shadow.cljs.devtools.client.env.log":true,"shadow.cljs.devtools.client.env.ssl":false,"shadow.cljs.devtools.client.env.enabled":true,"shadow.cljs.devtools.client.env.server_host":"localhost","shadow.cljs.devtools.client.env.worker_client_id":2,"goog.TRANSPILE":"never"};
|
var CLOSURE_DEFINES = {"shadow.cljs.devtools.client.env.repl_pprint":true,"shadow.cljs.devtools.client.env.reload_strategy":"optimized","shadow.cljs.devtools.client.env.devtools_url":"","shadow.cljs.devtools.client.env.autoload":true,"shadow.cljs.devtools.client.env.proc_id":"59431359-a1d8-4982-b8e6-d1a7585a13aa","shadow.cljs.devtools.client.env.use_document_protocol":false,"goog.ENABLE_DEBUG_LOADER":false,"shadow.cljs.devtools.client.env.server_port":9630,"shadow.cljs.devtools.client.env.server_token":"622b7cb6-3708-47c0-bf9e-19cfed50203c","shadow.cljs.devtools.client.env.use_document_host":true,"shadow.cljs.devtools.client.env.module_format":"goog","goog.LOCALE":"en","shadow.cljs.devtools.client.env.build_id":"main","shadow.cljs.devtools.client.env.ignore_warnings":false,"goog.DEBUG":true,"shadow.cljs.devtools.client.env.log":true,"shadow.cljs.devtools.client.env.ssl":false,"shadow.cljs.devtools.client.env.enabled":true,"shadow.cljs.devtools.client.env.server_host":"localhost","shadow.cljs.devtools.client.env.worker_client_id":2,"goog.TRANSPILE":"never"};
|
||||||
var COMPILED = false;
|
var COMPILED = false;
|
||||||
var goog = goog || {};
|
var goog = goog || {};
|
||||||
goog.global = this || self;
|
goog.global = this || self;
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue