Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Completed live site. #89

Merged
merged 13 commits into from
Apr 9, 2021
Merged

Completed live site. #89

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
d69de0c
Merge pull request #88 from citrushack/master
Mar 22, 2021
dff8b03
Added scaffold for live page
r-jo1 Mar 22, 2021
d4ba20f
Added live page css file
r-jo1 Mar 22, 2021
c0ba796
Added countdown timer
r-jo1 Mar 22, 2021
24fd518
Abstracted countdown
r-jo1 Mar 22, 2021
63606cd
Add judges
r-jo1 Mar 22, 2021
f2b89d2
Dummy judges added
r-jo1 Mar 22, 2021
d2826b9
Added sponsors and some minor styling
Apr 3, 2021
4be15a0
Added all judges
Apr 8, 2021
8e84c46
Added schedule
Apr 9, 2021
0646af0
Added borders
Apr 9, 2021
54c0ece
Hide live site link
Apr 9, 2021
817d951
Hide live site link
Apr 9, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Dummy judges added
  • Loading branch information
@r-jo1
r-jo1 committed Mar 22, 2021
commit f2b89d28e48d1f717454e06033e5608a1a02012f
69 changes: 64 additions & 5 deletions pages/live.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,17 @@ import styles from "../styles/Common.module.css";

const Judge = ({ picture, username, title }) => {
return (
<div className="Livestyles.judge">
<Image src={picture} alt="Judge profile picture" width={100} height={100}/>
<h3>{username}</h3>
<p>{title}</p>
<div className={Livestyles.judge}>
<Image
src={picture}
alt="Judge profile picture"
width={100}
height={100}
/>
<caption>
<h3>{username}</h3>
<p>{title}</p>
</caption>
</div>
);
};
Expand All @@ -22,7 +29,59 @@ export default function Live() {
<div className={styles.container}>
<CountdownTimer />
<h2>Judges</h2>
<Judge picture="/logoRevised.png" username="Scotty" title="Mascot" />
<div className={Livestyles.judgeWrapper}>
<div>
<Judge
picture="/logoRevised.png"
username="Scotty"
title="Mascot"
/>
<Judge
picture="/logoRevised.png"
username="Scotty"
title="Mascot"
/>
<Judge
picture="/logoRevised.png"
username="Scotty"
title="Mascot"
/>
</div>
<div>
<Judge
picture="/logoRevised.png"
username="Scotty"
title="Mascot"
/>
<Judge
picture="/logoRevised.png"
username="Scotty"
title="Mascot"
/>
<Judge
picture="/logoRevised.png"
username="Scotty"
title="Mascot"
/>
</div>
<div>
<Judge
picture="/logoRevised.png"
username="Scotty"
title="Mascot"
/>
<Judge
picture="/logoRevised.png"
username="Scotty"
title="Mascot"
/>
<Judge
picture="/logoRevised.png"
username="Scotty"
title="Mascot"
/>
</div>
</div>
<h2>Schedule</h2>
<h2>Resources</h2>
<h2>Sponsors</h2>
Expand Down
11 changes: 10 additions & 1 deletion styles/Live.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,10 @@

.judgeWrapper{
display: flex;
}
.judge{
display:flex;
margin: 0 10px;
}
.judge caption{
margin-left: 10px;
}