Skip to content

Commit fc0f844

Browse files
DaneshCodeDaneshCode
committed
update
1 parent 8654ab2 commit fc0f844

4 files changed

Lines changed: 80 additions & 80 deletions

File tree

‎assets/img/Avatar.jpg‎

-318 KB
Loading

assets/js/main.js renamed to main.js

Lines changed: 71 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,99 +1,99 @@
11
/*==================== MENU SHOW Y HIDDEN ====================*/
2-
const navMenu = document.getElementById("nav-menu"),
3-
navToggle = document.getElementById("nav-toggle"),
4-
navClose = document.getElementById("nav-close");
2+
const navMenu = document.getElementById('nav-menu'),
3+
navToggle = document.getElementById('nav-toggle'),
4+
navClose = document.getElementById('nav-close');
55

66
/*===== MENU SHOW =====*/
77
/* Validate if constant exists */
88
if (navToggle) {
9-
navToggle.addEventListener("click", () => {
10-
navMenu.classList.add("show-menu");
9+
navToggle.addEventListener('click', () => {
10+
navMenu.classList.add('show-menu');
1111
});
1212
}
1313

1414
/*===== MENU HIDDEN =====*/
1515
/* Validate if constant exists */
1616
if (navClose) {
17-
navClose.addEventListener("click", () => {
18-
navMenu.classList.remove("show-menu");
17+
navClose.addEventListener('click', () => {
18+
navMenu.classList.remove('show-menu');
1919
});
2020
}
2121

2222
/*==================== REMOVE MENU MOBILE ====================*/
23-
const navLink = document.querySelectorAll(".nav__link");
23+
const navLink = document.querySelectorAll('.nav__link');
2424
navLink.forEach((a) =>
25-
a.addEventListener("click", () => {
26-
const navMenu = document.getElementById("nav-menu");
25+
a.addEventListener('click', () => {
26+
const navMenu = document.getElementById('nav-menu');
2727
// when user click on each nav__link , remove the show-menu class
28-
navMenu.classList.remove("show-menu");
29-
})
28+
navMenu.classList.remove('show-menu');
29+
}),
3030
);
3131
/*==================== ACCORDION SKILLS ====================*/
32-
const skillsContent = document.getElementsByClassName("skills__content"),
33-
skillsHeader = document.querySelectorAll(".skills__header");
32+
const skillsContent = document.getElementsByClassName('skills__content'),
33+
skillsHeader = document.querySelectorAll('.skills__header');
3434

3535
skillsHeader.forEach((element) => {
36-
element.addEventListener("click", function toggleSkills() {
37-
if (this.parentNode.className === "skills__content skills__open") {
38-
this.parentNode.className = "skills__content skills__close";
36+
element.addEventListener('click', function toggleSkills() {
37+
if (this.parentNode.className === 'skills__content skills__open') {
38+
this.parentNode.className = 'skills__content skills__close';
3939
} else {
40-
this.parentNode.className = "skills__content skills__open";
40+
this.parentNode.className = 'skills__content skills__open';
4141
}
4242
});
4343
});
4444
/*==================== QUALIFICATION TABS ====================*/
45-
const educationBtn = document.getElementById("education-btn"),
46-
workBtn = document.getElementById("work-btn"),
47-
educationDiv = document.getElementById("education"),
48-
workDiv = document.getElementById("work");
49-
50-
educationBtn.addEventListener("click", function showEducations() {
51-
educationBtn.style.color = "#6e57e0";
52-
workBtn.style.color = "#6d6a7c";
53-
educationDiv.className = "ualification__content qualification__active";
54-
workDiv.className = "qualification__content";
45+
const educationBtn = document.getElementById('education-btn'),
46+
workBtn = document.getElementById('work-btn'),
47+
educationDiv = document.getElementById('education'),
48+
workDiv = document.getElementById('work');
49+
50+
educationBtn.addEventListener('click', function showEducations() {
51+
educationBtn.style.color = '#6e57e0';
52+
workBtn.style.color = '#6d6a7c';
53+
educationDiv.className = 'ualification__content qualification__active';
54+
workDiv.className = 'qualification__content';
5555
});
5656

57-
workBtn.addEventListener("click", function showWorks() {
58-
workBtn.style.color = "#6e57e0";
59-
educationBtn.style.color = "#6d6a7c";
60-
workDiv.className = "ualification__content qualification__active";
61-
educationDiv.className = "qualification__content";
57+
workBtn.addEventListener('click', function showWorks() {
58+
workBtn.style.color = '#6e57e0';
59+
educationBtn.style.color = '#6d6a7c';
60+
workDiv.className = 'ualification__content qualification__active';
61+
educationDiv.className = 'qualification__content';
6262
});
6363

6464
/*==================== SERVICES MODAL ====================*/
65-
const modalViews = document.querySelectorAll(".services__modal"),
66-
modalBtns = document.querySelectorAll(".services__button"),
67-
modalCloses = document.querySelectorAll(".services__modal-close");
65+
const modalViews = document.querySelectorAll('.services__modal'),
66+
modalBtns = document.querySelectorAll('.services__button'),
67+
modalCloses = document.querySelectorAll('.services__modal-close');
6868

6969
let modal = function (modalClick) {
70-
modalViews[modalClick].classList.add("active-modal");
70+
modalViews[modalClick].classList.add('active-modal');
7171
};
7272

7373
modalBtns.forEach((modalBtn, i) => {
74-
modalBtn.addEventListener("click", () => {
74+
modalBtn.addEventListener('click', () => {
7575
modal(i);
7676
});
7777
});
7878

7979
modalCloses.forEach((modalClose) => {
80-
modalClose.addEventListener("click", () => {
80+
modalClose.addEventListener('click', () => {
8181
modalViews.forEach((modalView) => {
82-
modalView.classList.remove("active-modal");
82+
modalView.classList.remove('active-modal');
8383
});
8484
});
8585
});
8686

8787
/*==================== PORTFOLIO SWIPER ====================*/
88-
var swiper = new Swiper(".portfolio__container", {
88+
var swiper = new Swiper('.portfolio__container', {
8989
cssMode: true,
9090
loop: true,
9191
navigation: {
92-
nextEl: ".swiper-button-next",
93-
prevEl: ".swiper-button-prev",
92+
nextEl: '.swiper-button-next',
93+
prevEl: '.swiper-button-prev',
9494
},
9595
pagination: {
96-
el: ".swiper-pagination",
96+
el: '.swiper-pagination',
9797
clickable: true,
9898
},
9999
mousewheel: true,
@@ -125,46 +125,46 @@ var swiper = new Swiper(".portfolio__container", {
125125

126126
/*==================== SHOW SCROLL UP ====================*/
127127
function scrollUp() {
128-
const scrollUp = document.getElementById("scroll-up");
129-
if (this.scrollY >= 560) scrollUp.classList.add("show-scroll");
130-
else scrollUp.classList.remove("show-scroll");
128+
const scrollUp = document.getElementById('scroll-up');
129+
if (this.scrollY >= 560) scrollUp.classList.add('show-scroll');
130+
else scrollUp.classList.remove('show-scroll');
131131
}
132-
window.addEventListener("scroll", scrollUp);
132+
window.addEventListener('scroll', scrollUp);
133133

134134
/*==================== DARK LIGHT THEME ====================*/
135-
const themeButton = document.getElementById("theme-button");
136-
const darkTheme = "dark-theme";
137-
const iconTheme = "uil-sun";
135+
const themeButton = document.getElementById('theme-button');
136+
const darkTheme = 'dark-theme';
137+
const iconTheme = 'uil-sun';
138138

139139
// previously selected topic (if user selected)
140-
const selectedTheme = localStorage.getItem("selected-theme");
141-
const selectedIcon = localStorage.getItem("selected-icon");
140+
const selectedTheme = localStorage.getItem('selected-theme');
141+
const selectedIcon = localStorage.getItem('selected-icon');
142142

143143
// we obtain the current theme that the interface has by validating the dark-them
144144
const getCurrentTheme = () =>
145-
document.body.classList.contains(darkTheme) ? "dark" : "light";
145+
document.body.classList.contains(darkTheme) ? 'dark' : 'light';
146146
const getCurrentIcon = () =>
147-
themeButton.classList.contains(iconTheme) ? "uil-moon" : "uil-sun";
147+
themeButton.classList.contains(iconTheme) ? 'uil-moon' : 'uil-sun';
148148

149149
// we validate if the user previously chose a topic
150150
if (selectedTheme) {
151151
// if the validation is fulfilled, we ask what the issue was to know if we activated
152-
document.body.classList[selectedTheme === "dark" ? "add" : "remove"](
153-
darkTheme
152+
document.body.classList[selectedTheme === 'dark' ? 'add' : 'remove'](
153+
darkTheme,
154154
);
155-
themeButton.classList[selectedIcon === "uil-moon" ? "add" : "remove"](
156-
iconTheme
155+
themeButton.classList[selectedIcon === 'uil-moon' ? 'add' : 'remove'](
156+
iconTheme,
157157
);
158158
}
159159

160160
// activate / deactivate the theme manually with the button
161-
themeButton.addEventListener("click", () => {
161+
themeButton.addEventListener('click', () => {
162162
// add or remove the dark / icon theme
163163
document.body.classList.toggle(darkTheme);
164164
themeButton.classList.toggle(iconTheme);
165165
// we save the theme and the current icon that the user chose
166-
localStorage.setItem("selected-themee", getCurrentTheme());
167-
localStorage.setItem("selected-icon", getCurrentIcon());
166+
localStorage.setItem('selected-themee', getCurrentTheme());
167+
localStorage.setItem('selected-icon', getCurrentIcon());
168168
});
169169

170170
// ------ TYPICAL ------
@@ -173,7 +173,7 @@ var TxtType = function (el, toRotate, period) {
173173
this.el = el;
174174
this.loopNum = 0;
175175
this.period = parseInt(period, 10) || 2000;
176-
this.txt = "";
176+
this.txt = '';
177177
this.tick();
178178
this.isDeleting = false;
179179
};
@@ -188,7 +188,7 @@ TxtType.prototype.tick = function () {
188188
this.txt = fullTxt.substring(0, this.txt.length + 1);
189189
}
190190

191-
this.el.innerHTML = '<span class="wrap">' + this.txt + "</span>";
191+
this.el.innerHTML = '<span class="wrap">' + this.txt + '</span>';
192192

193193
var that = this;
194194
var delta = 200 - Math.random() * 100;
@@ -200,7 +200,7 @@ TxtType.prototype.tick = function () {
200200
if (!this.isDeleting && this.txt === fullTxt) {
201201
delta = this.period;
202202
this.isDeleting = true;
203-
} else if (this.isDeleting && this.txt === "") {
203+
} else if (this.isDeleting && this.txt === '') {
204204
this.isDeleting = false;
205205
this.loopNum++;
206206
delta = 500;
@@ -212,17 +212,17 @@ TxtType.prototype.tick = function () {
212212
};
213213

214214
window.onload = function () {
215-
var elements = document.getElementsByClassName("typewrite");
215+
var elements = document.getElementsByClassName('typewrite');
216216
for (var i = 0; i < elements.length; i++) {
217-
var toRotate = elements[i].getAttribute("data-type");
218-
var period = elements[i].getAttribute("data-period");
217+
var toRotate = elements[i].getAttribute('data-type');
218+
var period = elements[i].getAttribute('data-period');
219219
if (toRotate) {
220220
new TxtType(elements[i], JSON.parse(toRotate), period);
221221
}
222222
}
223223
// INJECT CSS
224-
var css = document.createElement("style");
225-
css.type = "text/css";
226-
css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #fff}";
224+
var css = document.createElement('style');
225+
css.type = 'text/css';
226+
css.innerHTML = '.typewrite > .wrap { border-right: 0.08em solid #fff}';
227227
document.body.appendChild(css);
228228
};

‎my resume.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
2626

2727
<!--==================== CSS ====================-->
28-
<link rel="stylesheet" href="./assets/css/styles.css" />
28+
<link rel="stylesheet" href="./styles.css" />
2929

3030
<title>Danesh - Khodadad</title>
3131
</head>
@@ -90,15 +90,15 @@
9090
<div class="home__content grid">
9191
<div class="home__social">
9292
<a
93-
href="https://www.linkedin.com/in/danesh-khodadad-a794952b9"
93+
href="#"
9494
target="_blank"
9595
class="home_social-icon"
9696
>
9797
<i class="uil uil-linkedin-alt"></i>
9898
</a>
9999

100100
<a
101-
href="https://www.instagram.com/_dani.kh_"
101+
href="#"
102102
target="_blank"
103103
class="home_social-icon"
104104
>
@@ -845,15 +845,15 @@ <h1 class="footer__title">Danesh</h1>
845845

846846
<div class="footer__socials">
847847
<a
848-
href="https://www.linkedin.com/in/danesh-khodadad-a794952b9"
848+
href="#"
849849
target="_blank"
850850
class="footer__social"
851851
>
852852
<i class="uil uil-linkedin-alt"></i>
853853
</a>
854854

855855
<a
856-
href="https://www.instagram.com/_dani.kh_"
856+
href="#"
857857
target="_blank"
858858
class="footer__social"
859859
>
@@ -887,6 +887,6 @@ <h1 class="footer__title">Danesh</h1>
887887
</script>
888888

889889
<!--==================== MAIN JS ====================-->
890-
<script src="./assets/js/main.js"></script>
890+
<script src="./main.js"></script>
891891
</body>
892892
</html>

assets/css/styles.css renamed to styles.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*==================== GOOGLE FONTS ====================*/
2-
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");
2+
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
33

44
/*==================== VARIABLES CSS ====================*/
55
:root {
@@ -25,7 +25,7 @@
2525
--scroll-thumb-color: hsl(var(--hue-color), 12%, 80%);
2626

2727
/*========== Font and typography ==========*/
28-
--body-font: "Poppins", sans-serif;
28+
--body-font: 'Poppins', sans-serif;
2929

3030
/* .5rem = 8px, 1rem = 16px, 1.5rem = 24px ... */
3131
--big-font-size: 2rem;
@@ -773,7 +773,7 @@ textarea {
773773

774774
.swiper-button-next::after,
775775
.swiper-button-prev::after {
776-
content: "";
776+
content: '';
777777
}
778778

779779
.swiper-portfolio-icon {

0 commit comments

Comments
 (0)