Merge pull request #11 from OSURoboticsClub/combat_rules

combat robotics sparc rules page

Author: escherwd

.gitignore

@@ -131,3 +131,6 @@ out
 .hugo_build.lock
 static/css/styles.css
 static/js/app.js
+
+# Hugo build output
+public

assets/css/components/prose.scss

@@ -1,3 +1,3 @@
 .prose {
-    @apply prose-headings:text-white prose-headings:font-semibold prose-headings:font-display prose-headings:mb-0 first:prose-headings:mt-0 prose-headings:mt-8 text-white/80;
+    @apply prose-headings:text-white prose-headings:font-semibold prose-headings:font-display prose-headings:leading-snug first:prose-headings:mt-0 prose-headings:mt-8 prose-invert text-white/80 prose-th:text-[18px];
 }

content/teams/Combat/index.md renamed to content/teams/Combat/_index.md

@@ -14,6 +14,7 @@ gallery:
     - Copy of CR_Post_1_Photo_4.jpg
 meeting: Fri 1-5 PM @ Merryfield 110
 tagline: DAM Robotics' Combat Robotics team centers on building and competing with lightweight robots.
+layout: single
 ---
 
 # About the Team
@@ -22,6 +23,9 @@ In Combat Robotics, members design, build, and test robots to fight each other i
 
 This year, we will be competing with our 12Lb robot at the Western Allied Robotics Hobby Expo in Seattle On April 14th.
 
+OSU Combat Robotics club is SPARC-Compliant. See the complete specifications and rules [here](./sparc).
+
+
 <!-- # Getting Involved
 
 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. 

content/teams/Combat/sparc/index.md

@@ -0,0 +1,13 @@
+{{ define "main" }}
+
+<article class="pb-24 relative max-w-3xl mx-auto px-3 sm:px-9 pt-32">
+
+  <h1 class="block text-h2 font-bold font-display leading-none">{{ .Title }}</h1>
+  <div class="mt-5 text-lg prose">
+    {{ .Content }}
+  </div>
+
+</article>
+
+
+{{ end}}

layouts/teams/article.html

@@ -1151,6 +1151,9 @@ video {
 .min-w-0 {
   min-width: 0px;
 }
+.max-w-3xl {
+  max-width: 48rem;
+}
 .max-w-4xl {
   max-width: 56rem;
 }
@@ -1312,6 +1315,10 @@ video {
 .bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
 }
+.bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
 .bg-neutral-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(82 82 82 / var(--tw-bg-opacity));
@@ -1359,10 +1366,6 @@ video {
 .bg-white\/10 {
   background-color: rgb(255 255 255 / 0.1);
 }
-.bg-gray-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
-}
 .bg-opacity-40 {
   --tw-bg-opacity: 0.4;
 }
@@ -1503,6 +1506,9 @@ video {
 .pt-3 {
   padding-top: 0.75rem;
 }
+.pt-32 {
+  padding-top: 8rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -1728,14 +1734,30 @@ video {
 }
 
 .prose {
+  --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);
   color: rgb(255 255 255 / 0.8);
 }
 
 .prose :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"] *))) {
-  margin-bottom: 0px;
   margin-top: 2rem;
   font-family: Barlow Condensed, Inter, sans-serif;
   font-weight: 600;
+  line-height: 1.375;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
@@ -1744,6 +1766,10 @@ video {
   margin-top: 0px;
 }
 
+.prose :is(:where(th):not(:where([class~="not-prose"] *))) {
+  font-size: 18px;
+}
+
 .bruh-card-bg {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1769,34 +1795,33 @@ video {
 .bruh-card:hover .bruh-card-text {
   background-color: rgb(0 0 0 / 0.5);
 }
-
 .hover\:scale-105:hover {
   --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));
 }
-
 .hover\:scale-110:hover {
   --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));
 }
-
 .hover\:opacity-70:hover {
   opacity: 0.7;
 }
-
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }
-
 @media (min-width: 640px) {
 
   .sm\:w-96 {
     width: 24rem;
   }
-}
 
+  .sm\:px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+}
 @media (min-width: 768px) {
 
   .md\:-right-1 {
@@ -1898,7 +1923,6 @@ video {
     font-size: 72px;
   }
 }
-
 @media (min-width: 1024px) {
 
   .lg\:grid-cols-3 {