Skip to content

Commit

Permalink
potentially fix image deployments + a few image additions
Browse files Browse the repository at this point in the history 
Signed-off-by: ayushk1804 <ayushk780@gmail.com>
  • Loading branch information
@ayushk1804
ayushk1804 committed Jun 27, 2021
1 parent 1762e99 commit e70155d
Show file tree
Hide file tree
Showing 14 changed files with 57 additions and 61 deletions.
3 changes: 1 addition & 2 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,7 @@
"next": "latest",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-icons": "^4.2.0",
"react-particles-js": "^3.4.1"
"react-icons": "^4.2.0"
},
"devDependencies": {
"autoprefixer": "^10.0.4",
Expand Down
9 changes: 9 additions & 0 deletions public/Assets/Images/ACM-W.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/Assets/Images/banner.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 6 additions & 6 deletions src/Components/IndexPageComponents/About/About.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import Image from "next/image";


const About = () => {
return (
Expand All @@ -7,7 +7,7 @@ const About = () => {
<div className="justify-start space-y-2">
{/* <h2 className="text-4xl font-semibold tracking-wider">YeAH</h2> */}
<div className="-ml-4">
<Image
<img
src="/Assets/Images/yeah-logo.png"
width={150}
height={70}
Expand All @@ -34,10 +34,10 @@ const About = () => {
</p>
</div>
<div className="hidden md:block">
<Image
src={"/Assets/Images/Hackathon.svg"}
width={450}
height={450}
<img
src={"/Assets/Images/banner.png"}
width={600}
height={600}
alt="Hackthon-Logo"
/>
</div>
Expand Down
8 changes: 4 additions & 4 deletions src/Components/IndexPageComponents/CTAButton/CTAButton.js
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
import Image from "next/image";


const CTAButton = () => {
return (
<div className="sticky float-right inset-0 flex place-items-center p-5 animate-pulse md:hover:animate-none transition duration-200 ease-in-out">
<button className="rounded-full p-2 md:p-3 md:m-5 bg-[#5865f2] focus:outline-none">
<a className="flex place-items-center">
<Image
<a className="flex place-items-center rounded-full h-8 w-8">
<img
src="/Assets/Images/Brands/Discord-Logo-White.svg"
width={30}
height={30}
className="object-contain"
className="object-contain m-auto"
alt="Discord-logo"
/>
</a>
Expand Down
4 changes: 2 additions & 2 deletions src/Components/IndexPageComponents/EventsSection/Card.js
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import Image from "next/image";

const Card = ({event}) => {
return (
<div>
<div className="w-64 h-64 p-10 text-white hover:scale-110 bg-theme-card shadow-lg rounded-lg flex flex-col place-items-center">
<div className="m-auto">
<Image
<img
src="/Assets/Images/Brands/Discord-Logo-White.svg"
width={50}
height={50}
Expand Down
20 changes: 14 additions & 6 deletions src/Components/IndexPageComponents/Header/Header.js
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,27 @@
import Image from "next/image";
import { SponsorImages } from "./SponsorImages";
import { ScrollDownIcon } from "../../svg/svg";
const SponsorImageList = [
{
ImgSrc: "coding-ninjas.svg",
AltText: "Coding Ninjas",
link: "",
height: 80,
width: 80,
},
{
ImgSrc: "devfolio.svg",
AltText: "Devfolio",
link: "",
height: 120,
width: 120,
},
];

const Header = () => {
return (
<div className="flex flex-col h-screen place-items-center p-10 space-y-10">
<div className="flex flex-col place-items-center w-full h-1/6 md:w-1/2">
<Image
<div className="flex flex-col place-items-center w-full h-full m-auto md:w-1/2 space-y-10">
<img
src="/Assets/Images/header-logo.svg"
priority="true"
width={400}
Expand All @@ -33,7 +38,7 @@ const Header = () => {
A week long technical fest with plethora of events : Hackathon,
Ideathon, DesignWars etc
</p>
<div className="h-full m-auto flex place-items-center md:transform transition duration-300 ease-in-out md:hover:scale-110">
<div className="m-auto flex place-items-center md:transform transition duration-300 ease-in-out md:hover:scale-110">
<div
className="apply-button"
data-hackathon-slug="yeah"
Expand All @@ -42,11 +47,14 @@ const Header = () => {
></div>
</div>
<div className="flex h-full">
<div className="flex flex-col place-items-center mt-auto">
<div className="flex flex-col place-items-center mt-auto space-y-5">
<p className="text-theme-primary-550 text-md md:text-xl">
Powered By
</p>
<SponsorImages Sponsors={SponsorImageList} className="flex w-full gap-10" />
<SponsorImages
Sponsors={SponsorImageList}
className="flex place-items-center m-auto w-full gap-10"
/>
</div>
</div>
<div className="flex place-content-end h-full">
Expand Down
8 changes: 4 additions & 4 deletions src/Components/IndexPageComponents/Header/SponsorImages.js
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
import Image from "next/image";

const SponsorImages = ({ Sponsors, className }) => {
return (
<div className={className}>
{Sponsors.map((sponsor, key) => (
<Image
<img
key={key}
src={`/Assets/Images/Sponsors/${sponsor.ImgSrc}`}
alt={sponsor.AltText}
width={80}
height={80}
width={sponsor.width}
height={sponsor.height}
className="object-contain"
/>
))}
Expand Down
6 changes: 3 additions & 3 deletions src/Components/IndexPageComponents/HostSection/HostSection.js
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import Image from "next/image";

const HostImagesList = [
{ imgLink: "/Assets/Images/PointBlank.svg", alt: "PointBlank" },
{ imgLink: "/Assets/Images/DSCE-logo.png", alt: "DSCE" },
{ imgLink: "/Assets/Images/ACM-W.png", alt: "ACM-W" },
{ imgLink: "/Assets/Images/ACM-W.svg", alt: "ACM-W" },
];

const HostSection = () => {
Expand All @@ -12,7 +12,7 @@ const HostSection = () => {
<div className="flex flex-wrap w-full place-items-center justify-evenly">
{HostImagesList.map((hostImage, key) => (
<div key={key}>
<Image src={hostImage.imgLink} width={200} height={200} alt={hostImage.alt}/>
<img src={hostImage.imgLink} width={200} height={200} alt={hostImage.alt}/>
</div>
))}
</div>
Expand Down
4 changes: 2 additions & 2 deletions src/Components/IndexPageComponents/SponsorSection/Card.js
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
import Image from "next/image";

const Card = ({ sponsor, height = 100, width = 100 }) => {
return (
<div>
<a href={sponsor.link}>
<Image
<img
src={`/Assets/Images/Sponsors/${sponsor.image}`}
alt={sponsor.name}
height={height}
Expand Down
12 changes: 6 additions & 6 deletions src/Components/IndexPageComponents/SponsorSection/SponsorSection.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import Image from "next/image";

import { Card } from "./Card";

const PlatinumSponsors = [
Expand Down Expand Up @@ -38,7 +38,7 @@ const SponsorSection = () => {
// <div className="md:w-1/2 space-y-5">
// <h2 className="text-4xl font-semibold tracking-wider">Our Sponsors</h2>
// <div>
// <Image
// <img
// src="/Assets/Images/Sponsors/cn-logo-dark.png"
// alt="Coding Ninjas"
// className="object-contain"
Expand All @@ -63,19 +63,19 @@ const SponsorSection = () => {
// </p>
// </div>
// <div className="hidden md:block">
// <Image
// <img
// src={"/Assets/Images/header-computer.svg"}
// width={450}
// height={450}
// />
// </div>
// </div>
<div className="my-20 space-y-7 md:px-16 lg:px-24">
<div className="my-20 space-y-20 md:px-16 lg:px-24">
<div className="flex flex-col place-items-center space-y-7">
<h2 className="text-4xl md:text-5xl font-bold text-white">
Platinum <span className="text-theme-primary">Sponsors</span>
</h2>
<div className="flex flex-wrap md:flex-nowrap place-items-center m-auto w-full justify-evenly ">
<div className="flex flex-wrap md:flex-nowrap gap-10 md:gap-20 place-items-center m-auto w-full justify-evenly ">
{PlatinumSponsors.map((sponsor, key) => (
<Card key={key} sponsor={sponsor} height={300} width={300} />
))}
Expand All @@ -85,7 +85,7 @@ const SponsorSection = () => {
<h2 className="text-4xl font-bold text-white">
Gold <span className="text-theme-primary-500">Sponsors</span>
</h2>
<div className="flex flex-wrap md:grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 place-items-center m-auto w-full justify-evenly">
<div className="flex flex-wrap md:grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 lg:gap-16 place-items-center m-auto w-full justify-evenly">
{GoldSponsors.map((sponsor, key) => (
<Card key={key} sponsor={sponsor} height={200} width={200} />
))}
Expand Down
6 changes: 3 additions & 3 deletions src/Components/NavBar/NavBar.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import Image from "next/image";

import Link from "next/link";
import { HamburgerIcon, CloseIcon } from "../svg/svg";
const NavItems = [
Expand Down Expand Up @@ -29,7 +29,7 @@ const NavBar = ({ isSidebarOpen, setSidebarOpen }) => {
)}
</div>
<div className=" md:w-full">
<Image
<img
src="/Assets/Images/advaith-logo.png"
width={200}
height={20}
Expand All @@ -50,7 +50,7 @@ const NavBar = ({ isSidebarOpen, setSidebarOpen }) => {
<button className="hidden md:block px-3 py-1 text-lg bg-theme-primary-400 rounded-lg font-semibold">
<a href="/">Register</a>
</button>
{/* <Image
{/* <img
src="/Assets/Images/DSCE-logo.png"
width={35}
height={35}
Expand Down
4 changes: 2 additions & 2 deletions src/Components/Sidebar/Sidebar.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import Image from "next/image";

import { useState } from "react";
import { ChevronDown } from "../svg/svg.js";
const SidebarOptions = [
Expand All @@ -19,7 +19,7 @@ const Sidebar = ({ isSidebarOpen }) => {
<div className="h-full w-full flex flex-col gap-10">
<div className="space-y-6 mt-52 mb-auto w-full px-10">
<div className="w-full flex -mt-10">
<Image
<img
src="/Assets/Images/advaith-logo.svg"
width={180}
height={50}
Expand Down
Loading

0 comments on commit e70155d

Please sign in to comment.