Skip to content

Commit 57052e4

Browse files
DevXtechnicDevXtechnic
committed
Initial personal site
0 parents  commit 57052e4

7 files changed

Lines changed: 4619 additions & 0 deletions

File tree

‎.nojekyll‎

Whitespace-only changes.

‎README.md‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
# Bikram Personal Website
2+
3+
Playful dark-themed personal website for **Bikram Gole**.
4+
5+
## Stack
6+
7+
- HTML
8+
- CSS
9+
- JavaScript
10+
- GitHub API (to show latest repos)
11+
12+
## Pages
13+
14+
- `index.html` - Home + live GitHub repos
15+
- `about.html` - Personal story and profile
16+
- `contact.html` - Email and GitHub links
17+
18+
## Run locally
19+
20+
Open `index.html` directly, or run a local server:
21+
22+
```bash
23+
cd bikram-site
24+
python -m http.server 8000
25+
```
26+
27+
Then open `http://localhost:8000`.
28+
29+
## Deploy to GitHub Pages
30+
31+
1. Create a GitHub repo (recommended name: `DevXtechnic.github.io` for user site).
32+
2. Upload all files from this folder to the repo root.
33+
3. On GitHub, go to `Settings -> Pages`.
34+
4. Under `Build and deployment`, set:
35+
- `Source`: `Deploy from a branch`
36+
- `Branch`: `main` and `/ (root)`
37+
5. Save and wait 1-2 minutes.
38+
6. Visit your site URL shown in Pages settings.
39+
40+
If repo name is `DevXtechnic.github.io`, URL will be:
41+
`https://devxtechnic.github.io/`
42+
43+
If repo name is something else (example `bikram-site`), URL will be:
44+
`https://devxtechnic.github.io/bikram-site/`

‎about.html‎

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>About Neo | Aura Farmer</title>
7+
<meta name="description" content="About Bikram Gole from Gongabu, KTM. AI-focused student builder with chaotic fun style." />
8+
<link rel="preconnect" href="https://fonts.googleapis.com" />
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10+
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Syne:wght@700;800&display=swap" rel="stylesheet" />
11+
<link rel="stylesheet" href="styles.css" />
12+
</head>
13+
<body data-page="about">
14+
<script>
15+
(() => {
16+
try {
17+
const params = new URLSearchParams(window.location.search);
18+
const urlTheme = params.get("theme");
19+
const savedTheme = window.localStorage.getItem("neoThemeVariant.v1");
20+
if (savedTheme) {
21+
document.body.dataset.theme = savedTheme;
22+
} else if (urlTheme) {
23+
document.body.dataset.theme = urlTheme;
24+
}
25+
} catch (error) {
26+
// ignore
27+
}
28+
})();
29+
</script>
30+
<canvas id="starfield" aria-hidden="true"></canvas>
31+
<div class="noise" aria-hidden="true"></div>
32+
33+
<header class="site-header">
34+
<a class="brand-name" href="index.html">Neo</a>
35+
<nav>
36+
<a href="index.html" data-nav="home">Home</a>
37+
<a href="about.html" data-nav="about">About</a>
38+
<a href="contact.html" data-nav="contact">Contact</a>
39+
</nav>
40+
<div class="header-tools">
41+
<label for="header-theme-select" class="theme-top-label">Theme</label>
42+
<select id="header-theme-select" class="theme-top-select" aria-label="Theme switcher">
43+
<option value="neo">Neo Blue</option>
44+
<option value="mint">Mint Matrix</option>
45+
<option value="sunset">Sunset Warp</option>
46+
<option value="midnight">Midnight Ice</option>
47+
<option value="ember">Ember Core</option>
48+
<option value="arctic">Arctic Pulse</option>
49+
<option value="grape">Grape Nebula</option>
50+
<option value="toxic">Toxic Lime</option>
51+
<option value="ocean">Ocean Drift</option>
52+
<option value="bloodmoon">Blood Moon</option>
53+
<option value="liquidglass">Liquid Glass</option>
54+
<option value="paper">Paper Link</option>
55+
<option value="blackflag">Black Flag Uprising</option>
56+
</select>
57+
</div>
58+
</header>
59+
60+
<main>
61+
<section class="hero compact reveal skew-left">
62+
<p class="tag">About Neo 🐧</p>
63+
<h1 id="hero-name" data-name="Aura Farmer Profile">Aura Farmer Profile</h1>
64+
<p class="subtitle">From Gongabu, KTM, Nepal. I am building toward AI Engineering with chaotic fun energy.</p>
65+
<p class="status-line">Shivapuri Secondary School | Grade 10 | ISTJ-A</p>
66+
</section>
67+
68+
<section class="panel reveal delay-1 skew-right">
69+
<h2>Identity Snapshot 🧬</h2>
70+
<div class="about-grid tilt-zone">
71+
<article class="glass-card tilt"><h3>Name</h3><p>Bikram Gole</p></article>
72+
<article class="glass-card tilt"><h3>Age</h3><p>15</p></article>
73+
<article class="glass-card tilt"><h3>Height</h3><p>5'7"</p></article>
74+
<article class="glass-card tilt"><h3>Base</h3><p>Gongabu, KTM, Nepal</p></article>
75+
<article class="glass-card tilt"><h3>Distro</h3><p>Arch + Hyprland</p></article>
76+
<article class="glass-card tilt"><h3>Goal</h3><p>Become an AI Engineer</p></article>
77+
<article class="glass-card tilt"><h3>Relationship Status</h3><p>Complicated (with code and deadlines).</p></article>
78+
</div>
79+
</section>
80+
81+
<section class="panel reveal delay-2 skew-left">
82+
<h2>Strengths ⚡</h2>
83+
<div class="fact-grid tilt-zone">
84+
<article class="fact-card tilt"><h3>Communication</h3><p>Great English speaker.</p></article>
85+
<article class="fact-card tilt"><h3>Debate</h3><p>Can debate almost any topic.</p></article>
86+
<article class="fact-card tilt"><h3>Mindset</h3><p>Self improvement + consistency.</p></article>
87+
<article class="fact-card tilt"><h3>Energy</h3><p>Low sleep, high intensity.</p></article>
88+
</div>
89+
</section>
90+
91+
<section class="panel reveal delay-3 skew-right">
92+
<h2>AI + Influence Stack 🤖</h2>
93+
<div class="favorite-grid tilt-zone">
94+
<article class="favorite-card tilt"><h3>YouTube</h3><p>AI Explained, Matt Wolfe, Luke Smith, Mental Outlaw, Linus Tech Tips, IN-Depth Story, HowToMen, The Linux Experiment, Fireship</p></article>
95+
<article class="favorite-card tilt"><h3>People</h3><p>Sam Altman, Dario Amodei, Elon Musk, Linus Torvalds, Terry A. Davis</p></article>
96+
<article class="favorite-card tilt"><h3>Crypto</h3><p>BTC, Ethereum, Monero, Solana</p></article>
97+
<article class="favorite-card tilt"><h3>Ideas</h3><p>Open source, AI tools, Libertarian, Privacy by default, Free speech, Permissionless innovation</p></article>
98+
</div>
99+
</section>
100+
</main>
101+
102+
<footer class="site-footer">
103+
<p id="page-footer-line" data-text="Aura Farmer: thinking deep, building fast.">Aura Farmer: thinking deep, building fast.</p>
104+
</footer>
105+
106+
<script src="script.js"></script>
107+
</body>
108+
</html>

‎contact.html‎

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Contact Neo | Aura Farmer</title>
7+
<meta name="description" content="Contact Bikram Gole for AI, Linux, open source, and collaboration." />
8+
<link rel="preconnect" href="https://fonts.googleapis.com" />
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10+
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Syne:wght@700;800&display=swap" rel="stylesheet" />
11+
<link rel="stylesheet" href="styles.css" />
12+
</head>
13+
<body data-page="contact">
14+
<script>
15+
(() => {
16+
try {
17+
const params = new URLSearchParams(window.location.search);
18+
const urlTheme = params.get("theme");
19+
const savedTheme = window.localStorage.getItem("neoThemeVariant.v1");
20+
if (savedTheme) {
21+
document.body.dataset.theme = savedTheme;
22+
} else if (urlTheme) {
23+
document.body.dataset.theme = urlTheme;
24+
}
25+
} catch (error) {
26+
// ignore
27+
}
28+
})();
29+
</script>
30+
<canvas id="starfield" aria-hidden="true"></canvas>
31+
<div class="noise" aria-hidden="true"></div>
32+
33+
<header class="site-header">
34+
<a class="brand-name" href="index.html">Neo</a>
35+
<nav>
36+
<a href="index.html" data-nav="home">Home</a>
37+
<a href="about.html" data-nav="about">About</a>
38+
<a href="contact.html" data-nav="contact">Contact</a>
39+
</nav>
40+
<div class="header-tools">
41+
<label for="header-theme-select" class="theme-top-label">Theme</label>
42+
<select id="header-theme-select" class="theme-top-select" aria-label="Theme switcher">
43+
<option value="neo">Neo Blue</option>
44+
<option value="mint">Mint Matrix</option>
45+
<option value="sunset">Sunset Warp</option>
46+
<option value="midnight">Midnight Ice</option>
47+
<option value="ember">Ember Core</option>
48+
<option value="arctic">Arctic Pulse</option>
49+
<option value="grape">Grape Nebula</option>
50+
<option value="toxic">Toxic Lime</option>
51+
<option value="ocean">Ocean Drift</option>
52+
<option value="bloodmoon">Blood Moon</option>
53+
<option value="liquidglass">Liquid Glass</option>
54+
<option value="paper">Paper Link</option>
55+
<option value="blackflag">Black Flag Uprising</option>
56+
</select>
57+
</div>
58+
</header>
59+
60+
<main>
61+
<section class="hero compact reveal skew-left">
62+
<p class="tag">Contact 📡</p>
63+
<h1 id="hero-name" data-name="Open Channel ✉️">Open Channel ✉️</h1>
64+
<p class="subtitle">For AI ideas, open source builds, Linux setup talk, and serious debates.</p>
65+
</section>
66+
67+
<section class="panel reveal delay-1 skew-right">
68+
<h2>Direct Links 🔗</h2>
69+
<div class="contact-list tilt-zone">
70+
<a class="contact-item tilt" href="mailto:Bikramgole.genius@keemail.me">
71+
<h3>Primary Email</h3>
72+
<p>Bikramgole.genius@keemail.me</p>
73+
</a>
74+
<a class="contact-item tilt" href="mailto:Develope.genius@gmail.com">
75+
<h3>Backup Email</h3>
76+
<p>Develope.genius@gmail.com</p>
77+
</a>
78+
<a class="contact-item tilt" href="https://github.com/DevXtechnic" target="_blank" rel="noopener noreferrer">
79+
<h3>GitHub</h3>
80+
<p>github.com/DevXtechnic</p>
81+
</a>
82+
</div>
83+
</section>
84+
</main>
85+
86+
<footer class="site-footer">
87+
<p id="page-footer-line" data-text="Fastest response: keemail.">Fastest response: keemail.</p>
88+
</footer>
89+
90+
<script src="script.js"></script>
91+
</body>
92+
</html>

0 commit comments

Comments
 (0)