diff --git a/README.md b/README.md
index d69acb3..d3ce5c5 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@ modified nerdfontsOnlySymbols file with fontforge-gtk to only have like 4 symbol
- add code block expansion
- better nav bar, add some flair to background color
-- Table of Content can rended too long for the user to use on small width phone with a lot of headings. So need to fix that, but don't make the table scrollable. I hate that
+- Table of Content can render too long for the user to use on small width phone with a lot of headings. So I hid it on small width devices. But there is probably a better way for it, without making ToC scrollable because that would be 1000 times worse
- Pokemons aren't centered
- I want a [project oriented pages too](https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/about-custom-domains-and-github-pages#using-a-custom-domain-across-multiple-repositories)
- better rss.xml theme, like [boltless](https://github.com/boltlessengineer/boltlessengineer.github.io/blob/989b409505d56f2c9fcbaf3cec1db8aac52156c7/templates/rss.xml#L2)
diff --git a/public/assets/css/toc.css b/public/assets/css/toc.css
index a3f02cf..56ac9e7 100644
--- a/public/assets/css/toc.css
+++ b/public/assets/css/toc.css
@@ -1 +1 @@
-:root{--base:#24273a;--mantle:#1e2030;--surface0:#363a4f;--rosewater:#f4dbd6;--peach:#f5a97f;--text:#c9d1d9;--lavender:#b7bdf8;--shadow:0 8px 16px #00000026}#toc-toggle{display:none}.toc-button{background:var(--mantle);cursor:pointer;z-index:1000;width:36px;height:36px;box-shadow:var(--shadow);border-radius:6px;justify-content:center;align-items:center;transition:background .2s,right .2s;display:flex;position:fixed;top:15%;right:15px;transform:translateY(0)}.toc-button:hover{background:var(--surface0)}.toc-button:before{content:"➤";color:var(--rosewater);font-size:18px;transition:transform .2s;transform:rotate(180deg)}#toc-toggle:checked~.toc-button:before{transform:rotate(0)}#toc-toggle:checked~.toc-button{right:375px}.toc-panel{background:var(--mantle);border:1px solid var(--surface0);width:360px;height:auto;box-shadow:var(--shadow);z-index:999;border-radius:8px;transition:transform .2s;position:fixed;top:15%;right:-360px;overflow-y:visible}#toc-toggle:checked~.toc-panel{transform:translate(-360px)}.toc-content ul{margin:0;padding:0;list-style-type:none}.toc-content li{margin-bottom:.25rem;padding-top:.25rem;padding-left:.25rem}.toc-content ul ul{padding-left:.5rem}.toc-content ul ul ul{padding-left:.75rem}.toc-content a[href]{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:100%;padding:.5rem 1rem;transition:background .2s,color .2s;display:block;overflow:hidden}.toc-content a[href]:hover{background:var(--surface0)}@media (width<=768px){.toc-button{width:32px;height:32px;right:10px}#toc-toggle:checked~.toc-button{right:295px}.toc-panel{width:280px;right:-280px}#toc-toggle:checked~.toc-panel{transform:translate(-280px)}.toc-content a{padding:.4rem .8rem}}
\ No newline at end of file
+:root{--base:#24273a;--mantle:#1e2030;--surface0:#363a4f;--rosewater:#f4dbd6;--peach:#f5a97f;--text:#c9d1d9;--lavender:#b7bdf8;--shadow:0 8px 16px #00000026}#toc-toggle{display:none}.toc-button{background:var(--mantle);cursor:pointer;z-index:1000;width:36px;height:36px;box-shadow:var(--shadow);border-radius:6px;justify-content:center;align-items:center;transition:background .2s,right .2s;display:flex;position:fixed;top:15%;right:15px;transform:translateY(0)}.toc-button:hover{background:var(--surface0)}.toc-button:before{content:"➤";color:var(--rosewater);font-size:18px;transition:transform .2s;transform:rotate(180deg)}#toc-toggle:checked~.toc-button:before{transform:rotate(0)}#toc-toggle:checked~.toc-button{right:375px}.toc-panel{background:var(--mantle);border:1px solid var(--surface0);width:360px;height:auto;box-shadow:var(--shadow);z-index:999;border-radius:8px;transition:transform .2s;position:fixed;top:15%;right:-360px;overflow-y:visible}#toc-toggle:checked~.toc-panel{transform:translate(-360px)}.toc-content ul{margin:0;padding:0;list-style-type:none}.toc-content li{margin-bottom:.25rem;padding-top:.25rem;padding-left:.25rem}.toc-content ul ul{padding-left:.5rem}.toc-content ul ul ul{padding-left:.75rem}.toc-content a[href]{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:100%;padding:.5rem 1rem;transition:background .2s,color .2s;display:block;overflow:hidden}.toc-content a[href]:hover{background:var(--surface0)}@media (width<=768px){.toc-button,.toc-panel,.overlay{display:none}}
\ No newline at end of file
diff --git a/public/rss.xml b/public/rss.xml
index 5fa26ec..eef826a 100644
--- a/public/rss.xml
+++ b/public/rss.xml
@@ -6,7 +6,7 @@
Latest posts
Norgolith
en-us
- Sat, 13 Sep 2025 04:31:50 +0000
+ Sat, 13 Sep 2025 04:42:45 +0000
60
diff --git a/theme/assets/css/toc.css b/theme/assets/css/toc.css
index 4fb4c16..5f9fbb2 100644
--- a/theme/assets/css/toc.css
+++ b/theme/assets/css/toc.css
@@ -114,25 +114,14 @@
/* Responsive Design */
@media (max-width: 768px) {
.toc-button {
- width: 32px;
- height: 32px;
- right: 10px;
- }
-
- #toc-toggle:checked ~ .toc-button {
- right: 295px;
+ display: none; /* Hide button on small screens */
}
.toc-panel {
- width: 280px;
- right: -280px;
- }
-
- #toc-toggle:checked ~ .toc-panel {
- transform: translateX(-280px);
+ display: none; /* Hide panel on small screens */
}
- .toc-content a {
- padding: 0.4rem 0.8rem;
+ .overlay {
+ display: none; /* Hide overlay on small screens */
}
}