From aed8178bc3c7753aef26d414df5a5e475be599ea Mon Sep 17 00:00:00 2001 From: James Dinh Date: Wed, 1 Jun 2022 14:37:46 -0700 Subject: [PATCH] Added Rules section --- css/general.css | 102 ++++++++++++++++++++++++++++++++++++++++++-- index.html | 111 +++++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 202 insertions(+), 11 deletions(-) diff --git a/css/general.css b/css/general.css index 70f1980..a82aa3f 100644 --- a/css/general.css +++ b/css/general.css @@ -132,6 +132,12 @@ nav li a:focus::after{ } /* Responsive Functions */ +@media (max-width: 880px) { + #photo-release-container { + transform: scale(0.8); + font-size: 20px; + } +} @media (max-width: 800px) { .checkbtn { display: inline-block; @@ -161,8 +167,11 @@ nav li a:focus::after{ #card-container { grid-template-columns: repeat(1, 1fr) !important; } + #event, #rules, #prizes, #team { + transform: scale(0.9); + } } -@media (max-width: 450px) { +@media (max-width: 470px) { .checkbtn { display: none; } @@ -170,6 +179,9 @@ nav li a:focus::after{ height: 300px; width: 300px; } + #prizes-container { + transform: scale(0.8); + } } @media (max-height: 700px) { #logo { @@ -321,9 +333,9 @@ section { #event-description { padding: 10px; - margin-right: 20px; + margin: 0 20px; max-width: 700px; - min-width: 400px; + min-width: 200px; font-size: 18px; text-align: left; } @@ -529,7 +541,6 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de height: auto; margin-top: 7vh; margin-left: 0; - padding-bottom: 30px; } input, .dot-info { @@ -673,6 +684,24 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de border: 2px solid rgb(155, 144, 144); } +#rules-description { + margin: 10px 20px; +} + +#photo-description { + margin: 10px 20px; +} + +#photo-release-container { + border-radius: 10px; + border: 1px solid white; + background-color: #1f2b22; + margin: 10px auto; + max-width: 850px; + min-width: 400px; + padding: 10px; +} + #rules-container { display: flex; flex-wrap: wrap; @@ -680,6 +709,71 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de justify-content: center; } +#guidelines { + margin: 20px; +} + +#code-of-conduct { + margin: 20px; +} + +.rules-card { + position: relative; + padding: 10px; + margin: 0 0 20px 20px; + background: rgb(47, 55, 70); + color: rgb(179, 179, 179); + border-radius: 8px; + max-width: 400px; +} + +#rules-main-card { + width: 400px; + min-width: 300px; + border-radius: 10px; + background-color: #131d29; + margin: 10px auto; + padding: 10px 30px; + box-shadow: 5px 5px 10px rgb(0 0 0 / 20%); + text-align: left; +} + +#rules-header { + padding-top: 10px; +} + +/* Title of the card */ +.rules-title { + color: rgb(253, 103, 103); + position: relative; + font-size: 17px; +} + +.rules-card::before { + content: ""; + font-size: 30px; + position: absolute; + width: 10px; + height: 10px; + left: -28px; +} + +#rules-1::before { + content: "1"; +} +#rules-2::before { + content: "2"; +} +#rules-3::before { + content: "3"; +} +#rules-4::before { + content: "4"; +} +#rules-5::before { + content: "5"; +} + #prizes-container { display: grid; margin: 50px 20px 0; diff --git a/index.html b/index.html index c08662c..eb33546 100644 --- a/index.html +++ b/index.html @@ -51,7 +51,7 @@
  • Event
  • Rules
  • Prizes
    • -
  • Teams
    • +
  • Team
    • @@ -128,7 +128,7 @@
    8/12 | 6:00pm - 6:30pm

    The official start of the hackathon where we deliver the opening presentation along with the finalized teams, prompts, rules, and timeline.

    @@ -231,8 +231,108 @@

    Rules

    +
    + By attending this hackathon, you are required to abide and follow these guidelines and code of conduct. +
    + Failure to comply with these rules will result in disquilification.
    - +
    +

    Hackathon Guidelines

    +
    +
    +
    +

    No cheating

    +

    + - Do not consult with other teams
    +

    +
    +
    +

    Do not plagiarize

    +

    + - You are allowed to use existing libraries and packages with a valid liscence and give credit when credit is due +
    + - You may also use old projects as frameworks for your product, but you cannot work on any material that is related to the hackathon before the event +

    +
    +
    +

    Maintain open communications with your team at all times

    +

    + - A good team player is one who is always able to be reached and assists in team duties when needed +

    +
    +
    +

    Any resource is at your disposal

    +

    + - You may use a combination of software and hardware in your project +

    +
    +
    +

    Ask for help when needed

    +

    + - Don't be afraid to ask questions in the Discord or ask an organizer directly +
    + - We want to ensure your team's success in this hackathon, so feel free to ask any questions if you feel unsure +

    +
    +
    +
    + *subject to change +
    +
    +

    Code of Conduct

    +
    +
    +
    +

    Treat everyone with respect

    +

    + - This includes team members, judges, organizers, volunteers, etc. +
    + - We reserve the right to refuse patronage to participants based on their actions +

    +
    +
    +

    Be appropriate

    +

    - Respond professionally with organizers, answer questions truthfully, and ensure your project does is not offensive in any way
    +

    +
    +
    +

    Privacy is tantamount

    +

    + - You may not photograph anyone without consent +
    + - We take your privacy VERY seriously +

    +
    +
    +

    Don't be lazy

    +

    + - Help out anyone whenever possible (with navigation, signups, etc.), whether it's your teammate or another participant +
    + - You are required to provide adequete effort to your team +

    +
    +
    +

    Be ethical and equal

    +

    + - Consider the ramifications of your actions; do not do anything that will reputably harm others or yourself +
    + - Split up work and treat others equally; Prizes are required to be split equally among the team +

    +
    +
    +
    + *subject to change +
    +
    +
    +

    Photo Release Waiver

    +
    + By participating in this hackathon, you hereby grant us permission to use your likeness and projects in a photograph, video, or other digital media in any and all of its publications, including, but not limited to social media and web-based publications. Any and all photos taken during the hackathon duration will become the proprietary property of Gilroy Hacks. +

    + Upon agreeing to these terms, you authorize Gilroy hacks to edit, copy, or distribute these photoes for any lawful or advertising purpose. Additionally, you waive the right to royalties or compensation as a cause for using these photos. +

    + However, we take your privacy very seriously; if you have a disagreement with any of the terms stated above, please contact an event organizer or email tech@gilroyhacks.com +
    @@ -266,11 +366,8 @@
    -

    Teams

    +

    Team

    -
    - -