Skip to content

Commit

Permalink
Resolved Build Errors
Browse files Browse the repository at this point in the history
  • Loading branch information
dharmi04 committed Aug 30, 2023
1 parent e49871e commit b311ec0
Show file tree
Hide file tree
Showing 4 changed files with 61 additions and 14 deletions.
2 changes: 1 addition & 1 deletion Components/About.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export const About = () => {
<section>
<p>Encode is an inclusive technical community that goes beyond conventional tech promotion,
embracing individuals eager to explore the realms of computer science and emerging technologies.
It's a supportive space where curiosity, knowledge sharing, and innovation are celebrated,
It&apos;s a supportive space where curiosity, knowledge sharing, and innovation are celebrated,
fostering the growth of both technology and its passionate enthusiasts.
</p>
<div className={styles.links}>
Expand Down
2 changes: 1 addition & 1 deletion Components/HeroSection.js
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ const HeroSection = () => {
<div className={styles.hero_upper_content}>
<section className={styles.inner_flex}>
<h1>
Curious Mind&apos;s <br /> boundless opportunities
Curious Minds build <br /> boundless opportunities
</h1>
<section className={styles.event_button}>
<Link href="#tagline">Our Events
Expand Down
12 changes: 7 additions & 5 deletions pages/Photos.js
Original file line number Diff line number Diff line change
Expand Up @@ -29,19 +29,20 @@ const Photos = () => {
</div>

</div>
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /><br /> <br /><br /> <br />
<div className={styles.grid_wrapper}>
<div className={styles.tall}>
<img src="/Images/img6.jpeg" alt="team" className={styles.tall_image} />
</div>
<div>
<img src="/Images/img7.jpeg" alt="team" className={styles.image} />
<img src="/Images/img7.jpeg" alt="team" className={styles.image2} />
</div>
<div className={styles.tall}>
<img src="/Images/img8.jpeg" alt="team" className={styles.image} />
<img src="/Images/img8.jpeg" alt="team" className={styles.image2} />
</div>

</div>
<br /> <br /><br /> <br /><br /> <br /><br /> <br />
<div className={styles.grid_wrapper}>
<div className={styles.wide}>
<img src="/Images/img9.png" alt="team" className={styles.wide_image} />
Expand Down Expand Up @@ -80,7 +81,7 @@ const Photos = () => {
<br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br />
<div id="event 2" className={styles.event_container}>
<p className={styles.event_name}>CODEWAR</p>
<p className={styles.event_desc}>Codewar 2023, Encode's premier event for the Tesseract community, concluded as a remarkable journey into competitive programming. Spanning a dynamic 3-hour coding marathon, participants showcased their problem-solving skills and coding finesse. Challenges emphasized both coding acumen and quick thinking. Codewar 2023 exemplified growth and the thrill of pressure situations, celebrating dedication to coding. As Codewar's virtual battlefield closed, it reiterated that each keystroke, algorithm, and strategy shapes coding excellence's future. Until the next edition, keep coding, pushing boundaries, and evolving in this dynamic technological landscape.</p>
<p className={styles.event_desc}>Codewar 2023, Encode&apos;s premier event for the Tesseract community, concluded as a remarkable journey into competitive programming. Spanning a dynamic 3-hour coding marathon, participants showcased their problem-solving skills and coding finesse. Challenges emphasized both coding acumen and quick thinking. Codewar 2023 exemplified growth and the thrill of pressure situations, celebrating dedication to coding. As Codewar&apos;s virtual battlefield closed, it reiterated that each keystroke, algorithm, and strategy shapes coding excellence&apos;s future. Until the next edition, keep coding, pushing boundaries, and evolving in this dynamic technological landscape.</p>
<div className={styles.grid_wrapper}>
<div className={styles.tall}>
<img src="/Images/img20.jpg" alt="team" className={styles.image} />
Expand All @@ -105,7 +106,7 @@ const Photos = () => {
<br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br />
<div id="event 1" className={styles.event_container}>
<p className={styles.event_name}>IDEATHON</p>
<p className={styles.event_desc}> Space exploration had sparked a multitude of inquiries demanding innovative resolutions. Challenges encompassing the management of space debris, the redefinition of launch techniques for practicality, and the safeguarding of astronauts against cosmic radiations had stirred interest and curiosity. ENCODE had extended an invitation to enthusiasts to rise to the occasion and become integral to the solutions through their dynamic event, IDEATHON. This platform functioned as a catalyst for inventive concepts. Teams had been assembled, thoughts had been pooled, and brainstorming sessions had delved profoundly into the core of space-related predicaments. Participants had seized the opportunity to contribute to the constantly evolving realm of space exploration while potentially garnering acknowledgment for their imaginative pursuits. The stage had been set to mold the future, and participants had engaged in ENCODE's IDEATHON, allowing their innovations to radiate brilliantly.</p>
<p className={styles.event_desc}> Space exploration had sparked a multitude of inquiries demanding innovative resolutions. Challenges encompassing the management of space debris, the redefinition of launch techniques for practicality, and the safeguarding of astronauts against cosmic radiations had stirred interest and curiosity. ENCODE had extended an invitation to enthusiasts to rise to the occasion and become integral to the solutions through their dynamic event, IDEATHON. This platform functioned as a catalyst for inventive concepts. Teams had been assembled, thoughts had been pooled, and brainstorming sessions had delved profoundly into the core of space-related predicaments. Participants had seized the opportunity to contribute to the constantly evolving realm of space exploration while potentially garnering acknowledgment for their imaginative pursuits. The stage had been set to mold the future, and participants had engaged in ENCODE&apos;s IDEATHON, allowing their innovations to radiate brilliantly.</p>
<div className={styles.grid_wrapper}>
<div className={styles.tall}>
<img src="/Images/img25.jpg" alt="team" className={styles.image} />
Expand All @@ -120,6 +121,7 @@ const Photos = () => {

</div>
</div>
<p className={styles.end_line}>Stay Tuned for Upcoming Events</p>
</div>
);
}
Expand Down
59 changes: 52 additions & 7 deletions styles/Photos.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -43,24 +43,25 @@
}

.image2{
width: 600px;
height: 500px;
width: 400px;
height: 525px;
border-radius: 2px;
padding: 4px;


}
.image{
width: 400px;
height: 300px;
border-radius: 5px;
padding: 4px;

}
.image3{
/* .image3{
width: 500px;
height: 500px;
border-radius: 2px;
padding: 4px;
}
} */
.grid_wrapper {
display: grid;
grid-gap: 10px;
Expand Down Expand Up @@ -97,10 +98,54 @@

.wide_image{
width:600px;
height: 400px
height: 400px;
}

.tall_image{
width: 400px;
height:auto;
}

.end_line{
text-align: center;
justify-content: center;

}


/* Simplified media query for larger screens */
@media (min-width: 530px) {
.grid_wrapper {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-rows: 15vw; /* Use relative unit */
grid-auto-flow: dense;
}

.wide_image {
width: 100%;
height: auto;
max-width: 600px; /* Limit maximum width for larger screens */
}

.tall_image {
width: 100%;
height: auto;
}

.text {
font-size: 4vw; /* Use relative unit for font size */
margin-top: 2vw;
}

.event_name {
font-size: 3vw; /* Use relative unit for font size */
margin-top: 2.5vw;
}

.event_desc {
font-size: 2vw; /* Use relative unit for font size */
margin-top: 1vw;
margin-bottom: 1vw;
margin-left: 2vw;
}
}

0 comments on commit b311ec0

Please sign in to comment.