Skip to content

Commit 64b1c51

Browse files
PB2204PB2204
committed
5th Update
1 parent 79e07f1 commit 64b1c51

File tree

9 files changed

+862
-60
lines changed

9 files changed

+862
-60
lines changed

‎.vscode/settings.json‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"[python]": {
3+
"editor.defaultFormatter": "ms-python.autopep8"
4+
},
5+
"python.formatting.provider": "none"
6+
}

‎bichi.py‎

Whitespace-only changes.

‎index.html‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,19 +10,17 @@
1010
</head>
1111

1212
<body class="body">
13-
<marquee>Learn DSA Using Python || Chapter 01 - Introduction || Code
13+
<marquee>Learn DSA Using Python || Lesson 01 - Introduction || Code
1414
Explorer</marquee>
1515
<div class="main-body">
1616
<div class="left">
17-
<!-- <a href="https://explorecode.newsgoogle.org"> -->
1817
<div class="logo">
1918
<img src="images/code.png" alt="" height="100px" width="100px" class="logo-img" />
2019
<div class="logo-div">
2120
<span class="code">Code</span><span class="explorer">Explorer</span>
2221
</div>
2322
<span class="dropdown"></span>
2423
</div>
25-
<!-- </a> -->
2624
<hr class="one" />
2725
<div class="hide-on-small-screen">
2826
<span class="contents">Contents</span>
@@ -38,14 +36,14 @@
3836
<li>
3937
<img src="images/arrow.png" alt="" class="arrow-img" />
4038
<a href="./lesson-2/index.html">
41-
<span class="lesson">Lesson 2 / Revision</span>
39+
<span class="lesson">Lesson 2 / Python Revision</span>
4240
</a>
4341
</li>
4442
<hr class="two" />
4543
<li>
4644
<img src="images/arrow.png" alt="" class="arrow-img" />
47-
<a href="https://youtube.com">
48-
<span class="lesson">Lesson 3 / Testing</span>
45+
<a href="./lesson-03/index.html">
46+
<span class="lesson">Lesson 3 / Data Structures</span>
4947
</a>
5048
</li>
5149
<hr class="two" />

‎lesson-03/index.html‎

Lines changed: 668 additions & 0 deletions
Large diffs are not rendered by default.

‎lesson-03/script.js‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
document.addEventListener("DOMContentLoaded", function () {
2+
const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
3+
const dropdownElement = document.querySelector(".dropdown");
4+
const navElement = document.querySelector(".hide-on-small-screen ul");
5+
6+
if (screenWidth <= 760) {
7+
const menuImgSrc = "../images/menu.png"; // Replace with the actual menu image source
8+
const crossImgSrc = "../images/cross.png"; // Replace with the actual cross image source
9+
10+
const imgElement = document.createElement("img");
11+
imgElement.src = menuImgSrc;
12+
imgElement.alt = "Menu";
13+
imgElement.style.height = "60px";
14+
imgElement.style.width = "60px";
15+
16+
dropdownElement.appendChild(imgElement);
17+
18+
dropdownElement.addEventListener("click", function () {
19+
navElement.classList.toggle("nav-hidden");
20+
navElement.classList.toggle("nav-visible");
21+
imgElement.src = navElement.classList.contains("nav-visible") ? crossImgSrc : menuImgSrc;
22+
imgElement.alt = navElement.classList.contains("nav-visible") ? "Cross" : "Menu";
23+
});
24+
}
25+
});
26+
27+
// Initialize Prism.js
28+
Prism.highlightAll();
29+
30+
function copyCode() {
31+
const codeBlock = document.getElementById("code-block");
32+
navigator.clipboard.writeText(codeBlock.innerText)
33+
.then(() => {
34+
showNotification("Code Copied !!", "success");
35+
})
36+
.catch((error) => {
37+
showNotification("Failed To Copy: " + error, "error");
38+
});
39+
}
40+
41+
function copyCode1() {
42+
const codeBlock = document.getElementById("code-block1");
43+
navigator.clipboard.writeText(codeBlock.innerText)
44+
.then(() => {
45+
showNotification("Code Copied !!", "success");
46+
})
47+
.catch((error) => {
48+
showNotification("Failed To Copy: " + error, "error");
49+
});
50+
}
51+
52+
function copyCode2() {
53+
const codeBlock = document.getElementById("code-block2");
54+
navigator.clipboard.writeText(codeBlock.innerText)
55+
.then(() => {
56+
showNotification("Code Copied !!", "success");
57+
})
58+
.catch((error) => {
59+
showNotification("Failed To Copy: " + error, "error");
60+
});
61+
}
62+
63+
function copyCode3() {
64+
const codeBlock = document.getElementById("code-block3");
65+
navigator.clipboard.writeText(codeBlock.innerText)
66+
.then(() => {
67+
showNotification("Code Copied !!", "success");
68+
})
69+
.catch((error) => {
70+
showNotification("Failed To Copy: " + error, "error");
71+
});
72+
}
73+
74+
function copyCode4() {
75+
const codeBlock = document.getElementById("code-block4");
76+
navigator.clipboard.writeText(codeBlock.innerText)
77+
.then(() => {
78+
showNotification("Code Copied !!", "success");
79+
})
80+
.catch((error) => {
81+
showNotification("Failed To Copy: " + error, "error");
82+
});
83+
}
84+
85+
function copyCode5() {
86+
const codeBlock = document.getElementById("code-block5");
87+
navigator.clipboard.writeText(codeBlock.innerText)
88+
.then(() => {
89+
showNotification("Code Copied !!", "success");
90+
})
91+
.catch((error) => {
92+
showNotification("Failed To Copy: " + error, "error");
93+
});
94+
}
95+
96+
function copyCode6() {
97+
const codeBlock = document.getElementById("code-block6");
98+
navigator.clipboard.writeText(codeBlock.innerText)
99+
.then(() => {
100+
showNotification("Code Copied !!", "success");
101+
})
102+
.catch((error) => {
103+
showNotification("Failed To Copy: " + error, "error");
104+
});
105+
}
106+
107+
function copyCode7() {
108+
const codeBlock = document.getElementById("code-block7");
109+
navigator.clipboard.writeText(codeBlock.innerText)
110+
.then(() => {
111+
showNotification("Code Copied !!", "success");
112+
})
113+
.catch((error) => {
114+
showNotification("Failed To Copy: " + error, "error");
115+
});
116+
}
117+
118+
function showNotification(message, type) {
119+
const notification = document.getElementById("notification");
120+
notification.textContent = message;
121+
notification.classList.add(type, "show");
122+
123+
setTimeout(() => {
124+
notification.classList.remove("show");
125+
}, 3000);
126+
}

‎lesson-03/style.css‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
.container {
2+
max-width: 800px;
3+
margin: 0 auto;
4+
padding: 20px;
5+
}
6+
7+
pre {
8+
background-color: #080000;
9+
padding: 10px;
10+
overflow-x: auto;
11+
}
12+
13+
code {
14+
font-family: "Courier New", monospace;
15+
font-size: 14px;
16+
}
17+
18+
.python {
19+
color: #e83e8c;
20+
}
21+
22+
.copy-button {
23+
display: inline-block;
24+
background-color: #4caf50;
25+
color: white;
26+
border: none;
27+
padding: 10px 20px;
28+
font-size: 16px;
29+
cursor: pointer;
30+
transition: background-color 0.3s ease;
31+
}
32+
33+
.copy-button:hover {
34+
background-color: #45a049;
35+
}
36+
37+
.notification {
38+
position: fixed;
39+
top: 50%;
40+
left: 50%;
41+
transform: translate(-50%, -50%);
42+
background-color: #f44336;
43+
color: white;
44+
padding: 16px;
45+
border-radius: 5px;
46+
visibility: hidden;
47+
opacity: 0;
48+
transition: visibility 0s, opacity 0.3s ease;
49+
}
50+
51+
.notification.show {
52+
visibility: visible;
53+
opacity: 1;
54+
}

‎lesson-2/index.html‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -11,19 +11,17 @@
1111
</head>
1212

1313
<body class="body">
14-
<marquee>Learn DSA Using Python || Chapter 01 - Introduction || Code
14+
<marquee>Learn DSA Using Python || Lesson 02 - Python Revision || Code
1515
Explorer</marquee>
1616
<div class="main-body">
1717
<div class="left">
18-
<!-- <a href="https://explorecode.newsgoogle.org"> -->
1918
<div class="logo">
2019
<img src="../images/code.png" alt="" height="100px" width="100px" class="logo-img" />
2120
<div class="logo-div">
2221
<span class="code">Code</span><span class="explorer">Explorer</span>
2322
</div>
2423
<span class="dropdown"></span>
2524
</div>
26-
<!-- </a> -->
2725
<hr class="one" />
2826
<div class="hide-on-small-screen">
2927
<span class="contents">Contents</span>
@@ -39,14 +37,14 @@
3937
<li>
4038
<img src="../images/arrow.png" alt="" class="arrow-img" />
4139
<a href="index.html">
42-
<span class="lesson">Lesson 2 / Revision</span>
40+
<span class="lesson">Lesson 2 / Python Revision</span>
4341
</a>
4442
</li>
4543
<hr class="two" />
4644
<li>
4745
<img src="../images/arrow.png" alt="" class="arrow-img" />
48-
<a href="https://youtube.com">
49-
<span class="lesson">Lesson 3 / Testing</span>
46+
<a href="../lesson-03/index.html">
47+
<span class="lesson">Lesson 3 / Data Structures</span>
5048
</a>
5149
</li>
5250
<hr class="two" />

‎lesson-2/script.js‎

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -27,12 +27,6 @@ document.addEventListener("DOMContentLoaded", function () {
2727
// Initialize Prism.js
2828
Prism.highlightAll();
2929

30-
// function showNotification(message, type) {
31-
// // You can implement your custom notification here
32-
// // This is just a basic example
33-
// alert(`${type}: ${message}`);
34-
// }
35-
3630
function copyCode() {
3731
const codeBlock = document.getElementById("code-block");
3832
navigator.clipboard.writeText(codeBlock.innerText)

‎lesson-2/style.css‎

Lines changed: 0 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -15,34 +15,6 @@ code {
1515
font-size: 14px;
1616
}
1717

18-
/* .main-body-2 {
19-
display: flex;
20-
justify-content: space-between;
21-
flex-direction: row;
22-
padding-left: 10px;
23-
padding-right: 10px;
24-
padding-top: 10px;
25-
/* background-color: coral;
26-
}
27-
28-
.left-2 {
29-
/* color: skyblue;
30-
min-width: 300px;
31-
margin-bottom: left;
32-
/* background-color: black;
33-
height: auto;
34-
overflow: auto;
35-
position: relative;
36-
}
37-
38-
.right-2 {
39-
background-color: black;
40-
height: 30px;
41-
/* overflow: auto;
42-
/* margin-bottom: 10px;
43-
position: relative;
44-
} */
45-
4618
.python {
4719
color: #e83e8c;
4820
}
@@ -62,20 +34,6 @@ code {
6234
background-color: #45a049;
6335
}
6436

65-
/* .notification {
66-
position: fixed;
67-
top: 20px;
68-
left: 50%;
69-
transform: translateX(-50%);
70-
background-color: #f44336;
71-
color: white;
72-
padding: 16px;
73-
border-radius: 5px;
74-
visibility: hidden;
75-
opacity: 0;
76-
transition: visibility 0s, opacity 0.3s ease;
77-
} */
78-
7937
.notification {
8038
position: fixed;
8139
top: 50%;

0 commit comments

Comments
 (0)