Merge pull request #169 from CodeforNepal/hackathon

Create a base template for hackathon
CodeforNepal · Dec 25, 2023 · 694ac22 · 694ac22
2 parents a35e985 + 0e774cc
commit 694ac22
Show file tree

Hide file tree

Showing 13 changed files with 254 additions and 89 deletions.
diff --git a/_data/hackathon.yml b/_data/hackathon.yml
@@ -0,0 +1,14 @@
+about:
+  title: "Data Crunch 2023: A Code For Nepal Hackathon"
+  image: "assets/about.svg"
+  template: "default"
+  text: "
+  Welcome to Data Crunch 2023! Join us for an exciting event where developers and tech enthusiasts come together to build something incredible.
+  "
+
+  about_program: "
+Team up with 3-6 visionaries to transform Nepal's future across themes like environment, healthcare, and more. Dive into non-proprietary data to develop open-sourced, well-documented projects, from dynamic prototypes to actionable solutions, all showcased in CFN's repository. Make an impact where it truly matters!
+
+
+
+                        "
diff --git a/_data/navigation.yml b/_data/navigation.yml
@@ -1,12 +1,13 @@
 nav:
-  - title: "Our work"
-    page: projects
 
   - title: "About"
     section: about
 
   - title: "Data Fellowship"
     page: fellowship2023
+
+  - title: "Hackathon"
+    page: hackathon2023
 
   - title: "Blog"
     page: blog

diff --git a/_data/team.yml b/_data/team.yml
@@ -11,14 +11,10 @@ people:
   - name: Anup Dhamala
     image: "/assets/img/team/placeholder.png"
     linkedin_url: 
-
-  - name: Ayush Paudel
-    image: "/assets/img/team/ayush_paudel.jfif"
-    linkedin_url: 
 
   - name: Ayush Subedi
     image: "/assets/img/team/aayush.jpeg"
-    linkedin_url: 
+    linkedin_url: https://www.linkedin.com/in/ayush-subedi/
 
   - name: Bikesh Bimali
     image: "/assets/img/team/bikesh_bimali.jpg"

diff --git a/...-for-Nepal-launches-WhoIsNepali-video-and-photo-competition-for-75000-Rupees.md b/...-for-Nepal-launches-WhoIsNepali-video-and-photo-competition-for-75000-Rupees.md
diff --git a/...-for-Nepal-launches-WhoIsNepali-video-and-photo-competition-for-75000-rupees.md b/...-for-Nepal-launches-WhoIsNepali-video-and-photo-competition-for-75000-rupees.md
diff --git a/...-for-Nepal-launches-WhoisNepali-video-and-photo-competition-for-75000-Rupees.md b/...-for-Nepal-launches-WhoisNepali-video-and-photo-competition-for-75000-Rupees.md
diff --git a/_includes/fellowship_outcomes.html b/_includes/fellowship_outcomes.html
@@ -20,7 +20,5 @@ <h2 class="fellowship-heading ">Learning outcomes of the fellowship</h2>
                 </div>
             </div>            
         </div>
-
-
     </div>    
 </div>
diff --git a/_includes/hackathon.html b/_includes/hackathon.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hackathon 2023</title>
+    <link rel="stylesheet" href="/assets/css/style.css">
+</head>
+<body>
+
+<div class="container">
+    <div class="row">
+        <div class="col-lg-12 text-center">
+            <h2 class="hackathon-heading text-uppercase" style="color: #00ADEF; margin-bottom: 40px;">{{ site.data.hackathon.about.title}}</h2>
+            <div class="hackathon-section" style="margin-bottom: 20px;">{{ site.data.hackathon.about.text | markdownify}}</div>
+        </div>
+    </div> 
+
+    <div style="display: flex; justify-content: center; margin-bottom: 20px;">
+        <img src="/assets/img/fellow_main.svg" style="width: 400px;">
+    </div>
+
+    <div style="display: flex; justify-content: center; margin-bottom: 140px;">
+        <img src="/assets/img/c4n_logo.png" style="height: 4rem; margin-right: 1%;">
+        <img src="/assets/img/datacamp.png" style="height: 4rem; margin-left: 1%;">
+    </div>
+
+    <div class="row">
+        <div class="col-md-6 d-flex">
+            <div style=" padding: 8%; ">
+                <img src="/assets/img/data.svg" class="img-fluid">
+            </div>
+        </div>
+
+        <div class="col-md-6 d-flex" style="align-items: center">
+            <div class="align-self-center">
+                <h2 class="hackathon-heading">About the Hackathon</h2>
+                <div class="hackathon-section">
+                    {{ site.data.hackathon.about.about_program}}
+                </div>
+            </div>
+        </div>
+    </div>   
+</div>
+
+</body>
+</html>
diff --git a/_includes/hackathon_about.html b/_includes/hackathon_about.html
@@ -0,0 +1,41 @@
+
+<!--About the program, 1st part-->
+    <div class="container">
+        <div class="row">
+            <div class="col-lg-12 text-center">
+                <h2 class="hackathon-heading text-uppercase" style="color: #00ADEF; margin-bottom: 40px;">{{ site.data.hackathon.about.title}}</h2>
+                <div class="hackathon-section" style="margin-bottom: 20px;">{{ site.data.hackathon.about.text | markdownify}}</div>
+            </div>
+        </div> 
+
+        <div style="display: flex; justify-content: center; margin-bottom: 20px; ">
+            <img src="/assets/img/fellow_main.svg" style="width: 400px;">
+        </div>
+        <div style="display: flex; justify-content: center; margin-bottom: 140px;">
+            <img src="/assets/img/c4n_logo.png" style="height: 4rem; margin-right: 1%;">
+
+        </div>
+
+        <div class="row">
+            <div class="col-md-6 d-flex">
+                <div style=" padding: 8%; ">
+                    <img src="/assets/img/data.svg" class="img-fluid" >
+                </div>
+
+            </div>
+
+            <div class="col-md-6 d-flex" style="align-items: center">
+                <div class="align-self-center">
+                    <h2 class="hackathon-heading ">About the program</h2>
+                    <div class="hackathon-section">
+                        {{ site.data.hackathon.about.about_program}}
+                    </div>
+                </div>
+            </div>
+
+
+        </div>   
+
+    </div>
+
+
diff --git a/_includes/hackathon_components.html b/_includes/hackathon_components.html
@@ -0,0 +1,31 @@
+<!--hackathon components, 2nd part-->
+<div class="container">
+    <div class="row">
+        <div class="col-md-6 d-flex" style="align-items: center">
+            <div class="align-self-center">
+                <h2 class="hackathon-heading ">Modality</h2>
+                <div class="hackathon-section">
+                    <h3 class="hackathon-heading">Team Composition</h3>
+                    <p class="section-text">Gather your brainiest innovators; teams should comprise 3-6 members.
+                    </p>
+
+                    <h3 class="hackathon-heading">Data Usage</h3>
+                    <p class="section-text">Dive into the vast ocean of non-proprietary data to fuel your creations.</p>
+
+                    <h3 class="hackathon-heading">Eligibility of Projects</h3>
+                    <p class="section-text">We're looking for fresh ideas! Previously developed projects are not permitted.</p><br>
+
+
+
+                </div>
+            </div>            
+        </div>
+
+        <div class="col-md-6 d-flex">
+            <div style=" padding: 8%; ">
+                <img src="/assets/img/approach.svg" class="img-fluid" >
+            </div>
+
+        </div>
+    </div>    
+</div>
diff --git a/_includes/hackathon_details.html b/_includes/hackathon_details.html
@@ -0,0 +1,49 @@
+<!--Learning outcomes, 4th part-->
+<div class="container">
+    <div class="row">
+
+        <div class="col-md-6 d-flex" style="align-items: center">
+            <div class="align-self-center">
+                <h2 class="hackathon-heading ">Application Details</h2>
+                <div class="hackathon-section">
+                    <p class="section-text">Application Open: <strong> June 03, 2023 </strong><br>
+                    Deadline to Apply:<strong> June 29, 2023</strong><br>
+                    Number of seats:<strong> 150</strong><br>
+                    </p>
+                    Applicants must meet the following criteria to apply
+                    <p class="section-text">
+                    <ol>
+                        <li class="custom_li">Able to complete the program</li>
+                        <li class="custom_li">High school degree or above</li>
+                        <li class="custom_li">Background in basic programming</li>
+                    </ol>
+                    </p>
+                    <p class="section-text">
+                    We will call for interviews if you are shortlisted. The selected fellows must complete all the phases of the program to receive certification.
+                    </p>
+                    <p class="section-text">You only have to fill one application form.
+                    </p>
+                </div>
+            </div>            
+        </div>
+
+        <div class="col-md-6 d-flex">
+            <div style=" padding: 20%; ">
+                <img src="/assets/img/application.svg" class="img-fluid" >
+            </div>    
+        </div>
+
+
+    </div>    
+</div>
+
+<div style="background-color:#FCFBFB; width: 100%;">
+    <div class="hackathon-section">
+        <div class="text-center" style="margin-bottom: 80px;">
+        <h2 class="hackathon-heading " style="padding-top: 40px;">APPLICATION WILL OPEN SOON, STAY TUNED</h2>
+        </div>
+        <div style="display: flex;
+        justify-content: center;">
+
+    </div>
+</div>
diff --git a/_includes/hackathon_outcomes.html b/_includes/hackathon_outcomes.html
@@ -0,0 +1,24 @@
+<!--Learning outcomes, 3rd part-->
+<div class="container hackathon-section">
+    <div class="row">
+        <div class="col-md-6 d-flex">
+            <div style=" padding: 10%; ">
+                <img src="/assets/img/learning.svg" class="img-fluid" >
+            </div>    
+        </div>
+
+        <div class="col-md-6 d-flex" style="align-items: center">
+            <div class="align-self-center">
+                <h2 class="hackathon-heading ">Expectations for Outputs:</h2>
+                <div>
+                    <ol>
+                        <li class="custom_li"><strong>Data-Driven Projects:</strong> Harness the power of data to drive your innovations.</li>
+                        <li class="custom_li"><strong>Functional Projects:</strong> We expect working prototypes, proof-of-concept solutions, or fully functional software. Bonus points for compelling infographics!</li>
+                        <li class="custom_li"><strong>Presentation:</strong> A brief yet insightful documentation of your project is essential.
+                        </li>
+                    </ol>
+                </div>
+            </div>            
+        </div>
+    </div>    
+</div>
diff --git a/hackathon2023/index.html b/hackathon2023/index.html
@@ -0,0 +1,44 @@
+---
+layout: page
+title: Hackathon
+---
+<style>
+    div.hackathon-section{
+      font-size: 16px;
+      font-weight: 400;
+      margin-top: 0;
+      /* font-style: italic; */
+      margin-bottom: 140px;
+      text-transform: none;
+      line-height: 1.7;
+
+    }
+    p.section-text {
+    font-size: 16px;
+    margin-top: 0;
+    margin-bottom: 20px;
+    line-height: 1.7;
+  }
+  h2.hackathon-heading {
+    font-size: 40px;
+    margin-top: 0;
+    margin-bottom: 20px;
+  }
+
+  h3.hackathon-heading {
+    font-size: 24px;
+    margin-top: 0;
+    margin-bottom: 20px;
+  }
+  .custom_li{
+    margin-top: 4%;
+}
+  </style>
+
+{% include hackathon_about.html %}
+{% include hackathon_components.html %}
+{% include hackathon_outcomes.html %}
+{% include hackathon_details.html %}
+
+
+
-Original file line number
+Diff line change
@@ Expand Up @@
                     </div>
                 </div>
             </div>
         </div>
     </div>