Skip to content

Commit

Permalink
Add logo
Browse files Browse the repository at this point in the history
  • Loading branch information
@outkine
outkine committed Mar 24, 2024
1 parent 06dc594 commit 9915964
Show file tree
Hide file tree
Showing 5 changed files with 366 additions and 302 deletions.
6 changes: 6 additions & 0 deletions css/mobile_styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -400,3 +400,9 @@ h3:hover {
font-size: 1.5vw;
}
}

#sponsor-logo {
width: 60%;
display: block;
margin: 30px auto;
}
8 changes: 7 additions & 1 deletion css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -459,4 +459,10 @@ h3:hover {
.buttons * {
font-size: 1.5vw;
}
}
}

#sponsor-logo {
width: 80%;
display: block;
margin: 20px auto;
}
Binary file added images/codecrafters.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.
144 changes: 84 additions & 60 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,12 +22,17 @@
<meta property="og:description" content="Join the official UChicago hackathon for a day of tech fun!">
<!-- <meta property="og:image" content="https://makes2023.uncommonhacks.com/images/Uncommon-Makes.png">
<meta property="og:url" content="https://makes2023.uncommonhacks.com"> -->
<meta property="og:type" content="website">
</head>
<body>
<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;left:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/na?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2024-season&utm_content=white" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2024/mlh-trust-badge-2024-white.svg" alt="Major League Hacking 2024 Hackathon Season" style="width:100%"></a>
<div class="scrollableElement">
<img id="backgroundImage" src="images/hacks_background.jpg">
<meta property="og:type" content="website">
</head>

<body>
<a id="mlh-trust-badge"
style="display:block;max-width:100px;min-width:60px;position:fixed;left:50px;top:0;width:10%;z-index:10000"
href="https://mlh.io/na?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2024-season&utm_content=white"
target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2024/mlh-trust-badge-2024-white.svg"
alt="Major League Hacking 2024 Hackathon Season" style="width:100%"></a>
<div class="scrollableElement">
<img id="backgroundImage" src="images/hacks_background.jpg">

<!-- Put any divs that should be overlayed ontop of the background image here. -->
<!-- Then in css/styles.css, add absolute positioning (see #faq or #schedule in hacks23 as examples) -->
Expand All @@ -36,49 +41,52 @@
<!-- <button type="button" class="btn btn-info btn-lg xtra-btn" onclick="location.href='signup.html'">register</button>
<button type="button" class="btn btn-info btn-lg email xtra-btn" onclick="location.href='mailto:celery@uncommonhacks.com?Subject=Uncommon Makes 2023 Inquiry';">contact</button>
<button type="button" class="btn btn-info btn-lg email xtra-btn" onclick="location.href='https://uncommonhacks.com/';">main site</button> -->
</div>
<div id="introduction">
<h1 onclick="location.href = 'https://uncommonhacks.com/';">Uncommon <br/> Hacks</h1>
<!-- <h1 onclick="location.href = 'https://uncommonhacks.com/';">Hacks</h1> -->
</div>
<div id="date-time">
<body>March 22-24</body>
<br/>
<body>Polsky Exchange</body>
</div>
<div id="speakers" class="popup">
<h2 onclick="toggleSection('comingSoonPopup')" class="yellowHover">speakers</h2>
</div>
<div id="sponsors" class="popup">
<h2 onclick="toggleSection('comingSoonPopup')" class="yellowHover">sponsors</h2>
</div>
<div id="conduct">
<h3 onclick="location.href = 'https://hackp.ac/coc';" class="yellowHover">MLH Code of <br/> Conduct</h2>
</div>
<div id="contact" class="popup">
<h3 onclick="toggleSection('contactPopup')">contact/socials</h3>
</div>
<div id="faq" class="popup">
<h2 onclick="toggleSection('faqPopup')" class="yellowHover">faq</h2>
</div>
<div id="team">
<h2 onclick="location.href = 'https://team.uncommonhacks.com/';" class="yellowHover">team</h2>
</div>
<div id="register">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeZY9iW1fnNv0Bm5OPBNjME18Yk-J7TyYRQpWRWCpOVeyqHcg/viewform" class="yellowHover">
<h2>register</h2>
</a>
</div>
<div id="judging" class="popup">
<h2 onclick="toggleSection('comingSoonPopup')" class="yellowHover">judging</h2>
</div>
<div id="schedule" class="popup" >
<h2 onclick="toggleSection('schedulePopup')" class=" registerHover">schedule</h2>
</div>

<div id="about" class="popup" >
<h2 onclick="toggleSection('aboutPopup')" class="yellowHover">about</h2>
</div>
</div>
<div id="introduction">
<h1 onclick="location.href = 'https://uncommonhacks.com/';">Uncommon <br /> Hacks</h1>
<!-- <h1 onclick="location.href = 'https://uncommonhacks.com/';">Hacks</h1> -->
</div>
<div id="date-time">

<body>March 22-24</body>
<br />

<body>Polsky Exchange</body>
</div>
<div id="speakers" class="popup">
<h2 onclick="toggleSection('comingSoonPopup')" class="yellowHover">speakers</h2>
</div>
<div id="sponsors" class="popup">
<h2 onclick="toggleSection('sponsorsPopup')" class="yellowHover">sponsors</h2>
</div>
<div id="conduct">
<h3 onclick="location.href = 'https://hackp.ac/coc';" class="yellowHover">MLH Code of <br /> Conduct</h2>
</div>
<div id="contact" class="popup">
<h3 onclick="toggleSection('contactPopup')">contact/socials</h3>
</div>
<div id="faq" class="popup">
<h2 onclick="toggleSection('faqPopup')" class="yellowHover">faq</h2>
</div>
<div id="team">
<h2 onclick="location.href = 'https://team.uncommonhacks.com/';" class="yellowHover">team</h2>
</div>
<div id="register">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeZY9iW1fnNv0Bm5OPBNjME18Yk-J7TyYRQpWRWCpOVeyqHcg/viewform"
class="yellowHover">
<h2>register</h2>
</a>
</div>
<div id="judging" class="popup">
<h2 onclick="toggleSection('comingSoonPopup')" class="yellowHover">judging</h2>
</div>
<div id="schedule" class="popup">
<h2 onclick="toggleSection('schedulePopup')" class=" registerHover">schedule</h2>
</div>

<div id="about" class="popup">
<h2 onclick="toggleSection('aboutPopup')" class="yellowHover">about</h2>
</div>

</div>

Expand Down Expand Up @@ -235,6 +243,16 @@ <h1>Socials</h1>
</div>
</div>

<div class="popupcontainer" id="sponsorsPopup">
<img width=100% src="images/frame.png" />
<div class="popuptext">
<h1>Sponsors</h1>
<a href="https://app.codecrafters.io/join?via=uncommonhacks"><img id="sponsor-logo"
src="images/codecrafters.png"></a>
<button onClick="toggleSection('sponsorsPopup')">Close</button>
</div>
</div>

</div>

<script>
Expand All @@ -246,24 +264,30 @@ <h1>Socials</h1>
}
</script>

<script src="js/script.js"></script>
<!-- External javascript -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
<!-- External javascript -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<!-- <script type="text/javascript">
$(window).on('load resize',function(){
if($(window).width() < 1200){
window.location = 'mobile.html'
}
});
</script> -->
<script>
const isMobile = () => {
let check = false;
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
return check;
};
<script>
const isMobile = () => {
let check = false;
(function (a) {if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true;})(navigator.userAgent || navigator.vendor || window.opera);
return check;
};

$(document).ready(() => {
if (isMobile()) {
Expand Down
Loading

0 comments on commit 9915964

Please sign in to comment.