Skip to content

Commit

Permalink
add stylizations
Browse files Browse the repository at this point in the history
  • Loading branch information
@libbymcclough
libbymcclough committed Jan 19, 2024
1 parent f8fadb9 commit 683c7a7
Show file tree
Hide file tree
Showing 9 changed files with 199 additions and 181 deletions.
Binary file added img/&hacks-logo.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.
Binary file added img/background.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.
Binary file added img/collaboration.JPG
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 img/hackers-working.JPG
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 img/hardware-project.JPG
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 img/logo-white.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.
Binary file added img/stars.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.
265 changes: 131 additions & 134 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,159 +12,148 @@
<script src="papaparse.min.js"></script>
<script defer src="script.js"></script>
<meta name="theme-color" content="#183028">

<!--Nice job, puzzler! The answer is RESOURCEFUL-->
</head>


<body ontouchstart>


<nav class="topnav">
<a href="index.html">Home</a>
<a href="#about us">What is Cypher?</a>
<a href="#faq-new">FAQ</a>
<a href="https://drive.google.com/file/d/1iF77UaLIFPN0w0gTjIniCEzVLwclGs4s/view?usp=sharing">For
Sponsors</a>
<a href="previous.html">Previous Events</a>
<a href="#contact-us">Contact Us</a>
<a href="https://drive.google.com/file/d/1iF77UaLIFPN0w0gTjIniCEzVLwclGs4s/view?usp=sharing">For Sponsors</a>
<a href="previous.html">Previous Events</a>
<a href="#contact-us">Contact Us</a>
</nav>

<section class="body-style">
<section>
<br>
<!-- <img id="logo" alt="Cypher 8" src="img/cypher8logogold.png">
insert new logo image -->
<img id="placeholder-logo" alt="Cypher 9" src="img/frog-placeholder.gif">

<div id="header_container">

<h2>

<i class="fa fa-laptop" aria-hidden="true"></i>
William &amp; Mary's 9th Annual Hackathon <br>

<i class="fa fa-calendar" aria-hidden="true"></i>
Date TBD <br>

<i class="fa fa-map-marker" aria-hidden="true"></i>
Earl Gregg Swem Library </h2>

<!-- <img src="img/location.png" align="left"/ height = "30" width = "30">
<h2>Earl Gregg Swem Library</h2> -->

</div>

<section id="register-button">
<br>
<a class="glitch" href="https://forms.gle/x2Sd25QHHnqtmnYA6">Register Here!</a>
<section class="body-style-1">
<!-- <img id="logo" alt="Cypher 9" src="img/logo-white.png"> -->
<div id="header_container">
<h5>
&amp;Hacks
</h5>
</div>
</section>

<section class="body-style-2">
<div>
<h2>
William &amp; Mary's 9th Annual Hackathon <br>
<br>
</section>
<br>

<section id="volunteer-button">
<a class="small button" href="https://forms.gle/9EbzDJZeeUk3CfiQA">Volunteer Sign-Up!</a>
</section>
<i class="fa fa-calendar" aria-hidden="true"></i> Date TBD <br>
<i class="fa fa-map-marker" aria-hidden="true"></i> Earl Gregg Swem Library
</h2>
</div>

<section>
<br>
<section id="day-of document">
<h2> Find more specific information on our <a href="https://docs.google.com/document/d/1mFVlUUYaIKm4ud8RzysMyybNze3XPqO0dmzYxIAt9qc/edit?usp=sharing">"day-of document."</a></h2>
</section>
<section id="register-button">
<a class="big button" href="https://forms.gle/x2Sd25QHHnqtmnYA6">Register Here!</a>
<br>
</section>

<section id="about us">
<hr>
<section id="volunteer-button">
<a class="small button" href="https://forms.gle/9EbzDJZeeUk3CfiQA">Volunteer Sign-Up!</a>
</section>
<br> <br>
</section>

<div class="image-container">
<div class="image-container__text">
<h2>About Us</h2>
<p>Cypher IX is the College of William &amp; Mary's 9th annual hackathon. Every year we aim to
<section class="body-style-1">
<section>
<br>
<!-- <section id="day-of document">
<h2> Find more specific information on our <a href="https://docs.google.com/document/d/1mFVlUUYaIKm4ud8RzysMyybNze3XPqO0dmzYxIAt9qc/edit?usp=sharing">"day-of document."</a></h2>
</section> -->

<section id="about us">
<div class="image-container">
<div class="image-container__text">
<h2>About Us</h2>
<p>Cypher IX is the College of William &amp; Mary's 9th annual hackathon. Every year we aim to
create a welcoming and supportive environment for anyone to enjoy and explore computer
sceince! Come join us to attend workshops and talks,
connect with potential employers, and compete for prizes! </p>
</div>
<p class="image-container__image"><img src="img/peoplesitting.JPG" alt="Hackers working in swem">
</p>
</div>
<hr>
<div class="image-container image-container--reversed">
<div class="image-container__text">
<h2>Location</h2>
<p>This year, Cypher IX is <strong> fully in-person!</strong> Hackers will be able to join us
<p class="image-container__image"><img src="img/hackers-working.JPG" alt="Hackers working in swem">
</p>
</div>
<hr>
<div class="image-container image-container--reversed">
<div class="image-container__text">
<h2>Location</h2>
<p>This year, Cypher IX is <strong> fully in-person!</strong> Hackers will be able to join us
at the Swem Library on the William &amp; Mary campus.
</p>
<p>Cypher follows William &amp; Mary's COVID-19 policy, which can be found <a
</p>
<p>Cypher follows William &amp; Mary's COVID-19 policy, which can be found <a
href="https://www.wm.edu/about/administration/emergency/current_issues/coronavirus/index.php">here.</a>
</p>
</div>
<p class="image-container__image"><img src="img/girlslaughing.jpg" alt="Attendees at Cypher"></p>
</p>
</div>
<hr>
<div class="image-container">
<div class="image-container__text">
<h2>What Can I Make?</h2>
<p> This year, we're branching out to <strong>all kinds of projects</strong>. Code or no code,
<p class="image-container__image"><img src="img/girlslaughing.jpg" alt="Attendees at Cypher"></p>
</div>
<hr>
<div class="image-container">
<div class="image-container__text">
<h2>What Can I Make?</h2>
<p> This year, we're branching out to <strong>all kinds of projects</strong>. Code or no code,
if you
can make it in a weekend, we want to see what you can do!</p>
</div>
<p class="image-container__image"><img src="img/collaborating.JPG"
alt="Two people working together at Cypher"></p>
</div>
<hr>
<div class="image-container image-container--reversed">
<div class="image-container__text">
<h2>Who's Invited?</h2>
<p>Cypher is for <strong>anyone and everyone</strong>. Whether you've pioneered new machine
<p class="image-container__image"><img src="img/collaboration.JPG" alt="Students working together at Cypher"></p>
</div>
<hr>
<div class="image-container image-container--reversed">
<div class="image-container__text">
<h2>Who's Invited?</h2>
<p>Cypher is for <strong>anyone and everyone</strong>. Whether you've pioneered new machine
learning
techniques or you've never written a line of code in your life, we've got you covered. We
are primarily geared towards college students, but we welcome recent graduates and older
high school students as well. </p>
</div>
<p class="image-container__image"><img src="img/cupstackingfocus.jpg"
alt="A person presenting at Cypher's expo"></p>
</div>
<p class="image-container__image"><img src="img/hardware-project.JPG"
alt="Students working together"></p>
</div>

<section id="schedule">
<h2>Schedule</h2>
<p>This schedule is tentative and will continue to grow and change as Cypher approaches!</p>
<section>
<input class="show-schedule" id="show-friday" type="checkbox" />
<label for="show-friday">Friday</label>
<table id="friday-schedule">
<thead>
<th>Time</th>
<th>Event</th>
<th>Location</th>
</thead>
</table>
</section>
<section>
<input class="show-schedule" id="show-saturday" type="checkbox" />
<label for="show-saturday">Saturday</label>
<table id="saturday-schedule">
<thead>
<tr>
<th>Time</th>
<th>Event</th>
<th>Location</th>
</tr>
</thead>
</table>
</section>
<section>
<input class="show-schedule" id="show-sunday" type="checkbox" />
<label for="show-sunday">Sunday</label>
<table id="sunday-schedule">
<thead>
<th>Time</th>
<th>Event</th>
<th>Location</th>
</thead>
</table>
</section>
<!-- <section id="schedule">
<h2>Schedule</h2>
<p>This schedule is tentative and will continue to grow and change as Cypher approaches!</p>
<section>
<input class="show-schedule" id="show-friday" type="checkbox" />
<label for="show-friday">Friday</label>
<table id="friday-schedule">
<thead>
<th>Time</th>
<th>Event</th>
<th>Location</th>
</thead>
</table>
</section>
<section>
<input class="show-schedule" id="show-saturday" type="checkbox" />
<label for="show-saturday">Saturday</label>
<table id="saturday-schedule">
<thead>
<tr>
<th>Time</th>
<th>Event</th>
<th>Location</th>
</tr>
</thead>
</table>
</section>
<section>
<input class="show-schedule" id="show-sunday" type="checkbox" />
<label for="show-sunday">Sunday</label>
<table id="sunday-schedule">
<thead>
<th>Time</th>
<th>Event</th>
<th>Location</th>
</thead>
</table>
</section>
</section> -->

<section id="faq-new">
<h2>FAQ</h2>
</section>
Expand Down Expand Up @@ -253,28 +242,36 @@ <h3>Do I have to make/finish a project? </h3>
<h2>Prizes</h2>
<section id="prize-images" class="small sponsor-logos">
<!-- Inserted Programmatically -->
<h3 class="and-more">...and more!</h3>
<h3>TBD</h3>
</section>
<h2>Available Hardware</h2>
<section id="hardware-images" class="small sponsor-logos">
<h3 class="loading">Loading...</h3>
<img src="img/hardware/dellmonitor.png"/>
<img src="img/hardware/drone.png"/>
<img src="img/hardware/echodot.png"/>
<img src="img/hardware/elegoo.png"/>
<img src="img/hardware/leapmotion.png"/>
<img src="img/hardware/microbit.png"/>
<img src="img/hardware/oculusrift.png"/>
<img src="img/hardware/smalldrone.png"/>
<img src="img/hardware/sunfounder.png"/>
</section>
</section>
<section>
<h2>Our Sponsor and Partners</h2>
<h2>Past Sponsor and Partners</h2>
<section class="large sponsor-logos">
<img src="/img/sponsors/logo_c1.svg" />
<img src="/img/sponsors/logo_ey.svg" />
<img src="img/sponsors/logo_c1.svg" />
<img src="img/sponsors/logo_ey.svg" />
</section>
<section class="small sponsor-logos">
<img src="/img/sponsors/logo_airin.svg" />
<img src="/img/sponsors/logo_agile.svg" />
<img src="/img/sponsors/logo_techacks.svg" />
<img src="/img/sponsors/logo_igem.svg" />
<img src="/img/sponsors/logo_acm.svg" />
<img src="/img/sponsors/logo_wmlib.svg" />
<img src="/img/sponsors/logo_wmcdpe.svg" />
<img src="/img/sponsors/logo_wmit.svg" />
<img src="img/sponsors/logo_airin.svg" />
<img src="img/sponsors/logo_agile.svg" />
<img src="img/sponsors/logo_techacks.svg" />
<img src="img/sponsors/logo_igem.svg" />
<img src="img/sponsors/logo_acm.svg" />
<img src="img/sponsors/logo_wmlib.svg" />
<img src="img/sponsors/logo_wmcdpe.svg" />
<img src="img/sponsors/logo_wmit.svg" />
</section>
</section>
<section id="contact-us">
Expand Down
Loading

0 comments on commit 683c7a7

Please sign in to comment.