Today is: Sunday, February 16, 2025 Rick Cogley's current events landing page page, generated via «Lume ルメ» SSG using Vento templates, and hosted on Deno Deploy as static files.
Many thanks to Óscar Otero, creator of Lume, Lume CMS, and Vento, for his great work coding useful tools, and for his help answering questions. 🙏🏻
- Production Site: https://rick.cogley.jp
- CMS: https://cms.rick.cogley.jp
- Font: Alegreya via Google Fonts
- Icons: from Phosphor
- CSS base library: Tachyons
- 😷 Recovered from a persistent cold
- 🇯🇵 Renewed Japan driver license
- 😋 Eating lunch at a high end fish place in Senkyaku Banrai in Toyosu
- 🎍 Happy new year 2025
- 🥌 Leanin' heavy on curl to get the job done
| Item | Value |
|---|---|
| Total Files | 146 |
| Repo Size in MB | 25 |
| Lume Version | v2.5.1 |
| Deno Version | 2.1.10 |
| V8 Version | 13.0.245.12-rusty |
| Typescript Version | 5.6.2 |
| Timezone | Asia/Tokyo |
Footer:
<footer
style="background-image: url(/assets/footer_bg2.gif)"
class="tc-l bg-center cover bg-black text"
>
<div class="w-100 ph3 pv5 bg-black-70">
<span class="white-40"><small>© <span id="copyright-year"></span> , [email protected]<br>
更新日付 2025年2月16日 1:43:58 GMT+9<br>
本日は<span id="holiday"></span><br></small></span>
<a
rel="me"
class="link white-90 bg-transparent hover-green inline-flex items-center ma2 tc br2 pa2"
href="https://www.instagram.com/jo00oc/?hl=ja"
title="Instagram"
target="_blank"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M176,32H80A48,48,0,0,0,32,80v96a48,48,0,0,0,48,48h96a48,48,0,0,0,48-48V80A48,48,0,0,0,176,32ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" opacity="0.2"/><path d="M176,24H80A56.06,56.06,0,0,0,24,80v96a56.06,56.06,0,0,0,56,56h96a56.06,56.06,0,0,0,56-56V80A56.06,56.06,0,0,0,176,24Zm40,152a40,40,0,0,1-40,40H80a40,40,0,0,1-40-40V80A40,40,0,0,1,80,40h96a40,40,0,0,1,40,40ZM128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm64-84a12,12,0,1,1-12-12A12,12,0,0,1,192,76Z"/></svg>
<span class="f6 ml3 pr2 display-300">Instagram</span>
</a>
<a
rel="me"
class="link white-90 bg-transparent hover-green inline-flex items-center ma2 tc br2 pa2"
href="https://github.com/juliecogley"
title="GitHub"
target="_blank"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,104v8a48,48,0,0,1-48,48H136a32,32,0,0,1,32,32v40H104V192a32,32,0,0,1,32-32H112a48,48,0,0,1-48-48v-8a49.28,49.28,0,0,1,8.51-27.3A51.92,51.92,0,0,1,76,32a52,52,0,0,1,43.83,24h32.34A52,52,0,0,1,196,32a51.92,51.92,0,0,1,3.49,44.7A49.28,49.28,0,0,1,208,104Z" opacity="0.2"/><path d="M208.3,75.68A59.74,59.74,0,0,0,202.93,28,8,8,0,0,0,196,24a59.75,59.75,0,0,0-48,24H124A59.75,59.75,0,0,0,76,24a8,8,0,0,0-6.93,4,59.78,59.78,0,0,0-5.38,47.68A58.14,58.14,0,0,0,56,104v8a56.06,56.06,0,0,0,48.44,55.47A39.8,39.8,0,0,0,96,192v8H72a24,24,0,0,1-24-24A40,40,0,0,0,8,136a8,8,0,0,0,0,16,24,24,0,0,1,24,24,40,40,0,0,0,40,40H96v16a8,8,0,0,0,16,0V192a24,24,0,0,1,48,0v40a8,8,0,0,0,16,0V192a39.8,39.8,0,0,0-8.44-24.53A56.06,56.06,0,0,0,216,112v-8A58,58,0,0,0,208.3,75.68ZM200,112a40,40,0,0,1-40,40H112a40,40,0,0,1-40-40v-8a41.74,41.74,0,0,1,6.9-22.48A8,8,0,0,0,80,73.83a43.81,43.81,0,0,1,.79-33.58,43.88,43.88,0,0,1,32.32,20.06A8,8,0,0,0,119.82,64h32.35a8,8,0,0,0,6.74-3.69,43.87,43.87,0,0,1,32.32-20.06A43.81,43.81,0,0,1,192,73.83a8.09,8.09,0,0,0,1,7.65A41.76,41.76,0,0,1,200,104Z"/></svg>
<span class="f6 ml3 pr2 display-300">GitHub</span>
</a>
</div>
</footer>
<script>
async function checkHoliday() {
try {
const response = await fetch('/jp_holidays.json');
const holidays = await response.json();
// Debugging: Log the fetched data
console.log('Fetched holidays:', holidays);
const today = new Date().toISOString().split('T')[0];
const todayjp = new Date().toLocaleString('ja-JP',{ year: 'numeric', month: 'long', day: 'numeric', weekday: 'long' });
// const todaytest = "2025-02-11";
const holidayName = holidays[today];
const holidayElement = document.getElementById('holiday');
if (holidayName) {
holidayElement.textContent = `${todayjp} (${holidayName})`;
} else {
holidayElement.textContent = `${todayjp}`;
}
} catch (error) {
console.error('Error checking holiday:', error);
document.getElementById('holiday').textContent = 'Error checking holiday';
}
}
checkHoliday();
document.addEventListener('DOMContentLoaded', () => {
const currentYear = new Date().getFullYear();
document.getElementById('copyright-year').textContent = currentYear;
});
</script>
<script>
</script>