Add Sponsors via YAML

Sponsors generated from yaml

README.md

@@ -1,7 +1,7 @@
 # Site
 This is a static website for BSides Orlando generated in Jekyll using the Minimal Mistakes template.
 
-# Install Instructions
+# Local Development Instructions
 
 ## Install the Requirements
 Make sure to install Jekyll and bundle
@@ -30,3 +30,21 @@ gem "github-pages", group: :jekyll_plugins
 ```
 
 Several parts of the theme (`_data`, `_includes`, `_layouts`, etc.) have been copied to this repository. What is available in this repository overrides the corresponding element of the theme.
+
+###
+
+### To add a sponsor
+
+1. Create a branch: `git branch -b 'sponsor-name'`.
+2. Append the sponsor's details to `_data/sponsors.yaml`:
+   ```yaml
+   sponsors:
+     - name: Sponsor Name
+       logo: sponsor-logo.png
+       url: https://sponsorwebsite.com
+       description: Sponsor Name is a proud BSides Orlando Sponsor       
+       level: Diamond
+   ```
+3. Add the sponsor's logo to `assets/images/sponsors/`.
+4. Create a PR from your fork against `site/main`.
+5. Upon review, merge into `main`.

_includes/sponsors.html

@@ -0,0 +1,19 @@
+<div class="sponsors">
+  {% assign tier_order = "Diamond,Platinum,Gold,Silver,Bronze,Community Partners" | split: "," %}
+  {% for tier in tier_order %}
+    <section class="tier {{ tier | downcase | replace: ' ', '-' }}">
+      <h2>{{ tier }}</h2>
+      <div class="grid">
+        {% for sponsor in site.data.sponsors %}
+          {% if sponsor.level == tier %}
+            <div class="sponsor-card">
+              <a href="{{ sponsor.url }}">
+                <img src="{{ sponsor.logo }}" alt="{{ sponsor.name }}">
+              </a>
+            </div>
+          {% endif %}
+        {% endfor %}
+      </div>
+    </section>
+  {% endfor %}
+</div>

_sass/minimal-mistakes.scss

@@ -38,3 +38,6 @@
 @import "minimal-mistakes/archive";
 @import "minimal-mistakes/sidebar";
 @import "minimal-mistakes/print";
+
+/* Customizations for BSORL */
+@import "minimal-mistakes/sponsors"

_sass/minimal-mistakes/_sponsors.scss

@@ -0,0 +1,57 @@
+/* Base styles for sponsor cards */
+.sponsor-card {
+  box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Example shadow */
+  margin-bottom: 20px; /* Spacing between rows */
+}
+
+/* Adjustments for different tiers */
+.diamond .grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr); /* 2 per row */
+  gap: 20px;
+}
+
+.platinum .grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr); /* 3 per row */
+  gap: 20px;
+}
+
+.gold .grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr); /* 4 per row */
+  gap: 20px;
+}
+
+.silver .grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr); /* 4 per row */
+  gap: 20px;
+}
+
+.bronze .grid {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr); /* 5 per row */
+  gap: 20px;
+  padding: 20px; /* Spacing between rows */
+}
+
+.community-partners .grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr); /* 4 per row */
+  gap: 20px;
+}
+
+/* Responsive adjustments */
+/* Responsive adjustments */
+@media (max-width: 768px) {
+  .diamond .grid, .platinum .grid, .gold .grid, .silver .grid, .bronze .grid, .community-partners .grid {
+    grid-template-columns: repeat(2, 1fr); /* Adjust to 2 per row for all tiers on smaller screens */
+  }
+}
+
+@media (max-width: 480px) {
+  .diamond .grid, .platinum .grid, .gold .grid, .silver .grid, .bronze .grid, .community-partners .grid {
+    grid-template-columns: repeat(1, 1fr) !important; /* Adjust to 1 per row for all tiers on smallest screens */
+  }
+}

sponsors.md

@@ -3,22 +3,14 @@ layout: splash
 title: BSides Orlando 2024 Sponsors
 permalink: /sponsors/
 ---
-## Become a BSides Orlando 2024 Sponsor
-
-Interested in becoming a sponsor of BSides Orlando 2024?[Download the sponsor prospectus](assets/files/20240530_Sponsorship_Guide.pdf), [complete the sponsor inquiry form](https://forms.gle/LtAY8NLSt857hwEX6), or contact <[email protected]>
-
-**Note:** September 6, 2024 is the cutoff to receive sponsor payment and logo in time to go to print.
 
-## BSides Orlando 2024 Sponsors
+## Thank You BSides Orlando 2024 Sponsors
 
-### Diamond Sponsors
+{% include sponsors.html %}
 
-### Platinum Sponsors
-
-### Gold Sponsors
-
-### Silver Sponsors
+## Become a BSides Orlando 2024 Sponsor
 
-### Bronze Sponsors
+Interested in becoming a sponsor of BSides Orlando 2024? Download the [sponsor prospectus](assets/files/20240530_Sponsorship_Guide.pdf), complete the [sponsor inquiry form](https://forms.gle/LtAY8NLSt857hwEX6), or contact <[email protected]>
 
-### Community Partners
+**Note:** September 6, 2024 is the cutoff to receive sponsor payment and logo in time to go to print. 
+{: .notice--warning}