Skip to content

Commit 2faf4c2

Browse files
Bikram GoleBikram Gole
authored andcommitted
Add direct handles and refine liquid glass theme
1 parent a565745 commit 2faf4c2

3 files changed

Lines changed: 110 additions & 11 deletions

File tree

README.md

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -40,17 +40,6 @@ python -m http.server 8000
4040

4141
Open `http://localhost:8000`.
4242

43-
## Deploy to GitHub Pages
44-
45-
1. Push this repo to GitHub.
46-
2. Open repository `Settings -> Pages`.
47-
3. Set `Source` to `Deploy from a branch`.
48-
4. Select branch `main` and folder `/ (root)`.
49-
5. Save and wait for deployment.
50-
51-
My deployed path is:
52-
`https://devxtechnic.github.io/bikram-site/`
53-
5443
## Notes
5544

5645
- `.nojekyll` is included so GitHub Pages serves files directly without Jekyll processing.

about.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,20 @@ <h2>AI + Influence Stack 🤖</h2>
101101
<article class="favorite-card tilt"><h3>Ideas</h3><p>Open source, AI tools, Libertarian, Privacy by default, Free speech, Permissionless innovation</p></article>
102102
</div>
103103
</section>
104+
105+
<section class="panel reveal delay-3 skew-left">
106+
<h2>Direct Handles 📡</h2>
107+
<div class="contact-list tilt-zone">
108+
<a class="contact-item tilt" href="https://discord.com/users/1471849836931190945" target="_blank" rel="noopener noreferrer">
109+
<h3>Discord</h3>
110+
<p>discord.com/users/1471849836931190945</p>
111+
</a>
112+
<a class="contact-item tilt" href="https://smp11.simplex.im/a#7qVOPQjQgiF604MqanxuUMWq4Az0hTu2io_AraQwyBU" target="_blank" rel="noopener noreferrer">
113+
<h3>SimpleX</h3>
114+
<p>smp11.simplex.im/a#7qVOPQjQgiF604MqanxuUMWq4Az0hTu2io_AraQwyBU</p>
115+
</a>
116+
</div>
117+
</section>
104118
</main>
105119

106120
<footer class="site-footer">

styles.css

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2090,6 +2090,102 @@ body[data-theme="liquidglass"] .easter-toast {
20902090
backdrop-filter: blur(14px) saturate(146%);
20912091
}
20922092

2093+
body[data-theme="liquidglass"] .noise {
2094+
opacity: 0.09;
2095+
background-image:
2096+
radial-gradient(rgba(225, 240, 255, 0.24) 0.55px, transparent 0.55px),
2097+
linear-gradient(120deg, rgba(142, 203, 255, 0.06), rgba(255, 178, 128, 0.04));
2098+
background-size: 2px 2px, 100% 100%;
2099+
}
2100+
2101+
body[data-theme="liquidglass"] .hero,
2102+
body[data-theme="liquidglass"] .panel,
2103+
body[data-theme="liquidglass"] .chaos-card,
2104+
body[data-theme="liquidglass"] .favorite-card,
2105+
body[data-theme="liquidglass"] .fact-card,
2106+
body[data-theme="liquidglass"] .glass-card,
2107+
body[data-theme="liquidglass"] .repo-card,
2108+
body[data-theme="liquidglass"] .contact-item,
2109+
body[data-theme="liquidglass"] .mini-terminal,
2110+
body[data-theme="liquidglass"] .quiz-board,
2111+
body[data-theme="liquidglass"] .command-shell {
2112+
position: relative;
2113+
overflow: hidden;
2114+
}
2115+
2116+
body[data-theme="liquidglass"] .hero::before,
2117+
body[data-theme="liquidglass"] .panel::before,
2118+
body[data-theme="liquidglass"] .chaos-card::before,
2119+
body[data-theme="liquidglass"] .favorite-card::before,
2120+
body[data-theme="liquidglass"] .fact-card::before,
2121+
body[data-theme="liquidglass"] .glass-card::before,
2122+
body[data-theme="liquidglass"] .repo-card::before,
2123+
body[data-theme="liquidglass"] .contact-item::before,
2124+
body[data-theme="liquidglass"] .mini-terminal::before,
2125+
body[data-theme="liquidglass"] .quiz-board::before,
2126+
body[data-theme="liquidglass"] .command-shell::before {
2127+
content: "";
2128+
position: absolute;
2129+
inset: 0;
2130+
pointer-events: none;
2131+
background:
2132+
radial-gradient(520px 160px at -12% -26%, rgba(255, 255, 255, 0.26), transparent 60%),
2133+
radial-gradient(360px 130px at 110% 122%, rgba(255, 198, 145, 0.11), transparent 68%);
2134+
}
2135+
2136+
body[data-theme="liquidglass"] .hero::after,
2137+
body[data-theme="liquidglass"] .panel::after {
2138+
content: "";
2139+
position: absolute;
2140+
inset: 0;
2141+
pointer-events: none;
2142+
background:
2143+
linear-gradient(116deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.02) 34%, rgba(124, 196, 255, 0.08) 62%, rgba(255, 173, 117, 0.07));
2144+
mix-blend-mode: screen;
2145+
opacity: 0.52;
2146+
}
2147+
2148+
body[data-theme="liquidglass"] .chips span,
2149+
body[data-theme="liquidglass"] .theme-top-select,
2150+
body[data-theme="liquidglass"] .theme-cycle-btn {
2151+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 2px 14px rgba(9, 26, 53, 0.24);
2152+
}
2153+
2154+
body[data-theme="liquidglass"] .favorite-card:hover,
2155+
body[data-theme="liquidglass"] .fact-card:hover,
2156+
body[data-theme="liquidglass"] .glass-card:hover,
2157+
body[data-theme="liquidglass"] .repo-card:hover,
2158+
body[data-theme="liquidglass"] .contact-item:hover,
2159+
body[data-theme="liquidglass"] .chaos-card:hover {
2160+
transform: translateY(-3px);
2161+
border-color: rgba(212, 233, 255, 0.4);
2162+
box-shadow:
2163+
0 12px 28px rgba(5, 18, 41, 0.34),
2164+
inset 0 1px 0 rgba(255, 255, 255, 0.2);
2165+
}
2166+
2167+
body[data-theme="liquidglass"] #command-input,
2168+
body[data-theme="liquidglass"] .mini-terminal-form input {
2169+
border-color: rgba(191, 222, 255, 0.28);
2170+
background: rgba(8, 18, 35, 0.58);
2171+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
2172+
}
2173+
2174+
body[data-theme="liquidglass"] #command-input:focus,
2175+
body[data-theme="liquidglass"] .mini-terminal-form input:focus {
2176+
border-color: rgba(211, 232, 255, 0.48);
2177+
box-shadow: 0 0 0 3px rgba(132, 189, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
2178+
}
2179+
2180+
body[data-theme="liquidglass"] .site-footer {
2181+
width: min(1100px, 94vw);
2182+
border: 1px solid rgba(188, 221, 255, 0.2);
2183+
border-radius: 12px;
2184+
background: rgba(10, 18, 34, 0.38);
2185+
backdrop-filter: blur(10px) saturate(128%);
2186+
padding: 0.52rem 0.8rem;
2187+
}
2188+
20932189
.easter-toast.show {
20942190
opacity: 1;
20952191
transform: translateX(-50%) translateY(0);

0 commit comments

Comments
 (0)