Simplify, prettify

This commit is contained in:
Madison Rye Progress
2025-10-05 17:53:07 -07:00
parent 4574e9d30f
commit de79a0b9e7

View File

@ -2,16 +2,32 @@
title: Systime title: Systime
--- ---
<style>
.systime-form {
text-align: center;
}
.systime-form input {
font-family: Gotu, sans-serif;
font-size: 20pt;
margin: 0.5rem 0;
text-align: center;
}
</style>
You can use this form to convert to/from [systime](https://wiki.post-self.ink/wiki/Systime). This also includes dates in the Hebrew calendar, given their use in a few Post-Self projects. You can use this form to convert to/from [systime](https://wiki.post-self.ink/wiki/Systime). This also includes dates in the Hebrew calendar, given their use in a few Post-Self projects.
<div style="text-align: center;"> -----
<div class="systime-form" style="text-align: center;">
<input type="text" id="systime" value="systime 1+21" /><br> <input type="text" id="systime" value="systime 1+21" /><br>
<input type="button" id="convertSystime" value="Convert systime..." /> <input type="button" id="convertSystime" value="Convert systime..." />
<hr> <hr>
<input type="text" id="date" value="2125-01-21" /><br> <input type="date" id="date" value="2125-01-21" /><br>
<input type="button" id="convertDate" value="Convert date..." /> <input type="button" id="convertDate" value="Convert date..." />
<hr>
<input type="text" id="hebrew" value="16 Shevat, 5885" />
</div> </div>
<div id="output" />
<script type="text/javascript"> <script type="text/javascript">
document.getElementById('convertSystime').addEventListener("click", (ev) => { document.getElementById('convertSystime').addEventListener("click", (ev) => {
fetch(`https://systime.post-self.ink/api/1/systime/${document.getElementById('systime').value}`) fetch(`https://systime.post-self.ink/api/1/systime/${document.getElementById('systime').value}`)
@ -36,15 +52,9 @@ You can use this form to convert to/from [systime](https://wiki.post-self.ink/wi
.then(display); .then(display);
}); });
function display(json) { function display(json) {
document.getElementById('output').innerHTML = ` document.getElementById('systime').value = json.systime.string;
<dl> document.getElementById('date').value = json.gregorian.string;
<dt>Systime</dt> document.getElementById('hebrew').value = json.hebrew.string;
<dd>${json.systime.string}</dd>
<dt>Gregorian</dt>
<dd>${json.gregorian.string}</dd>
<dt>Hebrew</dt>
<dd>${json.hebrew.string}</dd>
</dl>`;
} }
</script> </script>