https://hallyu.io/api.php?action=feedcontributions&feedformat=atom&user=Joeeasterly Hallyu.io - User contributions [en] 2026-04-09T00:17:51Z User contributions MediaWiki 1.45.1 https://hallyu.io/index.php?title=Main_Page&diff=22 Main Page 2026-02-03T15:32:42Z <p>Joeeasterly: /* IT Administration */</p> <hr /> <div>== Engaged Learning &amp; Research ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://uofr.sharepoint.com/sites/LibraryLiaisons?spStartSource=spappbar | label=Sharepoint | desc=Library Liaisons | icon=microsoft-sharepoint }}<br /> {{DashItem | url=https://tables.hallyu.io | label=Tables | desc=PhpMyAdmin | icon=database-search }}<br /> {{DashItem | url=https://data.hallyu.io | label=Data | desc=Postgres &amp; PGAdmin | icon=database-cog }}<br /> {{DashItem | url=https://wiki.hallyu.io | label=Wikibase | desc=Knowledge Graph | icon=graph }}<br /> {{DashItem | url=https://apps.hallyu.io | label=Django | desc=App Framework | icon=language-python }}<br /> {{DashItem | url=https://learn.rochester.edu | label=Blackboard Learn | desc=LMS | icon=school }}<br /> &lt;/div&gt;<br /> <br /> == IT Administration ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://aws.amazon.com/console/ | label=AWS | desc=Management Console | icon=aws }}<br /> {{DashItem | url=https://sso.hallyu.io | label=SSO | desc=Keycloak | icon=key-variant }}<br /> {{DashItem | url=https://desktop.hallyu.io | label=Desktop | desc=Guacamole Remote | icon=monitor-dashboard }}<br /> {{DashItem | url=https://it.hallyu.io | label=Assets | desc=Snipe-IT | icon=barcode-scan }}<br /> {{DashItem | url=https://admin.hallyu.io | label=OpenObserve | desc=Observability | icon=eye-outline }}<br /> &lt;/div&gt;<br /> <br /> == Personal Information Management ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://tasks.google.com | label=Tasks | desc=Google Tasks | icon=checkbox-marked-circle-outline }}<br /> {{DashItem | url=https://gemini.google.com | label=Gemini | desc=AI Assistant | icon=creation }}<br /> {{DashItem | url=https://calendar.notion.so | label=Calendar | desc=Notion Calendar | icon=calendar-month }}<br /> {{DashItem | url=https://mail.notion.so | label=Mail | desc=Notion Mail | icon=email-outline }}<br /> {{DashItem | url=https://finance.hallyu.io | label=Finance | desc=Actual Budget | icon=finance }}<br /> {{DashItem | url=https://notion.so | label=Notion | desc=Workspace | icon=notebook-outline }}<br /> {{DashItem | url=https://archive.hallyu.io | label=Archive | desc=Paperless-ngx | icon=file-document-multiple-outline }}<br /> {{DashItem | url=https://voice.google.com | label=Google Voice | desc=VoIP | icon=phone-voip }}<br /> {{DashItem | url=https://messenger.com | label=Messenger | desc=Facebook | icon=facebook-messenger }}<br /> {{DashItem | url=https://icloud.com | label=iCloud | desc=Apple Services | icon=apple-icloud }}<br /> &lt;/div&gt;<br /> <br /> == Projects ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://kpop.hallyu.io | label=Kpop | desc=Omeka Digital Archive | icon=music-note }}<br /> {{DashItem | url=https://vscode.dev | label=VSCode | desc=Visual Studio Code | icon=microsoft-visual-studio-code }}<br /> {{DashItem | url=https://github.com | label=GitHub | desc=Repositories | icon=github }}<br /> &lt;/div&gt;<br /> <br /> == Household ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://alexa.com | label=Alexa | desc=Amazon Alexa | icon=amazon-alexa }}<br /> {{DashItem | url=https://home.hallyu.io | label=Home Assistant | desc=IoT Control | icon=home-automation }}<br /> &lt;/div&gt;<br /> <br /> == Social ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://twitter.com | label=Twitter | desc=Bird Site | icon=twitter }}<br /> {{DashItem | url=https://bsky.app | label=BlueSky | desc=Clouds | icon=butterfly }}<br /> {{DashItem | url=https://facebook.com | label=Facebook | desc=Social | icon=facebook }}<br /> {{DashItem | url=https://instagram.com | label=Instagram | desc=Photos | icon=instagram }}<br /> {{DashItem | url=https://mastodon.social | label=Mastodon | desc=Fediverse | icon=mastodon }}<br /> {{DashItem | url=https://youtube.com | label=YouTube | desc=Video | icon=youtube }}<br /> {{DashItem | url=https://linkedin.com | label=LinkedIn | desc=Professional | icon=linkedin }}<br /> {{DashItem | url=https://whatsapp.com | label=WhatsApp | desc=Messaging | icon=whatsapp }}<br /> &lt;/div&gt;<br /> <br /> == Subscriptions ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://crunchyroll.com | label=Crunchyroll | desc=Anime | icon=shuriken }}<br /> {{DashItem | url=https://netflix.com | label=Netflix | desc=Streaming | icon=netflix }}<br /> {{DashItem | url=https://hulu.com | label=Hulu | desc=Streaming | icon=hulu }}<br /> {{DashItem | url=https://disneyplus.com | label=Disney+ | desc=Streaming | icon=castle }}<br /> {{DashItem | url=https://spotify.com | label=Spotify | desc=Music | icon=spotify }}<br /> {{DashItem | url=https://music.apple.com | label=Apple Music | desc=Music | icon=apple }}<br /> {{DashItem | url=https://paramountplus.com | label=Paramount+ | desc=Streaming | icon=movie-star }}<br /> {{DashItem | url=https://primevideo.com | label=Prime Video | desc=Amazon | icon=amazon }}<br /> {{DashItem | url=https://max.com | label=Max | desc=HBO | icon=television-classic }}<br /> {{DashItem | url=https://duolingo.com | label=Duolingo | desc=Learning | icon=owl }}<br /> {{DashItem | url=https://audible.com | label=Audible | desc=Audiobooks | icon=book-music }}<br /> {{DashItem | url=https://rosettastone.com | label=Rosetta Stone | desc=Learning | icon=translate }}<br /> {{DashItem | url=https://kindle.com | label=Kindle | desc=Reading | icon=tablet-dashboard }}<br /> &lt;/div&gt;<br /> <br /> == Unsorted ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://trakt.tv | label=Trakt | desc=Tracking | icon=eye-check-outline }}<br /> &lt;/div&gt;</div> Joeeasterly https://hallyu.io/index.php?title=Main_Page&diff=21 Main Page 2026-02-03T14:44:21Z <p>Joeeasterly: /* Personal Information Management */</p> <hr /> <div>== Engaged Learning &amp; Research ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://uofr.sharepoint.com/sites/LibraryLiaisons?spStartSource=spappbar | label=Sharepoint | desc=Library Liaisons | icon=microsoft-sharepoint }}<br /> {{DashItem | url=https://tables.hallyu.io | label=Tables | desc=PhpMyAdmin | icon=database-search }}<br /> {{DashItem | url=https://data.hallyu.io | label=Data | desc=Postgres &amp; PGAdmin | icon=database-cog }}<br /> {{DashItem | url=https://wiki.hallyu.io | label=Wikibase | desc=Knowledge Graph | icon=graph }}<br /> {{DashItem | url=https://apps.hallyu.io | label=Django | desc=App Framework | icon=language-python }}<br /> {{DashItem | url=https://learn.rochester.edu | label=Blackboard Learn | desc=LMS | icon=school }}<br /> &lt;/div&gt;<br /> <br /> == IT Administration ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://aws.amazon.com/console/ | label=AWS | desc=Management Console | icon=aws }}<br /> {{DashItem | url=https://sso.hallyu.io | label=SSO | desc=Keycloak | icon=key-variant }}<br /> {{DashItem | url=https://flow.hallyu.io | label=Flow | desc=Node-Red | icon=pipe }}<br /> {{DashItem | url=https://desktop.hallyu.io | label=Desktop | desc=Guacamole Remote | icon=monitor-dashboard }}<br /> {{DashItem | url=https://s3.hallyu.io | label=RClone | desc=Cloud Storage | icon=cloud-sync }}<br /> {{DashItem | url=https://it.hallyu.io | label=Assets | desc=Snipe-IT | icon=barcode-scan }}<br /> {{DashItem | url=https://containers.hallyu.io | label=Portainer | desc=Docker Management | icon=docker }}<br /> {{DashItem | url=https://admin.hallyu.io | label=OpenObserve | desc=Observability | icon=eye-outline }}<br /> &lt;/div&gt;<br /> <br /> == Personal Information Management ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://tasks.google.com | label=Tasks | desc=Google Tasks | icon=checkbox-marked-circle-outline }}<br /> {{DashItem | url=https://gemini.google.com | label=Gemini | desc=AI Assistant | icon=creation }}<br /> {{DashItem | url=https://calendar.notion.so | label=Calendar | desc=Notion Calendar | icon=calendar-month }}<br /> {{DashItem | url=https://mail.notion.so | label=Mail | desc=Notion Mail | icon=email-outline }}<br /> {{DashItem | url=https://finance.hallyu.io | label=Finance | desc=Actual Budget | icon=finance }}<br /> {{DashItem | url=https://notion.so | label=Notion | desc=Workspace | icon=notebook-outline }}<br /> {{DashItem | url=https://archive.hallyu.io | label=Archive | desc=Paperless-ngx | icon=file-document-multiple-outline }}<br /> {{DashItem | url=https://voice.google.com | label=Google Voice | desc=VoIP | icon=phone-voip }}<br /> {{DashItem | url=https://messenger.com | label=Messenger | desc=Facebook | icon=facebook-messenger }}<br /> {{DashItem | url=https://icloud.com | label=iCloud | desc=Apple Services | icon=apple-icloud }}<br /> &lt;/div&gt;<br /> <br /> == Projects ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://kpop.hallyu.io | label=Kpop | desc=Omeka Digital Archive | icon=music-note }}<br /> {{DashItem | url=https://vscode.dev | label=VSCode | desc=Visual Studio Code | icon=microsoft-visual-studio-code }}<br /> {{DashItem | url=https://github.com | label=GitHub | desc=Repositories | icon=github }}<br /> &lt;/div&gt;<br /> <br /> == Household ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://alexa.com | label=Alexa | desc=Amazon Alexa | icon=amazon-alexa }}<br /> {{DashItem | url=https://home.hallyu.io | label=Home Assistant | desc=IoT Control | icon=home-automation }}<br /> &lt;/div&gt;<br /> <br /> == Social ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://twitter.com | label=Twitter | desc=Bird Site | icon=twitter }}<br /> {{DashItem | url=https://bsky.app | label=BlueSky | desc=Clouds | icon=butterfly }}<br /> {{DashItem | url=https://facebook.com | label=Facebook | desc=Social | icon=facebook }}<br /> {{DashItem | url=https://instagram.com | label=Instagram | desc=Photos | icon=instagram }}<br /> {{DashItem | url=https://mastodon.social | label=Mastodon | desc=Fediverse | icon=mastodon }}<br /> {{DashItem | url=https://youtube.com | label=YouTube | desc=Video | icon=youtube }}<br /> {{DashItem | url=https://linkedin.com | label=LinkedIn | desc=Professional | icon=linkedin }}<br /> {{DashItem | url=https://whatsapp.com | label=WhatsApp | desc=Messaging | icon=whatsapp }}<br /> &lt;/div&gt;<br /> <br /> == Subscriptions ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://crunchyroll.com | label=Crunchyroll | desc=Anime | icon=shuriken }}<br /> {{DashItem | url=https://netflix.com | label=Netflix | desc=Streaming | icon=netflix }}<br /> {{DashItem | url=https://hulu.com | label=Hulu | desc=Streaming | icon=hulu }}<br /> {{DashItem | url=https://disneyplus.com | label=Disney+ | desc=Streaming | icon=castle }}<br /> {{DashItem | url=https://spotify.com | label=Spotify | desc=Music | icon=spotify }}<br /> {{DashItem | url=https://music.apple.com | label=Apple Music | desc=Music | icon=apple }}<br /> {{DashItem | url=https://paramountplus.com | label=Paramount+ | desc=Streaming | icon=movie-star }}<br /> {{DashItem | url=https://primevideo.com | label=Prime Video | desc=Amazon | icon=amazon }}<br /> {{DashItem | url=https://max.com | label=Max | desc=HBO | icon=television-classic }}<br /> {{DashItem | url=https://duolingo.com | label=Duolingo | desc=Learning | icon=owl }}<br /> {{DashItem | url=https://audible.com | label=Audible | desc=Audiobooks | icon=book-music }}<br /> {{DashItem | url=https://rosettastone.com | label=Rosetta Stone | desc=Learning | icon=translate }}<br /> {{DashItem | url=https://kindle.com | label=Kindle | desc=Reading | icon=tablet-dashboard }}<br /> &lt;/div&gt;<br /> <br /> == Unsorted ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://trakt.tv | label=Trakt | desc=Tracking | icon=eye-check-outline }}<br /> &lt;/div&gt;</div> Joeeasterly https://hallyu.io/index.php?title=Main_Page&diff=20 Main Page 2026-02-02T22:57:16Z <p>Joeeasterly: /* Engaged Learning &amp; Research */</p> <hr /> <div>== Engaged Learning &amp; Research ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://uofr.sharepoint.com/sites/LibraryLiaisons?spStartSource=spappbar | label=Sharepoint | desc=Library Liaisons | icon=microsoft-sharepoint }}<br /> {{DashItem | url=https://tables.hallyu.io | label=Tables | desc=PhpMyAdmin | icon=database-search }}<br /> {{DashItem | url=https://data.hallyu.io | label=Data | desc=Postgres &amp; PGAdmin | icon=database-cog }}<br /> {{DashItem | url=https://wiki.hallyu.io | label=Wikibase | desc=Knowledge Graph | icon=graph }}<br /> {{DashItem | url=https://apps.hallyu.io | label=Django | desc=App Framework | icon=language-python }}<br /> {{DashItem | url=https://learn.rochester.edu | label=Blackboard Learn | desc=LMS | icon=school }}<br /> &lt;/div&gt;<br /> <br /> == IT Administration ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://aws.amazon.com/console/ | label=AWS | desc=Management Console | icon=aws }}<br /> {{DashItem | url=https://sso.hallyu.io | label=SSO | desc=Keycloak | icon=key-variant }}<br /> {{DashItem | url=https://flow.hallyu.io | label=Flow | desc=Node-Red | icon=pipe }}<br /> {{DashItem | url=https://desktop.hallyu.io | label=Desktop | desc=Guacamole Remote | icon=monitor-dashboard }}<br /> {{DashItem | url=https://s3.hallyu.io | label=RClone | desc=Cloud Storage | icon=cloud-sync }}<br /> {{DashItem | url=https://it.hallyu.io | label=Assets | desc=Snipe-IT | icon=barcode-scan }}<br /> {{DashItem | url=https://containers.hallyu.io | label=Portainer | desc=Docker Management | icon=docker }}<br /> {{DashItem | url=https://admin.hallyu.io | label=OpenObserve | desc=Observability | icon=eye-outline }}<br /> &lt;/div&gt;<br /> <br /> == Personal Information Management ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://tasks.google.com | label=Tasks | desc=Google Tasks | icon=checkbox-marked-circle-outline }}<br /> {{DashItem | url=https://gemini.google.com | label=Gemini | desc=AI Assistant | icon=creation }}<br /> {{DashItem | url=https://calendar.notion.so | label=Calendar | desc=Notion Calendar | icon=calendar-month }}<br /> {{DashItem | url=https://mail.notion.so | label=Mail | desc=Notion Mail | icon=email-outline }}<br /> {{DashItem | url=https://links.hallyu.io | label=Links | desc=Linkding Bookmarks | icon=bookmark-multiple }}<br /> {{DashItem | url=https://finance.hallyu.io | label=Finance | desc=Actual Budget | icon=finance }}<br /> {{DashItem | url=https://notion.so | label=Notion | desc=Workspace | icon=notebook-outline }}<br /> {{DashItem | url=https://archive.hallyu.io | label=Archive | desc=Paperless-ngx | icon=file-document-multiple-outline }}<br /> {{DashItem | url=https://voice.google.com | label=Google Voice | desc=VoIP | icon=phone-voip }}<br /> {{DashItem | url=https://messenger.com | label=Messenger | desc=Facebook | icon=facebook-messenger }}<br /> {{DashItem | url=https://icloud.com | label=iCloud | desc=Apple Services | icon=apple-icloud }}<br /> &lt;/div&gt;<br /> <br /> == Projects ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://kpop.hallyu.io | label=Kpop | desc=Omeka Digital Archive | icon=music-note }}<br /> {{DashItem | url=https://vscode.dev | label=VSCode | desc=Visual Studio Code | icon=microsoft-visual-studio-code }}<br /> {{DashItem | url=https://github.com | label=GitHub | desc=Repositories | icon=github }}<br /> &lt;/div&gt;<br /> <br /> == Household ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://alexa.com | label=Alexa | desc=Amazon Alexa | icon=amazon-alexa }}<br /> {{DashItem | url=https://home.hallyu.io | label=Home Assistant | desc=IoT Control | icon=home-automation }}<br /> &lt;/div&gt;<br /> <br /> == Social ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://twitter.com | label=Twitter | desc=Bird Site | icon=twitter }}<br /> {{DashItem | url=https://bsky.app | label=BlueSky | desc=Clouds | icon=butterfly }}<br /> {{DashItem | url=https://facebook.com | label=Facebook | desc=Social | icon=facebook }}<br /> {{DashItem | url=https://instagram.com | label=Instagram | desc=Photos | icon=instagram }}<br /> {{DashItem | url=https://mastodon.social | label=Mastodon | desc=Fediverse | icon=mastodon }}<br /> {{DashItem | url=https://youtube.com | label=YouTube | desc=Video | icon=youtube }}<br /> {{DashItem | url=https://linkedin.com | label=LinkedIn | desc=Professional | icon=linkedin }}<br /> {{DashItem | url=https://whatsapp.com | label=WhatsApp | desc=Messaging | icon=whatsapp }}<br /> &lt;/div&gt;<br /> <br /> == Subscriptions ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://crunchyroll.com | label=Crunchyroll | desc=Anime | icon=shuriken }}<br /> {{DashItem | url=https://netflix.com | label=Netflix | desc=Streaming | icon=netflix }}<br /> {{DashItem | url=https://hulu.com | label=Hulu | desc=Streaming | icon=hulu }}<br /> {{DashItem | url=https://disneyplus.com | label=Disney+ | desc=Streaming | icon=castle }}<br /> {{DashItem | url=https://spotify.com | label=Spotify | desc=Music | icon=spotify }}<br /> {{DashItem | url=https://music.apple.com | label=Apple Music | desc=Music | icon=apple }}<br /> {{DashItem | url=https://paramountplus.com | label=Paramount+ | desc=Streaming | icon=movie-star }}<br /> {{DashItem | url=https://primevideo.com | label=Prime Video | desc=Amazon | icon=amazon }}<br /> {{DashItem | url=https://max.com | label=Max | desc=HBO | icon=television-classic }}<br /> {{DashItem | url=https://duolingo.com | label=Duolingo | desc=Learning | icon=owl }}<br /> {{DashItem | url=https://audible.com | label=Audible | desc=Audiobooks | icon=book-music }}<br /> {{DashItem | url=https://rosettastone.com | label=Rosetta Stone | desc=Learning | icon=translate }}<br /> {{DashItem | url=https://kindle.com | label=Kindle | desc=Reading | icon=tablet-dashboard }}<br /> &lt;/div&gt;<br /> <br /> == Unsorted ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://trakt.tv | label=Trakt | desc=Tracking | icon=eye-check-outline }}<br /> &lt;/div&gt;</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Citizen.js&diff=19 MediaWiki:Citizen.js 2026-02-02T22:56:00Z <p>Joeeasterly: </p> <hr /> <div>/* All JavaScript here will be loaded for users of the Citizen skin */<br /> /**<br /> * Dashboard Quick-Jump (v2)<br /> * Listens for typing on the Dashboard page and jumps to matching cards.<br /> * Now with description searching and strict edit-mode discipline.<br /> */<br /> (function() {<br /> // 1. GLOBAL GUARD: If we aren't in 'view' mode, kill the script immediately.<br /> // We do not want this running on ?action=edit, ?action=history, etc.<br /> if (mw.config.get('wgAction') !== 'view') return;<br /> <br /> // 2. CONTEXT GUARD: If there are no dashboard cards, go back to sleep.<br /> if (!document.querySelector('.dashboard-card')) return;<br /> <br /> const CONFIG = {<br /> selectorCard: '.dashboard-card',<br /> selectorLabel: '.dashboard-label',<br /> selectorDesc: '.dashboard-desc', // New: Search descriptions too<br /> selectorLink: 'a',<br /> classActive: 'dashboard-jump-active',<br /> timeout: 1500<br /> };<br /> <br /> let searchBuffer = '';<br /> let clearTimer = null;<br /> <br /> document.addEventListener('keydown', function(e) {<br /> // 3. EDITING GUARD:<br /> // If the user is typing in a form field, a contentEditable div (VisualEditor),<br /> // or if the html has the 've-active' class (VisualEditor active state), ignore them.<br /> const targetTag = e.target.tagName.toLowerCase();<br /> const isInput = ['input', 'textarea', 'select'].includes(targetTag);<br /> const isEditable = e.target.isContentEditable;<br /> const isVEActive = document.documentElement.classList.contains('ve-active');<br /> <br /> if (isInput || isEditable || isVEActive) {<br /> return;<br /> }<br /> <br /> // 4. Modifier Key Guard: Ctrl, Alt, Meta (Command) are strictly off-limits.<br /> if (e.ctrlKey || e.altKey || e.metaKey) {<br /> return;<br /> }<br /> <br /> // Logic handling<br /> if (e.key === 'Escape') {<br /> resetSearch();<br /> return;<br /> }<br /> <br /> if (e.key === 'Enter') {<br /> const active = document.querySelector(`.${CONFIG.classActive} ${CONFIG.selectorLink}`);<br /> if (active) {<br /> e.preventDefault();<br /> active.click();<br /> }<br /> return;<br /> }<br /> <br /> if (e.key === 'Backspace') {<br /> searchBuffer = searchBuffer.slice(0, -1);<br /> if (searchBuffer.length === 0) resetSearch();<br /> else updateSelection();<br /> return;<br /> }<br /> <br /> // Capture typing (Single character keys only)<br /> if (e.key.length === 1) {<br /> // Optional: If you want to prevent Citizen's shortcuts (like '/')<br /> // if (e.key === '/') e.stopPropagation(); <br /> <br /> searchBuffer += e.key;<br /> updateSelection();<br /> <br /> // Reset the &quot;clear buffer&quot; timer<br /> clearTimeout(clearTimer);<br /> clearTimer = setTimeout(resetSearch, CONFIG.timeout);<br /> }<br /> });<br /> <br /> function updateSelection() {<br /> // Clear previous highlighting<br /> document.querySelectorAll(`.${CONFIG.classActive}`).forEach(el =&gt; el.classList.remove(CONFIG.classActive));<br /> <br /> if (!searchBuffer) return;<br /> <br /> const cards = document.querySelectorAll(CONFIG.selectorCard);<br /> <br /> // Escape regex characters to prevent syntax errors if you type a bracket<br /> const safeBuffer = searchBuffer.replace(/[.*+?^${}()|[\]\\]/g, '\\$&amp;');<br /> const regex = new RegExp(`^${safeBuffer}`, 'i'); // Case-insensitive, starts-with<br /> <br /> for (const card of cards) {<br /> // Get text content<br /> const labelEl = card.querySelector(CONFIG.selectorLabel);<br /> const descEl = card.querySelector(CONFIG.selectorDesc);<br /> <br /> const labelText = labelEl ? labelEl.innerText.trim() : '';<br /> const descText = descEl ? descEl.innerText.trim() : '';<br /> <br /> // Priority 1: Check the Label (Title)<br /> if (labelText &amp;&amp; regex.test(labelText)) {<br /> activateCard(card);<br /> return;<br /> }<br /> <br /> // Priority 2: Check the Description<br /> if (descText &amp;&amp; regex.test(descText)) {<br /> activateCard(card);<br /> return;<br /> }<br /> }<br /> }<br /> <br /> function activateCard(card) {<br /> card.classList.add(CONFIG.classActive);<br /> card.scrollIntoView({ behavior: 'smooth', block: 'center' });<br /> }<br /> <br /> function resetSearch() {<br /> searchBuffer = '';<br /> document.querySelectorAll(`.${CONFIG.classActive}`).forEach(el =&gt; el.classList.remove(CONFIG.classActive));<br /> }<br /> <br /> })();</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Citizen.js&diff=18 MediaWiki:Citizen.js 2026-02-02T12:56:37Z <p>Joeeasterly: Replaced content with &quot;/* All JavaScript here will be loaded for users of the Citizen skin */&quot;</p> <hr /> <div>/* All JavaScript here will be loaded for users of the Citizen skin */</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Citizen.js&diff=17 MediaWiki:Citizen.js 2026-02-02T00:34:45Z <p>Joeeasterly: </p> <hr /> <div>/* All JavaScript here will be loaded for users of the Citizen skin */<br /> /**<br /> * Dashboard Quick-Jump (v2)<br /> * Listens for typing on the Dashboard page and jumps to matching cards.<br /> * Now with description searching and strict edit-mode discipline.<br /> */<br /> (function() {<br /> // 1. GLOBAL GUARD: If we aren't in 'view' mode, kill the script immediately.<br /> // We do not want this running on ?action=edit, ?action=history, etc.<br /> if (mw.config.get('wgAction') !== 'view') return;<br /> <br /> // 2. CONTEXT GUARD: If there are no dashboard cards, go back to sleep.<br /> if (!document.querySelector('.dashboard-card')) return;<br /> <br /> const CONFIG = {<br /> selectorCard: '.dashboard-card',<br /> selectorLabel: '.dashboard-label',<br /> selectorDesc: '.dashboard-desc', // New: Search descriptions too<br /> selectorLink: 'a',<br /> classActive: 'dashboard-jump-active',<br /> timeout: 1500<br /> };<br /> <br /> let searchBuffer = '';<br /> let clearTimer = null;<br /> <br /> document.addEventListener('keydown', function(e) {<br /> // 3. EDITING GUARD:<br /> // If the user is typing in a form field, a contentEditable div (VisualEditor),<br /> // or if the html has the 've-active' class (VisualEditor active state), ignore them.<br /> const targetTag = e.target.tagName.toLowerCase();<br /> const isInput = ['input', 'textarea', 'select'].includes(targetTag);<br /> const isEditable = e.target.isContentEditable;<br /> const isVEActive = document.documentElement.classList.contains('ve-active');<br /> <br /> if (isInput || isEditable || isVEActive) {<br /> return;<br /> }<br /> <br /> // 4. Modifier Key Guard: Ctrl, Alt, Meta (Command) are strictly off-limits.<br /> if (e.ctrlKey || e.altKey || e.metaKey) {<br /> return;<br /> }<br /> <br /> // Logic handling<br /> if (e.key === 'Escape') {<br /> resetSearch();<br /> return;<br /> }<br /> <br /> if (e.key === 'Enter') {<br /> const active = document.querySelector(`.${CONFIG.classActive} ${CONFIG.selectorLink}`);<br /> if (active) {<br /> e.preventDefault();<br /> active.click();<br /> }<br /> return;<br /> }<br /> <br /> if (e.key === 'Backspace') {<br /> searchBuffer = searchBuffer.slice(0, -1);<br /> if (searchBuffer.length === 0) resetSearch();<br /> else updateSelection();<br /> return;<br /> }<br /> <br /> // Capture typing (Single character keys only)<br /> if (e.key.length === 1) {<br /> // Optional: If you want to prevent Citizen's shortcuts (like '/')<br /> // if (e.key === '/') e.stopPropagation(); <br /> <br /> searchBuffer += e.key;<br /> updateSelection();<br /> <br /> // Reset the &quot;clear buffer&quot; timer<br /> clearTimeout(clearTimer);<br /> clearTimer = setTimeout(resetSearch, CONFIG.timeout);<br /> }<br /> });<br /> <br /> function updateSelection() {<br /> // Clear previous highlighting<br /> document.querySelectorAll(`.${CONFIG.classActive}`).forEach(el =&gt; el.classList.remove(CONFIG.classActive));<br /> <br /> if (!searchBuffer) return;<br /> <br /> const cards = document.querySelectorAll(CONFIG.selectorCard);<br /> <br /> // Escape regex characters to prevent syntax errors if you type a bracket<br /> const safeBuffer = searchBuffer.replace(/[.*+?^${}()|[\]\\]/g, '\\$&amp;');<br /> const regex = new RegExp(`^${safeBuffer}`, 'i'); // Case-insensitive, starts-with<br /> <br /> for (const card of cards) {<br /> // Get text content<br /> const labelEl = card.querySelector(CONFIG.selectorLabel);<br /> const descEl = card.querySelector(CONFIG.selectorDesc);<br /> <br /> const labelText = labelEl ? labelEl.innerText.trim() : '';<br /> const descText = descEl ? descEl.innerText.trim() : '';<br /> <br /> // Priority 1: Check the Label (Title)<br /> if (labelText &amp;&amp; regex.test(labelText)) {<br /> activateCard(card);<br /> return;<br /> }<br /> <br /> // Priority 2: Check the Description<br /> if (descText &amp;&amp; regex.test(descText)) {<br /> activateCard(card);<br /> return;<br /> }<br /> }<br /> }<br /> <br /> function activateCard(card) {<br /> card.classList.add(CONFIG.classActive);<br /> card.scrollIntoView({ behavior: 'smooth', block: 'center' });<br /> }<br /> <br /> function resetSearch() {<br /> searchBuffer = '';<br /> document.querySelectorAll(`.${CONFIG.classActive}`).forEach(el =&gt; el.classList.remove(CONFIG.classActive));<br /> }<br /> <br /> })();</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Citizen.js&diff=16 MediaWiki:Citizen.js 2026-02-02T00:22:47Z <p>Joeeasterly: </p> <hr /> <div>/**<br /> * Dashboard Quick-Jump (v5 - ES5 Compatible)<br /> * Listens for typing on the Dashboard page and jumps to matching cards.<br /> * Replaced modern syntax to appease the MediaWiki ResourceLoader gods.<br /> */<br /> $(function() { <br /> try {<br /> // 1. EDIT MODE GUARD (URL Check)<br /> // Check if we are trying to edit.<br /> var search = window.location.search;<br /> if (search.indexOf('veaction') !== -1) return;<br /> if (search.indexOf('action=edit') !== -1) return;<br /> if (search.indexOf('action=submit') !== -1) return;<br /> <br /> // 2. CONTEXT GUARD<br /> // If there are no dashboard cards, exit.<br /> var cards = document.querySelectorAll('.dashboard-card');<br /> if (cards.length === 0) return;<br /> <br /> var CONFIG = {<br /> selectorCard: '.dashboard-card',<br /> selectorLabel: '.dashboard-label',<br /> selectorDesc: '.dashboard-desc',<br /> selectorLink: 'a',<br /> classActive: 'dashboard-jump-active',<br /> timeout: 1500<br /> };<br /> <br /> var searchBuffer = '';<br /> var clearTimer = null;<br /> <br /> document.addEventListener('keydown', function(e) {<br /> // 3. EDIT INTERFACE GUARD (Dynamic)<br /> // Check for active editor classes or elements<br /> if (document.documentElement.classList.contains('ve-active') || <br /> document.querySelector('.ve-ui-surface') || <br /> document.querySelector('.wikiEditor-ui')) {<br /> return;<br /> }<br /> <br /> // 4. INPUT GUARD<br /> // Don't intercept typing in search bars or inputs<br /> var target = e.target;<br /> var tagName = target.tagName;<br /> if (tagName === 'INPUT' || <br /> tagName === 'TEXTAREA' || <br /> tagName === 'SELECT' || <br /> target.isContentEditable) {<br /> return;<br /> }<br /> <br /> // 5. MODIFIER GUARD<br /> if (e.ctrlKey || e.altKey || e.metaKey) return;<br /> <br /> // --- Logic ---<br /> <br /> if (e.key === 'Escape') {<br /> resetSearch();<br /> return;<br /> }<br /> <br /> if (e.key === 'Enter') {<br /> var active = document.querySelector('.' + CONFIG.classActive + ' ' + CONFIG.selectorLink);<br /> if (active) {<br /> e.preventDefault();<br /> e.stopPropagation();<br /> active.click();<br /> }<br /> return;<br /> }<br /> <br /> if (e.key === 'Backspace') {<br /> searchBuffer = searchBuffer.slice(0, -1);<br /> if (searchBuffer.length === 0) resetSearch();<br /> else updateSelection();<br /> return;<br /> }<br /> <br /> // Capture single char keys (letters/numbers)<br /> if (e.key.length === 1) {<br /> searchBuffer += e.key;<br /> updateSelection();<br /> <br /> clearTimeout(clearTimer);<br /> clearTimer = setTimeout(resetSearch, CONFIG.timeout);<br /> }<br /> });<br /> <br /> function updateSelection() {<br /> // Clear previous highlights<br /> var actives = document.querySelectorAll('.' + CONFIG.classActive);<br /> for (var i = 0; i &lt; actives.length; i++) {<br /> actives[i].classList.remove(CONFIG.classActive);<br /> }<br /> <br /> if (!searchBuffer) return;<br /> <br /> // Escape special regex chars<br /> var safeBuffer = searchBuffer.replace(/[.*+?^${}()|[\]\\]/g, '\\$&amp;');<br /> var regex = new RegExp('^' + safeBuffer, 'i'); <br /> <br /> for (var j = 0; j &lt; cards.length; j++) {<br /> var card = cards[j];<br /> var labelEl = card.querySelector(CONFIG.selectorLabel);<br /> var descEl = card.querySelector(CONFIG.selectorDesc);<br /> <br /> // Old school null checks (No optional chaining ?.)<br /> var label = labelEl ? labelEl.innerText.trim() : '';<br /> var desc = descEl ? descEl.innerText.trim() : '';<br /> <br /> // Priority 1: Label match<br /> if (label &amp;&amp; regex.test(label)) {<br /> activateCard(card);<br /> return;<br /> }<br /> // Priority 2: Description match<br /> if (desc &amp;&amp; regex.test(desc)) {<br /> activateCard(card);<br /> return;<br /> }<br /> }<br /> }<br /> <br /> function activateCard(card) {<br /> card.classList.add(CONFIG.classActive);<br /> card.scrollIntoView({ behavior: 'smooth', block: 'center' });<br /> }<br /> <br /> function resetSearch() {<br /> searchBuffer = '';<br /> var actives = document.querySelectorAll('.' + CONFIG.classActive);<br /> for (var i = 0; i &lt; actives.length; i++) {<br /> actives[i].classList.remove(CONFIG.classActive);<br /> }<br /> }<br /> <br /> } catch (err) {<br /> console.error('Hallyu Dashboard Script Error:', err);<br /> }<br /> });</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Citizen.js&diff=15 MediaWiki:Citizen.js 2026-02-02T00:20:31Z <p>Joeeasterly: </p> <hr /> <div>/**<br /> * Dashboard Quick-Jump (v4 - Bulletproof)<br /> * Listens for typing on the Dashboard page and jumps to matching cards.<br /> * Wrapped in strict safety guards to prevent breaking the editor.<br /> */<br /> $(function() { // Wait for the DOM to be fully ready<br /> try {<br /> // 1. EDIT MODE GUARD (URL Check)<br /> // If the URL contains 'veaction' (VisualEditor) or 'action=edit', stop immediately.<br /> // We use simple string checking here for maximum compatibility.<br /> if (window.location.search.indexOf('veaction') !== -1) return;<br /> if (window.location.search.indexOf('action=edit') !== -1) return;<br /> if (window.location.search.indexOf('action=submit') !== -1) return;<br /> <br /> // 2. CONTEXT GUARD<br /> // If there are no dashboard cards, exit.<br /> if (!document.querySelector('.dashboard-card')) return;<br /> <br /> const CONFIG = {<br /> selectorCard: '.dashboard-card',<br /> selectorLabel: '.dashboard-label',<br /> selectorDesc: '.dashboard-desc',<br /> selectorLink: 'a',<br /> classActive: 'dashboard-jump-active',<br /> timeout: 1500<br /> };<br /> <br /> let searchBuffer = '';<br /> let clearTimer = null;<br /> <br /> document.addEventListener('keydown', function(e) {<br /> // 3. EDIT INTERFACE GUARD (Dynamic)<br /> // Even if the URL looked safe, check if an editor overlay is actually open.<br /> if (document.documentElement.classList.contains('ve-active') || <br /> document.querySelector('.ve-ui-surface') || <br /> document.querySelector('.wikiEditor-ui')) {<br /> return;<br /> }<br /> <br /> // 4. INPUT GUARD<br /> // Don't intercept typing in search bars or inputs<br /> const target = e.target;<br /> if (target.tagName === 'INPUT' || <br /> target.tagName === 'TEXTAREA' || <br /> target.tagName === 'SELECT' || <br /> target.isContentEditable) {<br /> return;<br /> }<br /> <br /> // 5. MODIFIER GUARD<br /> if (e.ctrlKey || e.altKey || e.metaKey) return;<br /> <br /> // --- Logic ---<br /> <br /> if (e.key === 'Escape') {<br /> resetSearch();<br /> return;<br /> }<br /> <br /> if (e.key === 'Enter') {<br /> const active = document.querySelector(`.${CONFIG.classActive} ${CONFIG.selectorLink}`);<br /> if (active) {<br /> e.preventDefault();<br /> e.stopPropagation();<br /> active.click();<br /> }<br /> return;<br /> }<br /> <br /> if (e.key === 'Backspace') {<br /> searchBuffer = searchBuffer.slice(0, -1);<br /> if (searchBuffer.length === 0) resetSearch();<br /> else updateSelection();<br /> return;<br /> }<br /> <br /> // Capture single char keys (letters/numbers)<br /> if (e.key.length === 1) {<br /> searchBuffer += e.key;<br /> updateSelection();<br /> <br /> clearTimeout(clearTimer);<br /> clearTimer = setTimeout(resetSearch, CONFIG.timeout);<br /> }<br /> });<br /> <br /> function updateSelection() {<br /> // Clear previous highlights<br /> document.querySelectorAll(`.${CONFIG.classActive}`).forEach(el =&gt; el.classList.remove(CONFIG.classActive));<br /> <br /> if (!searchBuffer) return;<br /> <br /> const cards = document.querySelectorAll(CONFIG.selectorCard);<br /> // Escape special regex chars to avoid crashes<br /> const safeBuffer = searchBuffer.replace(/[.*+?^${}()|[\]\\]/g, '\\$&amp;');<br /> const regex = new RegExp(`^${safeBuffer}`, 'i'); <br /> <br /> for (const card of cards) {<br /> const label = card.querySelector(CONFIG.selectorLabel)?.innerText.trim() || '';<br /> const desc = card.querySelector(CONFIG.selectorDesc)?.innerText.trim() || '';<br /> <br /> // Priority 1: Label match<br /> if (label &amp;&amp; regex.test(label)) {<br /> activateCard(card);<br /> return;<br /> }<br /> // Priority 2: Description match<br /> if (desc &amp;&amp; regex.test(desc)) {<br /> activateCard(card);<br /> return;<br /> }<br /> }<br /> }<br /> <br /> function activateCard(card) {<br /> card.classList.add(CONFIG.classActive);<br /> card.scrollIntoView({ behavior: 'smooth', block: 'center' });<br /> }<br /> <br /> function resetSearch() {<br /> searchBuffer = '';<br /> document.querySelectorAll(`.${CONFIG.classActive}`).forEach(el =&gt; el.classList.remove(CONFIG.classActive));<br /> }<br /> <br /> } catch (err) {<br /> console.error('Hallyu Dashboard Script Error:', err);<br /> }<br /> });</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Citizen.js&diff=14 MediaWiki:Citizen.js 2026-02-02T00:16:08Z <p>Joeeasterly: </p> <hr /> <div>/**<br /> * Dashboard Quick-Jump (v3 - The &quot;Shy&quot; Version)<br /> * Listens for typing on the Dashboard page and jumps to matching cards.<br /> * Aggressively disables itself if ANY editing interface is detected.<br /> */<br /> (function() {<br /> // 1. INITIAL LOAD GUARD<br /> // If we are already in a non-view action, or the URL indicates an edit intent, stop immediately.<br /> const uri = new URL(window.location.href);<br /> if (mw.config.get('wgAction') !== 'view') return;<br /> if (uri.searchParams.has('veaction')) return;<br /> if (uri.searchParams.has('action') &amp;&amp; uri.searchParams.get('action') !== 'view') return;<br /> <br /> // 2. CONTEXT GUARD<br /> // If there are no dashboard cards, don't even add the listener.<br /> if (!document.querySelector('.dashboard-card')) return;<br /> <br /> const CONFIG = {<br /> selectorCard: '.dashboard-card',<br /> selectorLabel: '.dashboard-label',<br /> selectorDesc: '.dashboard-desc', <br /> selectorLink: 'a',<br /> classActive: 'dashboard-jump-active',<br /> timeout: 1500<br /> };<br /> <br /> let searchBuffer = '';<br /> let clearTimer = null;<br /> <br /> document.addEventListener('keydown', function(e) {<br /> // 3. DYNAMIC EDITOR DETECTION (The Fix)<br /> // Check for VisualEditor, NWE, or Source Editor surfaces.<br /> // If these exist, the user is editing. Do not interfere.<br /> const isVEActive = document.documentElement.classList.contains('ve-active');<br /> const hasVESurface = document.querySelector('.ve-ui-surface');<br /> const hasWikiEditor = document.querySelector('.wikiEditor-ui');<br /> <br /> if (isVEActive || hasVESurface || hasWikiEditor) {<br /> return;<br /> }<br /> <br /> // 4. INPUT GUARD<br /> // Standard check for typing in search bars, forms, etc.<br /> const targetTag = e.target.tagName.toLowerCase();<br /> const isInput = ['input', 'textarea', 'select'].includes(targetTag);<br /> const isEditable = e.target.isContentEditable;<br /> <br /> if (isInput || isEditable) {<br /> return;<br /> }<br /> <br /> // 5. MODIFIER GUARD<br /> if (e.ctrlKey || e.altKey || e.metaKey) {<br /> return;<br /> }<br /> <br /> // --- LOGIC STARTS HERE ---<br /> <br /> if (e.key === 'Escape') {<br /> resetSearch();<br /> return;<br /> }<br /> <br /> if (e.key === 'Enter') {<br /> const active = document.querySelector(`.${CONFIG.classActive} ${CONFIG.selectorLink}`);<br /> if (active) {<br /> // Only prevent default if we actually have a card selected<br /> e.preventDefault();<br /> e.stopPropagation();<br /> active.click();<br /> }<br /> return;<br /> }<br /> <br /> if (e.key === 'Backspace') {<br /> searchBuffer = searchBuffer.slice(0, -1);<br /> if (searchBuffer.length === 0) resetSearch();<br /> else updateSelection();<br /> return;<br /> }<br /> <br /> // Capture typing (Single character keys only)<br /> if (e.key.length === 1) {<br /> searchBuffer += e.key;<br /> updateSelection();<br /> <br /> // Reset the &quot;clear buffer&quot; timer<br /> clearTimeout(clearTimer);<br /> clearTimer = setTimeout(resetSearch, CONFIG.timeout);<br /> }<br /> });<br /> <br /> function updateSelection() {<br /> // Clean up previous highlights<br /> document.querySelectorAll(`.${CONFIG.classActive}`).forEach(el =&gt; el.classList.remove(CONFIG.classActive));<br /> <br /> if (!searchBuffer) return;<br /> <br /> const cards = document.querySelectorAll(CONFIG.selectorCard);<br /> // Escape regex to prevent crashes on special chars<br /> const safeBuffer = searchBuffer.replace(/[.*+?^${}()|[\]\\]/g, '\\$&amp;');<br /> const regex = new RegExp(`^${safeBuffer}`, 'i'); <br /> <br /> for (const card of cards) {<br /> const labelEl = card.querySelector(CONFIG.selectorLabel);<br /> const descEl = card.querySelector(CONFIG.selectorDesc);<br /> <br /> const labelText = labelEl ? labelEl.innerText.trim() : '';<br /> const descText = descEl ? descEl.innerText.trim() : '';<br /> <br /> // Priority 1: Label<br /> if (labelText &amp;&amp; regex.test(labelText)) {<br /> activateCard(card);<br /> return;<br /> }<br /> // Priority 2: Description<br /> if (descText &amp;&amp; regex.test(descText)) {<br /> activateCard(card);<br /> return;<br /> }<br /> }<br /> }<br /> <br /> function activateCard(card) {<br /> card.classList.add(CONFIG.classActive);<br /> card.scrollIntoView({ behavior: 'smooth', block: 'center' });<br /> }<br /> <br /> function resetSearch() {<br /> searchBuffer = '';<br /> document.querySelectorAll(`.${CONFIG.classActive}`).forEach(el =&gt; el.classList.remove(CONFIG.classActive));<br /> }<br /> <br /> })();</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Common.css&diff=13 MediaWiki:Common.css 2026-02-02T00:12:05Z <p>Joeeasterly: </p> <hr /> <div>/* Import Material Design Icons */<br /> @import url('https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css');<br /> <br /> /* Target the logo icon in the header */<br /> .citizen-header__logo .mw-logo-icon {<br /> /* Step 1: Hide the actual &lt;img&gt; content (the default black) */<br /> content: &quot;&quot;; <br /> display: inline-block;<br /> <br /> /* Step 2: Use the SVG as a mask */<br /> -webkit-mask-image: url('/assets/momoiro_logo.svg');<br /> mask-image: url('/assets/momoiro_logo.svg');<br /> -webkit-mask-repeat: no-repeat;<br /> mask-repeat: no-repeat;<br /> -webkit-mask-size: contain;<br /> mask-size: contain;<br /> <br /> /* Step 3: Fill the mask with the Citizen icon color variable */<br /> background-color: var(--color-base, #202122);<br /> <br /> /* Maintain dimensions from your HTML */<br /> width: 32px;<br /> height: 32px;<br /> }<br /> <br /> /* Ensure the drawer version also scales correctly */<br /> .citizen-drawer__logo .mw-logo-icon {<br /> width: 80px;<br /> height: 80px;<br /> background-color: var(--color-base, #202122);<br /> }<br /> <br /> /* Dashboard Grid Container */<br /> .dashboard-grid {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 12px; /* Slightly tighter gap */<br /> margin-bottom: 20px;<br /> }<br /> <br /> /* Individual Dashboard Cards */<br /> .dashboard-card {<br /> flex: 1 1 220px;<br /> display: flex;<br /> flex-direction: row; /* Force row direction explicitly */<br /> align-items: center; /* Vertically center everything */<br /> background-color: var(--background-color-surface);<br /> border: 1px solid var(--border-color-subtle);<br /> border-radius: var(--border-radius-base, 8px);<br /> padding: 12px; /* Reduced from 15px to look less puffy */<br /> box-shadow: 0 2px 5px rgba(0,0,0,0.1);<br /> transition: all 0.2s ease-in-out;<br /> text-decoration: none !important;<br /> min-width: 200px;<br /> color: var(--color-base);<br /> overflow: hidden; /* Safety mechanism against rogue scrollbars */<br /> }<br /> <br /> .dashboard-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(0,0,0,0.15);<br /> border-color: var(--color-primary);<br /> background-color: var(--background-color-interactive-hover);<br /> }<br /> <br /> /* The Icon Box - NO SCROLLBARS ALLOWED */<br /> .dashboard-icon {<br /> width: 42px; /* Fixed width */<br /> height: 42px; /* Fixed height */<br /> flex-shrink: 0; /* Do not let the text crush the icon */<br /> margin-right: 12px;<br /> background-color: var(--background-color-overlay);<br /> border-radius: 6px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> color: var(--color-primary);<br /> overflow: hidden; /* The nuclear option for scrollbars */<br /> }<br /> <br /> /* The actual icon font */<br /> .dashboard-icon .mdi {<br /> font-size: 24px; /* Ensure this fits inside the 42px box */<br /> line-height: 1; /* Stop line-height from adding phantom vertical space */<br /> display: block; /* Behaves better than inline for transform/sizing */<br /> }<br /> <br /> /* The Text Area */<br /> .dashboard-text {<br /> display: flex;<br /> flex-direction: column;<br /> justify-content: center;<br /> line-height: 1.3; /* Tighten text spacing */<br /> flex-grow: 1; /* Take up remaining space */<br /> min-width: 0; /* CSS Grid/Flex hack to prevent text overflow issues */<br /> }<br /> <br /> .dashboard-label {<br /> font-weight: 700;<br /> font-size: 1rem;<br /> color: var(--color-base);<br /> white-space: nowrap; /* Keep title on one line if you prefer */<br /> overflow: hidden;<br /> text-overflow: ellipsis; /* ... if it's too long */<br /> }<br /> <br /> .dashboard-desc {<br /> font-size: 0.8rem;<br /> color: var(--color-subtle);<br /> margin-top: 2px;<br /> white-space: nowrap;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> }<br /> <br /> /* Kill the external link icon */<br /> .dashboard-card a.external {<br /> background-image: none !important;<br /> padding-right: 0 !important;<br /> }<br /> /* Dashboard Quick-Jump Highlighting */<br /> .dashboard-jump-active {<br /> /* A nice, sharp border to indicate focus */<br /> outline: 2px solid var(--color-primary, #36c); <br /> outline-offset: 2px;<br /> <br /> /* Subtle background shift to show it's &quot;hot&quot; */<br /> background-color: var(--background-color-interactive-subtle, #f8f9fa);<br /> <br /> /* A tiny scale pop, because we aren't barbarians */<br /> transform: scale(1.02);<br /> transition: all 0.1s ease-out;<br /> z-index: 10; /* Ensure it pops over neighbors */<br /> border-radius: var(--border-radius-base, 4px);<br /> }<br /> <br /> /* Ensure the text inside doesn't disappear if the theme shifts colors on hover/active */<br /> .dashboard-jump-active .dashboard-label a {<br /> text-decoration: underline;<br /> color: var(--color-primary--hover, #447ff5);<br /> }</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Citizen.js&diff=12 MediaWiki:Citizen.js 2026-02-02T00:08:00Z <p>Joeeasterly: Created page with &quot;/* All JavaScript here will be loaded for users of the Citizen skin */ /** * Dashboard Quick-Jump (v2) * Listens for typing on the Dashboard page and jumps to matching cards. * Now with description searching and strict edit-mode discipline. */ (function() { // 1. GLOBAL GUARD: If we aren&#039;t in &#039;view&#039; mode, kill the script immediately. // We do not want this running on ?action=edit, ?action=history, etc. if (mw.config.get(&#039;wgAction&#039;) !== &#039;view&#039;) return;...&quot;</p> <hr /> <div>/* All JavaScript here will be loaded for users of the Citizen skin */<br /> /**<br /> * Dashboard Quick-Jump (v2)<br /> * Listens for typing on the Dashboard page and jumps to matching cards.<br /> * Now with description searching and strict edit-mode discipline.<br /> */<br /> (function() {<br /> // 1. GLOBAL GUARD: If we aren't in 'view' mode, kill the script immediately.<br /> // We do not want this running on ?action=edit, ?action=history, etc.<br /> if (mw.config.get('wgAction') !== 'view') return;<br /> <br /> // 2. CONTEXT GUARD: If there are no dashboard cards, go back to sleep.<br /> if (!document.querySelector('.dashboard-card')) return;<br /> <br /> const CONFIG = {<br /> selectorCard: '.dashboard-card',<br /> selectorLabel: '.dashboard-label',<br /> selectorDesc: '.dashboard-desc', // New: Search descriptions too<br /> selectorLink: 'a',<br /> classActive: 'dashboard-jump-active',<br /> timeout: 1500<br /> };<br /> <br /> let searchBuffer = '';<br /> let clearTimer = null;<br /> <br /> document.addEventListener('keydown', function(e) {<br /> // 3. EDITING GUARD:<br /> // If the user is typing in a form field, a contentEditable div (VisualEditor),<br /> // or if the html has the 've-active' class (VisualEditor active state), ignore them.<br /> const targetTag = e.target.tagName.toLowerCase();<br /> const isInput = ['input', 'textarea', 'select'].includes(targetTag);<br /> const isEditable = e.target.isContentEditable;<br /> const isVEActive = document.documentElement.classList.contains('ve-active');<br /> <br /> if (isInput || isEditable || isVEActive) {<br /> return;<br /> }<br /> <br /> // 4. Modifier Key Guard: Ctrl, Alt, Meta (Command) are strictly off-limits.<br /> if (e.ctrlKey || e.altKey || e.metaKey) {<br /> return;<br /> }<br /> <br /> // Logic handling<br /> if (e.key === 'Escape') {<br /> resetSearch();<br /> return;<br /> }<br /> <br /> if (e.key === 'Enter') {<br /> const active = document.querySelector(`.${CONFIG.classActive} ${CONFIG.selectorLink}`);<br /> if (active) {<br /> e.preventDefault();<br /> active.click();<br /> }<br /> return;<br /> }<br /> <br /> if (e.key === 'Backspace') {<br /> searchBuffer = searchBuffer.slice(0, -1);<br /> if (searchBuffer.length === 0) resetSearch();<br /> else updateSelection();<br /> return;<br /> }<br /> <br /> // Capture typing (Single character keys only)<br /> if (e.key.length === 1) {<br /> // Optional: If you want to prevent Citizen's shortcuts (like '/')<br /> // if (e.key === '/') e.stopPropagation(); <br /> <br /> searchBuffer += e.key;<br /> updateSelection();<br /> <br /> // Reset the &quot;clear buffer&quot; timer<br /> clearTimeout(clearTimer);<br /> clearTimer = setTimeout(resetSearch, CONFIG.timeout);<br /> }<br /> });<br /> <br /> function updateSelection() {<br /> // Clear previous highlighting<br /> document.querySelectorAll(`.${CONFIG.classActive}`).forEach(el =&gt; el.classList.remove(CONFIG.classActive));<br /> <br /> if (!searchBuffer) return;<br /> <br /> const cards = document.querySelectorAll(CONFIG.selectorCard);<br /> <br /> // Escape regex characters to prevent syntax errors if you type a bracket<br /> const safeBuffer = searchBuffer.replace(/[.*+?^${}()|[\]\\]/g, '\\$&amp;');<br /> const regex = new RegExp(`^${safeBuffer}`, 'i'); // Case-insensitive, starts-with<br /> <br /> for (const card of cards) {<br /> // Get text content<br /> const labelEl = card.querySelector(CONFIG.selectorLabel);<br /> const descEl = card.querySelector(CONFIG.selectorDesc);<br /> <br /> const labelText = labelEl ? labelEl.innerText.trim() : '';<br /> const descText = descEl ? descEl.innerText.trim() : '';<br /> <br /> // Priority 1: Check the Label (Title)<br /> if (labelText &amp;&amp; regex.test(labelText)) {<br /> activateCard(card);<br /> return;<br /> }<br /> <br /> // Priority 2: Check the Description<br /> if (descText &amp;&amp; regex.test(descText)) {<br /> activateCard(card);<br /> return;<br /> }<br /> }<br /> }<br /> <br /> function activateCard(card) {<br /> card.classList.add(CONFIG.classActive);<br /> card.scrollIntoView({ behavior: 'smooth', block: 'center' });<br /> }<br /> <br /> function resetSearch() {<br /> searchBuffer = '';<br /> document.querySelectorAll(`.${CONFIG.classActive}`).forEach(el =&gt; el.classList.remove(CONFIG.classActive));<br /> }<br /> <br /> })();</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Common.css&diff=11 MediaWiki:Common.css 2026-01-31T21:59:33Z <p>Joeeasterly: </p> <hr /> <div>/* Import Material Design Icons */<br /> @import url('https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css');<br /> <br /> /* Target the logo icon in the header */<br /> .citizen-header__logo .mw-logo-icon {<br /> /* Step 1: Hide the actual &lt;img&gt; content (the default black) */<br /> content: &quot;&quot;; <br /> display: inline-block;<br /> <br /> /* Step 2: Use the SVG as a mask */<br /> -webkit-mask-image: url('/assets/momoiro_logo.svg');<br /> mask-image: url('/assets/momoiro_logo.svg');<br /> -webkit-mask-repeat: no-repeat;<br /> mask-repeat: no-repeat;<br /> -webkit-mask-size: contain;<br /> mask-size: contain;<br /> <br /> /* Step 3: Fill the mask with the Citizen icon color variable */<br /> background-color: var(--color-base, #202122);<br /> <br /> /* Maintain dimensions from your HTML */<br /> width: 32px;<br /> height: 32px;<br /> }<br /> <br /> /* Ensure the drawer version also scales correctly */<br /> .citizen-drawer__logo .mw-logo-icon {<br /> width: 80px;<br /> height: 80px;<br /> background-color: var(--color-base, #202122);<br /> }<br /> <br /> /* Dashboard Grid Container */<br /> .dashboard-grid {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 12px; /* Slightly tighter gap */<br /> margin-bottom: 20px;<br /> }<br /> <br /> /* Individual Dashboard Cards */<br /> .dashboard-card {<br /> flex: 1 1 220px;<br /> display: flex;<br /> flex-direction: row; /* Force row direction explicitly */<br /> align-items: center; /* Vertically center everything */<br /> background-color: var(--background-color-surface);<br /> border: 1px solid var(--border-color-subtle);<br /> border-radius: var(--border-radius-base, 8px);<br /> padding: 12px; /* Reduced from 15px to look less puffy */<br /> box-shadow: 0 2px 5px rgba(0,0,0,0.1);<br /> transition: all 0.2s ease-in-out;<br /> text-decoration: none !important;<br /> min-width: 200px;<br /> color: var(--color-base);<br /> overflow: hidden; /* Safety mechanism against rogue scrollbars */<br /> }<br /> <br /> .dashboard-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(0,0,0,0.15);<br /> border-color: var(--color-primary);<br /> background-color: var(--background-color-interactive-hover);<br /> }<br /> <br /> /* The Icon Box - NO SCROLLBARS ALLOWED */<br /> .dashboard-icon {<br /> width: 42px; /* Fixed width */<br /> height: 42px; /* Fixed height */<br /> flex-shrink: 0; /* Do not let the text crush the icon */<br /> margin-right: 12px;<br /> background-color: var(--background-color-overlay);<br /> border-radius: 6px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> color: var(--color-primary);<br /> overflow: hidden; /* The nuclear option for scrollbars */<br /> }<br /> <br /> /* The actual icon font */<br /> .dashboard-icon .mdi {<br /> font-size: 24px; /* Ensure this fits inside the 42px box */<br /> line-height: 1; /* Stop line-height from adding phantom vertical space */<br /> display: block; /* Behaves better than inline for transform/sizing */<br /> }<br /> <br /> /* The Text Area */<br /> .dashboard-text {<br /> display: flex;<br /> flex-direction: column;<br /> justify-content: center;<br /> line-height: 1.3; /* Tighten text spacing */<br /> flex-grow: 1; /* Take up remaining space */<br /> min-width: 0; /* CSS Grid/Flex hack to prevent text overflow issues */<br /> }<br /> <br /> .dashboard-label {<br /> font-weight: 700;<br /> font-size: 1rem;<br /> color: var(--color-base);<br /> white-space: nowrap; /* Keep title on one line if you prefer */<br /> overflow: hidden;<br /> text-overflow: ellipsis; /* ... if it's too long */<br /> }<br /> <br /> .dashboard-desc {<br /> font-size: 0.8rem;<br /> color: var(--color-subtle);<br /> margin-top: 2px;<br /> white-space: nowrap;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> }<br /> <br /> /* Kill the external link icon */<br /> .dashboard-card a.external {<br /> background-image: none !important;<br /> padding-right: 0 !important;<br /> }</div> Joeeasterly https://hallyu.io/index.php?title=Main_Page&diff=10 Main Page 2026-01-27T17:54:41Z <p>Joeeasterly: </p> <hr /> <div>== Engaged Learning &amp; Research ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://uofr.sharepoint.com/sites/LibraryLiaisons?spStartSource=spappbar | label=Sharepoint | desc=Library Liaisons | icon=microsoft-sharepoint }}<br /> {{DashItem | url=https://tables.hallyu.io | label=Tables | desc=PhpMyAdmin | icon=database-search }}<br /> {{DashItem | url=https://data.hallyu.io | label=Data | desc=Postgres &amp; PGAdmin | icon=database-cog }}<br /> {{DashItem | url=https://wiki.hallyu.io | label=Wikibase | desc=Knowledge Graph | icon=graph }}<br /> {{DashItem | url=https://apps.hallyu.io | label=Django | desc=App Framework | icon=language-python }}<br /> {{DashItem | url=https://learn.rochester.edu | label=Blackboard | desc=LMS | icon=school }}<br /> &lt;/div&gt;<br /> <br /> == IT Administration ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://aws.amazon.com/console/ | label=AWS | desc=Management Console | icon=aws }}<br /> {{DashItem | url=https://sso.hallyu.io | label=SSO | desc=Keycloak | icon=key-variant }}<br /> {{DashItem | url=https://flow.hallyu.io | label=Flow | desc=Node-Red | icon=pipe }}<br /> {{DashItem | url=https://desktop.hallyu.io | label=Desktop | desc=Guacamole Remote | icon=monitor-dashboard }}<br /> {{DashItem | url=https://s3.hallyu.io | label=RClone | desc=Cloud Storage | icon=cloud-sync }}<br /> {{DashItem | url=https://it.hallyu.io | label=Assets | desc=Snipe-IT | icon=barcode-scan }}<br /> {{DashItem | url=https://containers.hallyu.io | label=Portainer | desc=Docker Management | icon=docker }}<br /> {{DashItem | url=https://admin.hallyu.io | label=OpenObserve | desc=Observability | icon=eye-outline }}<br /> &lt;/div&gt;<br /> <br /> == Personal Information Management ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://tasks.google.com | label=Tasks | desc=Google Tasks | icon=checkbox-marked-circle-outline }}<br /> {{DashItem | url=https://gemini.google.com | label=Gemini | desc=AI Assistant | icon=creation }}<br /> {{DashItem | url=https://calendar.notion.so | label=Calendar | desc=Notion Calendar | icon=calendar-month }}<br /> {{DashItem | url=https://mail.notion.so | label=Mail | desc=Notion Mail | icon=email-outline }}<br /> {{DashItem | url=https://links.hallyu.io | label=Links | desc=Linkding Bookmarks | icon=bookmark-multiple }}<br /> {{DashItem | url=https://finance.hallyu.io | label=Finance | desc=Actual Budget | icon=finance }}<br /> {{DashItem | url=https://notion.so | label=Notion | desc=Workspace | icon=notebook-outline }}<br /> {{DashItem | url=https://archive.hallyu.io | label=Archive | desc=Paperless-ngx | icon=file-document-multiple-outline }}<br /> {{DashItem | url=https://voice.google.com | label=Google Voice | desc=VoIP | icon=phone-voip }}<br /> {{DashItem | url=https://messenger.com | label=Messenger | desc=Facebook | icon=facebook-messenger }}<br /> {{DashItem | url=https://icloud.com | label=iCloud | desc=Apple Services | icon=apple-icloud }}<br /> &lt;/div&gt;<br /> <br /> == Projects ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://kpop.hallyu.io | label=Kpop | desc=Omeka Digital Archive | icon=music-note }}<br /> {{DashItem | url=https://vscode.dev | label=VSCode | desc=Visual Studio Code | icon=microsoft-visual-studio-code }}<br /> {{DashItem | url=https://github.com | label=GitHub | desc=Repositories | icon=github }}<br /> &lt;/div&gt;<br /> <br /> == Household ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://alexa.com | label=Alexa | desc=Amazon Alexa | icon=amazon-alexa }}<br /> {{DashItem | url=https://home.hallyu.io | label=Home Assistant | desc=IoT Control | icon=home-automation }}<br /> &lt;/div&gt;<br /> <br /> == Social ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://twitter.com | label=Twitter | desc=Bird Site | icon=twitter }}<br /> {{DashItem | url=https://bsky.app | label=BlueSky | desc=Clouds | icon=butterfly }}<br /> {{DashItem | url=https://facebook.com | label=Facebook | desc=Social | icon=facebook }}<br /> {{DashItem | url=https://instagram.com | label=Instagram | desc=Photos | icon=instagram }}<br /> {{DashItem | url=https://mastodon.social | label=Mastodon | desc=Fediverse | icon=mastodon }}<br /> {{DashItem | url=https://youtube.com | label=YouTube | desc=Video | icon=youtube }}<br /> {{DashItem | url=https://linkedin.com | label=LinkedIn | desc=Professional | icon=linkedin }}<br /> {{DashItem | url=https://whatsapp.com | label=WhatsApp | desc=Messaging | icon=whatsapp }}<br /> &lt;/div&gt;<br /> <br /> == Subscriptions ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://crunchyroll.com | label=Crunchyroll | desc=Anime | icon=shuriken }}<br /> {{DashItem | url=https://netflix.com | label=Netflix | desc=Streaming | icon=netflix }}<br /> {{DashItem | url=https://hulu.com | label=Hulu | desc=Streaming | icon=hulu }}<br /> {{DashItem | url=https://disneyplus.com | label=Disney+ | desc=Streaming | icon=castle }}<br /> {{DashItem | url=https://spotify.com | label=Spotify | desc=Music | icon=spotify }}<br /> {{DashItem | url=https://music.apple.com | label=Apple Music | desc=Music | icon=apple }}<br /> {{DashItem | url=https://paramountplus.com | label=Paramount+ | desc=Streaming | icon=movie-star }}<br /> {{DashItem | url=https://primevideo.com | label=Prime Video | desc=Amazon | icon=amazon }}<br /> {{DashItem | url=https://max.com | label=Max | desc=HBO | icon=television-classic }}<br /> {{DashItem | url=https://duolingo.com | label=Duolingo | desc=Learning | icon=owl }}<br /> {{DashItem | url=https://audible.com | label=Audible | desc=Audiobooks | icon=book-music }}<br /> {{DashItem | url=https://rosettastone.com | label=Rosetta Stone | desc=Learning | icon=translate }}<br /> {{DashItem | url=https://kindle.com | label=Kindle | desc=Reading | icon=tablet-dashboard }}<br /> &lt;/div&gt;<br /> <br /> == Unsorted ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://trakt.tv | label=Trakt | desc=Tracking | icon=eye-check-outline }}<br /> &lt;/div&gt;</div> Joeeasterly https://hallyu.io/index.php?title=Template:DashItem&diff=9 Template:DashItem 2026-01-27T17:47:25Z <p>Joeeasterly: </p> <hr /> <div>&lt;div class=&quot;dashboard-card&quot;&gt;&lt;div class=&quot;dashboard-icon&quot;&gt;&lt;span class=&quot;mdi mdi-{{{icon|web}}}&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;dashboard-text&quot;&gt;&lt;span class=&quot;dashboard-label&quot;&gt;[{{{url}}} {{{label}}}]&lt;/span&gt;{{#if:{{{desc|}}}|&lt;span class=&quot;dashboard-desc&quot;&gt;{{{desc}}}&lt;/span&gt;}}&lt;/div&gt;&lt;/div&gt;</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Common.css&diff=8 MediaWiki:Common.css 2026-01-27T17:45:06Z <p>Joeeasterly: </p> <hr /> <div>/* Import Material Design Icons */<br /> @import url('https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css');<br /> <br /> /* Dashboard Grid Container */<br /> .dashboard-grid {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 12px; /* Slightly tighter gap */<br /> margin-bottom: 20px;<br /> }<br /> <br /> /* Individual Dashboard Cards */<br /> .dashboard-card {<br /> flex: 1 1 220px;<br /> display: flex;<br /> flex-direction: row; /* Force row direction explicitly */<br /> align-items: center; /* Vertically center everything */<br /> background-color: var(--background-color-surface);<br /> border: 1px solid var(--border-color-subtle);<br /> border-radius: var(--border-radius-base, 8px);<br /> padding: 12px; /* Reduced from 15px to look less puffy */<br /> box-shadow: 0 2px 5px rgba(0,0,0,0.1);<br /> transition: all 0.2s ease-in-out;<br /> text-decoration: none !important;<br /> min-width: 200px;<br /> color: var(--color-base);<br /> overflow: hidden; /* Safety mechanism against rogue scrollbars */<br /> }<br /> <br /> .dashboard-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 4px 12px rgba(0,0,0,0.15);<br /> border-color: var(--color-primary);<br /> background-color: var(--background-color-interactive-hover);<br /> }<br /> <br /> /* The Icon Box - NO SCROLLBARS ALLOWED */<br /> .dashboard-icon {<br /> width: 42px; /* Fixed width */<br /> height: 42px; /* Fixed height */<br /> flex-shrink: 0; /* Do not let the text crush the icon */<br /> margin-right: 12px;<br /> background-color: var(--background-color-overlay);<br /> border-radius: 6px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> color: var(--color-primary);<br /> overflow: hidden; /* The nuclear option for scrollbars */<br /> }<br /> <br /> /* The actual icon font */<br /> .dashboard-icon .mdi {<br /> font-size: 24px; /* Ensure this fits inside the 42px box */<br /> line-height: 1; /* Stop line-height from adding phantom vertical space */<br /> display: block; /* Behaves better than inline for transform/sizing */<br /> }<br /> <br /> /* The Text Area */<br /> .dashboard-text {<br /> display: flex;<br /> flex-direction: column;<br /> justify-content: center;<br /> line-height: 1.3; /* Tighten text spacing */<br /> flex-grow: 1; /* Take up remaining space */<br /> min-width: 0; /* CSS Grid/Flex hack to prevent text overflow issues */<br /> }<br /> <br /> .dashboard-label {<br /> font-weight: 700;<br /> font-size: 1rem;<br /> color: var(--color-base);<br /> white-space: nowrap; /* Keep title on one line if you prefer */<br /> overflow: hidden;<br /> text-overflow: ellipsis; /* ... if it's too long */<br /> }<br /> <br /> .dashboard-desc {<br /> font-size: 0.8rem;<br /> color: var(--color-subtle);<br /> margin-top: 2px;<br /> white-space: nowrap;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> }<br /> <br /> /* Kill the external link icon */<br /> .dashboard-card a.external {<br /> background-image: none !important;<br /> padding-right: 0 !important;<br /> }</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Common.css&diff=7 MediaWiki:Common.css 2026-01-27T17:41:54Z <p>Joeeasterly: </p> <hr /> <div>/* Import Material Design Icons */<br /> @import url('https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css');<br /> <br /> /* Dashboard Grid Container */<br /> .dashboard-grid {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 15px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> /* Individual Dashboard Cards */<br /> .dashboard-card {<br /> flex: 1 1 250px;<br /> display: flex;<br /> align-items: center;<br /> /* DYNAMIC COLOR: Matches the skin's card/surface color */<br /> background-color: var(--background-color-surface);<br /> /* DYNAMIC BORDER: Subtle in both light/dark modes */<br /> border: 1px solid var(--border-color-subtle);<br /> border-radius: var(--border-radius-base, 8px);<br /> padding: 15px;<br /> /* Shadow uses a transparent black so it works on dark backgrounds too */<br /> box-shadow: 0 2px 5px rgba(0,0,0,0.1);<br /> transition: all 0.2s ease-in-out;<br /> text-decoration: none !important;<br /> min-width: 200px;<br /> /* Ensure text color inherits from the skin */<br /> color: var(--color-base);<br /> }<br /> <br /> .dashboard-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 5px 15px rgba(0,0,0,0.2);<br /> /* DYNAMIC: Highlight border using the skin's primary link color */<br /> border-color: var(--color-primary);<br /> background-color: var(--background-color-interactive-hover);<br /> }<br /> <br /> /* The Icon Box */<br /> .dashboard-icon {<br /> /* Fixed square size so they align perfectly */<br /> width: 48px;<br /> height: 48px;<br /> flex-shrink: 0;<br /> margin-right: 15px;<br /> <br /> /* DYNAMIC: This is your &quot;distance&quot; color. <br /> It is always slightly distinct from the surface. */<br /> background-color: var(--background-color-overlay);<br /> <br /> border-radius: 8px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> /* Icon Color: Use primary skin color */<br /> color: var(--color-primary);<br /> }<br /> <br /> /* Force the icon font size inside the box */<br /> .dashboard-icon .mdi {<br /> font-size: 28px;<br /> line-height: 1;<br /> }<br /> <br /> /* The Text Area */<br /> .dashboard-text {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .dashboard-label {<br /> font-weight: bold;<br /> font-size: 1.1em;<br /> color: var(--color-base);<br /> }<br /> <br /> .dashboard-desc {<br /> font-size: 0.85em;<br /> /* DYNAMIC: Subtle text color */<br /> color: var(--color-subtle);<br /> margin-top: 2px;<br /> }<br /> <br /> /* Kill the external link icon */<br /> .dashboard-card a.external {<br /> background-image: none !important;<br /> padding-right: 0 !important;<br /> }</div> Joeeasterly https://hallyu.io/index.php?title=Main_Page&diff=6 Main Page 2026-01-27T16:09:06Z <p>Joeeasterly: </p> <hr /> <div>== Engaged Learning &amp; Research ==<br /> * [https://uofr.sharepoint.com/sites/LibraryLiaisons?spStartSource=spappbar ELR Sharepoint]<br /> * [https://tables.hallyu.io Tables] - PhpMyAdmin and Mariadb<br /> * [https://data.hallyu.io Data] - Postgresql and PGAdmin<br /> * [https://wiki.hallyu.io Wikibase]<br /> * [https://apps.hallyu.io Django]<br /> * [https://learn.rochester.edu Blackboard]<br /> <br /> == IT Administration ==<br /> &lt;div class=&quot;dashboard-grid&quot;&gt;<br /> {{DashItem | url=https://aws.amazon.com/console/ | label=AWS | desc=Management Console | icon=aws }}<br /> {{DashItem | url=https://sso.hallyu.io | label=SSO | desc=Keycloak | icon=key-variant }}<br /> {{DashItem | url=https://flow.hallyu.io | label=Flow | desc=Node-Red | icon=pipe }}<br /> {{DashItem | url=https://desktop.hallyu.io | label=Desktop | desc=Guacamole Remote | icon=monitor-dashboard }}<br /> {{DashItem | url=https://s3.hallyu.io | label=RClone | desc=Cloud Storage | icon=cloud-sync }}<br /> {{DashItem | url=https://it.hallyu.io | label=Assets | desc=Snipe-IT | icon=barcode-scan }}<br /> {{DashItem | url=https://containers.hallyu.io | label=Portainer | desc=Docker Management | icon=docker }}<br /> {{DashItem | url=https://admin.hallyu.io | label=OpenObserve | desc=Observability | icon=eye-outline }}<br /> &lt;/div&gt;<br /> <br /> == Collections ==<br /> * [https://books.hallyu.io Komga] - Komga Manga Reader<br /> * [https://media.hallyu.io Media] - Jellyfin Media server<br /> * [https://subs.hallyu.io Wallos] - Wallos Subscription Manager<br /> * [https://audio.hallyu.io Audiobooks] - Audiobook Shelf<br /> <br /> == Personal Information Management ==<br /> * [https://tasks.hallyu.io Tasks] - Task management<br /> * [https://intranet.hallyu.io Intranet] - Pydio<br /> * [https://calendar.notion.so Calendar] - Notion Calendar<br /> * [https://mail.notion.so Mail] - Notion Mail<br /> * [https://links.hallyu.io Links] - Linkding Bookmarks Manager<br /> * [https://finance.hallyu.io Finance] - Actual Budget<br /> * [https://notion.so Notion]<br /> * [https://people.hallyu.io People] - Monica CRM Address Book<br /> * [https://archive.hallyu.io Archive] - Paperless Document Management<br /> * [https://voice.google.com Google Voice]<br /> * [https://messenger.com Messenger] - Facebook Messenger<br /> <br /> == Projects ==<br /> * [https://kpop.hallyu.io Kpop] - Omeka Digital Archive<br /> * [https://apps.hallyu.io Apps] - Budibase Low Code Platform<br /> * [https://vscode.dev VSCode] - Visual Studio Code<br /> * [https://github.com GitHub]<br /> <br /> == Household ==<br /> * [https://chat.openai.com ChatGPT]<br /> * [https://alexa.com Alexa] - Amazon Alexa<br /> * [https://home.hallyu.io Home Assistant]<br /> * [https://cookbook.hallyu.io Mealie] - Mealie Recipe Manager<br /> <br /> == Social ==<br /> * [https://twitter.com Twitter]<br /> * [https://bsky.app BlueSky]<br /> * [https://facebook.com Facebook]<br /> * [https://instagram.com Instagram]<br /> * [https://mastodon.social Mastodon]<br /> * [https://youtube.com YouTube]<br /> * [https://linkedin.com LinkedIn]<br /> * [https://whatsapp.com WhatsApp]<br /> <br /> == Subscriptions ==<br /> * [https://crunchyroll.com Crunchyroll]<br /> * [https://netflix.com Netflix]<br /> * [https://hulu.com Hulu]<br /> * [https://disneyplus.com Disney+]<br /> * [https://spotify.com Spotify]<br /> * [https://music.apple.com Apple Music]<br /> * [https://paramountplus.com Paramount+]<br /> * [https://primevideo.com Prime Video] - Amazon Prime Video<br /> * [https://max.com Max Go] - Max<br /> * [https://duolingo.com Duolingo]<br /> * [https://audible.com Audible]<br /> * [https://rosettastone.com Rosetta Stone]<br /> * [https://kindle.com Kindle]<br /> <br /> == Unsorted ==<br /> * [https://trakt.tv traktv] - Trakt.tv</div> Joeeasterly https://hallyu.io/index.php?title=Template:DashItem&diff=5 Template:DashItem 2026-01-27T16:08:28Z <p>Joeeasterly: Created page with &quot;&lt;div class=&quot;dashboard-card&quot;&gt; &lt;div class=&quot;dashboard-icon&quot;&gt; &lt;span class=&quot;mdi mdi-{{#if:{{{icon|}}}|{{{icon}}}|web}}&quot;&gt;&lt;/span&gt; &lt;/div&gt; &lt;div class=&quot;dashboard-text&quot;&gt; &lt;span class=&quot;dashboard-label&quot;&gt;[{{{url}}} {{{label}}}]&lt;/span&gt; {{#if:{{{desc|}}}|&lt;span class=&quot;dashboard-desc&quot;&gt;{{{desc}}}&lt;/span&gt;}} &lt;/div&gt; &lt;/div&gt;&quot;</p> <hr /> <div>&lt;div class=&quot;dashboard-card&quot;&gt;<br /> &lt;div class=&quot;dashboard-icon&quot;&gt;<br /> &lt;span class=&quot;mdi mdi-{{#if:{{{icon|}}}|{{{icon}}}|web}}&quot;&gt;&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dashboard-text&quot;&gt;<br /> &lt;span class=&quot;dashboard-label&quot;&gt;[{{{url}}} {{{label}}}]&lt;/span&gt;<br /> {{#if:{{{desc|}}}|&lt;span class=&quot;dashboard-desc&quot;&gt;{{{desc}}}&lt;/span&gt;}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;</div> Joeeasterly https://hallyu.io/index.php?title=MediaWiki:Common.css&diff=4 MediaWiki:Common.css 2026-01-27T16:07:58Z <p>Joeeasterly: Created page with &quot;/* Import Material Design Icons */ @import url(&#039;https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css&#039;); /* Dashboard Grid Container */ .dashboard-grid { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; } /* Individual Dashboard Cards */ .dashboard-card { flex: 1 1 250px; /* Grow to fill, shrink, base width 250px */ display: flex; align-items: center; background-color: #ffffff; /* Or whatever matche...&quot;</p> <hr /> <div>/* Import Material Design Icons */<br /> @import url('https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css');<br /> <br /> /* Dashboard Grid Container */<br /> .dashboard-grid {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 15px;<br /> margin-bottom: 20px;<br /> }<br /> <br /> /* Individual Dashboard Cards */<br /> .dashboard-card {<br /> flex: 1 1 250px; /* Grow to fill, shrink, base width 250px */<br /> display: flex;<br /> align-items: center;<br /> background-color: #ffffff; /* Or whatever matches your skin */<br /> border: 1px solid #e0e0e0;<br /> border-radius: 8px;<br /> padding: 15px;<br /> box-shadow: 0 2px 5px rgba(0,0,0,0.05);<br /> transition: all 0.2s ease-in-out;<br /> text-decoration: none !important; /* Kill the underline */<br /> min-width: 200px;<br /> }<br /> <br /> .dashboard-card:hover {<br /> transform: translateY(-3px);<br /> box-shadow: 0 5px 15px rgba(0,0,0,0.1);<br /> border-color: #b0b0b0;<br /> }<br /> <br /> /* The Icon Box */<br /> .dashboard-icon {<br /> font-size: 24px;<br /> margin-right: 15px;<br /> color: #555;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> }<br /> <br /> /* The Text Area */<br /> .dashboard-text {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .dashboard-label {<br /> font-weight: bold;<br /> font-size: 1.1em;<br /> color: #333;<br /> }<br /> <br /> .dashboard-desc {<br /> font-size: 0.85em;<br /> color: #666;<br /> margin-top: 2px;<br /> }<br /> <br /> /* Remove external link icon for these cards if you hate them */<br /> .dashboard-card a.external {<br /> background-image: none !important;<br /> padding-right: 0 !important;<br /> }</div> Joeeasterly https://hallyu.io/index.php?title=Main_Page&diff=3 Main Page 2026-01-27T16:03:03Z <p>Joeeasterly: </p> <hr /> <div>== Engaged Learning &amp; Research ==<br /> * [https://uofr.sharepoint.com/sites/LibraryLiaisons?spStartSource=spappbar ELR Sharepoint]<br /> * [https://tables.hallyu.io Tables] - PhpMyAdmin and Mariadb<br /> * [https://data.hallyu.io Data] - Postgresql and PGAdmin<br /> * [https://wiki.hallyu.io Wikibase]<br /> * [https://apps.hallyu.io Django]<br /> * [https://learn.rochester.edu Blackboard]<br /> <br /> == IT Administration ==<br /> * [https://aws.amazon.com/console/ Amazon Web Services] - AWS Management Console<br /> * [https://sso.hallyu.io SSO] - Keycloak Single Sign On<br /> * [https://flow.hallyu.io Flow] - Node-Red<br /> * [https://desktop.hallyu.io Desktop] - Guacamole Remote Desktop<br /> * [https://s3.hallyu.io RClone] - RClone for cloud storage management<br /> * [https://it.hallyu.io IT Assets] - Snipe-IT asset manager<br /> * [https://containers.hallyu.io Portainer] - Portainer Docker Management<br /> * [https://admin.hallyu.io OpenObserve]<br /> <br /> == Collections ==<br /> * [https://books.hallyu.io Komga] - Komga Manga Reader<br /> * [https://media.hallyu.io Media] - Jellyfin Media server<br /> * [https://subs.hallyu.io Wallos] - Wallos Subscription Manager<br /> * [https://audio.hallyu.io Audiobooks] - Audiobook Shelf<br /> <br /> == Personal Information Management ==<br /> * [https://tasks.hallyu.io Tasks] - Task management<br /> * [https://intranet.hallyu.io Intranet] - Pydio<br /> * [https://calendar.notion.so Calendar] - Notion Calendar<br /> * [https://mail.notion.so Mail] - Notion Mail<br /> * [https://links.hallyu.io Links] - Linkding Bookmarks Manager<br /> * [https://finance.hallyu.io Finance] - Actual Budget<br /> * [https://notion.so Notion]<br /> * [https://people.hallyu.io People] - Monica CRM Address Book<br /> * [https://archive.hallyu.io Archive] - Paperless Document Management<br /> * [https://voice.google.com Google Voice]<br /> * [https://messenger.com Messenger] - Facebook Messenger<br /> <br /> == Projects ==<br /> * [https://kpop.hallyu.io Kpop] - Omeka Digital Archive<br /> * [https://apps.hallyu.io Apps] - Budibase Low Code Platform<br /> * [https://vscode.dev VSCode] - Visual Studio Code<br /> * [https://github.com GitHub]<br /> <br /> == Household ==<br /> * [https://chat.openai.com ChatGPT]<br /> * [https://alexa.com Alexa] - Amazon Alexa<br /> * [https://home.hallyu.io Home Assistant]<br /> * [https://cookbook.hallyu.io Mealie] - Mealie Recipe Manager<br /> <br /> == Social ==<br /> * [https://twitter.com Twitter]<br /> * [https://bsky.app BlueSky]<br /> * [https://facebook.com Facebook]<br /> * [https://instagram.com Instagram]<br /> * [https://mastodon.social Mastodon]<br /> * [https://youtube.com YouTube]<br /> * [https://linkedin.com LinkedIn]<br /> * [https://whatsapp.com WhatsApp]<br /> <br /> == Subscriptions ==<br /> * [https://crunchyroll.com Crunchyroll]<br /> * [https://netflix.com Netflix]<br /> * [https://hulu.com Hulu]<br /> * [https://disneyplus.com Disney+]<br /> * [https://spotify.com Spotify]<br /> * [https://music.apple.com Apple Music]<br /> * [https://paramountplus.com Paramount+]<br /> * [https://primevideo.com Prime Video] - Amazon Prime Video<br /> * [https://max.com Max Go] - Max<br /> * [https://duolingo.com Duolingo]<br /> * [https://audible.com Audible]<br /> * [https://rosettastone.com Rosetta Stone]<br /> * [https://kindle.com Kindle]<br /> <br /> == Unsorted ==<br /> * [https://trakt.tv traktv] - Trakt.tv</div> Joeeasterly https://hallyu.io/index.php?title=Main_Page&diff=2 Main Page 2026-01-26T21:51:05Z <p>Joeeasterly: </p> <hr /> <div>== Engaged Learning &amp; Research ==<br /> * [https://uofr.sharepoint.com/sites/LibraryLiaisons?spStartSource=spappbar ELR Sharepoint]<br /> * [https://tables.hallyu.io Tables] - PhpMyAdmin and Mariadb<br /> * [https://data.hallyu.io Data] - Postgresql and PGAdmin<br /> * [https://wiki.hallyu.io Wikibase]<br /> * [https://apps.hallyu.io Django]<br /> <br /> == IT Administration ==<br /> * [https://aws.amazon.com/console/ Amazon Web Services] - AWS Management Console<br /> * [https://sso.hallyu.io SSO] - Keycloak Single Sign On<br /> * [https://flow.hallyu.io Flow] - Node-Red<br /> * [https://desktop.hallyu.io Desktop] - Guacamole Remote Desktop<br /> * [https://s3.hallyu.io RClone] - RClone for cloud storage management<br /> * [https://it.hallyu.io IT Assets] - Snipe-IT asset manager<br /> * [https://containers.hallyu.io Portainer] - Portainer Docker Management<br /> * [https://admin.hallyu.io OpenObserve]<br /> <br /> == Collections ==<br /> * [https://books.hallyu.io Komga] - Komga Manga Reader<br /> * [https://media.hallyu.io Media] - Jellyfin Media server<br /> * [https://subs.hallyu.io Wallos] - Wallos Subscription Manager<br /> * [https://audio.hallyu.io Audiobooks] - Audiobook Shelf<br /> <br /> == Personal Information Management ==<br /> * [https://tasks.hallyu.io Tasks] - Task management<br /> * [https://intranet.hallyu.io Intranet] - Pydio<br /> * [https://calendar.notion.so Calendar] - Notion Calendar<br /> * [https://mail.notion.so Mail] - Notion Mail<br /> * [https://links.hallyu.io Links] - Linkding Bookmarks Manager<br /> * [https://finance.hallyu.io Finance] - Actual Budget<br /> * [https://notion.so Notion]<br /> * [https://people.hallyu.io People] - Monica CRM Address Book<br /> * [https://archive.hallyu.io Archive] - Paperless Document Management<br /> * [https://voice.google.com Google Voice]<br /> * [https://messenger.com Messenger] - Facebook Messenger<br /> <br /> == Projects ==<br /> * [https://kpop.hallyu.io Kpop] - Omeka Digital Archive<br /> * [https://apps.hallyu.io Apps] - Budibase Low Code Platform<br /> * [https://vscode.dev VSCode] - Visual Studio Code<br /> * [https://github.com GitHub]<br /> <br /> == Household ==<br /> * [https://chat.openai.com ChatGPT]<br /> * [https://alexa.com Alexa] - Amazon Alexa<br /> * [https://home.hallyu.io Home Assistant]<br /> * [https://cookbook.hallyu.io Mealie] - Mealie Recipe Manager<br /> <br /> == Social ==<br /> * [https://twitter.com Twitter]<br /> * [https://bsky.app BlueSky]<br /> * [https://facebook.com Facebook]<br /> * [https://instagram.com Instagram]<br /> * [https://mastodon.social Mastodon]<br /> * [https://youtube.com YouTube]<br /> * [https://linkedin.com LinkedIn]<br /> * [https://whatsapp.com WhatsApp]<br /> <br /> == Subscriptions ==<br /> * [https://crunchyroll.com Crunchyroll]<br /> * [https://netflix.com Netflix]<br /> * [https://hulu.com Hulu]<br /> * [https://disneyplus.com Disney+]<br /> * [https://spotify.com Spotify]<br /> * [https://music.apple.com Apple Music]<br /> * [https://paramountplus.com Paramount+]<br /> * [https://primevideo.com Prime Video] - Amazon Prime Video<br /> * [https://max.com Max Go] - Max<br /> * [https://duolingo.com Duolingo]<br /> * [https://audible.com Audible]<br /> * [https://rosettastone.com Rosetta Stone]<br /> * [https://kindle.com Kindle]<br /> <br /> == Unsorted ==<br /> * [https://trakt.tv traktv] - Trakt.tv</div> Joeeasterly