Skip to content

Create archive of previous BH sites (7, 8, club) #1296

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

Open
wants to merge 5 commits into
base: develop
Choose a base branch
from
+1,874 −1,525
Open

Create archive of previous BH sites (7, 8, club) #1296

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4f323ce
Move all sites into site folders
peterkos Dec 22, 2023
31c2d7a
Make it all work again + pretty up index page
peterkos Dec 22, 2023
bf0628f
Spruce up the landing page more
peterkos Dec 22, 2023
7e741ea
Add mock data to schedules :tada:
peterkos Dec 22, 2023
4d4909a
Fix gallery link
peterkos Dec 22, 2023
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
81 changes: 41 additions & 40 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -13,64 +13,65 @@
<meta property="twitter:title" content="BrickHack 8">
<meta property="twitter:url" content="https://brickhack.io" >
<meta property="twitter:description" content="RIT's premier collegiate hackathon devoted to bringing designers, developers, and all sorts of makers together for 24 hours to create something from nothing.">
<meta name="twitter:image" content="./assets/social_cards.png">
<meta name="twitter:image" content="/assets/social_cards.png">

<!-- Open Graph Cards -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Brickhack 8" />
<meta property="og:site_name" content="BrickHack 8" />
<meta property="og:url" content="https://brickhack.io" />
<meta property="og:description" content="RIT's premier collegiate hackathon devoted to bringing designers, developers, and all sorts of makers together for 24 hours to create something from nothing."/>
<meta property="og:image" content="./assets/social_cards.png" />
<meta property="og:image" content="/assets/social_cards.png" />

<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="resources/favicon/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/resources/favicon/favicon-16x16.png">

<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sora&display=swap" rel="stylesheet">
</head>
<body>
<!-- Nav -->
<nav>
<div class="top">
<a id="logo" href="https://brickhack.io">
<img src="assets/bh8/logo.svg" alt="BrickHack 8 Logo" />
</a>
</div>
</nav>
<div class="mobile-grayout"></div>
<div id="content">

<!-- MLH Banner -->
<a id="mlh-trust-badge" href="https://mlh.io/seasons/2022/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2022-season&utm_content=gray" target="_blank">
<img src="https://s3.amazonaws.com/logged-assets/trust-badge/2022/mlh-trust-badge-2022-gray.svg" alt="Major League Hacking 2022 Hackathon Season" style="width:100%">
</a>
<section id="sites">
<div>
<p>An archive of older BrickHack sites. View the latest at <a href="https://brickhack.io">brickhack.io</a>!</p>
</div>
<div class="site">
<img src="/assets/bh8/logo.svg"/>
<a href="./sites/bh8/bh8.html">
<h1>BrickHack 8</h1>
</a>
</div>
<div class="site">
<img src="/assets/logo.svg"/>
<a href="./sites/bh7/bh7.html">
<h1>BrickHack 7</h1>
</a>
</div>
<div class="site">
<img src="/assets/club/events.svg" />
<a href="./sites/club/club.html">
<h1>Club Site</h1>
</a>
</div>
</section>

<!-- Post-Event -->
<section id="post">
<h1>Thanks for a great BrickHack 8!</h1>
<p>See you next year!</p>
<a id="devpost" href="https://brickhack8.devpost.com/" target="_blank">VIEW PROJECTS</a>
<p><a href="./club.html">Check out our club</a></p>
<video id="prizes-ricky" autoplay muted loop playsinline>
<source src="./assets/bh8/videos/Prize-Ricky.mp4" type="video/mp4">
</video>
</section>

<!-- Footer -->
<footer>
<div id="footer-left">
<p><a href="mailto:hello@brickhack.io">hello@brickhack.io</a></p>
</div>
<div id="footer-right">
<p><a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf" target="_blank">MLH Code of Conduct</a></p>
<p><a href="https://www.rit.edu/academicaffairs/policiesmanual/c070" target="_blank">Privacy Policy</a></p>
<p>Copyright &copy; 2022 BrickHack Club</p>
</div>
</footer>
<!-- Footer -->
<footer>
<div id="footer-left">
<p><a href="mailto:hello@brickhack.io">hello@brickhack.io</a></p>
</div>
<div id="footer-right">
<p><a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf" target="_blank">MLH Code of Conduct</a></p>
<p><a href="https://www.rit.edu/academicaffairs/policiesmanual/c070" target="_blank">Privacy Policy</a></p>
<p>Copyright &copy; 2022 BrickHack Club</p>
</div>
</footer>
</div>

<!-- This is where Parcel imports are located! (SASS, etc.) -->
<script src="./index.js"></script>
226 changes: 0 additions & 226 deletions index.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
import "./sass/index.scss"
import "@fortawesome/fontawesome-free/css/all.css"
import $ from "jquery"

// Hiring message
const hiringMessage = `Hey, you.
@@ -14,228 +13,3 @@ console.log(hiringMessage);
// Comment generated via js instead of directly in HTML so the hiring message text is only in one place
const comment = document.createComment("\n" + hiringMessage + "\n");
document.insertBefore(comment, document.firstChild);

// Leadership easter egg
/*$(document).ready(function() {
var randomNum = Math.floor(Math.random() * 50);
console.log(randomNum);
if (randomNum === 7) {
console.log("Lucky Ricky");
var ricky = $(".leader:first").clone();
ricky.appendTo($("#team"));
}
});*/

// Nav highlighting on scroll
import ActiveMenuLink from "active-menu-link";

let options = {
itemTag: "",
scrollOffset: -90, // nav height
scrollDuration: 1000,
ease: "out-quart",
showHash: false,
};

new ActiveMenuLink(".navbar-items", options);

// Navbar functionality
$(document).on("click", "#toggle", function() {
if ($("nav").hasClass("show-nav")) {
$("nav").removeClass("show-nav");
$("#toggle").removeClass("fa-times");
$("#toggle").addClass("fa-bars");
$(".mobile-grayout").removeClass("show-gray");
} else {
$("nav").addClass("show-nav");
$("#toggle").removeClass("fa-bars");
$("#toggle").addClass("fa-times");
$(".mobile-grayout").addClass("show-gray");
}
});

// Closing the navbar when a navigation link is clicked
$(document).on("click", ".link", function() {
$("nav").removeClass("show-nav");
$("#toggle").removeClass("fa-times");
$("#toggle").addClass("fa-bars");
$(".mobile-grayout").removeClass("show-gray");
});

// Closing the navbar when outside of the nav is clicked
$(document).on("click", ".mobile-grayout", function() {
$("nav").removeClass("show-nav");
$("#toggle").removeClass("fa-times");
$("#toggle").addClass("fa-bars");
$(".mobile-grayout").removeClass("show-gray");
});

// FAQ Cards hide/show
let card = document.getElementsByClassName("card");
for (let i = 0; i < card.length; i++) {
let accordion = card[i].getElementsByClassName("accordion-header")[0];
// Click should only work on accordion-header of each card
accordion.addEventListener("click", function() {

card[i].classList.toggle("active");

let panel = card[i].getElementsByClassName("panel")[0];
let fa = this.getElementsByTagName("i")[0];

// Toggle panel and plus/minus on click of header
if ($(card[i]).hasClass("active")) {
$(panel).slideDown(200);
} else {
$(panel).slideUp(200);
}

$(fa).toggleClass("fa-plus");
$(fa).toggleClass("fa-minus");
});
}

/* Schedule JS */

// Making buttons toggle hide/show for different days
// Saturday button
$('#saturday').click(function() {
$('#saturday').addClass('day-active');
$('#sunday').removeClass('day-active');
$('#mar-5-content').show();
$('#mar-6-content').hide();
$('#date-indicator-saturday').show();
$('#date-indicator-sunday').hide();
});
// Sunday button
$('#sunday').click(function() {
$('#sunday').addClass('day-active');
$('#saturday').removeClass('day-active');
$('#mar-6-content').show();
$('#mar-5-content').hide();
$('#date-indicator-sunday').show();
$('#date-indicator-saturday').hide();
});


// Setting the schedule to match the day
let currentDate = new Date().getDate()
// Before/during saturday
if (currentDate <= 5) {
$('#saturday').addClass('day-active');
$('#sunday').removeClass('day-active');
$('#mar-5-content').show();
$('#mar-6-content').hide();
$('#date-indicator-saturday').show();
$('#date-indicator-sunday').hide();
}
// Sunday
else {
$('#sunday').addClass('day-active');
$('#saturday').removeClass('day-active');
$('#mar-6-content').show();
$('#mar-5-content').hide();
$('#date-indicator-sunday').show();
$('#date-indicator-saturday').hide();
}


// Fetching event data from HackEngine
fetch('https://apply.brickhack.io/events.json')
.then(res => res.json())
.then(events => handleEventData(events))
.catch(err => console.log(err));


// Turning HackEngine event data into visual events - BH7 code barely modified
function handleEventData(events) {
let now = new Date()
// needed to handle overlapping events
let timeMarkerAdded = false;
// need to sort events by start/end times instead of IDs
events.sort(compareEvents);

// Looping through each event to handle it
events.forEach(event => {
// Getting strings for times
let startDate = new Date(event.start); // convert ISO 8601 -> Date object
let finishDate = undefined;
let dateString = convertDate(startDate);
if (event.finish) { // finish === null for instantaneous events
finishDate = new Date(event.finish);
let finishString = convertDate(finishDate);
if (dateString.slice(-2) === finishString.slice(-2)) { // hide "am/pm" of first time if both are identical
dateString = dateString.slice(0, -2);
}
dateString += " - " + convertDate(finishDate);
}

// calculate event container classes
let divClasses = 'event';
let liveIndicator = "";
if (finishDate < now) {
divClasses += ' event-complete';
}
else if (startDate < now && now < finishDate) {
divClasses += ' event-live';
liveIndicator = '<p class="live">LIVE!</p>';
}

// adding event to the page
var eventContainer;
// Deciding which day content box it goes inside
switch (startDate.getDate()) {
case 5: eventContainer = $('#mar-5-content'); break;
case 6: eventContainer = $('#mar-6-content'); break;
}
// If it doesn't fall into one of those event days, log the problem and quit trying to add it
if (!eventContainer) {
console.log("Event " + event.title + " date " + startDate + " out of range.");
return; // skip current iteration https://stackoverflow.com/a/31399448/1431900
}
// Building HTML and adding it to page
let html = `<div class="${divClasses}"><p class="time">${dateString}</p><p>${event.title}</p>${liveIndicator}</div>`;
const eventDiv = eventContainer.append(html);
});
}

// Comparing two events to sort them - BH7 code unmodified
function compareEvents(a, b) {
// We can sort by start/end here because the ISO 8061
// timestamps given by the server are lexicographically
// sortable.
if (a.start < b.start) { // if a starts before b...
return -1; // ...then a goes before b
} else if (a.start > b.start) { // if a starts after b...
return 1; // ...then b goes before a
} else {
if (a.end < b.end) { // if a ends before b...
return -1; // ...then a goes before b
} else if (a.end > b.end) { // if a ends after b...
return 1; // ...then b goes before a
} else {
return 0;
}
}
}

// Converting dates to something more user friendly - BH7 code unmodified
function convertDate(date) {
let output = '';
// hour
if (date.getHours() > 12) {
output = String(date.getHours() - 12);
} else {
output = String(date.getHours());
}
// minute
if (date.getMinutes() !== 0) {
output += ':' + String(date.getMinutes()).padStart(2, '0');
}
// AM/PM
if (date.getHours() >= 12) {
output += 'pm';
} else {
output += 'am';
}
return output;
}
1,161 changes: 23 additions & 1,138 deletions sass/index.scss
View file

Large diffs are not rendered by default.

80 changes: 40 additions & 40 deletions bh7.html → sites/bh7/bh7.html
View file
Original file line number Diff line number Diff line change
@@ -13,20 +13,20 @@
<meta property="twitter:title" content="BrickHack 7">
<meta property="twitter:url" content="https://brickhack.io" >
<meta property="twitter:description" content="RIT's premiere collegiate hackathon devoted to bringing designers, developers, and all sorts of makers together for 24 hours to create something from nothing.">
<meta name="twitter:image" content="./assets/social_cards.png">
<meta name="twitter:image" content="/assets/social_cards.png">

<!-- Open Graph Cards -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Brickhack 7" />
<meta property="og:site_name" content="BrickHack 7" />
<meta property="og:url" content="https://brickhack.io" />
<meta property="og:description" content="RIT's premiere collegiate hackathon devoted to bringing designers, developers, and all sorts of makers together for 24 hours to create something from nothing."/>
<meta property="og:image" content="./assets/social_cards.png" />
<meta property="og:image" content="/assets/social_cards.png" />

<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="resources/favicon/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/resources/favicon/favicon-16x16.png">

<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
@@ -36,7 +36,7 @@
<nav>
<div class="left navbar-items">
<a id="logo" href="https://brickhack.io">
<img src="assets/logo.svg" alt="BrickHack 7 Logo" />
<img src="/assets/logo.svg" alt="BrickHack 7 Logo" />
</a>
<a class="link" href="#hackathon">GENERAL</a>
<a class="link" href="#schedule">SCHEDULE</a>
@@ -77,67 +77,67 @@
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/1.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/1.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
<div class="slide">
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/2.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/2.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
<div class="slide">
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/3.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/3.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
<div class="slide">
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/4.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/4.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
<div class="slide">
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/5.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/5.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
<div class="slide">
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/6.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/6.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
<div class="slide">
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/7.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/7.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
<div class="slide">
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/8.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/8.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
<div class="slide">
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/9.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/9.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
<div class="slide">
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/10.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/10.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
<div class="slide">
<div class="wire"></div>
<div class="front-clip"></div>
<div class="back-clip"></div>
<img src="./assets/carousel/11.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
<img src="/assets/carousel/11.jpg" class="slide-image" alt="BrickHack 6 attendees"/>
</div>
</div>
<div id="modal">
@@ -156,7 +156,7 @@ <h1>What is a Hackathon?</h1>
<i class="fas fa-arrow-right"></i>
<p>Visit Major League Hacking</p>
</a>
<a href="./gallery.html" rel="noopener noreferrer">
<a href="/sites/gallery/gallery.html" rel="noopener noreferrer">
<i class="fas fa-images"></i>
<p>BrickHack Gallery</p>
</a>
@@ -263,7 +263,7 @@ <h6 class="name">SUNDAY</h6>
<h1>Prizes</h1>
<div id="prizes-wrapper">
<div id="ricky-confetti">
<img src="./assets/prizes/rickyconfetti.svg" alt="Confetti Ricky the Brick" />
<img src="/assets/prizes/rickyconfetti.svg" alt="Confetti Ricky the Brick" />
</div>
<div id="prizes-container">
<div class="prize">
@@ -406,61 +406,61 @@ <h1>Leadership Team</h1>
<div id="leaders" class="section-pad-top">
<div class="leader">
<div class="leader-tape"></div>
<img src="./assets/leadership/michael.jpg" alt="Michael's photo"/>
<img src="/assets/leadership/michael.jpg" alt="Michael's photo"/>
<p>Michael<br />Van Leeuwen</p>
<p>President</p>
</div>
<div class="leader">
<div class="leader-tape"></div>
<img src="./assets/leadership/abhaya.jpg" alt="Abhaya's photo"/>
<img src="/assets/leadership/abhaya.jpg" alt="Abhaya's photo"/>
<p>Abhaya Tamrakar</p>
<p>BrickHack</p>
</div>
<div class="leader">
<div class="leader-tape"></div>
<img src="./assets/leadership/may.jpg" alt="May's photo"/>
<img src="/assets/leadership/may.jpg" alt="May's photo"/>
<p>May Ren</p>
<p>Design</p>
</div>
<div class="leader">
<div class="leader-tape"></div>
<img src="./assets/leadership/peter.jpg" alt="Peter's photo"/>
<img src="/assets/leadership/peter.jpg" alt="Peter's photo"/>
<p>Peter Kos</p>
<p>Engineering</p>
</div>
<div class="leader">
<div class="leader-tape"></div>
<img src="./assets/leadership/mark.jpg" alt="Mark's photo"/>
<img src="/assets/leadership/mark.jpg" alt="Mark's photo"/>
<p>Mark Maluenda</p>
<p>Community Outreach</p>
</div>
<div class="leader">
<div class="leader-tape"></div>
<img src="./assets/leadership/olivia.jpg" alt="Olivia's photo"/>
<img src="/assets/leadership/olivia.jpg" alt="Olivia's photo"/>
<p>Olivia Simmons</p>
<p>Logistics</p>
</div>
<div class="leader">
<div class="leader-tape"></div>
<img src="./assets/leadership/makenna.jpg" alt="Makenna's photo"/>
<img src="/assets/leadership/makenna.jpg" alt="Makenna's photo"/>
<p>Makenna M.</p>
<p>Logistics</p>
</div>
<div class="leader">
<div class="leader-tape"></div>
<img src="./assets/leadership/mira.jpg" alt="Mira's photo"/>
<img src="/assets/leadership/mira.jpg" alt="Mira's photo"/>
<p>Mira Antolovich</p>
<p>Logistics</p>
</div>
<div class="leader">
<div class="leader-tape"></div>
<img src="./assets/leadership/kevin.jpg" alt="Kevin's photo"/>
<img src="/assets/leadership/kevin.jpg" alt="Kevin's photo"/>
<p>Kevin Zhou</p>
<p>Treasurer</p>
</div>
<div class="leader">
<div class="leader-tape"></div>
<img src="./assets/leadership/pardeep.jpg" alt="Pardeep's photo"/>
<img src="/assets/leadership/pardeep.jpg" alt="Pardeep's photo"/>
<p>Pardeep Singh</p>
<p>Sponsorship</p>
</div>
@@ -472,45 +472,45 @@ <h1>Sponsors</h1>
<!-- Brick sponsors -->
<div id="sponsor-grid" class="brick">
<a href="https://www.cbrands.com/" class="logo cbrands" target="_blank">
<img src="./assets/sponsors/logos/cbrands-white.svg" />
<img src="/assets/sponsors/logos/cbrands-white.svg" />
<a href="https://www3.mtb.com/careers/technology-careers" class="logo mttech" target="_blank">
<img src="./assets/sponsors/logos/mttech-white.svg" />
<img src="/assets/sponsors/logos/mttech-white.svg" />
</a>
</a>
<a href="https://www.wegmans.com" class="logo wegmans" target="_blank">
<img src="./assets/sponsors/logos/wegmans-white.svg" />
<img src="/assets/sponsors/logos/wegmans-white.svg" />
</a>
</div>
<!-- Gold/Silver sponsors -->
<div id="sponsor-grid" class="gold">
<a href="https://readme.com/" class="logo readme" target="_blank">
<img src="./assets/sponsors/logos/readme-white.svg" />
<img src="/assets/sponsors/logos/readme-white.svg" />
</a>
<a href="https://dolby.io/" class="logo dolbyio" target="_blank">
<img src="./assets/sponsors/logos/dolbyio-white.svg" />
<img src="/assets/sponsors/logos/dolbyio-white.svg" />
</a>
<a href="https://www.northropgrumman.com/" class="logo northrop" target="_blank">
<img src="./assets/sponsors/logos/northrop-white.svg" />
<img src="/assets/sponsors/logos/northrop-white.svg" />
</a>
</div>
<h2>Partners</h2>
<div id="partner-grid" class="partner">
<a href="https://pinnacle.us.org/" class="logo pinnacle" target="_blank">
<img src="./assets/sponsors/logos/pinnacle-white.svg" />
<img src="/assets/sponsors/logos/pinnacle-white.svg" />
</a>
<a href="http://mlh.io" class="logo mlh" target="_blank">
<img src="./assets/sponsors/logos/mlh-white.svg" />
<img src="/assets/sponsors/logos/mlh-white.svg" />
</a>
<a href="http://hackp.ac/mlh-stickermule-hackathons" class="logo stickermule" target="_blank">
<img src="./assets/sponsors/logos/stickermule-white.svg" />
<img src="/assets/sponsors/logos/stickermule-white.svg" />
</a>
<a href="https://www.rit.edu/research/simonecenter/" class="logo simonecenter" target="_blank">
<img src="./assets/sponsors/logos/simonecenter-white.svg" />
<img src="/assets/sponsors/logos/simonecenter-white.svg" />
</a>
</div>
<div id="prospectus">
<p>Interested in sponsoring BrickHack 7?</p>
<p>View our <a href="./assets/sponsors/BrickHack 7 Prospectus.pdf" target="_blank">prospectus</a> and email us at <a href="mailto:sponsorship@coderit.org">sponsorship@coderit.org</a></p>
<p>View our <a href="/assets/sponsors/BrickHack 7 Prospectus.pdf" target="_blank">prospectus</a> and email us at <a href="mailto:sponsorship@coderit.org">sponsorship@coderit.org</a></p>
</div>
</section>
<footer>
127 changes: 104 additions & 23 deletions bh7.js → sites/bh7/bh7.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import './sass/event.scss'
import './bh7.scss'
import '@fortawesome/fontawesome-free/css/all.css'


@@ -31,9 +31,9 @@ new ActiveMenuLink(".navbar-items", options);


// Random hero SVG on each page load
import desk1 from './assets/hero/desk1.svg'
import desk2 from './assets/hero/desk2.svg'
import desk3 from './assets/hero/desk3.svg'
import desk1 from '/assets/hero/desk1.svg'
import desk2 from '/assets/hero/desk2.svg'
import desk3 from '/assets/hero/desk3.svg'

$(document).ready(function() {
var deskIndex = parseInt(localStorage.getItem('deskIndex'));
@@ -171,24 +171,24 @@ $('.hide-full-schedule').click(function() {
$('.show-full-schedule').css('display', 'flex');
});

// Set schedule tab based on the date
let currentDate = new Date().getDate()
if (currentDate < 20) {
// Always default to first for demo purposes
// let currentDate = new Date().getDate()
// if (currentDate < 20) {
$('#pre-event-tab').addClass('schedule-tab-active');
$('#pre-event-content').show();
$('#feb-20-content').hide();
$('#feb-21-content').hide();
} else if (currentDate == 20) {
$('#feb-20-tab').addClass('schedule-tab-active');
$('#pre-event-content').hide();
$('#feb-20-content').show();
$('#feb-21-content').hide();
} else {
$('#feb-21-tab').addClass('schedule-tab-active');
$('#pre-event-content').hide();
$('#feb-20-content').hide();
$('#feb-21-content').show();
}
// } else if (currentDate == 20) {
// $('#feb-20-tab').addClass('schedule-tab-active');
// $('#pre-event-content').hide();
// $('#feb-20-content').show();
// $('#feb-21-content').hide();
// } else {
// $('#feb-21-tab').addClass('schedule-tab-active');
// $('#pre-event-content').hide();
// $('#feb-20-content').hide();
// $('#feb-21-content').show();
// }

// Dynamic schedule code

@@ -265,7 +265,8 @@ function handleEventData(events) {
// calculate event container classes
let divClasses = 'event';
if ((finishDate || startDate) < now) {
divClasses += ' past';
// Disabled to look a bit nicer in demo
// divClasses += ' past';
}

// add event to DOM
@@ -301,7 +302,87 @@ function handleEventData(events) {
});
}

fetch('https://apply.brickhack.io/events.json')
.then(res => res.json())
.then(events => handleEventData(events))
.catch(err => console.log(err));



// fetch('https://apply.brickhack.io/events.json')
// .then(res => res.json())
// .then(events => handleEventData(events))
// .catch(err => console.log(err));

// ref: https://github.com/codeRIT/brickhack.io/pull/1139/commits/9b601a86357354b78b0c8d6db5d9faa08aef6f76

const events = [
{"title":"A cool pre-event",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-16T10:00:00+00:00",
"finish":"2021-02-16T10:30:00+00:00"
},
{"title":"Another one",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-17T10:00:00+00:00",
"finish":"2021-02-17T10:30:00+00:00"
},
{"title":"Woah!",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-18T10:00:00+00:00",
"finish":"2021-02-18T10:30:00+00:00"
},
{"title":"Fun fact, these show in the local timezone. Who knew!",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-19T10:00:00+00:00",
"finish":"2021-02-19T10:30:00+00:00"
},
{"title":"Opening Ceremony",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-20T10:00:00+00:00",
"finish":"2021-02-20T10:30:00+00:00"
},
{"title":"Lunch (on your own!)",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-20T12:00:00+00:00",
"finish":null
},
{"title":"Mystery Workshop",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-20T14:00:00+00:00",
"finish":"2021-02-20T15:00:00+00:00"
},
{"title":"Mystery Event",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-20T17:00:00+00:00",
"finish":"2021-02-20T18:00:00+00:00"
},
{"title":"Devpost submission",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-21T10:00:00+00:00",
"finish":null
},
{"title":"Mystery Workshop 2",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-21T13:00:00+00:00",
"finish":"2021-02-21T14:00:00+00:00"
},
{"title":"Coding stops / Judging begins",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-21T12:30:00+00:00",
"finish":"2021-02-21T14:00:00+00:00"
},
{"title":"Closing Ceremony",
"description":"",
"location":"Discord + Zoom",
"start":"2021-02-21T14:00:00+00:00",
"finish":"2021-02-21T16:00:00+00:00"}
];
handleEventData(events);
14 changes: 7 additions & 7 deletions sass/event.scss → sites/bh7/bh7.scss
View file
Original file line number Diff line number Diff line change
@@ -32,8 +32,8 @@ $font-regular: 400;
$title-size: 3em;

// Import carousel
@import '../node_modules/slick-carousel/slick/slick.css';
@import '../node_modules/slick-carousel/slick/slick-theme.css';
@import '/node_modules/slick-carousel/slick/slick.css';
@import '/node_modules/slick-carousel/slick/slick-theme.css';

// Mixins
@mixin button {
@@ -241,14 +241,14 @@ nav {
}

#desk {
background-image: url("../assets/hero/desk1.svg");
background-image: url("/assets/hero/desk1.svg");
background-repeat: no-repeat;
z-index: 3;
}

#lamp-wire {
background-size: auto;
background-image: url("../assets/hero/lamp-wire.svg");
background-image: url("/assets/hero/lamp-wire.svg");
background-repeat: repeat-y;
}
}
@@ -260,7 +260,7 @@ nav {
left: 0;
right: 0;
bottom: -20px; // Crop SVG slightly
background-image: url("../assets/hero/shelf.svg");
background-image: url("/assets/hero/shelf.svg");
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
@@ -273,7 +273,7 @@ nav {
height: 110%;
width: 900px;
margin-top: -80px;
background-image: url("../assets/hero/shapes.svg");
background-image: url("/assets/hero/shapes.svg");
background-repeat: no-repeat;
background-position: 100% 30%;
background-size: 900px;
@@ -1143,7 +1143,7 @@ footer {
right: 0;
bottom: 0;
margin-top: 20px;
background-image: url("../assets/footer/footer.svg");
background-image: url("/assets/footer/footer.svg");
background-repeat: repeat no-repeat;
background-position: bottom center;
background-size: auto 300px;
70 changes: 51 additions & 19 deletions bh8.html → sites/bh8/bh8.html
View file
Original file line number Diff line number Diff line change
@@ -13,20 +13,20 @@
<meta property="twitter:title" content="BrickHack 8">
<meta property="twitter:url" content="https://brickhack.io" >
<meta property="twitter:description" content="RIT's premier collegiate hackathon devoted to bringing designers, developers, and all sorts of makers together for 24 hours to create something from nothing.">
<meta name="twitter:image" content="./assets/social_cards.png">
<meta name="twitter:image" content="/assets/social_cards.png">

<!-- Open Graph Cards -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Brickhack 8" />
<meta property="og:site_name" content="BrickHack 8" />
<meta property="og:url" content="https://brickhack.io" />
<meta property="og:description" content="RIT's premier collegiate hackathon devoted to bringing designers, developers, and all sorts of makers together for 24 hours to create something from nothing."/>
<meta property="og:image" content="./assets/social_cards.png" />
<meta property="og:image" content="/assets/social_cards.png" />

<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="resources/favicon/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/resources/favicon/favicon-16x16.png">

<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
@@ -39,7 +39,7 @@
<div class="top">
<i id="toggle" class="fa fa-bars" aria-hidden="true" id="toggle"></i>
<a id="logo" href="https://brickhack.io">
<img src="assets/bh8/logo.svg" alt="BrickHack 8 Logo" />
<img src="/assets/bh8/logo.svg" alt="BrickHack 8 Logo" />
</a>
</div>
<div class="left navbar-items">
@@ -77,7 +77,7 @@ <h3>Virtual Event</h3>
</div>
<div id="hero-video">
<video width="750" autoplay muted loop playsinline>
<source src="./assets/bh8/videos/LandingLoop.mp4" type="video/mp4">
<source src="/assets/bh8/videos/LandingLoop.mp4" type="video/mp4">
</video>
</div>
</section>
@@ -120,7 +120,7 @@ <h3>Last year's BrickHack 7 in numbers:</h3>
</div>
</div>
<video width="500" autoplay muted loop playsinline>
<source src="./assets/bh8/videos/AboutLoop.mp4" type="video/mp4">
<source src="/assets/bh8/videos/AboutLoop.mp4" type="video/mp4">
</video>
</div>
</section>
@@ -145,10 +145,42 @@ <h3 id="date-indicator-sunday">Sunday, March 6</h3>
<div id="schedule-tape-right"></div>
</div>
<div class="schedule-events" id="mar-5-content">
<!-- Content is dynamically added here -->
<div class="event event-complete">
<p class="time">11 AM</p>
<p>No live data anymore :(</p>
</div>
<div class="event">
<p class="time">12 PM</p>
<p>Sowwy</p>
</div>
<div class="event">
<p class="time">1 PM</p>
<p>If it WAS though...</p>
</div>
<div class="event event-live">
<p class="time">2 PM</p>
<p>It'd look like this!</p>
<p class="live">LIVE</p>
</div>
</div>
<div class="schedule-events" id="mar-6-content">
<!-- Content is dynamically added here -->
<div class="event event-complete">
<p class="time">11 AM</p>
<p>No live data anymore :(</p>
</div>
<div class="event">
<p class="time">12 PM</p>
<p>Sowwy</p>
</div>
<div class="event">
<p class="time">1 PM</p>
<p>If it WAS though...</p>
</div>
<div class="event event-live">
<p class="time">2 PM</p>
<p>It'd look like this!</p>
<p class="live">LIVE</p>
</div>
</div>
<!-- <div>
<i class="fa fa-chevron-down"></i>
@@ -165,7 +197,7 @@ <h2>Frequently Asked Questions</h2>
<p>Don't see your question here? Feel free to <a href="mailto:hello@brickhack.io">contact us</a></p>
</div>
<video width="110" height="200" autoplay muted loop playsinline>
<source src="./assets/bh8/videos/FAQLoop.mp4" type="video/mp4">
<source src="/assets/bh8/videos/FAQLoop.mp4" type="video/mp4">
</video>
</div>
<div id="faq-cards">
@@ -230,7 +262,7 @@ <h2>Frequently Asked Questions</h2>
<section id="prizes">
<h2>Prizes</h2>
<video id="prizes-ricky" autoplay muted loop playsinline>
<source src="./assets/bh8/videos/Prize-Ricky.mp4" type="video/mp4">
<source src="/assets/bh8/videos/Prize-Ricky.mp4" type="video/mp4">
</video>
<div id="prizes-card">
<div role="presentation"> <!-- unsure if screen readers will even process <div>s with no text; this may be unnecessary? -->
@@ -240,7 +272,7 @@ <h2>Prizes</h2>
<div class="tape bottom-right"></div>
</div>
<div class="content">
<img class="graphic" src="./assets/bh8/Prize-Bars.svg" alt="Three colored bars of varying heights: medium light blue, tall orange, short dark blue"/>
<img class="graphic" src="/assets/bh8/Prize-Bars.svg" alt="Three colored bars of varying heights: medium light blue, tall orange, short dark blue"/>
<div class="text">
<p class="title">BRICKHACK MAIL</p>
<p>This year, we'll have more than 8 prize categories for you to work towards! Projects can be submitted to different event and sponsor prize categories, but everyone learns and wins at BrickHack! More info will be released on Devpost before the event.</p>
@@ -271,7 +303,7 @@ <h2>Sponsors</h2>
<!-- Platinum Tier -->
<div class="logo-group" id="platinum-tier">
<a href="https://www.cbrands.com/" target="_blank">
<img src="assets/bh8/sponsor-logos/cbrands.svg" alt="Constellation Brands logo">
<img src="/assets/bh8/sponsor-logos/cbrands.svg" alt="Constellation Brands logo">
</a>
</div>
<!-- Gold Tier -->
@@ -280,16 +312,16 @@ <h2>Sponsors</h2>
<!-- Silver and Bronze Tier -->
<div class="logo-group" id="bronze-silver-tier">
<a href="https://www.figma.com" target="_blank">
<img src="assets/bh8/sponsor-logos/figma.svg" alt="Figma logo">
<img src="/assets/bh8/sponsor-logos/figma.svg" alt="Figma logo">
</a>
</div>
<!-- Partners -->
<div class="logo-group" id="partners">
<a href="https://hackp.ac/mlh-stickermule-hackathons" target="_blank">
<img id="stickermule" src="assets/bh8/sponsor-logos/stickermule.svg" alt="StickerMule logo">
<img id="stickermule" src="/assets/bh8/sponsor-logos/stickermule.svg" alt="StickerMule logo">
</a>
<a href="https://mlh.io/" target="_blank">
<img src="assets/sponsors/logos/mlh.svg" alt="Major League Hacking logo">
<img src="/assets/sponsors/logos/mlh.svg" alt="Major League Hacking logo">
</a>
</div>
</section>
@@ -371,7 +403,7 @@ <h2>Meet the Team</h2>
<div id="contact-content">
<h2>Contact</h2>
<p>Feel free to let us know of any questions, comments, and/or concerns at <a href="mailto:hello@brickhack.io">hello@brickhack.io</a></p>
<p>Interested in joining our team? <a href="./club.html">Check out our club</a></p>
<p>Interested in joining our team? <a href="/sites/club/club.html">Check out our club</a></p>
</div>
<div id="contact-socials">
<p>Connect with us:</p>
@@ -399,6 +431,6 @@ <h2>Contact</h2>
</footer>

<!-- This is where Parcel imports are located! (SASS, etc.) -->
<script src="./index.js"></script>
<script src="./bh8.js"></script>
</body>
</html>
241 changes: 241 additions & 0 deletions sites/bh8/bh8.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,241 @@
import "./bh8.scss"
import "@fortawesome/fontawesome-free/css/all.css"
import $ from "jquery"

// Hiring message
const hiringMessage = `Hey, you.
You’re finally awake.
You were trying to see the code, right?
Walked right into that hiring message, same as us.
If you’d like to work on hackathon-related projects, check out https://brickhack.io/club!`

console.log(hiringMessage);

// Comment generated via js instead of directly in HTML so the hiring message text is only in one place
const comment = document.createComment("\n" + hiringMessage + "\n");
document.insertBefore(comment, document.firstChild);

// Leadership easter egg
/*$(document).ready(function() {
var randomNum = Math.floor(Math.random() * 50);
console.log(randomNum);
if (randomNum === 7) {
console.log("Lucky Ricky");
var ricky = $(".leader:first").clone();
ricky.appendTo($("#team"));
}
});*/

// Nav highlighting on scroll
import ActiveMenuLink from "active-menu-link";

let options = {
itemTag: "",
scrollOffset: -90, // nav height
scrollDuration: 1000,
ease: "out-quart",
showHash: false,
};

new ActiveMenuLink(".navbar-items", options);

// Navbar functionality
$(document).on("click", "#toggle", function() {
if ($("nav").hasClass("show-nav")) {
$("nav").removeClass("show-nav");
$("#toggle").removeClass("fa-times");
$("#toggle").addClass("fa-bars");
$(".mobile-grayout").removeClass("show-gray");
} else {
$("nav").addClass("show-nav");
$("#toggle").removeClass("fa-bars");
$("#toggle").addClass("fa-times");
$(".mobile-grayout").addClass("show-gray");
}
});

// Closing the navbar when a navigation link is clicked
$(document).on("click", ".link", function() {
$("nav").removeClass("show-nav");
$("#toggle").removeClass("fa-times");
$("#toggle").addClass("fa-bars");
$(".mobile-grayout").removeClass("show-gray");
});

// Closing the navbar when outside of the nav is clicked
$(document).on("click", ".mobile-grayout", function() {
$("nav").removeClass("show-nav");
$("#toggle").removeClass("fa-times");
$("#toggle").addClass("fa-bars");
$(".mobile-grayout").removeClass("show-gray");
});

// FAQ Cards hide/show
let card = document.getElementsByClassName("card");
for (let i = 0; i < card.length; i++) {
let accordion = card[i].getElementsByClassName("accordion-header")[0];
// Click should only work on accordion-header of each card
accordion.addEventListener("click", function() {

card[i].classList.toggle("active");

let panel = card[i].getElementsByClassName("panel")[0];
let fa = this.getElementsByTagName("i")[0];

// Toggle panel and plus/minus on click of header
if ($(card[i]).hasClass("active")) {
$(panel).slideDown(200);
} else {
$(panel).slideUp(200);
}

$(fa).toggleClass("fa-plus");
$(fa).toggleClass("fa-minus");
});
}

/* Schedule JS */

// Making buttons toggle hide/show for different days
// Saturday button
$('#saturday').click(function() {
$('#saturday').addClass('day-active');
$('#sunday').removeClass('day-active');
$('#mar-5-content').show();
$('#mar-6-content').hide();
$('#date-indicator-saturday').show();
$('#date-indicator-sunday').hide();
});
// Sunday button
$('#sunday').click(function() {
$('#sunday').addClass('day-active');
$('#saturday').removeClass('day-active');
$('#mar-6-content').show();
$('#mar-5-content').hide();
$('#date-indicator-sunday').show();
$('#date-indicator-saturday').hide();
});


// Setting the schedule to match the day
let currentDate = new Date().getDate()
// Before/during saturday
if (currentDate <= 5) {
$('#saturday').addClass('day-active');
$('#sunday').removeClass('day-active');
$('#mar-5-content').show();
$('#mar-6-content').hide();
$('#date-indicator-saturday').show();
$('#date-indicator-sunday').hide();
}
// Sunday
else {
$('#sunday').addClass('day-active');
$('#saturday').removeClass('day-active');
$('#mar-6-content').show();
$('#mar-5-content').hide();
$('#date-indicator-sunday').show();
$('#date-indicator-saturday').hide();
}


// Fetching event data from HackEngine
fetch('https://apply.brickhack.io/events.json')
.then(res => res.json())
.then(events => handleEventData(events))
.catch(err => console.log(err));


// Turning HackEngine event data into visual events - BH7 code barely modified
function handleEventData(events) {
let now = new Date()
// needed to handle overlapping events
let timeMarkerAdded = false;
// need to sort events by start/end times instead of IDs
events.sort(compareEvents);

// Looping through each event to handle it
events.forEach(event => {
// Getting strings for times
let startDate = new Date(event.start); // convert ISO 8601 -> Date object
let finishDate = undefined;
let dateString = convertDate(startDate);
if (event.finish) { // finish === null for instantaneous events
finishDate = new Date(event.finish);
let finishString = convertDate(finishDate);
if (dateString.slice(-2) === finishString.slice(-2)) { // hide "am/pm" of first time if both are identical
dateString = dateString.slice(0, -2);
}
dateString += " - " + convertDate(finishDate);
}

// calculate event container classes
let divClasses = 'event';
let liveIndicator = "";
if (finishDate < now) {
divClasses += ' event-complete';
}
else if (startDate < now && now < finishDate) {
divClasses += ' event-live';
liveIndicator = '<p class="live">LIVE!</p>';
}

// adding event to the page
var eventContainer;
// Deciding which day content box it goes inside
switch (startDate.getDate()) {
case 5: eventContainer = $('#mar-5-content'); break;
case 6: eventContainer = $('#mar-6-content'); break;
}
// If it doesn't fall into one of those event days, log the problem and quit trying to add it
if (!eventContainer) {
console.log("Event " + event.title + " date " + startDate + " out of range.");
return; // skip current iteration https://stackoverflow.com/a/31399448/1431900
}
// Building HTML and adding it to page
let html = `<div class="${divClasses}"><p class="time">${dateString}</p><p>${event.title}</p>${liveIndicator}</div>`;
const eventDiv = eventContainer.append(html);
});
}

// Comparing two events to sort them - BH7 code unmodified
function compareEvents(a, b) {
// We can sort by start/end here because the ISO 8061
// timestamps given by the server are lexicographically
// sortable.
if (a.start < b.start) { // if a starts before b...
return -1; // ...then a goes before b
} else if (a.start > b.start) { // if a starts after b...
return 1; // ...then b goes before a
} else {
if (a.end < b.end) { // if a ends before b...
return -1; // ...then a goes before b
} else if (a.end > b.end) { // if a ends after b...
return 1; // ...then b goes before a
} else {
return 0;
}
}
}

// Converting dates to something more user friendly - BH7 code unmodified
function convertDate(date) {
let output = '';
// hour
if (date.getHours() > 12) {
output = String(date.getHours() - 12);
} else {
output = String(date.getHours());
}
// minute
if (date.getMinutes() !== 0) {
output += ':' + String(date.getMinutes()).padStart(2, '0');
}
// AM/PM
if (date.getHours() >= 12) {
output += 'pm';
} else {
output += 'am';
}
return output;
}
1,332 changes: 1,332 additions & 0 deletions sites/bh8/bh8.scss
View file

Large diffs are not rendered by default.

28 changes: 14 additions & 14 deletions club.html → sites/club/club.html
View file
Original file line number Diff line number Diff line change
@@ -12,20 +12,20 @@
<meta property="twitter:title" content="BrickHack">
<meta property="twitter:url" content="https://brickhack.io/club.html" >
<meta property="twitter:description" content="BrickHack is a multidisciplinary group of students who are passionate about running hackathons.">
<meta name="twitter:image" content="./assets/club/club-logo-name.svg">
<meta name="twitter:image" content="/assets/club/club-logo-name.svg">

<!-- Open Graph Cards -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Brickhack" />
<meta property="og:site_name" content="BrickHack" />
<meta property="og:url" content="https://brickhack.io/club.html" />
<meta property="og:description" content="BrickHack is a multidisciplinary group of students who are passionate about running hackathons."/>
<meta property="og:image" content="./assets/club/club-logo-name.svg" />
<meta property="og:image" content="/assets/club/club-logo-name.svg" />

<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="resources/favicon/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/resources/favicon/favicon-16x16.png">

<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -37,7 +37,7 @@
<nav>
<div id="navbar-top">
<i class="fa fa-bars" aria-hidden="true" id="toggle"></i>
<a id="logo" href="#landing" class="nav-link"><img src="./assets/club/club-logo.svg" alt="BrickHack logo"></a>
<a id="logo" href="#landing" class="nav-link"><img src="/assets/club/club-logo.svg" alt="BrickHack logo"></a>
</div>
<div id="navbar-middle">
<a href="#landing" class="nav-link">Join Us</a>
@@ -62,7 +62,7 @@ <h2>Join us!</h2>
<a class="btn-light" href="#teams">VIEW OUR TEAMS</a>
</div>
</div>
<img src="./assets/club/landing.svg" alt="Illustration of a desktop website and a phone displaying a mobile website. A bubble says, &quot;BrickHack Club: Welcome!&quot;">
<img src="/assets/club/landing.svg" alt="Illustration of a desktop website and a phone displaying a mobile website. A bubble says, &quot;BrickHack Club: Welcome!&quot;">
</div>
</section>
<section id="about">
@@ -120,12 +120,12 @@ <h1>About</h1>
<section id="events">
<h1>Events</h1>
<div class="event">
<img src="./assets/club/events.svg" alt="Illustration of a computer monitor with Ricky the Brick on it. Ricky is smiling, winking, and holding his arms up in a cheer.">
<img src="/assets/club/events.svg" alt="Illustration of a computer monitor with Ricky the Brick on it. Ricky is smiling, winking, and holding his arms up in a cheer.">
<div class="event-description">
<h2>BrickHack hackathon</h2>
<p><em>Held each February</em></p>
<p>BrickHack is a 24-hour hackathon events that attracks 600+ hackers from around the world each year. Hackers work in teams to compete in different prize-awarded categories while learning new skills along the way. To learn more about this hackathon, check out the event's website!</p>
<a class="btn-dark" href="index.html">VISIT EVENT SITE</a>
<a class="btn-dark" href="/sites/bh8/bh8.html">VISIT EVENT SITE</a>
</div>
</div>
</section>
@@ -139,7 +139,7 @@ <h1>Teams</h1>
<option value="#design-team">DESIGN TEAM</option>
</select>
<div class="team-info show-team" id="logistics-team">
<img src="./assets/club/logistics-team.svg" alt="Illustration of a pen writing on a notepad over a to-do list.">
<img src="/assets/club/logistics-team.svg" alt="Illustration of a pen writing on a notepad over a to-do list.">
<div>
<h2>Logistics</h2>
<p>The Logistics team is responsible for planning all events at our hackathons. They work to organize our hackathons' venues, schedules, swag, tech, accessibility, and more.</p>
@@ -158,7 +158,7 @@ <h2>Logistics</h2>
</div>
</div>
<div class="team-info" id="sponsorship-team">
<img src="./assets/club/sponsorship-team.svg" alt="Illustration of an open envelope with a list of people coming out of it. Above and below the envelope are arrows pointing in opposite directions.">
<img src="/assets/club/sponsorship-team.svg" alt="Illustration of an open envelope with a list of people coming out of it. Above and below the envelope are arrows pointing in opposite directions.">
<div>
<h2>Sponsorship</h2>
<p>The Sponsorship team is responsible for inquiring about new and maintaining existing relationships with the sponsors of our hackathon events. They work with our sponsors to schedule event talks and coordinate prize categories and swag at our hackathons.</p>
@@ -177,7 +177,7 @@ <h2>Sponsorship</h2>
</div>
</div>
<div class="team-info" id="marketing-team">
<img src="./assets/club/marketing-team.svg" alt="Illustration of a poster advertising BrickHack with a pen on top of it.">
<img src="/assets/club/marketing-team.svg" alt="Illustration of a poster advertising BrickHack with a pen on top of it.">
<div>
<h2>Marketing</h2>
<p>The Marketing team is responsible for advertising our hackathons and recruiting new club members. They handle any external communications via email, social media, posters, and more.</p>
@@ -196,7 +196,7 @@ <h2>Marketing</h2>
</div>
</div>
<div class="team-info" id="design-team">
<img src="./assets/club/design-team.svg" alt="Illustration of a website mockup in the process of being built.">
<img src="/assets/club/design-team.svg" alt="Illustration of a website mockup in the process of being built.">
<div>
<h2>Design</h2>
<p>The Design team is responsible for creating a consistent brand for BrickHack and our other hackathon events. They create graphic assets for our events' website, posters, emails, swag, and more.</p>
@@ -245,7 +245,7 @@ <h1>Contact</h1>
<div>
<div id="line"></div>
<div id="footer">
<a id="footer-logo" href="#landing"><img src="./assets/club/club-logo-name.svg" alt="BrickHack logo"></a>
<a id="footer-logo" href="#landing"><img src="/assets/club/club-logo-name.svg" alt="BrickHack logo"></a>
<div>
<p>Rochester Institute of Technology</p>
<p>1 Lomb Memorial Dr, Rochester, NY 14623</p>
2 changes: 1 addition & 1 deletion club.js → sites/club/club.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import './sass/club.scss'
import './club.scss'
import '@fortawesome/fontawesome-free/css/all.css'

// JQuery-UI for dropdown in Teams
10 changes: 5 additions & 5 deletions sass/club.scss → sites/club/club.scss
View file
Original file line number Diff line number Diff line change
@@ -295,34 +295,34 @@ section {

// Dropdown button when closed
.ui-selectmenu-button-closed {
background: url("../assets/club/select-arrow-blue.svg") no-repeat right;
background: url("/assets/club/select-arrow-blue.svg") no-repeat right;
background-color: white;

.ui-selectmenu-text {
color: $blue;
}

.ui-selectmenu-icon {
background-image: url("../assets/club/select-arrow-blue.svg");
background-image: url("/assets/club/select-arrow-blue.svg");
}

&:hover {
background: url("../assets/club/select-arrow-white.svg") no-repeat right;
background: url("/assets/club/select-arrow-white.svg") no-repeat right;
background-color: $dark-blue;

.ui-selectmenu-text {
color: white;
}

.ui-selectmenu-icon {
background-image: url("../assets/club/select-arrow-white.svg");
background-image: url("/assets/club/select-arrow-white.svg");
}
}
}

// Dropdown button when closed
.ui-selectmenu-button-open {
background: url("../assets/club/select-arrow-white.svg") no-repeat right;
background: url("/assets/club/select-arrow-white.svg") no-repeat right;
background-color: $dark-blue;

.ui-selectmenu-text {
20 changes: 10 additions & 10 deletions gallery.html → sites/gallery/gallery.html
View file
Original file line number Diff line number Diff line change
@@ -8,9 +8,9 @@
<meta name="description" content="Photos of previous BrickHack events.">

<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="resources/favicon/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/resources/favicon/favicon-16x16.png">

<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
@@ -36,13 +36,13 @@
<a class="navlink" href="#bh1-nav">BH</a>
</div>
<div class="navlinks">
<a href="./index.html">Next BrickHack</a>
<a href="/sites/bh7/bh7.html">Next BrickHack</a>
</div>
</nav>
<!-- BH6 -->
<div class="header" id="first-header">
<a id="bh6-nav" class="navpoints"></a>
<img src="./assets/gallery/bh6Logo.svg" alt="Brickhack 6 logo"/>
<img src="/assets/gallery/bh6Logo.svg" alt="Brickhack 6 logo"/>
<h1>BrickHack 6</h1>
<br>
<p>February 8 & 9, 2020</p>
@@ -52,7 +52,7 @@ <h1>BrickHack 6</h1>
<!-- BH5 -->
<div class="header">
<a id="bh5-nav" class="navpoints"></a>
<img src="./assets/gallery/bhVLogo.svg" alt="Brickhack V logo"/>
<img src="/assets/gallery/bhVLogo.svg" alt="Brickhack V logo"/>
<h1>BrickHack V</h1>
<br>
<p>February 16 & 17, 2019</p>
@@ -62,7 +62,7 @@ <h1>BrickHack V</h1>
<!-- BH4 -->
<div class="header">
<a id="bh4-nav" class="navpoints"></a>
<img src="./assets/gallery/bh4Logo.png" alt="Brickhack 4 logo"/>
<img src="/assets/gallery/bh4Logo.png" alt="Brickhack 4 logo"/>
<h1>BrickHack 4</h1>
<br>
<p>January 27 & 28, 2018</p>
@@ -72,7 +72,7 @@ <h1>BrickHack 4</h1>
<!-- BH3 -->
<div class="header">
<a id="bh3-nav" class="navpoints"></a>
<img src="./assets/gallery/bh3Logo.svg" alt="Brickhack 3 logo"/>
<img src="/assets/gallery/bh3Logo.svg" alt="Brickhack 3 logo"/>
<h1>BrickHack 3</h1>
<br>
<p>February 11 & 12, 2017</p>
@@ -82,7 +82,7 @@ <h1>BrickHack 3</h1>
<!-- BH2 -->
<div class="header">
<a id="bh2-nav" class="navpoints"></a>
<img src="./assets/gallery/bh2Logo.svg" alt="Brickhack 2 logo"/>
<img src="/assets/gallery/bh2Logo.svg" alt="Brickhack 2 logo"/>
<h1>BrickHack 2</h1>
<br>
<p>March 5 & 6, 2016</p>
@@ -92,7 +92,7 @@ <h1>BrickHack 2</h1>
<!-- BH1 -->
<div class="header">
<a id="bh1-nav" class="navpoints"></a>
<img src="./assets/gallery/bhLogo.svg" alt="Brickhack logo"/>
<img src="/assets/gallery/bhLogo.svg" alt="Brickhack logo"/>
<h1>BrickHack</h1>
<br>
<p>April 18 & 19, 2015</p>
7 changes: 5 additions & 2 deletions gallery.js → sites/gallery/gallery.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import './sass/gallery.scss'
import './gallery.scss'
import '@fortawesome/fontawesome-free/css/all.css'
import LazyLoad from "vanilla-lazyload";
import $ from 'jquery'
@@ -22,7 +22,10 @@ var s3 = new AWS.S3({
params: {Bucket: albumBucketName}
});

var brickhacks = ['bh6', 'bh5', 'bh4', 'bh3', 'bh2', 'bh'];
// Ignore the rest to prevent error spam,
// but we want to show *an* error just in case
// someone wants to actually fix this at some point.
var brickhacks = ['bh6']; // 'bh5', 'bh4', 'bh3', 'bh2', 'bh'];
for (let name of brickhacks) {
viewAlbum(name);
}
0 sass/gallery.scss → sites/gallery/gallery.scss
View file
File renamed without changes.