mnisyif/mnisyif_frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

v0.6.1 Fix anchor links bug, and add smooth scrolling behaviour

Browse source
This commit is contained in:
Murtadha 2024-07-15 13:28:42 -04:00
parent 858b659b52
commit 5be4d10ce1
3 changed files with 19 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/App.jsx
View file

@ -129,25 +129,20 @@ function App() {
<div className={styles.app}> <div className={styles.app}>
<Header /> <Header />
<main className={styles.main}> <main className={styles.main}>
<Hero /> <section id="home">
<section className={styles.section} style={{ backgroundColor: "#333", color: "#fff" }}> <Hero />
<div className={styles.content}> </section>
<h1>Welcome to My Portfolio</h1> <section id="experience">
<p>This is where you'll add your portfolio content.</p> <InfoSection title="Experience" data={experienceData} isEducation={true} />
</div>
</section> </section>
{/* <section className={styles.section} style={{backgroundColor: '#f0f0f0'}}>
<div className={styles.content}>
<h2>Another Section</h2>
<p>This section has a different background color.</p>
</div>
</section> */}
<InfoSection title="Experience" data={experienceData} isEducation={true} />
<Separator width="70%" thickness="3px" /> <Separator width="70%" thickness="3px" />
<InfoSection title="Education" data={educationData} isEducation={true} /> <section id="projects">
<Projects title="Projects" data={projectsData} />
</section>
<Separator width="70%" thickness="3px" /> <Separator width="70%" thickness="3px" />
<Projects title="Projects" data={projectsData} /> <section id="education">
{/* Add more sections as needed */} <InfoSection title="Education" data={educationData} isEducation={true} />
</section>
</main> </main>
<Footer /> <Footer />
</div> </div>

8
src/App.module.css
View file

@ -15,7 +15,8 @@
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 40px 0; padding: 1rem 0;
scroll-margin-top: 60px; /* This ensures the section doesn't get hidden behind the fixed header */
} }
.content { .content {
@ -27,6 +28,7 @@
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
/* padding-top: 60px; */
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
line-height: 1.6; line-height: 1.6;
color: #333; color: #333;
@ -45,3 +47,7 @@ h6 {
--content-width: 75%; --content-width: 75%;
--accent-color: #ff6b00; --accent-color: #ff6b00;
} }
html {
scroll-behavior: smooth;
}

2
version.txt
View file

@ -1 +1 @@
0.6.0 0.6.1