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

OK, this isn't better than 'crude-but-working', but tooling is in place for further work.

Browse source
This commit is contained in:
Simon Brooke 2025-09-27 11:42:01 +01:00
parent 480032492a
commit 0f06fb501f
6 changed files with 1659 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

21
resources/public/index.html
View file

@ -78,8 +78,10 @@
<meta charset="UTF-8">
<meta Content-Language="pa, en-GB">
<script src="scripts/scittle.js" type="text/javascript"></script>
<script src="scripts/jquery-3.7.1.slim.min.js" type="text/javascript">
<!-- script src="data/japji-nihung-timings.json" type="text/javascript">
parsed=JSON.parse(data);
</script -->
<script src="scripts/japji.cljs" type="application/x-scittle"></script>
</script>
<!-- Have to pull react and react-dom from CDN during development because of obnoxious
Cross Origin Request nonsense. Makes me wonder whether we should seek not to use them
@ -88,25 +90,24 @@
<script crossorigin src="https://cdn.jsdelivr.net/npm/react-dom@18/umd/react-dom.production.min.js"></script>
<script src="scripts/scittle.reagent.js" type="text/javascript"></script>
</script>
<script type="application/x-scittle">
</script>
</script>
</head>
<body>
<div id="popup"></div>
<h1><span class="en-GB" lang="en-GB">Japji Sahib</span></h1>
<p>Select words to hear them. Select the bullet • to hear the whole line. Select three dots ... to record your own
voice.</p>
<h1><span class="gurmukhi" lang="pa">ਜਪੁਜੀ ਸਾਹਿਬ</span> <span class="en-GB" lang="en-GB">(Japji Sahib)</span></h1>
<p><span class="gurmukhi" lang="pa">ਸੁਣਨ ਲਈ ਸ਼ਬਦ ਚੁਣੋ। ਪੂਰੀ ਲਾਈਨ ਸੁਣਨ ਲਈ ਬੁਲੇਟ • ਚੁਣੋ। ਆਪਣੀ ਆਵਾਜ਼ ਰਿਕਾਰਡ ਕਰਨ ਲਈ ਤਿੰਨ ਬਿੰਦੀਆਂ ਚੁਣੋ ...।</span> </p>
<p class="en-GB" lang="en-GB">(Select words to hear them. Select the bullet • to hear the whole line. Select three dots ... to record your own
voice.)</p>
<audio id="japji-bindranwale" controls src="audio/japji_bindranwale.mp3"></audio>
<div id="content"><span class="gurmukhi" lang="pa">ਕ੍ਰਿਪਾ ਕਰਕੇ ਉਡੀਕ ਕਰੋ...</span></div>
<footer>
Page scripts copyright &copy; Simon Brooke and Lucy Fyfe 2025 <br>
Made with <a href="https://babashka.org/scittle/">Scittle</a>
<span class="gurmukhi" lang="pa">ਪੇਜ ਸਕ੍ਰਿਪਟਾਂ ਕਾਪੀਰਾਈਟ ਸਾਈਮਨ ਬਰੂਕ ਅਤੇ ਲੂਸੀ ਫਾਈਫ 2025</span> <span class="en-GB" lang="en-GB">Page scripts copyright &copy; Simon Brooke and Lucy Fyfe 2025</span><br>
<span class="gurmukhi" lang="pa">ਨਾਲ ਬਣਾਇਆ ਗਿਆ</span> <span class="en-GB" lang="en-GB">Made with</span> <a href="https://babashka.org/scittle/">Scittle</a>
</footer>
</body>