Skip to content
This repository was archived by the owner on Jan 24, 2023. It is now read-only.

Develop #21

Merged
merged 8 commits into from
Oct 20, 2021
Merged

Develop #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
a62aa83
some cleanup && preperation
Zaqttack Oct 14, 2021
59e4571
Merge pull request #19 from UTSA-ACM/feature/prepping
Zaqttack Oct 14, 2021
7f23a61
added CQ Schedule
Zaqttack Oct 17, 2021
fce52c4
added link to hacker guide
Zaqttack Oct 17, 2021
e341d10
Merge pull request #20 from UTSA-ACM/feature/prepping
Zaqttack Oct 17, 2021
dc9fa92
updated spacing for nav-bar
Zaqttack Oct 18, 2021
eb99942
more header updates
Zaqttack Oct 18, 2021
6806dfc
updated some comments
Zaqttack Oct 20, 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
7 changes: 6 additions & 1 deletion assets/css/header.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@
.header-area .main-nav .nav {
float: left;
margin-top: 27px;
margin-left: 20%;
margin-left: 10%;
margin-right: 0px;
/*background-color: var(--primaryBackground);*/
padding: 0px 20px;
Expand All @@ -84,6 +84,11 @@
padding-right: 20px;
}

.text-outline {
-webkit-text-stroke-width: .3px;
-webkit-text-stroke-color: black;
}

.header-area .main-nav .nav li:last-child {
padding-right: 0px;
}
Expand Down
2 changes: 1 addition & 1 deletion assets/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -282,7 +282,7 @@ button.main-button:hover {
}
}

#about-us, #tracks, #location, #faq, #sponsors {
#about-us, #tracks, #location, #schedule, #faq, #sponsors {
padding: 100px 0;
}

Expand Down
10 changes: 1 addition & 9 deletions assets/css/sponsorship-section.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,8 @@
@import "theme-variables.css";

/*#sponsors .card {*/
/* background-color: #C97CD820;*/
/* border-radius: 15px;*/
/*}*/

/*#sponsors img {*/
/* width: 465px;*/
/*}*/

#sponsors .image-container {
height: 200px;
padding: 5px;
}

#sponsors .image-restrictions {
Expand Down
100 changes: 54 additions & 46 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,14 +45,14 @@
</a>

<ul class="nav">
<li class="scroll-to-section"><a href="#hero" class="menu-item">Home</a></li>
<li class="scroll-to-section"><a href="#about-us" class="menu-item">About</a></li>
<li class="scroll-to-section"><a href="#tracks" class="menu-item">Tracks</a></li>
<li class="scroll-to-section"><a href="#location" class="menu-item">Location</a></li>
<!-- <li class="scroll-to-section"><a href="#schedule" class="menu-item">Schedule</a></li>-->
<li class="scroll-to-section"><a href="#faq" class="menu-item">F.A.Q.</a></li>
<li class="scroll-to-section"><a href="#sponsors" class="menu-item">Sponsors</a></li>
<!-- <li class="scroll-to-section"><a href="#connect" class="menu-item">Connect</a></li>-->
<li class="scroll-to-section"><a href="#hero" class="menu-item text-outline">Home</a></li>
<li class="scroll-to-section"><a href="#about-us" class="menu-item text-outline">About</a></li>
<li class="scroll-to-section"><a href="#tracks" class="menu-item text-outline">Tracks</a></li>
<!-- <li class="scroll-to-section"><a href="#location" class="menu-item text-outline">Location</a></li>-->
<li class="scroll-to-section"><a href="#schedule" class="menu-item text-outline">Schedule</a></li>
<li class="scroll-to-section"><a href="#faq" class="menu-item text-outline">F.A.Q.</a></li>
<li class="scroll-to-section"><a href="#sponsors" class="menu-item text-outline">Sponsors</a></li>
<li class="scroll-to-section"><a href="https://acmutsa.notion.site/Hacker-Guide-d381d50d4db641d1887462057f604e9b" class="text-outline">Guide</a></li>
</ul>
<a class="menu-trigger">
<span>Menu</span>
Expand All @@ -67,12 +67,18 @@
<div class="hero-text">
<div class="container">
<div class="row">
<div class="left-text col-lg-6 col-md-12 col-sm-12 col-xs-12"
data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
<h1>Code Quantum <em>2021</em> Virtual!</h1>
<h2 style="margin-bottom: 25px;">October 23 - 24, 2021</h2>
<a class="main-button button" onclick="window.location.href='https://rowdyhacks.typeform.com/to/xQcmEslD'" href="https://rowdyhacks.typeform.com/to/xQcmEslD">Register as a Hacker</a>
<a class="main-button button" onclick="window.location.href='https://rowdyhacks.typeform.com/to/mqRNwlsu'" href="https://rowdyhacks.typeform.com/to/mqRNwlsu" style="margin-top: 15px;" >Register as a Mentor</a>
<div class="left-text col-lg-6 col-md-12 col-sm-12 col-xs-12" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
<h1 data-scroll-reveal="enter top move 30px over 1s after 0.15s">Code Quantum <em>2021</em> Virtual!</h1>
<h2 style="margin-bottom: 25px;" data-scroll-reveal="enter left move 30px over 1s after 0.15s">October 23 - 24, 2021</h2>
<a class="main-button button"
href="https://rowdyhacks.typeform.com/to/xQcmEslD"
data-scroll-reveal="enter left move 30px over 1s after 0.3s"
>Register as a Hacker</a>
<a class="main-button button"
href="https://rowdyhacks.typeform.com/to/mqRNwlsu"
data-scroll-reveal="enter right move 30px over 1s after 0.3s"
style="margin-top: 15px;"
>Register as a Mentor</a>
</div>
</div>
</div>
Expand All @@ -84,7 +90,7 @@ <h2 style="margin-bottom: 25px;">October 23 - 24, 2021</h2>
<section id="about-us">
<div class="container">
<div class="row">
<div class="col-lg-12" data-scroll-reveal="enter left move 30px over 0.6s after 0.1s">
<div class="col-lg-12" data-scroll-reveal="enter top move 30px over 0.6s after 0.1s">
<div class="center-heading">
<h2>About <em>Us</em></h2>
</div>
Expand All @@ -101,7 +107,7 @@ <h2 class="about-title">What is CodeQuantum?</h2>
<p>
<span>CodeQuantum</span> is San Antonio’s first 24-hour hackathon geared towards <a href="https://www.womenforpoliticalchange.org/appendix" rel="external">marginalized genders</a> to promote inclusivity and diversity! Organized by the ACM-W chapter at UTSA, CodeQuantum is dedicated to creating a safe hacking space for students in the tech field . This first iteration of CodeQuantum will be expecting 100 hackers.
</p>

</div>
</li>
<li data-scroll-reveal="enter right move 30px over 0.6s after 0.3s">
Expand Down Expand Up @@ -176,21 +182,23 @@ <h2>The <em>Location</em></h2>
</div>
</section>

<!-- TODO: add schedule from Notion -->
<!-- <section id="schedule">-->
<!-- <div class="container">-->
<!-- <div class="row d-flex justify-content-center">-->
<!-- <div class="col-lg-12" data-scroll-reveal="enter top move 30px over 0.6s after 0.1s">-->
<!-- <div class="center-heading">-->
<!-- <h2>The <em>Schedule</em></h2>-->
<!-- <div class="col text-center">-->
<!-- <a href="" class="main-button button">Coming Soon!</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </section>-->
<section id="schedule">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-lg-12" data-scroll-reveal="enter top move 30px over 0.6s after 0.1s">
<div class="center-heading">
<h2>The <em>Schedule</em></h2>
<div class="col text-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.2s">
<a href="https://acmutsa.notion.site/CodeQuantum-2021-Schedule-0441580a22464252945a75beb2598e1d"
class="main-button button"
target="_blank"
>Full Schedule Here!</a>
</div>
</div>
</div>
</div>
</div>
</section>

<section id="faq">
<div class="container">
Expand Down Expand Up @@ -226,7 +234,7 @@ <h2>The <em>F.A.Q.</em></h2>
<div class="accordion-item" data-scroll-reveal="enter bottom move 30px over 0.6s after 0.1s">
<a>Who can attend CodeQuantum?</a>
<div class="content">
<p>You may register as a hacker if you identify as a marginalized gender including, but not limited to, cisgender women, transgender women, transgender men, non-binary individuals, gender neutral individuals, genderqueer individuals, agender individuals, pangender individuals, or a gender who is otherwise underrepresented in tech. You must be a college student/recent graduate that is above 18+!✨</p>
<p>You may register as a hacker if you identify as a marginalized gender including, but not limited to, cisgender women, transgender women, transgender men, non-binary individuals, gender neutral individuals, genderqueer individuals, agender individuals, pangender individuals, or a gender who is otherwise underrepresented in tech. You must be a college student/recent graduate in the United States that is above 18+!✨</p>
</div>
</div>
<div class="accordion-item" data-scroll-reveal="enter bottom move 30px over 0.6s after 0.1s">
Expand Down Expand Up @@ -294,31 +302,31 @@ <h2>The <em>F.A.Q.</em></h2>
<section id="sponsors">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
<div class="col-lg-8 offset-lg-2">
<div class="center-heading">
<h2>Meet our <em>Sponsors</em></h2>
<p>Without them, events like this would not be possible!</p> <!-- need to increase this font size -->
<h2 data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">Meet our <em>Sponsors</em></h2>
<p data-scroll-reveal="enter left move 30px over 0.6s after 0.5s">Without them, events like this would not be possible!</p>
</div>
</div>
<div class="offset-lg-1 col-lg-10 col-md-12 col-sm-12 mobile-bottom-fix-big" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
<div class="offset-lg-1 col-lg-10 col-md-12 col-sm-12 mobile-bottom-fix-big" data-scroll-reveal="enter bottom move 30px over 0.6s after 0.4s">
<div class="row sponsor-carousel">
<div style="padding: 5px" class="col image-container">
<img src="assets/images/sponsors/google-cloud.png" alt="Google logo" class="mx-auto d-block image-restrictions"><!--style="margin-top: 155px;">-->
<div class="image-container">
<img src="assets/images/sponsors/google-cloud.png" alt="Google logo" class="mx-auto d-block image-restrictions">
</div>
<div style="padding: 5px" class="image-container">
<div class="image-container">
<img src="assets/images/sponsors/paycom.png" alt="Paycom logo" class="mx-auto d-block image-restrictions">
</div>
<div style="padding: 5px" class="image-container">
<img src="assets/images/sponsors/H-E-B.png" alt="HEB logo" class="mx-auto d-block image-restrictions"><!-- style="margin-top: 115px;">-->
<div class="image-container">
<img src="assets/images/sponsors/H-E-B.png" alt="HEB logo" class="mx-auto d-block image-restrictions">
</div>
<div style="padding: 5px" class="image-container">
<div class="image-container">
<img src="assets/images/sponsors/matrix.png" alt="MATRIX AI logo" class="mx-auto d-block image-restrictions">
</div>
<div style="padding: 5px" class="image-container">
<img src="assets/images/sponsors/valero.png" alt="Valero logo" class="mx-auto d-block image-restrictions"><!-- style="margin-top: 65px;">-->
<div class="image-container">
<img src="assets/images/sponsors/valero.png" alt="Valero logo" class="mx-auto d-block image-restrictions">
</div>
<div style="padding: 5px" class="image-container">
<img src="assets/images/sponsors/jpmorgan-chase-logo.png" alt="JP Morgan Chase logo" class="mx-auto d-block image-restrictions"><!-- style="margin-top: 90px;">-->
<div class="image-container">
<img src="assets/images/sponsors/jpmorgan-chase-logo.png" alt="JP Morgan Chase logo" class="mx-auto d-block image-restrictions">
</div>
</div>
</div>
Expand Down