testing

Author: jooj99

_layouts/default.html

@@ -12,6 +12,14 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css">
+    
+    <!-- Hackathon-specific includes -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/add-to-calendar-button@1/assets/css/atcb.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bungee+Shade">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sarabun">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Mono">
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Arvo:ital,wght@1,700" rel="stylesheet">
 
     <link href="/stylesheets/default.css" rel="stylesheet">
     <script src="/js/load.js"></script>

hackathon/index.html

@@ -1,11 +1,12 @@
 ---
 title: Hoosier Hacks
-layout: hackathon
+layout: default
 permalink: /hackathon/
 form_link: https://forms.gle/LJcuvpPaHc8q63Fn7
 ---
 <script src="https://cdn.jsdelivr.net/npm/add-to-calendar-button@1" async defer></script>
 
+<div class="hackathon-page">
 <div class="position-relative p-4 p-md-5 m-md-3 text-center rounded-3 border top-bar" style="background-color: #313131;">
   <div class="col-md-5 p-lg-5 mx-auto my-7">
     <h1 class="display-1 fw-bold" style="color: #FC4C3D;"><b>Hoosier Hacks 6.0</b></h1>
@@ -159,3 +160,4 @@ <h1 class="display-5 fw-bold text-center">Sponsors</h1>
     <div class="row row-cols-1 row-cols-md-3 g-4 justify-content-center row-gap-4"></div>
   </div>
 </div>
+</div>

stylesheets/default.css

@@ -13,3 +13,88 @@
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }
+
+/* Hackathon-specific styles */
+.bd-placeholder-img {
+    font-size: 1.125rem;
+    text-anchor: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+}
+
+@media (min-width: 768px) {
+    .bd-placeholder-img-lg {
+        font-size: 3.5rem;
+    }
+}
+
+.b-example-divider {
+    height: 3rem;
+    background-color: rgba(0, 0, 0, 0.1);
+    border: solid rgba(0, 0, 0, 0.15);
+    border-width: 1px 0;
+    box-shadow:
+        inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1),
+        inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
+}
+
+.b-example-vr {
+    flex-shrink: 0;
+    width: 1.5rem;
+    height: 100vh;
+}
+
+.nav-scroller {
+    position: relative;
+    z-index: 2;
+    height: 2.75rem;
+    overflow-y: hidden;
+}
+
+.nav-scroller .nav {
+    display: flex;
+    flex-wrap: nowrap;
+    padding-bottom: 1rem;
+    margin-top: -1px;
+    overflow-x: auto;
+    text-align: center;
+    white-space: nowrap;
+    -webkit-overflow-scrolling: touch;
+}
+
+.fa {
+    padding: 20px;
+    font-size: 30px;
+    width: 30px;
+    text-align: center;
+    text-decoration: none;
+    border-radius: 50%;
+}
+
+.display-5 {
+    font-family: "Fira Mono", monospace;
+}
+
+.display-8 {
+    font-family: "Fira Mono", monospace;
+    font-size: "1px";
+}
+
+/* Hackathon page specific styles */
+.hackathon-page {
+    font-family: "JetBrains Mono", monospace;
+}
+
+.hackathon-page h1 {
+    color: #000d3d;
+}
+
+.hackathon-page h2 {
+    color: #ffbe00;
+}
+
+.atcb,
+.atcb-text {
+    font-family: "Sarabun";
+}