Skip to content

Commit 39d8881

Browse files
amirallami-codeamirallami-code
committed
feat: remove addition wow.js moves
- remove addition wow.js moves and make the scroll better - make the browser's auto-translate UI better
1 parent 67162dd commit 39d8881

File tree

2 files changed

+23
-35
lines changed

2 files changed

+23
-35
lines changed

‎src/index.html

Lines changed: 20 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="en" dir="auto">
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -511,9 +511,10 @@
511511
</header>
512512
<main class="main">
513513
<!-- Home -->
514-
<section id="home" class="section container gap-10 mt-12">
514+
<section id="home" class="section container gap-10 mt-12" dir="ltr">
515515
<div class="home-info flex flex-col w-full max-w-[38rem] gap-4">
516516
<h1
517+
translate="no"
517518
class="wow animate__animated animate__fadeIn title title-home h-full text-[1.55em] sm:text-5xl sm:min-h-[2.5em] leading-tight text-brand-light"
518519
>
519520
Hi 👋,<br />
@@ -526,7 +527,7 @@
526527
</div>
527528
</div>
528529
<div
529-
class="wow animate__animated animate__zoomIn home-graphic max-w-lg h-auto font-firacode bg-[#282c34] text-[#d4d4d4] rounded-xl overflow-hidden"
530+
class="home-graphic max-w-lg h-auto font-firacode bg-[#282c34] text-[#d4d4d4] rounded-xl overflow-hidden"
530531
>
531532
<div class="code-editor w-full h-auto shadow-lg">
532533
<div class="editor-header flex items-center gap-3">
@@ -642,17 +643,15 @@
642643
</div>
643644
<div
644645
class="about-content flex flex-col gap-4 text-justify w-full max-w-2xl md:basis-1/2 text-brand-secondary z-1"
646+
style="text-align: initial"
645647
>
646648
<h2
647649
class="wow animate__animated animate__fadeInUp title section-title title-about text-brand-primary"
648650
data-title="ABOUT ME"
649651
>
650652
About me
651653
</h2>
652-
<p
653-
class="wow animate__animated animate__fadeIn about-text"
654-
data-wow-duration="2s"
655-
>
654+
<p class="about-text" data-wow-duration="2s">
656655
Hi! I'm Amirhossein Allami, a front-end developer and designer based
657656
in Shiraz, Iran. My tech journey began at age 12 with Photoshop,
658657
sparking a passion that evolved into web development. I'm currently
@@ -661,24 +660,23 @@
661660
collaboration with NeuroTRACT creating visual content – I bring a
662661
unique perspective to web development.
663662
</p>
664-
<span
665-
class="wow animate__animated animate__fadeInUp font-mont-exbold text-brand-primary text-lg"
663+
<span class="font-mont-exbold text-brand-primary text-lg"
666664
>My Toolkit & Interests</span
667665
>
668-
<ul class="flex flex-col gap-2 text-left">
669-
<li class="wow animate__animated animate__fadeInUp about-interests">
670-
<b>Front-End Development:</b> Building responsive interfaces with
666+
<ul class="flex flex-col gap-2">
667+
<li class="about-interests">
668+
<b>Front end Development:</b> Building responsive interfaces with
671669
React, focusing on clean code and modern best practices
672670
</li>
673-
<li class="wow animate__animated animate__fadeInUp about-interests">
671+
<li class="about-interests">
674672
<b>Design Experience:</b> Professional background in poster design
675673
and video editing at NeuroTRACT (2018-present)
676674
</li>
677-
<li class="wow animate__animated animate__fadeInUp about-interests">
675+
<li class="about-interests">
678676
<b>Technical Exploration:</b> Diving deep into algorithms and
679677
Linux, while exploring AI's role in modern web development
680678
</li>
681-
<li class="wow animate__animated animate__fadeInUp about-interests">
679+
<li class="about-interests">
682680
<b>Current Projects:</b> Working on personal portfolio projects to
683681
apply my growing front-end skills (
684682
<a
@@ -717,7 +715,7 @@
717715
></div>
718716
<!-- Desktop table view (visible on medium screens and up) -->
719717
<div
720-
class="wow animate__animated animate__fadeInUp hidden md:block overflow-hidden rounded-2xl shadow dark:shadow-none dark:border dark:border-gray-700"
718+
class="hidden md:block overflow-hidden rounded-2xl shadow dark:shadow-none dark:border dark:border-gray-700"
721719
>
722720
<table
723721
id="tech-desktop-table"
@@ -734,9 +732,7 @@
734732
</table>
735733
</div>
736734
<!-- Skill level legend -->
737-
<div
738-
class="wow animate__animated animate__fadeInUp mt-6 flex flex-col gap-4 justify-start text-xs"
739-
>
735+
<div class="mt-6 flex flex-col gap-4 justify-start text-xs">
740736
<div class="flex items-center gap-2">
741737
<span class="w-3 h-3 rounded-full bg-green-500"></span>
742738
<span class="text-gray-700 dark:text-gray-300"
@@ -917,9 +913,7 @@
917913
Stay in touch
918914
</h2>
919915
<ul class="touch-listWrapper flex flex-col gap-8">
920-
<li
921-
class="wow animate__animated animate__fadeInUp touch-listItem flex flex-col gap-2"
922-
>
916+
<li class="touch-listItem flex flex-col gap-2">
923917
<b class="touch-listItem__title relative pl-5 text-xl">EMAIL</b>
924918
<a
925919
target="_blank"
@@ -929,9 +923,7 @@
929923
>amirallami.dev@gmail.com</a
930924
>
931925
</li>
932-
<li
933-
class="wow animate__animated animate__fadeInUp touch-listItem flex flex-col gap-2"
934-
>
926+
<li class="touch-listItem flex flex-col gap-2">
935927
<b class="touch-listItem__title relative pl-5 text-xl"
936928
>GITHUB</b
937929
>
@@ -943,9 +935,7 @@
943935
>@amirallami-code</a
944936
>
945937
</li>
946-
<li
947-
class="wow animate__animated animate__fadeInUp touch-listItem flex flex-col gap-2"
948-
>
938+
<li class="touch-listItem flex flex-col gap-2">
949939
<b class="touch-listItem__title relative pl-5 text-xl"
950940
>TELEGRAM</b
951941
>
@@ -957,9 +947,7 @@
957947
>t.me/@amirhosseinallami</a
958948
>
959949
</li>
960-
<li
961-
class="wow animate__animated animate__fadeInUp touch-listItem flex flex-col gap-2"
962-
>
950+
<li class="touch-listItem flex flex-col gap-2">
963951
<b class="touch-listItem__title relative pl-5 text-xl"
964952
>LINKEDIN</b
965953
>
@@ -973,7 +961,7 @@
973961
</li>
974962
</ul>
975963
<div
976-
class="wow animate__animated animate__fadeInUp touch-end w-full flex flex-col justify-center items-end gap-3"
964+
class="touch-end w-full flex flex-col justify-center items-end gap-3"
977965
>
978966
<p class="font-serif">Sincerely, Amirhossein Allami.</p>
979967
<img

‎src/js/generator.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ function renderTechStack() {
1919
const categoryHeading = document.createElement('div');
2020
categoryHeading.className = 'mb-8';
2121
categoryHeading.innerHTML = `
22-
<h3 class="wow animate__animated animate__fadeInUp text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400 px-4 py-3 mb-3 rounded-t-lg">
22+
<h3 class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400 px-4 py-3 mb-3 rounded-t-lg">
2323
${category.name}
2424
</h3>
2525
`;
@@ -50,7 +50,7 @@ function renderTechStack() {
5050

5151
function createMobileSkillCard(skill) {
5252
const card = document.createElement('div');
53-
card.className = 'wow animate__animated animate__fadeInUp bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg mb-4 overflow-hidden shadow-sm';
53+
card.className = 'bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg mb-4 overflow-hidden shadow-sm';
5454

5555
card.innerHTML = `
5656
<div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700">
@@ -91,7 +91,7 @@ function createMobileSkillCard(skill) {
9191

9292
function createDesktopSkillRow(skill) {
9393
const row = document.createElement('tr');
94-
row.className = 'wow animate__animated animate__fadeInLeft bg-white border-b dark:bg-gray-800 dark:border-gray-700 border-gray-200';
94+
row.className = 'bg-white border-b dark:bg-gray-800 dark:border-gray-700 border-gray-200';
9595
row.setAttribute('data-wow-duration', '2s')
9696

9797
row.innerHTML = `

0 commit comments

Comments
 (0)