The HTML tax is my name for all of those bits of verbosity that you haveto include when you write straight HTML, as opposed to something morecompact . What do I mean by that? Well, considerall of the things that you need for a well formed, standards compliantbasic HTML web page these days.
A relatively minimal page needs a doctype, a section witha </code> and ideally a <code> <meta> </code> declaration for the charset, andthen the boilerplate of the <code> <body></code></p></div></code></a></p></p></code></code></code></code></p></a></a></p></a></p></div>
</div>
<div class="read-more">
<a href="/read/562108/">Continue reading...</a>
</div>
</div>
<hr>
<div class="blog-post d-flex flex-column "
hx-put="/api/viewership/"
hx-vals='{"itemId": 1155021}'
hx-ext="viewed"
hx-trigger="viewed once"
hx-swap="none"
hx-headers='{"Content-Type":"application/json"}'>
<h2>
<a class="text-dark animated" href="/read/1155021/">men1000.com</a>
</h2>
<div class="blog-post-meta d-flex align-items-center flex-wrap mx-n1"
hx-vals='{"itemId": 1155021}'>
<a class="text-muted mx-1" href="/list/?feed_id=133">ericayuen</a>
|
<a class="text-muted mx-1"
href="/read/1155021/"
data-timestamp="1232634480.0"
title="Created at July 2, 2026, 2:51 p.m.">Jan. 22, 2009, 9:28 a.m.</a>
|
<a class="text-muted mx-1" href="https://ericayuen.blogspot.com/2009/01/men1000com.html">Original</a>
<div class="ms-auto d-flex align-items-center">
<a class="btn btn-sm py-0 ms-05 btn-454545"
href="/list/?excluded_feed_id=39&partnerid=10410&excluded_feed_id=133"
title="exclude this feed">
<i class="bi bi-eye-slash"></i>
</a>
</div>
</div>
<div data-entry-summary="1155021" >
<html> <body> <p style="margin: 0cm 0cm 0pt;"> <a href="https://men1000.com/Men1000/Love_actually/LAindex.php"> <span style="font-size:130%;"> CLICK： </span> </a> </p> <p style="margin: 0cm 0cm 0pt;"> <a href="https://men1000.com/Men1000/Love_actually/LAindex.php"> <span style="font-size:130%;"> 由女性的角度，幫男士們解決感情上的奇難雜症...，教你做一個「誘心人」！ </span> </a> </p> </body></html>
</div>
</div>
<hr>
<div class="blog-post d-flex flex-column "
hx-put="/api/viewership/"
hx-vals='{"itemId": 565726}'
hx-ext="viewed"
hx-trigger="viewed once"
hx-swap="none"
hx-headers='{"Content-Type":"application/json"}'>
<h2>
<a class="text-dark animated" href="/read/565726/">The NFS re-export problem</a>
</h2>
<div class="blog-post-meta d-flex align-items-center flex-wrap mx-n1"
hx-vals='{"itemId": 565726}'>
<a class="text-muted mx-1" href="/list/?feed_id=34">Wandering Thoughts</a>
|
<a class="text-muted mx-1"
href="/read/565726/"
data-timestamp="1232601480.0"
title="Created at May 3, 2024, 1:18 a.m.">Jan. 22, 2009, 12:18 a.m.</a>
|
<a class="text-muted mx-1" href="https://utcc.utoronto.ca/~cks/space/blog/unix/NFSReexportProblem">Original</a>
<div class="ms-auto d-flex align-items-center">
<a class="btn btn-sm py-0 ms-05 btn-454545"
href="/list/?excluded_feed_id=39&partnerid=10410&excluded_feed_id=34"
title="exclude this feed">
<i class="bi bi-eye-slash"></i>
</a>
</div>
</div>
<div data-entry-summary="565726" data-truncated>
<div class="wikitext"> <p> One of the things that people traditionally ask for is an NFSserver that can re-export its own NFS mounts (possibly among otherthings). Unfortunately this is impossible in general, and now I canexplain why. </p> <p> (In the old days, one reason people wanted this was because user levelNFS servers were basically the only way to do user level filesystemsat all, and it would be useful if your machine could transparentlyre-export your interesting user level filesystem to other machines. I'mnot sure</p></div></p></a></p></p></p></p></div>
</div>
<div class="read-more">
<a href="/read/565726/">Continue reading...</a>
</div>
</div>
<hr>
<div class="blog-post d-flex flex-column "
hx-put="/api/viewership/"
hx-vals='{"itemId": 1147080}'
hx-ext="viewed"
hx-trigger="viewed once"
hx-swap="none"
hx-headers='{"Content-Type":"application/json"}'>
<h2>
<a class="text-dark animated" href="/read/1147080/">噪音皇帝</a>
</h2>
<div class="blog-post-meta d-flex align-items-center flex-wrap mx-n1"
hx-vals='{"itemId": 1147080}'>
<a class="text-muted mx-1" href="/list/?feed_id=128">agnesvaria</a>
|
<a class="text-muted mx-1"
href="/read/1147080/"
data-timestamp="1232600160.0"
title="Created at July 2, 2026, 1:46 p.m.">Jan. 21, 2009, 11:56 p.m.</a>
|
<a class="text-muted mx-1" href="https://agnesvaria.blogspot.com/2009/01/blog-post_21.html">Original</a>
<div class="ms-auto d-flex align-items-center">
<a class="btn btn-sm py-0 ms-05 btn-454545"
href="/list/?excluded_feed_id=39&partnerid=10410&excluded_feed_id=128"
title="exclude this feed">
<i class="bi bi-eye-slash"></i>
</a>
</div>
</div>
<div data-entry-summary="1147080" data-truncated>
<html> <body> 習慣在早上乘車時, 收聽商業一台的《在晴朗的一天出發》(原先收聽商業二台的版本, 因當時厭倦杜汶澤、盧覓雪之流, 又不太喜歡林海峰刻意政治化) . 節目打著為命請命的旗號, 當時還猜疑為何獨裁的俞琤, 肯讓人重蹈鄭</body></html></body></html>
</div>
<div class="read-more">
<a href="/read/1147080/">Continue reading...</a>
</div>
</div>
<hr>
<div class="blog-post d-flex flex-column "
hx-put="/api/viewership/"
hx-vals='{"itemId": 824030}'
hx-ext="viewed"
hx-trigger="viewed once"
hx-swap="none"
hx-headers='{"Content-Type":"application/json"}'>
<h2>
<a class="text-dark animated" href="/read/824030/">學習網頁標準之路</a>
</h2>
<div class="blog-post-meta d-flex align-items-center flex-wrap mx-n1"
hx-vals='{"itemId": 824030}'>
<a class="text-muted mx-1" href="/list/?feed_id=66">JackysBlog</a>
|
<a class="text-muted mx-1"
href="/read/824030/"
data-timestamp="1232599970.0"
title="Created at Aug. 17, 2025, 11:11 a.m.">Jan. 21, 2009, 11:52 p.m.</a>
|
<a class="text-muted mx-1" href="https://jacky.seezone.net/2009/01/22/2337/">Original</a>
<div class="ms-auto d-flex align-items-center">
<a class="btn btn-sm py-0 ms-05 btn-454545"
href="/list/?excluded_feed_id=39&partnerid=10410&excluded_feed_id=66"
title="exclude this feed">
<i class="bi bi-eye-slash"></i>
</a>
</div>
</div>
<div data-entry-summary="824030" data-truncated>
<div class="blog-entry-content e-content"> <p> 看到 <a href="https://www.opera.com"> Opera </a> 推出的 <a href="11"> Web Standards Curriculum </a> ，裏面有關網頁設計、標準、HTML、CSS、親和力等等的文章共五十多篇，組成一個很完整的教學課程。而很幸運地，Opera 中國團隊有人做 <a href="https://team.operachina.com/wsc"> 翻譯 </a> ，暫時已譯了十八篇。跟據 <a href="12"> A List Apart 最近一篇 </a> 談教育的文章裏，Opera 的代表</p></div></p></a></a></span></span></p></span></span></a></span></a></span></a></p></a></span></a></a></span></a></a></sup></a></p></p></sup></p></div>
</div>
<div class="read-more">
<a href="/read/824030/">Continue reading...</a>
</div>
</div>
<hr>
<div class="blog-post d-flex flex-column "
hx-put="/api/viewership/"
hx-vals='{"itemId": 1155022}'
hx-ext="viewed"
hx-trigger="viewed once"
hx-swap="none"
hx-headers='{"Content-Type":"application/json"}'>
<h2>
<a class="text-dark animated" href="/read/1155022/">ELLE 美容分享會</a>
</h2>
<div class="blog-post-meta d-flex align-items-center flex-wrap mx-n1"
hx-vals='{"itemId": 1155022}'>
<a class="text-muted mx-1" href="/list/?feed_id=133">ericayuen</a>
|
<a class="text-muted mx-1"
href="/read/1155022/"
data-timestamp="1232596800.0"
title="Created at July 2, 2026, 2:51 p.m.">Jan. 21, 2009, 11 p.m.</a>
|
<a class="text-muted mx-1" href="https://ericayuen.blogspot.com/2009/01/elle.html">Original</a>
<div class="ms-auto d-flex align-items-center">
<a class="btn btn-sm py-0 ms-05 btn-454545"
href="/list/?excluded_feed_id=39&partnerid=10410&excluded_feed_id=133"
title="exclude this feed">
<i class="bi bi-eye-slash"></i>
</a>
</div>
</div>
<div data-entry-summary="1155022" >
<html> <body> <table border="0" cellpadding="0" cellspacing="5"> <tbody> <tr> <td style="padding: 0cm;" valign="top"> <p> <span style=";font-family:新細明體;font-size:130%;"> 日期： </span> </p> </td> <td style="padding: 0cm;"> <p> <span style=";font-family:新細明體;font-size:130%;"> 二 <span lang="EN-US"> OO </span> 九年二月二十一日（星期六） </span> </p> </td> </tr> <tr> <td style="padding: 0cm;" valign="top"> <p> <span style=";font-family:新細明體;font-size:130%;"> 時間： </span> </p> </td> <td style="padding: 0cm;"> <p> <span style=";font-family:新細明體;font-size:130%;"> 下午六時至八時 </span> </p> <p> <span style=";font-family:新細明體;font-size:130%;"> @Epoch near Pacific Place 3 </span> </p> <p> <span style=";font-family:新細明體;font-size:130%;"> Click <a href="https://secure.elle.com.hk/campaign/ericayuen/20090122/index.php"> ELLE 美容分享會 to sign up <br/> </a> </span> </p> </td> </tr> </tbody> </table> </body></html>
</div>
</div>
<hr>
<div class="blog-post d-flex flex-column "
hx-put="/api/viewership/"
hx-vals='{"itemId": 824031}'
hx-ext="viewed"
hx-trigger="viewed once"
hx-swap="none"
hx-headers='{"Content-Type":"application/json"}'>
<h2>
<a class="text-dark animated" href="/read/824031/">20090121 網摘 – 財政預算案諮詢漫版</a>
</h2>
<div class="blog-post-meta d-flex align-items-center flex-wrap mx-n1"
hx-vals='{"itemId": 824031}'>
<a class="text-muted mx-1" href="/list/?feed_id=66">JackysBlog</a>
|
<a class="text-muted mx-1"
href="/read/824031/"
data-timestamp="1232528765.0"
title="Created at Aug. 17, 2025, 11:11 a.m.">Jan. 21, 2009, 4:06 a.m.</a>
|
<a class="text-muted mx-1" href="https://jacky.seezone.net/2009/01/21/2331/">Original</a>
<div class="ms-auto d-flex align-items-center">
<a class="btn btn-sm py-0 ms-05 btn-454545"
href="/list/?excluded_feed_id=39&partnerid=10410&excluded_feed_id=66"
title="exclude this feed">
<i class="bi bi-eye-slash"></i>
</a>
</div>
</div>
<div data-entry-summary="824031" >
<div class="blog-entry-content e-content" score="36"> <p> Religion </p> <ul> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> </ul> <p> Filter </p> <ul> <li> Dr Vint Cerf: 讓我們在新的世紀立志，教育我們的孩子們，懂得對他們所見所聽深入地思考。這勝於任何的電子過濾，更能建立真理能穩站的基石 </li> </ul> <p> Comics/Animes </p> <ul> <li> 可能是愛之深，責之切？ </li> <li> </li> <li> </li> </ul> <p> Javascript </p> <p> Web Standards </p> <p> <span class="caps"> CSS </span> </p> <p> Development </p> <p> Blog </p> </div>
</div>
</div>
<hr>
<div class="blog-post d-flex flex-column "
hx-put="/api/viewership/"
hx-vals='{"itemId": 1177643}'
hx-ext="viewed"
hx-trigger="viewed once"
hx-swap="none"
hx-headers='{"Content-Type":"application/json"}'>
<h2>
<a class="text-dark animated" href="/read/1177643/">送瘟神入行會</a>
</h2>
<div class="blog-post-meta d-flex align-items-center flex-wrap mx-n1"
hx-vals='{"itemId": 1177643}'>
<a class="text-muted mx-1" href="/list/?feed_id=147">tswtsw</a>
|
<a class="text-muted mx-1"
href="/read/1177643/"
data-timestamp="1232522220.0"
title="Created at July 19, 2026, 8:02 a.m.">Jan. 21, 2009, 2:17 a.m.</a>
|
<a class="text-muted mx-1" href="https://tswtsw.blogspot.com/2009/01/blog-post_21.html">Original</a>
<div class="ms-auto d-flex align-items-center">
<a class="btn btn-sm py-0 ms-05 btn-454545"
href="/list/?excluded_feed_id=39&partnerid=10410&excluded_feed_id=147"
title="exclude this feed">
<i class="bi bi-eye-slash"></i>
</a>
</div>
</div>
<div data-entry-summary="1177643" data-truncated>
<html> <body> 開始傳劉遵義入行政會議時，真是百般滋味；大佬，送走一個咁既瘟神，真是從心裡快慰出來；但把他送到更高權力的機關去，又是何喜之有？曾蔭權繼副局長後，又專招爛馬，他不認馬房就沒法招到好人嗎？茲附與熊一豆的msn</body></html><img class="img-fluid" alt="劉遵義打瞌睡" height="675" src="/media/blogspot/f0445a200db44ebf367566a44af9c847.jpg" width="500" /></a></strong></p></a></strong></p></a></strong></p></div></body></html>
</div>
<div class="read-more">
<a href="/read/1177643/">Continue reading...</a>
<script type="application/json">{"entryId": 1177643, "url": ["/media/blogspot/f0445a200db44ebf367566a44af9c847.jpg", "/media/blogspot/1475f1e96fc3758485e8a3041a8c8a3e.jpg", "/media/blogspot/a5e8a14de4b51d44d8539d616a8b278b.jpg"], "isLocal": true}</script>
</div>
</div>
</div>
<nav>
<ul class="pagination justify-content-center my-1 pagination-sm">
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=39&page=1&partnerid=10410"><<</a>
</li>
<li class="page-item">
<a class="page-link"
data-previous
tabindex="-1"
href="?excluded_feed_id=39&page=116039&partnerid=10410"><</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=39&page=116037&partnerid=10410">116037</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=39&page=116038&partnerid=10410">116038</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=39&page=116039&partnerid=10410">116039</a>
</li>
<li class="page-item active">
<a class="page-link">116040</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=39&page=116041&partnerid=10410">116041</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=39&page=116042&partnerid=10410">116042</a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=39&page=116043&partnerid=10410">116043</a>
</li>
<li class="page-item">
<a class="page-link"
tabindex="-1"
href="?excluded_feed_id=39&page=116041&partnerid=10410"
data-next>></a>
</li>
<li class="page-item">
<a class="page-link" tabindex="-1" href="?excluded_feed_id=39&page=last&partnerid=10410">>></a>
</li>
</ul>
<div class="text-center pb-3">Total: 1,166,218</div>
</nav>
<script>
const gestureSwipe = () => {
let touchstartX = 0;
let touchstartY = 0;
let touchendX = 0;
let touchendY = 0;
const gesuredZone = document.querySelector('body');
gesuredZone.addEventListener(
"pointerdown",
function (event) {
console.log("touchstart");
touchstartX = event.screenX;
touchstartY = event.screenY;
},
false
);
gesuredZone.addEventListener(
"pointerup",
function (event) {
console.log("touchend");
touchendX = event.screenX;
touchendY = event.screenY;
handleGesure();
},
false
);
events = [
"gotpointercapture",
"lostpointercapture",
"pointerover",
"pointerenter",
"pointerdown",
"pointermove",
"pointercancel",
"pointerout",
"pointerleave",
"pointerrawupdate",
]
function handleGesure() {
var swiped = "swiped: ";
if (touchendX > touchstartX) {
alert(swiped + "right!");
}
if (touchendY > touchstartY) {
alert(swiped + "left!");
}
if (touchendY == touchstartY) {
alert("tap!");
}
}
};
// gestureSwipe();
</script>
</main>
<aside class="right">
<div id="same-day-articles"
hx-get="/api/same-day-articles/?excluded_feed_id=39&page=116040&partnerid=10410&datetime="
hx-trigger="load"
hx-swap="outerHTML"
class="p-3 bg-light rounded"
hx-target="#same-day-articles">
<small class="text-muted">More On This Day</small>
<h4 class="fw-bold">August 19</h4>
<div class="same-day-container">
<div class="inner-container">
<div class="year-label">
<div class="placeholder placeholder-wave rounded placeholder-sm w-3rem"></div>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
</div>
<div class="inner-container">
<div class="year-label">
<div class="placeholder placeholder-wave rounded placeholder-sm w-3rem"></div>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
</div>
<div class="inner-container">
<div class="year-label">
<div class="placeholder placeholder-wave rounded placeholder-sm w-3rem"></div>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
<div class="my-05">
<a class="entry-link">
<div class="entry-image">
<div class="placeholder placeholder-wave rounded placeholder-sm w-100 h-100"></div>
</div>
<div class="entry-text">
<div class="feed-name">
<div class="placeholder placeholder-wave rounded placeholder-sm w-9rem"></div>
</div>
<div class="entry-title">
<div class="placeholder placeholder-wave rounded w-12rem"></div>
<div class="placeholder placeholder-wave rounded w-9rem"></div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div id="tags-cloud"
hx-get="/api/tags-cloud/"
hx-trigger="load"
hx-swap="outerHTML"
class="d-flex flex-wrap bg-light p-3 rounded my-2 fw-bold small"
hx-target="#tags-cloud">
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-9rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-3rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-9rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-3rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-3rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-3rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-9rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-12rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-6rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-9rem"></div>
<div class="placeholder placeholder-wave rounded m-1 h-1rem d-inline-block w-3rem"></div>
</div>
<div class="p-3 bg-light rounded mb-2 font-monospace">
<small>Current Query</small>
<div>Excluded Feed Id <i class="text">39</i></div>
</div>
</aside>
</div>
<div class="offcanvas offcanvas-start"
tabindex="-1"
id="sidebarMenu"
aria-labelledby="sidebarMenuLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="sidebarMenuLabel">
<i class="bi bi-rss-fill me-2"></i> Menu
</h5>
<button type="button"
class="btn-close text-reset"
data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<!-- Sidebar Content -->
<ul class="nav nav-pills flex-column mb-auto">
<li class="nav-item">
<a href="/" class="nav-link">
<i class="bi bi-house-door me-2"></i>
Home
</a>
</li>
<li class="nav-item">
<a href="/list/" class="nav-link">
<i class="bi bi-infinity me-2"></i>
List View
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
href="#"
id="SideMenuFeedDropdown"
role="button"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
<i class="bi bi-bell me-2"></i>
Feed
</a>
<div class="dropdown-menu overflow-y-auto"
id="sidebar-feed-list"
hx-get="/api/side-menu-feed-list-htmx/"
hx-trigger='click from:[data-bs-target="#sidebarMenu"] once'
hx-target="#sidebar-feed-list"
style="max-width: 100vw;
max-height: calc( 90vh - 10rem )"
aria-labelledby="SideMenuFeedDropdown"></div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
href="#"
id="CatDropdown"
role="button"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
<i class="bi bi-bookmarks me-2"></i>
Category
</a>
<div class="dropdown-menu" aria-labelledby="CatDropdown">
<a class="dropdown-item"
href="/?category_id=1">Tech</a>
<a class="dropdown-item"
href="/?category_id=3">News</a>
<a class="dropdown-item"
href="/?category_id=4">Photography</a>
<a class="dropdown-item"
href="/?category_id=2">Blog</a>
</div>
</li>
</ul>
<hr class="border-secondary my-2">
<ul class="nav nav-pills flex-column mb-auto">
<li class="nav-item">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
href="#"
id="menuItemChild2"
role="button"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
<i class="bi bi-person me-2"></i>
Accounts
</a>
<div class="dropdown-menu"
aria-labelledby="menuItemChild2">
<a class="dropdown-item" href="/accounts/login/">
<i class="bi bi-box-arrow-left me-2"></i>
Login
</a>
</div>
</li>
</li>
</ul>
</div>
</div>
<div id="overlay" hidden>
<div id="imageContainer">
<img src="" alt="" srcset="">
</div>
</div>
<div id="messagesContainerOuter">
<div class="d-flex justify-content-end pb-2 pe-2">
<div id="messagesContainer"
hx-on:htmx:after-settle="document.querySelector('#messagesContainer> div:last-child').scrollIntoView(false)">
</div>
</div>
</div>
<script src="/static/htmx.min.js?sha384=H5SrcfygHmAuTDZphMHqBJLc3FhssKjG7w/CeCpFReSfwBWDTKpkzPP8c+cLsK+V" integrity="sha384-H5SrcfygHmAuTDZphMHqBJLc3FhssKjG7w/CeCpFReSfwBWDTKpkzPP8c+cLsK+V"defer></script>
<script src="/static/htmx-ext-ws.js?sha384=1RwI/nvUSrMRuNj7hX1+27J8XDdCoSLf0EjEyF69nacuWyiJYoQ/j39RT1mSnd2G" integrity="sha384-1RwI/nvUSrMRuNj7hX1+27J8XDdCoSLf0EjEyF69nacuWyiJYoQ/j39RT1mSnd2G"defer></script>
<script src="/static/bootstrap.bundle.min.js?sha384=YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"defer></script>
<script src="/static/hls.js?sha384=0jcNW9iCiA5ubCFYl7lNSG4LwBvMYnF0Y01esqxwlh1k5U2QDpcnW56N2J84a4Fh" integrity="sha384-0jcNW9iCiA5ubCFYl7lNSG4LwBvMYnF0Y01esqxwlh1k5U2QDpcnW56N2J84a4Fh"defer></script>
<script src="/static/djangoql/js/completion.js?sha384=+T3tAo6aZKDoZt1Oh402cTJTylRv4w2ptE5sF3cHW71Sf7pAoSudxllwgXF+bUes" integrity="sha384-+T3tAo6aZKDoZt1Oh402cTJTylRv4w2ptE5sF3cHW71Sf7pAoSudxllwgXF+bUes"defer></script>
<script src="/static/main.js?sha384=1NTlZSxE0VXMQHVencHzcLGFbqRzUnlC+iaedVDICTToRs5s5dyA25XzxINiKVuX" integrity="sha384-1NTlZSxE0VXMQHVencHzcLGFbqRzUnlC+iaedVDICTToRs5s5dyA25XzxINiKVuX"defer></script>
<script src="/static/sweetalert2-v11.26.25.js?sha384=nLoOnA/BDh8A/jxqtckg4DumuCGOBYUnNJLZdQz/zfYNp3wcjGSoWTAzgko06G/2" integrity="sha384-nLoOnA/BDh8A/jxqtckg4DumuCGOBYUnNJLZdQz/zfYNp3wcjGSoWTAzgko06G/2"defer></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9120464920243224"
crossorigin="anonymous"></script>
<script>
if (document.createElement('link').relList?.supports('compression-dictionary')) {
const link = document.createElement('link');
link.rel = 'compression-dictionary';
link.href = '/dictionary/133e82830eea5b79d7bb3d3b49eac6b64ebea190e869fe5f9cd1ec3239534bd8';
document.head.appendChild(link);
}
</script>
<script type="speculationrules">
{
"prerender": [
{
"where": {
"selector_matches": "a[data-next]"
},
"eagerness": "immediate"
}
]
}
</script>
</body>
</html>