note list idea
·
3 mins read
design
- The purpose is have simple design but clear and helpful to indicate tasks to process.
- It should be clear for authors but not too clear for readers in case it is for personal use but there must be partial information to share for some goals.
- Version 0 is 99z99 .
notes
- Manual task list would be better since it is simple and manageable, when the light manual update effort can be beared 1.
- Sample posts are as follow, crs: 25d15 fi3271, 25c12 fi5282, 25e08 sk5004, 25c32 nt8098; prg: 25e50 s2-fi, 25e52 s2-sk; res: 25d11 bima-ai, 25d10 bima-rh, 25d09 bima-sh, 25b11 bpdpks-md 25c16 rki-sv, 25c27 riim-di, 25c26 riim-rk, 24l05 solo-mm, 24j29 solo-vs; lam: 25c47 08-mlg, 25c49 09-soc, 25e09 12-bgr, 25e58 13-bdg; usr: 25e25 aditya aryashakti, 25d39 muhammad shaquille hisham, 25e36 luthfi naufal, 25a45 kahfi rizky kosasih, 25d24 marco sutisna putra, 25e55 sekar ayu widashtri, 25c46 asep bustanil aripin, 25e46 anzet dianto pebriwan, 25e39 hani tustanto, 25c61 sevi nurafni, 25e01 deni ramdani, 25c44 azhari; oth: 25e62 stem-id, 25e63 misc-cv, 25e11 refs-may, 25e48 exp-info, that might not all be used.
- There are changes on post urls from this point forward, effectively for next month 2.
- Rename it from posts to notelist on 31-may-2025.
code
Content of notelist.html
in /layouts/shortcodes
folder is as follow.
<script>
function changeLink(str) {
const el = document.getElementById("link");
el.innerHTML = "<a href='/butiran/"
+ str
+ "' target='_blank'>"
+ str
+ "</a>";
}
</script>
<style>
select:has(option:disabled:checked[hidden]) {
color: gray;
}
select option {
color: black;
}
</style>
<select onchange="changeLink(this.value)">
<option class="placeholder" selected disabled hidden>Select note</option>
{{ range split .Inner "\n" }}
{{- $line := trim . " \r" -}}
{{- if ne $line "" -}}
{{- $cols := split $line " | " -}}
{{ $url := index $cols 0 }}
{{ $title := index $cols 1 }}
<option value="{{ $url }}">{{ $title }}</option>
{{ end }}
{{ end }}
</select>
<span id="link"></span>
Style and attributes for select
and option
elements are according to a discussion 3.
refs
GPT-4o, “Manual Task List in Hugo Post”, ChatGPT, 30 May 2025, url https://chatgpt.com/share/683968e4-6b2c-800a-b831-6c7d3faa4e09 [20250530]. ↩︎
GPT-4o, “Chronological Post URL Scheme (2000–2099)”, ChatGPT, 30 May 2025, url https://chatgpt.com/share/68398934-7154-800a-8615-8878d31be194 [20250530]. ↩︎
Paul K., “Answer to: How do I make a placeholder for a ‘select’ box?”, Stack Overflow, 4 Jan 2023, url https://stackoverflow.com/a/75004489/9475509 [20250530] ↩︎