vexu updates, sponsors

content/teams/VexU/index.md

@@ -19,12 +19,20 @@ tagline: The DAM Robotics VEX U team focuses on designing multiple robots and co
 
 # About the Team
 
-In the Vex U robotics competition, we design, build, and program robots to compete in challenges that change every year (think FTC/FRC but cooler). Last year, we reached the division semi-finals at the World Championship, securing an impressive 6th place overall. This season, we've held the prestigious title of number 1 in the world in the skills challenge portion of the competition for several weeks, which gave us an invitation to the world championship for this season.
+In the Vex U robotics competition, we design, build, and program robots to compete in challenges that change every year (think FTC/FRC but cooler). Each year in late April, we fly to Dallas, TX, to compete in the World Championship. Vex U is highly competitive, with over 300 teams competing, representing more than 20 countries.
 
-<!-- # Getting Involved
+Last year, we reached the division semi-finals at the World Championship, securing an impressive 6th place overall. This season, we’ve held the prestigious title of number 1 in the world in the skills challenge portion of the competition for several weeks, securing an invitation to this year’s world championship.
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+# Projects
 
-# Something Else
+- **Mechanical Design** – With the competition changing every year, we must design and build mechanisms to perform tasks such as collecting balls, launching disks, and lifting the robots off the ground. It often requires creativity and out-of-the-box thinking to build mechanisms that are fast, consistent, and save space.
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  -->
+![Mechanical Designs](mech.png)
+
+- **Software** – With a 45 second autonomous period, a fast and reliable autonomous program is invaluable. We have proudly developed relatively sophisticated motion control systems in C++, but there is still a lot of room for improvement. With your help, we could improve our robots’ speed and consistency during autonomous. We also aspire to implement Raspberry Pis and camera vision at some point
+
+![Software](software.png)
+
+- **CAD and 3D Printing** – When we need parts that are difficult to build, an easy way to manufacture them is through 3D printing. Those interested in using CAD and 3D printing to create parts for the team, or modeling our robots in general, will have plenty to do in Vex U.
+
+![CAD](cad.png)

layouts/index.html

@@ -133,13 +133,16 @@ <h3 class="text-h3 font-display font-semibold mb-3">Welcome to the OSU Robotics
   </section>
 
   <section class="mt-16">
-    <div class="absolute z-0 left-0 right-0 bg-neutral-800 h-48">
+    <div class="absolute z-0 left-0 right-0 bg-neutral-800 h-[390px] md:h-48">
 
     </div>
-    <div class="h-48 py-8 relative">
+    <div class="h-[390px] md:h-48 py-8 relative">
       <div class="font-display font-medium text-white/60 text-h4">Thank you to our Sponsors!</div>
       <div class="flex flex-col md:flex-row justify-around py-6 gap-6">
-        <img src="/images/logos/altium.png" class="h-8 object-contain" alt="Altium">
+        <img src="/images/logos/altium.png" class="h-10 object-contain" alt="Altium">
+        <img src="/images/logos/senneca.png" class="h-10 object-contain" alt="Seneca">
+        <img src="/images/logos/georgiapacific.png" class="h-10 object-contain" alt="Georgia Pacific">
+        <img src="/images/logos/karman.png" class="h-10 object-contain" alt="Karman">
         <!-- <img src="/images/logos/altium.png" class="h-8 object-contain" alt="Altium"> -->
         <!-- <div class="flex-none h-6 w-42 bg-neutral-700"></div> -->
       </div>

layouts/teams/single.html

@@ -62,7 +62,7 @@
     </section>
 
     <section class="flex gap-10 mt-14 mb-24 flex-col md:flex-row">
-        <article class="flex-1 prose">
+        <article class="flex-1 prose prose-invert">
             {{ .Content }}
         </article>
         <div class="flex-none md:w-72">

static/css/styles.css

@@ -886,6 +886,24 @@ video {
 .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
+.prose-invert {
+  --tw-prose-body: var(--tw-prose-invert-body);
+  --tw-prose-headings: var(--tw-prose-invert-headings);
+  --tw-prose-lead: var(--tw-prose-invert-lead);
+  --tw-prose-links: var(--tw-prose-invert-links);
+  --tw-prose-bold: var(--tw-prose-invert-bold);
+  --tw-prose-counters: var(--tw-prose-invert-counters);
+  --tw-prose-bullets: var(--tw-prose-invert-bullets);
+  --tw-prose-hr: var(--tw-prose-invert-hr);
+  --tw-prose-quotes: var(--tw-prose-invert-quotes);
+  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+  --tw-prose-captions: var(--tw-prose-invert-captions);
+  --tw-prose-code: var(--tw-prose-invert-code);
+  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
+  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
+  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
+}
 .fixed {
   position: fixed;
 }
@@ -916,12 +934,6 @@ video {
 .top-navbar {
   top: 64px;
 }
-.-left-\[999px\] {
-  left: -999px;
-}
-.-right-\[999px\] {
-  right: -999px;
-}
 .-z-10 {
   z-index: -10;
 }
@@ -1001,9 +1013,6 @@ video {
 .mt-8 {
   margin-top: 2rem;
 }
-.ml-4 {
-  margin-left: 1rem;
-}
 .block {
   display: block;
 }
@@ -1055,6 +1064,9 @@ video {
 .h-7 {
   height: 1.75rem;
 }
+.h-8 {
+  height: 2rem;
+}
 .h-\[160px\] {
   height: 160px;
 }
@@ -1076,18 +1088,36 @@ video {
 .h-full {
   height: 100%;
 }
-.h-8 {
-  height: 2rem;
+.h-9 {
+  height: 2.25rem;
+}
+.h-72 {
+  height: 18rem;
+}
+.h-\[300pt\] {
+  height: 300pt;
+}
+.h-\[300px\] {
+  height: 300px;
+}
+.h-\[700px\] {
+  height: 700px;
+}
+.h-\[500px\] {
+  height: 500px;
+}
+.h-\[400px\] {
+  height: 400px;
+}
+.h-\[390px\] {
+  height: 390px;
 }
 .min-h-\[400px\] {
   min-height: 400px;
 }
 .min-h-\[500pt\] {
   min-height: 500pt;
 }
-.min-h-\[200px\] {
-  min-height: 200px;
-}
 .w-10 {
   width: 2.5rem;
 }
@@ -1121,32 +1151,22 @@ video {
 .max-w-md {
   max-width: 28rem;
 }
-.max-w-full {
-  max-width: 100%;
-}
 .flex-1 {
   flex: 1 1 0%;
 }
 .flex-none {
   flex: none;
 }
-.rotate-3 {
-  --tw-rotate: 3deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.-rotate-\[12deg\] {
-  --tw-rotate: -12deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.-rotate-\[7deg\] {
-  --tw-rotate: -7deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .scale-105 {
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.scale-110 {
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .scale-125 {
   --tw-scale-x: 1.25;
   --tw-scale-y: 1.25;
@@ -1167,17 +1187,6 @@ video {
   --tw-scale-y: 1.3;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.scale-110 {
-  --tw-scale-x: 1.1;
-  --tw-scale-y: 1.1;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.grid-flow-row {
-  grid-auto-flow: row;
-}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -1193,15 +1202,9 @@ video {
 .flex-row {
   flex-direction: row;
 }
-.flex-row-reverse {
-  flex-direction: row-reverse;
-}
 .flex-col {
   flex-direction: column;
 }
-.flex-col-reverse {
-  flex-direction: column-reverse;
-}
 .content-around {
   align-content: space-around;
 }
@@ -1211,9 +1214,6 @@ video {
 .items-center {
   align-items: center;
 }
-.justify-start {
-  justify-content: flex-start;
-}
 .justify-end {
   justify-content: flex-end;
 }
@@ -1406,14 +1406,14 @@ video {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
 .py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
 .pb-10 {
   padding-bottom: 2.5rem;
 }
@@ -1477,12 +1477,6 @@ video {
 .pt-navbar {
   padding-top: 64px;
 }
-.pb-8 {
-  padding-bottom: 2rem;
-}
-.pt-8 {
-  padding-top: 2rem;
-}
 .text-center {
   text-align: center;
 }
@@ -1498,12 +1492,6 @@ video {
 .text-\[64px\] {
   font-size: 64px;
 }
-.text-h1 {
-  font-size: 86px;
-}
-.text-h1\.5 {
-  font-size: 72px;
-}
 .text-h2 {
   font-size: 52px;
 }
@@ -1745,11 +1733,6 @@ video {
     grid-column: span 2 / span 2;
   }
 
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
   .md\:block {
     display: block;
   }
@@ -1762,6 +1745,10 @@ video {
     height: auto;
   }
 
+  .md\:h-48 {
+    height: 12rem;
+  }
+
   .md\:min-h-\[250px\] {
     min-height: 250px;
   }
@@ -1792,18 +1779,10 @@ video {
     flex-direction: row;
   }
 
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
   .md\:items-center {
     align-items: center;
   }
 
-  .md\:justify-around {
-    justify-content: space-around;
-  }
-
   .md\:overflow-visible {
     overflow: visible;
   }
@@ -1829,10 +1808,3 @@ video {
     font-size: 72px;
   }
 }
-
-@media (min-width: 1024px) {
-
-  .lg\:overflow-visible {
-    overflow: visible;
-  }
-}