Skip to content

Commit 457fb4e

Browse files
slmnshslmnsh
committed
Added Upwork link in contact
switched to spaces for indentation
1 parent 17e48ba commit 457fb4e

File tree

5 files changed

+516
-506
lines changed

5 files changed

+516
-506
lines changed

‎images/upwork-logo.webp

6.16 KB
Binary file not shown.

‎index.html

Lines changed: 153 additions & 147 deletions
Original file line numberDiff line numberDiff line change
@@ -1,150 +1,156 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<meta
7-
name="Description"
8-
content="Portfolio of Salman Shaikh(salmannotkhan) Python Dev Web Dev"
9-
/>
10-
<link rel="stylesheet" href="./main.css" />
11-
<link
12-
rel="shortcut icon"
13-
href="images/profile.webp"
14-
type="image/webp"
15-
/>
16-
<title>Salman Shaikh's Portfolio</title>
17-
</head>
18-
<body>
19-
<nav>
20-
<div id="button">
21-
<img src="images/moon-icon.webp" alt="darkmode" />
22-
<div>Try dark theme</div>
23-
</div>
24-
<div class="links">
25-
<div class="active">&nbsp;</div>
26-
<a href="#home">
27-
<img
28-
src="images/home-icon.webp"
29-
alt="home"
30-
height="20"
31-
width="20"
32-
/><span>Home</span>
33-
</a>
34-
<a href="#projects">
35-
<img
36-
src="images/projects-icon.webp"
37-
alt="projects"
38-
height="20"
39-
width="20"
40-
/><span>Projects</span>
41-
</a>
42-
<a href="#about">
43-
<img
44-
src="images/about-icon.webp"
45-
alt="about"
46-
height="20"
47-
width="20"
48-
/><span>About</span>
49-
</a>
50-
<a href="#contact">
51-
<img
52-
src="images/contact-icon.webp"
53-
alt="contact"
54-
height="20"
55-
width="20"
56-
/><span>Contact</span>
57-
</a>
58-
</div>
59-
</nav>
60-
<div id="screens">
61-
<div id="home">
62-
<img src="images/profile.webp" alt="Salman Shaikh" />
63-
<h1>Hi, I'm Salman</h1>
64-
<p>And this is my site</p>
65-
</div>
66-
<div id="projects">
67-
<div class="lang-logos">
68-
<div class="img">
69-
<img src="images/python-logo.webp" alt="python" />
70-
<img src="images/django-logo.webp" alt="django" />
71-
<img src="images/react-logo.webp" alt="react" />
72-
<img
73-
src="images/typescript-logo.webp"
74-
alt="typescript"
75-
/>
76-
</div>
77-
</div>
78-
<div class="project-list"></div>
79-
</div>
80-
<div id="about">
81-
<p>21 yrs old dev from India</p>
82-
<p>Passionate Python Developer</p>
83-
<p>Who can scrape any damn thing</p>
84-
<p>Freelancer, Web Developer</p>
85-
</div>
86-
<div id="contact">
87-
<a href="https://www.fiverr.com/ss131099">
88-
<img src="images/fiverr-logo.webp" alt="fiverr" />
89-
<div>Fiverr</div>
90-
</a>
91-
<a href="https://www.instagram.com/salman_not_khan">
92-
<img src="images/instagram-logo.webp" alt="instagram" />
93-
<div>Instagram</div>
94-
</a>
95-
<a href="https://www.twitter.com/salman_not_khan">
96-
<img src="images/twitter-logo.webp" alt="twitter" />
97-
<div>Twitter</div>
98-
</a>
99-
<a href="mailto:tony903212@gmail.com">
100-
<img src="images/mail-logo.webp" alt="email" />
101-
<div>Mail</div>
102-
</a>
103-
<a href="https://t.me/salmannotkhan">
104-
<img src="images/telegram-logo.webp" alt="telegram" />
105-
<div>Telegram</div>
106-
</a>
107-
</div>
108-
</div>
109-
<script
110-
data-mode="hash"
111-
async
112-
defer
113-
src="https://scripts.simpleanalyticscdn.com/latest.js"
114-
></script>
115-
<noscript
116-
><img
117-
src="https://queue.simpleanalyticscdn.com/noscript.gif"
118-
alt=""
119-
referrerpolicy="no-referrer-when-downgrade"
120-
/></noscript>
121-
</body>
122-
<script id="project" type="x-tmpl-mustache">
123-
<div class="project">
124-
<div class="details">
125-
<div class="title">
126-
{{name}}
127-
</div>
128-
<div class="description">
129-
{{desc}}
130-
</div>
131-
<div class="lang">
132-
Written in: {{lang}}
133-
</div>
134-
</div>
135-
<div class="links">
136-
<div class="link">
137-
<a href="{{githubUrl}}">Github Link</a>
138-
</div>
139-
{{#url}}
140-
<div class="link">
141-
<a href="{{url}}">Visit Site</a>
142-
</div>
143-
{{/url}}
144-
</div>
145-
</div>
146-
</script>
147-
<script src="https://unpkg.com/mustache@latest"></script>
148-
<script src="./projects.js"></script>
149-
<script src="./main.js"></script>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta
7+
name="Description"
8+
content="Portfolio of Salman Shaikh(salmannotkhan) Python Dev Web Dev"
9+
/>
10+
<link rel="stylesheet" href="./main.css" />
11+
<link
12+
rel="shortcut icon"
13+
href="images/profile.webp"
14+
type="image/webp"
15+
/>
16+
<title>Salman Shaikh's Portfolio</title>
17+
</head>
18+
<body>
19+
<nav>
20+
<div id="button">
21+
<img src="images/moon-icon.webp" alt="darkmode" />
22+
<div>Try dark theme</div>
23+
</div>
24+
<div class="links">
25+
<div class="active">&nbsp;</div>
26+
<a href="#home">
27+
<img
28+
src="images/home-icon.webp"
29+
alt="home"
30+
height="20"
31+
width="20"
32+
/><span>Home</span>
33+
</a>
34+
<a href="#projects">
35+
<img
36+
src="images/projects-icon.webp"
37+
alt="projects"
38+
height="20"
39+
width="20"
40+
/><span>Projects</span>
41+
</a>
42+
<a href="#about">
43+
<img
44+
src="images/about-icon.webp"
45+
alt="about"
46+
height="20"
47+
width="20"
48+
/><span>About</span>
49+
</a>
50+
<a href="#contact">
51+
<img
52+
src="images/contact-icon.webp"
53+
alt="contact"
54+
height="20"
55+
width="20"
56+
/><span>Contact</span>
57+
</a>
58+
</div>
59+
</nav>
60+
<div id="screens">
61+
<div id="home">
62+
<img src="images/profile.webp" alt="Salman Shaikh" />
63+
<h1>Hi, I'm Salman</h1>
64+
<p>And this is my site</p>
65+
</div>
66+
<div id="projects">
67+
<div class="lang-logos">
68+
<div class="img">
69+
<img src="images/python-logo.webp" alt="python" />
70+
<img src="images/django-logo.webp" alt="django" />
71+
<img src="images/react-logo.webp" alt="react" />
72+
<img
73+
src="images/typescript-logo.webp"
74+
alt="typescript"
75+
/>
76+
</div>
77+
</div>
78+
<div class="project-list"></div>
79+
</div>
80+
<div id="about">
81+
<p>21 yrs old dev from India</p>
82+
<p>Passionate Python Developer</p>
83+
<p>Who can scrape any damn thing</p>
84+
<p>Freelancer, Web Developer</p>
85+
</div>
86+
<div id="contact">
87+
<a href="https://www.fiverr.com/ss131099">
88+
<img src="images/fiverr-logo.webp" alt="fiverr" />
89+
<div>Fiverr</div>
90+
</a>
91+
<a
92+
href="https://www.upwork.com/freelancers/~0158e42df452aef01a"
93+
>
94+
<img src="images/upwork-logo.webp" alt="upwork" />
95+
<div>Upwork</div>
96+
</a>
97+
<a href="https://www.instagram.com/salman_not_khan">
98+
<img src="images/instagram-logo.webp" alt="instagram" />
99+
<div>Instagram</div>
100+
</a>
101+
<a href="https://www.twitter.com/salman_not_khan">
102+
<img src="images/twitter-logo.webp" alt="twitter" />
103+
<div>Twitter</div>
104+
</a>
105+
<a href="mailto:tony903212@gmail.com">
106+
<img src="images/mail-logo.webp" alt="email" />
107+
<div>Mail</div>
108+
</a>
109+
<a href="https://t.me/salmannotkhan">
110+
<img src="images/telegram-logo.webp" alt="telegram" />
111+
<div>Telegram</div>
112+
</a>
113+
</div>
114+
</div>
115+
<script
116+
data-mode="hash"
117+
async
118+
defer
119+
src="https://scripts.simpleanalyticscdn.com/latest.js"
120+
></script>
121+
<noscript
122+
><img
123+
src="https://queue.simpleanalyticscdn.com/noscript.gif"
124+
alt=""
125+
referrerpolicy="no-referrer-when-downgrade"
126+
/></noscript>
127+
</body>
128+
<script id="project" type="x-tmpl-mustache">
129+
<div class="project">
130+
<div class="details">
131+
<div class="title">
132+
{{name}}
133+
</div>
134+
<div class="description">
135+
{{desc}}
136+
</div>
137+
<div class="lang">
138+
Written in: {{lang}}
139+
</div>
140+
</div>
141+
<div class="links">
142+
<div class="link">
143+
<a href="{{githubUrl}}">Github Link</a>
144+
</div>
145+
{{#url}}
146+
<div class="link">
147+
<a href="{{url}}">Visit Site</a>
148+
</div>
149+
{{/url}}
150+
</div>
151+
</div>
152+
</script>
153+
<script src="https://unpkg.com/mustache@latest"></script>
154+
<script src="./projects.js"></script>
155+
<script src="./main.js"></script>
150156
</html>

‎main.js

Lines changed: 33 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,47 @@
1-
btn = document.querySelector("nav #button")
2-
active = document.querySelector(".active")
3-
links = document.querySelectorAll("nav a")
4-
hours = new Date().getHours()
5-
var timeout
1+
btn = document.querySelector("nav #button");
2+
active = document.querySelector(".active");
3+
links = document.querySelectorAll("nav a");
4+
hours = new Date().getHours();
5+
var timeout;
66
function nightMode() {
7-
const darkMode = document.querySelector("body").classList.toggle("dark")
8-
btn.children[0].src = `images/${darkMode ? "sun": "moon"}-icon.webp`
9-
return darkMode
7+
const darkMode = document.querySelector("body").classList.toggle("dark");
8+
btn.children[0].src = `images/${darkMode ? "sun" : "moon"}-icon.webp`;
9+
return darkMode;
1010
}
11-
if (location.hash !== '') {
12-
active.style.top = document.querySelector(`a[href="${location.hash}"]`).offsetTop + 'px'
13-
setTimeout(()=>document.querySelector(location.hash).scrollIntoView(), 100)
11+
if (location.hash !== "") {
12+
active.style.top =
13+
document.querySelector(`a[href="${location.hash}"]`).offsetTop + "px";
14+
setTimeout(
15+
() => document.querySelector(location.hash).scrollIntoView(),
16+
100
17+
);
1418
}
1519
links.forEach((link) => {
1620
link.addEventListener("click", function () {
17-
active.style.top = this.offsetTop + "px"
18-
})
19-
})
20-
btn.addEventListener("click", ()=>{
21-
clearTimeout(timeout)
22-
localStorage.setItem('darkmode', nightMode())
23-
})
24-
if (localStorage.darkmode == 'true'){
25-
nightMode()
26-
}
27-
else{
28-
if (hours > 18 || hours < 6) {
29-
btn.children[1].innerHTML = 'Save your eyes'
21+
active.style.top = this.offsetTop + "px";
22+
});
23+
});
24+
btn.addEventListener("click", () => {
25+
clearTimeout(timeout);
26+
localStorage.setItem("darkmode", nightMode());
27+
});
28+
if (localStorage.darkmode == "true") {
29+
nightMode();
30+
} else {
31+
console.log(hours);
32+
if (hours >= 18 || hours <= 6) {
33+
btn.children[1].innerHTML = "Save your eyes";
3034
}
3135
timeout = setTimeout(() => {
32-
btn.children[1].style.marginLeft = '10px'
36+
btn.children[1].style.marginLeft = "10px";
3337
setTimeout(() => {
34-
btn.children[1].style.opacity = 1
38+
btn.children[1].style.opacity = 1;
3539
}, 500);
3640
setTimeout(() => {
37-
btn.children[1].style.opacity = 0
41+
btn.children[1].style.opacity = 0;
3842
setTimeout(() => {
39-
btn.children[1].style = ''
43+
btn.children[1].style = "";
4044
}, 500);
4145
}, 5000);
4246
}, 5000);
43-
}
47+
}

0 commit comments

Comments
 (0)