Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit22aa9dc

Browse files
committed
CW2-5 Sponsors Page Draft/Template
1 parentd8b2b94 commit22aa9dc

24 files changed

+683
-3
lines changed

‎components/Footer.tsx‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
importLinkfrom"next/link";
2+
3+
constFooter=()=>{
4+
return(
5+
<section>
6+
<divclassName="sm:flex justify-between">
7+
<divclassName="flex items-center">
8+
<imgsrc="assets/csesoc_logo_white.svg"alt="CSESoc Logo"/>
9+
<Linkhref="/flag/ollie_is_hiding.png"target="_blank"className="sm:hidden block">
10+
<imgsrc="/flag/ollie_is_hiding.png"alt="Ollie"draggable="false"width={60}height={60}className="ml-10"/>
11+
</Link>
12+
<imgsrc="/flag/ollie_is_hiding.png"alt="Ollie"draggable="false"width={60}height={60}className="ml-10 sm:block hidden"/>
13+
</div>
14+
<divclassName="flex flex-col max-w-[14rem] sm:mt-0 mt-10 font-light">
15+
<pclassName="mb-6">B03 CSE Building K17, UNSW csesoc@csesoc.org.au</p>
16+
<p>© 2021 — CSESoc UNSW</p>
17+
</div>
18+
</div>
19+
<imgsrc="assets/sponsors_backdrop.svg"alt="Sponsors backdrop"className="absolute bottom-0 left-0 w-screen -z-10"/>
20+
</section>
21+
);
22+
};
23+
24+
exportdefaultFooter;

‎components/Navbar.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Link from "next/link";
44
constNavbar=()=>{
55
return(
66
<navclassName="flex justify-between items-center relative z-10">
7-
<Linkhref="#landing">
7+
<Linkhref="/">
88
<Imagesrc="/assets/csesoc_logo.svg"alt="CSESoc Logo"width={200}height={200}draggable={false}/>
99
<pclassName="mt-3 text-xs">C:\INTERNAL STRUCTURE\HOME</p>
1010
</Link>
@@ -22,7 +22,7 @@ const Navbar = () => {
2222
<pclassName="text-[0.6rem] text-[#C4C5C8]">03</p>
2323
<div>{"//"} resources</div>
2424
</Link>
25-
<Linkhref="#sponsors">
25+
<Linkhref="sponsors">
2626
<pclassName="text-[0.6rem] text-[#C4C5C8]">04</p>
2727
<div>{"//"} sponsors</div>
2828
</Link>
Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
import{diamondLinks,goldLinks,silverLinks}from'/public/data/data.ts';
2+
//import '/styles/sponsorLinks.module.css';
3+
constlogostyle="h-14";
4+
constlogodiv="block gap-y-8 h-14";
5+
constbackground="radial-gradient(50% 50% at 50% 50%, rgba(235, 1, 255, 0.6) 0%, rgba(121, 73, 255, 0.6) 48.96%, rgba(57, 119, 248, 0.6) 100%)";
6+
constouter="rounded-[4rem] w-[90rem] flex flex-col pl-14 py-14 gap-16";
7+
8+
functionSponsorLinks(){
9+
return(
10+
<divclassName="flex justify-center items-center my-20">
11+
<divclassName="w-100 flex flex-col gap-16">
12+
<divstyle={{backgroundImage:`${background}`}}className='flex rounded-[1rem] pl-14 py-14 gap-16 items-center'>
13+
<h2className="text-4xl font-black">Diamond Sponsors</h2>
14+
{diamondLinks.map((item)=>{
15+
return(
16+
<aclassName={`${logodiv}`}href={item.href}>
17+
<imgclassName={`${logostyle}`}src={item.svg}alt={item.alt}/>
18+
</a>
19+
);
20+
})}
21+
</div>
22+
<divstyle={{backgroundImage:`${background}`}}className='flex rounded-[1rem] px-14 py-14'>
23+
<h2className="text-4xl font-black pr-16">Gold Sponsors</h2>
24+
<divclassName='grid grid-cols-5 gap-16 items-center'>
25+
{goldLinks.map((item)=>{
26+
return(
27+
<aclassName=""href={item.href}>
28+
<imgclassName="h-6"src={item.svg}alt={item.alt}/>
29+
</a>
30+
);
31+
})}
32+
</div>
33+
</div>
34+
<divstyle={{backgroundImage:`${background}`}}className='grid grid-cols-5 rounded-[1rem] pl-14 py-14 gap-16 items-center'>
35+
<h2className="text-4xl font-black">Silver Sponsors</h2>
36+
{silverLinks.map((item)=>{
37+
return(
38+
<aclassName="h-14"href={item.href}>
39+
<imgclassName="h-8"src={item.svg}alt={item.alt}/>
40+
</a>
41+
);
42+
})}
43+
</div>
44+
</div>
45+
</div>
46+
);
47+
};
48+
49+
exportdefaultSponsorLinks;

‎components/Sponsors/subpage.tsx‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
importImagefrom"next/image";
2+
importLinkfrom"next/link";
3+
importReactfrom"react";
4+
//import '/styles/sponsors.module.css';
5+
importSponsorLinksfrom"./sponsorlinks";
6+
7+
constSponsorsPage=()=>{
8+
return(
9+
<sectionclassName="">
10+
<SponsorLinks/>
11+
</section>
12+
);
13+
};
14+
15+
exportdefaultSponsorsPage;

‎pages/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
importImagefrom"next/image";
22
importLandingfrom"@/components/Landing";
3-
importSponsorsfrom"@/components/Sponsors";
3+
importSponsorsfrom"@/components/Sponsors/index";
44
importAboutfrom"@/components/About";
55
importEventfrom"@/components/Event";
66
importResourcesAndContactsfrom"@/components/ResourcesAndContacts"

‎pages/sponsors.tsx‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
importImagefrom"next/image";
2+
importLandingfrom"@/components/Landing";
3+
importSponsorsPagefrom"@/components/Sponsors/subpage";
4+
importNavbarfrom"@/components/Navbar";
5+
importFooterfrom"@/components/Footer";
6+
7+
exportdefaultfunctionHome(){
8+
return(
9+
<sectionclassName="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
10+
<Navbar/>
11+
<SponsorsPage/>
12+
<Footer/>
13+
</section>
14+
);
15+
}

‎public/assets/appian_logo.svg‎

Lines changed: 27 additions & 0 deletions
Loading

‎public/assets/canva_logo.svg‎

Lines changed: 9 additions & 0 deletions
Loading

‎public/assets/citadel_logo.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎public/assets/flowtraders_logo.svg‎

Lines changed: 9 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp