Merge pull request #2 from DAC-Of-Purdue/callout-2024

Update for callout 2024 Fall
DAC-Of-Purdue · Sep 15, 2024 · 361d28f · 361d28f
2 parents 11a3d65 + bf3ae0e
commit 361d28f
Show file tree

Hide file tree

Showing 9 changed files with 248 additions and 152 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "cSpell.words": ["Robo"]
+}
diff --git a/_data/projects.yml b/_data/projects.yml
@@ -1,9 +1,9 @@
 - title: Robo Rabbit Run Game
   permalink: /robo-rabbit-run
   divider: /assets/rabbit-divider.png
-  image: /assets/rabbit.avif
+  image: /assets/robo-rabbit.JPG
   summary: At Purdue's Boiler Gold Rush, freshmen play as a remote-controlled rabbit to collect the most carrots for their residence halls. BUT they have to evade our patrolling autonomous Scarecrow Bot.
-  skills: 
+  skills:
     - Computer vision
     - Autonomous navigation
     - Electronics
@@ -13,33 +13,33 @@
     - CAD design
     - 3D printing
     - Data architecture
-  status: In progress
+  status: Completed
 - title: Scarecrow Bot
   permalink: /scarecrow-bot
   image: /assets/scarecrow-bot.webp
   summary: Our automated & humane on-farm solution for pesky animals eating horticultural crops!
-  skills: 
+  skills:
     - Computer vision
     - Autonomous navigation
     - Electronics
   status: Coming soon
 - title: Smart Irrigation Decision Support System
   permalink: /smart-irrigation
   image: /assets/irrigation.jpg
-  summary: A hackathon project to automate irrigation systems through a user-friendly dashbord and chatbot.
+  summary: A hackathon project to automate irrigation systems through a user-friendly dashboard and chatbot.
   skills:
     - Large language model
     - Web app development
     - Data analytics
     - Neural network
   status: Coming soon
 - title: Food Waste Data Tracking
-  permalink: /food-waste-tracking 
+  permalink: /food-waste-tracking
   image: /assets/foodwaste.jpg
   summary: A hackathon project to capture individual food waste donations with IoT & visualize data for City Commissioners to monitor the program.
-  skills: 
+  skills:
     - IoT
     - Data architecture
     - Computer vision
     - Dashboarding
-  status: Coming soon
+  status: Coming soon
diff --git a/_layouts/project.html b/_layouts/project.html
@@ -4,42 +4,38 @@
 
 <h1>{{ page.title }}</h1>
 
-{% for project in site.data.projects %}
-    {% if project.title == page.title %}
-        {% if project.status == 'In progress' %}
-        <div class="green-button">{{ project.status }}</div>
-        {% elsif project.status == 'Closed' or project.status == 'On hold' or project.status == 'Coming soon' %}
-        <div class="grey-button">{{ project.status }}</div>
-        {% endif %}
+{% for project in site.data.projects %} {% if project.title == page.title %} {%
+if project.status == 'In progress' %}
+<div class="green-button">{{ project.status }}</div>
+{% elsif project.status == 'Completed' %}
+<div class="blue-button">{{ project.status }}</div>
+{% elsif project.status == 'Closed' or project.status == 'On hold' or
+project.status == 'Coming soon' %}
+<div class="grey-button">{{ project.status }}</div>
+{% endif %}
 
-        <img src="{{ page.header-image | relative_url }}">
+<img src="{{ page.header-image | relative_url }}" />
 
-        <div class="section">
-            <div class="gallery">
-                <div class="column-color" style="width: 42%">
-                    <h2>What is it?</h2>
-                    {{ page.long-description | raw }}
-                </div>
-                <div class="column-image" style="width: 50%;">
-                <img src="{{ project.image | relative_url }}">
-                </div>
-            </div>
-        </div>
-
-    {% endif %}
-{% endfor %}
+<div class="section">
+  <div class="gallery">
+    <div class="column-color" style="max-width: 450px; min-width: 250px">
+      <h2>What is it?</h2>
+      {{ page.long-description | raw }}
+    </div>
+    <div class="column-image" style="max-width: 450px; min-width: 250px">
+      <img src="{{ project.image | relative_url }}" />
+    </div>
+  </div>
+</div>
 
-{{ content }}
+{% endif %} {% endfor %} {{ content }}
 
 <div class="section">
-    <h2>How did we build this?</h2>
-    <ul>
-    {% for project in site.data.projects %}
-        {% if project.title == page.title %}
-            {% for skill in project.skills %}
-                <li>{{ skill }}</li>
-            {% endfor %}
-        {% endif %}
-    {% endfor %}
-    </ul>
-</div>
+  <h2>How did we build this?</h2>
+  <ul>
+    {% for project in site.data.projects %} {% if project.title == page.title %}
+    {% for skill in project.skills %}
+    <li>{{ skill }}</li>
+    {% endfor %} {% endif %} {% endfor %}
+  </ul>
+</div>
diff --git a/_sass/minima/custom-styles.scss b/_sass/minima/custom-styles.scss
@@ -195,7 +195,7 @@ table.timeline td:nth-child(2) {
 
 /* Status buttons */
 
-.green-button, .grey-button {
+.green-button, .grey-button , .blue-button {
   display: inline-block;
   border-radius: 20px;
   padding: 1px 8px 1px 8px;
@@ -213,6 +213,11 @@ table.timeline td:nth-child(2) {
   background-color:#D9D9D9;
 }
 
+.blue-button {
+  color: #ffffff;
+  background-color: #387D9B;
+}
+
 /* TV */
 
 .tv {

diff --git a/activities.html b/activities.html
@@ -3,58 +3,78 @@
 title: What does the club do?
 permalink: /activities/
 ---
+
 <div class="section">
-    <img style="width: 100%; height: 470px;" src="/assets/group.JPG">
+  <img style="width: 100%; height: 470px" src="/assets/group.JPG" />
 </div>
 
 <div class="section">
-    <h2>Weekly Meetings</h2>
-    <p>The new schedule will be decided in Fall 2024. Join our Discord to stay updated!</p>
+  <h2>Weekly Meetings</h2>
+  <p>
+    The new schedule will be decided in Fall 2024. Join our Discord to stay
+    updated!
+  </p>
 </div>
 
 <div class="section">
-    <h2>Campus Events</h2>
-    <table class="timeline">
-        <tr>
-            <td><div class="timeline-date">TBD</div></td>
-            <td><h4>Fall Callout</h4>Come learn what our club is all about and meet new people.</td>
-        </tr>
-        <tr>
-            <td><div class="timeline-date">August 13</div>
-                <div class="vl"></div>
-                <div class="timeline-date">August 17</div></td>
-            <td style="vertical-align: middle;"><h4>Boiler Gold Rush</h4>Our <a href="/robo-rabbit-run">Robo Rabbit Run</a> game commences!
-            </td>
-        </tr>
-        <tr>
-            <td><div class="timeline-date">July 18</div></td>
-            <td><h4>Purdue Fruit & Vegetable Field Day</h4>
-            Field trip to Purdue Miegs Ag Center to watch one of the demonstrations on evaluating the use of lasers for bird control.</td>
-        </tr>
-    </table>
+  <h2>Campus Events</h2>
+  <table class="timeline">
+    <tr>
+      <td><div class="timeline-date">September 18</div></td>
+      <td>
+        <h4>Fall Callout</h4>
+        Come learn what our club is all about and meet new people.
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <div class="timeline-date">August 17</div>
+        <div class="vl"></div>
+        <div class="timeline-date">August 13</div>
+      </td>
+      <td style="vertical-align: middle">
+        <h4>Boiler Gold Rush</h4>
+        Our <a href="/robo-rabbit-run">Robo Rabbit Run</a> game commences!
+      </td>
+    </tr>
+    <tr>
+      <td><div class="timeline-date">July 18</div></td>
+      <td>
+        <h4>Purdue Fruit & Vegetable Field Day</h4>
+        Field trip to Purdue Miegs Ag Center to watch one of the demonstrations
+        on evaluating the use of lasers for bird control.
+      </td>
+    </tr>
+  </table>
 </div>
 
 <div class="section">
-    <h2>Competitions</h2>
-    <table class="timeline">
-        <tr>
-            <td><div class="timeline-date">July 28</div>
-                <div class="vl"></div>
-                <div class="timeline-date">August 1</div></td>
-            <td style="vertical-align: middle;"><h4>Digital Agriculture Hackathon</h4>Students prototype ideas tackling food & ag problems at the ASABE Annual International Meeting.<img src="/assets/hackathon-2023.jpg">
-            </td>
-        </tr>
-    </table>
+  <h2>Competitions</h2>
+  <table class="timeline">
+    <tr>
+      <td>
+        <div class="timeline-date">July 28</div>
+        <div class="vl"></div>
+        <div class="timeline-date">August 1</div>
+      </td>
+      <td style="vertical-align: middle">
+        <h4>Digital Agriculture Hackathon</h4>
+        Students prototype ideas tackling food & ag problems at the ASABE Annual
+        International Meeting.<img src="/assets/hackathon-2023.jpg" />
+      </td>
+    </tr>
+  </table>
 </div>
 
 <div class="section">
-    <h2>Social Events</h2>
-    <table class="timeline">
-        <tr>
-            <td><div class="timeline-date">April 19</div></td>
-            <td><h4>Dinner at Dr. Ankita Raturi's</h4>
-                <img src="/assets/axilabdac-dinner.jpg">
-            </td>
-        </tr>
-    </table>
-</div>
+  <h2>Social Events</h2>
+  <table class="timeline">
+    <tr>
+      <td><div class="timeline-date">April 19</div></td>
+      <td>
+        <h4>Dinner at Dr. Ankita Raturi's</h4>
+        <img src="/assets/axilabdac-dinner.jpg" />
+      </td>
+    </tr>
+  </table>
+</div>
diff --git a/assets/callout-flyer-2024.png b/assets/callout-flyer-2024.png
diff --git a/assets/robo-rabbit.JPG b/assets/robo-rabbit.JPG