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

Commit091eb09

Browse files
authored
Merge pull request#3 from csesoc/CW2-5-Create-sponsors-page
CW2-5 Sponsors Page Draft/Template
2 parents97db3fb +7ba5f4a commit091eb09

25 files changed

+730
-11
lines changed

‎components/Footer.tsx‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
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+
<img
11+
src="/flag/ollie_is_hiding.png"
12+
alt="Ollie"
13+
draggable="false"
14+
width={60}
15+
height={60}
16+
className="ml-10"
17+
/>
18+
</Link>
19+
<img
20+
src="/flag/ollie_is_hiding.png"
21+
alt="Ollie"
22+
draggable="false"
23+
width={60}
24+
height={60}
25+
className="ml-10 sm:block hidden"
26+
/>
27+
</div>
28+
<divclassName="flex flex-col max-w-[14rem] sm:mt-0 mt-10 font-light">
29+
<pclassName="mb-6">B03 CSE Building K17, UNSW csesoc@csesoc.org.au</p>
30+
<p>© 2021 — CSESoc UNSW</p>
31+
</div>
32+
</div>
33+
<img
34+
src="assets/sponsors_backdrop.svg"
35+
alt="Sponsors backdrop"
36+
className="absolute bottom-0 left-0 w-screen -z-10"
37+
/>
38+
</section>
39+
);
40+
};
41+
42+
exportdefaultFooter;

‎components/Navbar.tsx‎

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,42 @@
11
importImagefrom'next/image';
22
importLinkfrom'next/link';
3+
import{useEffect,useState}from'react';
34

45
constNavbar=()=>{
6+
const[path,setPath]=useState<string>('');
7+
useEffect(()=>{
8+
constitem:string|undefined=window.location.href.split('/').pop();
9+
if(item==''||item==undefined)setPath('HOME');
10+
elsesetPath(item.toUpperCase());
11+
},[]);
12+
513
return(
614
<navclassName="flex justify-between items-center relative z-10">
7-
<Linkhref="#landing">
15+
<Linkhref="/">
816
<Image
917
src="/assets/csesoc_logo.svg"
1018
alt="CSESoc Logo"
1119
width={200}
1220
height={200}
1321
draggable={false}
1422
/>
15-
<pclassName="mt-3 text-xs">C:\INTERNAL STRUCTURE\HOME</p>
23+
<pclassName="mt-3 text-xs">C:\INTERNAL STRUCTURE\{path}</p>
1624
</Link>
1725
<div>
1826
<divclassName="md:flex xl:gap-36 lg:gap-20 md:gap-10 text-right font-bold hidden">
19-
<Linkhref="#about">
27+
<Linkhref="about us">
2028
<pclassName="text-[0.6rem] text-[#C4C5C8]">01</p>
2129
<div>{'//'} about us</div>
2230
</Link>
23-
<Linkhref="#events">
31+
<Linkhref="events">
2432
<pclassName="text-[0.6rem] text-[#C4C5C8]">02</p>
2533
<div>{'//'} events</div>
2634
</Link>
27-
<Linkhref="#resources">
35+
<Linkhref="resources">
2836
<pclassName="text-[0.6rem] text-[#C4C5C8]">03</p>
2937
<div>{'//'} resources</div>
3038
</Link>
31-
<Linkhref="#sponsors">
39+
<Linkhref="sponsors">
3240
<pclassName="text-[0.6rem] text-[#C4C5C8]">04</p>
3341
<div>{'//'} sponsors</div>
3442
</Link>

‎components/Sponsors/index.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
importImagefrom'next/image';
21
importLinkfrom'next/link';
32
importReactfrom'react';
43

@@ -26,9 +25,11 @@ const Sponsors = () => {
2625
<divclassName="max-w-[15rem]">
2726
<h2className="text-4xl font-black">Our sponsors</h2>
2827
<pclassName="xl:my-10 my-3 text-lg">Check out our very cool sponsors.</p>
29-
<buttonclassName="bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[100%] xl:h-12 h-10">
30-
View our sponsors
31-
</button>
28+
<ahref="sponsors">
29+
<buttonclassName="bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[100%] xl:h-12 h-10">
30+
View our sponsors
31+
</button>
32+
</a>
3233
</div>
3334
</div>
3435
<divclassName={`${firstRowBoxesStyling} bg-[rgba(0, 71, 255, 0.33)]`}>
Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
import{diamondLinks,goldLinks,silverLinks}from'../../public/data/data';
2+
//import '/styles/sponsorLinks.module.css';
3+
constlogostyle='h-14';
4+
constlogodiv='block gap-y-8 h-14';
5+
constbackground=
6+
'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%)';
7+
// const outer = 'rounded-[4rem] w-[90rem] flex flex-col pl-14 py-14 gap-16';
8+
9+
functionSponsorLinks(){
10+
return(
11+
<divclassName="flex justify-center items-center my-20">
12+
<divclassName="w-100 flex flex-col gap-16">
13+
<div
14+
style={{backgroundImage:`${background}`}}
15+
className="flex rounded-[1rem] pl-14 py-14 gap-16 items-center"
16+
>
17+
<h2className="text-4xl font-black">Diamond Sponsors</h2>
18+
{diamondLinks.map((item,index)=>{
19+
return(
20+
<akey={index}className={`${logodiv}`}href={item.href}>
21+
<imgclassName={`${logostyle}`}src={item.svg}alt={item.alt}/>
22+
</a>
23+
);
24+
})}
25+
</div>
26+
<div
27+
style={{backgroundImage:`${background}`}}
28+
className="flex rounded-[1rem] px-14 py-14"
29+
>
30+
<h2className="text-4xl font-black pr-16">Gold Sponsors</h2>
31+
<divclassName="grid grid-cols-5 gap-16 items-center">
32+
{goldLinks.map((item,index)=>{
33+
return(
34+
<akey={index}className=""href={item.href}>
35+
<imgclassName="h-6"src={item.svg}alt={item.alt}/>
36+
</a>
37+
);
38+
})}
39+
</div>
40+
</div>
41+
<div
42+
style={{backgroundImage:`${background}`}}
43+
className="grid grid-cols-5 rounded-[1rem] pl-14 py-14 gap-16 items-center"
44+
>
45+
<h2className="text-4xl font-black">Silver Sponsors</h2>
46+
{silverLinks.map((item,index)=>{
47+
return(
48+
<akey={index}className="h-14"href={item.href}>
49+
<imgclassName="h-8"src={item.svg}alt={item.alt}/>
50+
</a>
51+
);
52+
})}
53+
</div>
54+
</div>
55+
</div>
56+
);
57+
}
58+
59+
exportdefaultSponsorLinks;

‎components/Sponsors/subpage.tsx‎

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

‎pages/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
importLandingfrom'@/components/Landing';
2-
importSponsorsfrom'@/components/Sponsors';
2+
importSponsorsfrom'@/components/Sponsors/index';
33
importAboutfrom'@/components/About';
44
importEventfrom'@/components/Event';
55
importResourcesAndContactsfrom'@/components/ResourcesAndContacts';

‎pages/sponsors.tsx‎

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

‎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

0 commit comments

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