Skip to content

Commit 7a2b778

Browse files
notmithunnotmithun
committed
BUILD 1.1.2
1 parent e91cea9 commit 7a2b778

6 files changed

Lines changed: 141 additions & 41 deletions

File tree

‎assets/daily_dev_icon.png‎

5.74 KB
Loading

‎assets/daily_dev_icon_black.png‎

11.2 KB
Loading

‎css/cards.css‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
/* From Uiverse.io by Tiagoadag */
2+
.acard {
3+
width: 190px;
4+
height: 254px;
5+
background-image: linear-gradient(163deg, #00ff75 0%, #3700ff 100%);
6+
border-radius: 20px;
7+
transition: all .3s;
8+
}
9+
10+
.acard2 {
11+
width: 190px;
12+
height: 254px;
13+
background-color: #1a1a1a;
14+
transition: all .2s;
15+
}
16+
17+
.acard2:hover {
18+
transform: scale(0.98);
19+
border-radius: 20px;
20+
}
21+
22+
.acard:hover {
23+
box-shadow: 0px 0px 30px 1px rgba(0, 255, 117, 0.30);
24+
}

‎index.html‎

Lines changed: 102 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -12,53 +12,116 @@
1212
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
1313
crossorigin="anonymous">
1414
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
15+
<link rel="stylesheet" href="css/cards.css">
1516
<script src="https://kit.fontawesome.com/19617b418c.js" crossorigin="anonymous"></script>
17+
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
1618
<title>Welcome!</title>
1719
<noscript style="color: red; text-align: center; font-size: 2rem;">PLS ENABLE JAVASCRIPT...</noscript>
1820
</head>
1921
<body data-bs-theme="dark">
20-
<i id="themesel" class="bi bi-moon-fill float-end" onclick="changeTheme()"></i>
21-
<div class="d-flex justify-content-center align-items-center vh-100">
22-
<div class="p-5 rounded shadow bg-body-tertiary">
23-
<h2 class="text-center">Mithun Kumar</h2>
24-
<p>I live in: India<br>
25-
Gender: Male<br>
26-
Age: 12<br>
27-
Timezone: IST (+5:30 UTC)
28-
</p>
29-
<p class="text-center">I love to code.</p>
30-
<p>My favourite languages are:</p>
31-
<ul>
32-
<li>Python <i class="fa-brands fa-python"></i></li>
33-
<li>HTML <i class="fa-brands fa-html5"></i>, CSS <i class="fa-brands fa-css3-alt"></i></li>
34-
<li>Java <i class="fa-brands fa-java"></i></li>
35-
<li>C# (<em>I couldn't find an icon for C# 😔</em>)</li>
36-
</ul>
37-
<p>I love Windows <i class="fa-brands fa-windows"></i></p>
38-
<i class="fa-brands fa-github d-flex justify-content-center align-items-center" onclick="window.location.href='https://github.com/notmithun'" style="cursor: pointer;"></i>
22+
<div id="particles-js" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></div>
23+
<div style="position: relative; z-index: 1;">
24+
<i id="themesel" class="bi bi-moon-fill float-end" onclick="changeTheme()"></i>
25+
<div class="d-flex justify-content-center align-items-center vh-100">
26+
<div class="p-5 rounded shadow bg-body-tertiary">
27+
<h2 class="text-center">Mithun Kumar</h2>
28+
<p>I live in: India<br>
29+
Gender: Male<br>
30+
Age: 12<br>
31+
Timezone: IST (+5:30 UTC)
32+
</p>
33+
<p class="text-center">I love to code.</p>
34+
<p>My favourite languages are:</p>
35+
<ul>
36+
<li>Python <i class="fa-brands fa-python"></i></li>
37+
<li>HTML <i class="fa-brands fa-html5"></i>, CSS <i class="fa-brands fa-css3-alt"></i></li>
38+
<li>Java <i class="fa-brands fa-java"></i></li>
39+
<li>C# (<em>I couldn't find an icon for C# 😔</em>)</li>
40+
</ul>
41+
<p>I love Windows <i class="fa-brands fa-windows"></i></p>
42+
<div class="d-flex flex-row justify-content-center align-items-center" style="cursor: pointer;">
43+
<i class="fa-brands fa-github" onclick="window.location.href='https://github.com/notmithun'" style="margin-right: 7.5px;"></i>
44+
<i onclick="window.location.href='https://app.daily.dev/notmithun'"><img id="ddimg" src="./assets/daily_dev_icon.png" style="width: 25px; height: 25px; margin-right: 7.5px;" /></i>
45+
<i class="fa-brands fa-reddit" onclick="window.location.href='https://www.reddit.com/user/MithunCode2012'" style="margin-right: 7.5px;"></i>
46+
<i class="fa-brands fa-stack-overflow" onclick="window.location.href='https://stackoverflow.com/users/22992157/mithun'"></i>
47+
</div>
48+
</div>
49+
</div>
50+
<button onclick="window.location.href='terminal.html'" class="btn btn-secondary"><i class="fa-solid fa-terminal"></i> Terminal</button>
3951
</div>
40-
</div>
41-
<button onclick="window.location.href='terminal.html'" class="btn btn-secondary"><i class="fa-solid fa-terminal"></i> Terminal</button>
42-
<script>
43-
console.log("Build 1.1.1");
44-
let mode = "dark";
52+
53+
<script>
54+
console.log("Build 1.1.2");
55+
let mode = "dark";
4556

46-
function changeTheme() {
47-
if (mode == "dark") {
48-
mode = "light";
49-
document.querySelector("body").setAttribute("data-bs-theme", "light")
50-
document.getElementById("themesel").className = "bi bi-brightness-high-fill float-end"
51-
} else {
52-
mode = "dark";
53-
document.querySelector("body").setAttribute("data-bs-theme", "dark")
54-
document.getElementById("themesel").className = "bi bi-moon-fill float-end"
57+
function changeTheme() {
58+
if (mode == "dark") {
59+
mode = "light";
60+
document.querySelector("body").setAttribute("data-bs-theme", "light")
61+
document.getElementById("themesel").className = "bi bi-brightness-high-fill float-end"
62+
document.getElementById("ddimg").src = "./assets/daily_dev_icon_black.png"
63+
} else {
64+
mode = "dark";
65+
document.querySelector("body").setAttribute("data-bs-theme", "dark")
66+
document.getElementById("themesel").className = "bi bi-moon-fill float-end"
67+
document.getElementById("ddimg").src = "./assets/daily_dev_icon.png"
68+
}
5569
}
56-
}
57-
58-
</script>
59-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
60-
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
61-
crossorigin="anonymous">
70+
</script>
71+
72+
<script>
73+
particlesJS("particles-js", {
74+
"particles": {
75+
"number": {
76+
"value": 80,
77+
"density": { "enable": true, "value_area": 800 }
78+
},
79+
"color": { "value": "#00ff00" }, // Green particles
80+
"shape": {
81+
"type": "circle",
82+
"stroke": { "width": 0, "color": "#000000" }
83+
},
84+
"opacity": {
85+
"value": 0.5,
86+
"random": true
87+
},
88+
"size": {
89+
"value": 3,
90+
"random": true
91+
},
92+
"line_linked": {
93+
"enable": true,
94+
"distance": 150,
95+
"color": "#00ff00", // Green lines
96+
"opacity": 0.4,
97+
"width": 1
98+
},
99+
"move": {
100+
"enable": true,
101+
"speed": 2,
102+
"direction": "none",
103+
"random": false,
104+
"straight": false,
105+
"out_mode": "out",
106+
"bounce": false
107+
}
108+
},
109+
"interactivity": {
110+
"detect_on": "window",
111+
"events": {
112+
"onhover": { "enable": true, "mode": "repulse" },
113+
"onclick": { "enable": true, "mode": "push" }
114+
},
115+
"modes": {
116+
"repulse": { "distance": 100, "duration": 0.4 }
117+
}
118+
}
119+
});
120+
</script>
121+
122+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
123+
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
124+
crossorigin="anonymous">
62125
</script>
63126
</body>
64127
</html>

‎js/cards.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
function makeCards(n) {
2+
if (n === 1) {
3+
4+
}
5+
}

‎terminal.html‎

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -102,8 +102,16 @@
102102
} else if (command.trim() === "aboutme") {
103103
appendOutput(`I'm a 12 year old and my name is Mithun. I stared coding since I was 11. My favourite coding languages are Python, HTML, CSS, JS, Java`)
104104
} else if (command.trim() === "build") {
105-
appendOutput("BUILD 1.1.1")
106-
} else if (command.trim() === "reload")
105+
appendOutput("BUILD 1.1.2")
106+
} else if (command.trim() === "mygame") {
107+
appendOutput("I'm learning game development but I don't have any `public` games yet.")
108+
} else if (command.trim() === "github") {
109+
appendOutput("You'll be directed to the GitHub page for this website!")
110+
window.location.href = "https://www.github.com/notmithun/notmithun.github.io"
111+
} else if (command.trim() === "discord") {
112+
appendOutput("I don't have a discord server")
113+
}
114+
else if (command.trim() === "reload")
107115
{
108116
appendOutput("🔃 Reloading")
109117
window.location.reload()

0 commit comments

Comments
 (0)