From 424090675c865a88d7372cc17696947d74277916 Mon Sep 17 00:00:00 2001
From: Federico Terzi <federicoterzi96@gmail.com>
Date: Thu, 12 Dec 2019 23:31:37 +0100
Subject: [PATCH] Add sponsors page skeleton

---
 _data/sponsors.yml   |  3 +++
 _sass/_sponsors.scss | 14 ++++++++++++++
 _sass/main.scss      |  3 ++-
 sponsors.html        | 26 ++++++++++++++++++++++++++
 4 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 _data/sponsors.yml
 create mode 100644 _sass/_sponsors.scss
 create mode 100644 sponsors.html

diff --git a/_data/sponsors.yml b/_data/sponsors.yml
new file mode 100644
index 0000000..14dc42d
--- /dev/null
+++ b/_data/sponsors.yml
@@ -0,0 +1,3 @@
+- name: Work in Progress
+  link: /install/
+  image: ""
\ No newline at end of file
diff --git a/_sass/_sponsors.scss b/_sass/_sponsors.scss
new file mode 100644
index 0000000..abfb9f7
--- /dev/null
+++ b/_sass/_sponsors.scss
@@ -0,0 +1,14 @@
+.sponsors {
+    .sponsor-img {
+        width: 100px;
+        margin: auto;
+    }
+
+    .sponsor-name {
+        text-align: center;
+        text-decoration: none;
+        color: $veryBlackColor;
+        font-size: 24px;
+        margin: 0;
+    }
+}
\ No newline at end of file
diff --git a/_sass/main.scss b/_sass/main.scss
index 75b139c..af09ad8 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -7,4 +7,5 @@
 @import '_install';
 @import '_donate';
 @import '_footer';
-@import '_docs';
\ No newline at end of file
+@import '_docs';
+@import '_sponsors';
\ No newline at end of file
diff --git a/sponsors.html b/sponsors.html
new file mode 100644
index 0000000..d091211
--- /dev/null
+++ b/sponsors.html
@@ -0,0 +1,26 @@
+---
+title: Sponsors
+layout: default
+showParticles: True
+---
+Many people helped espanso along the way, allowing me to stay motivated and focused on our mission. Thank you, there are no words to say how much I appreciate your help :)
+
+<div class="mt-4">
+{% for item in site.data.sponsors %}
+    {% assign remainder = forloop.index0 | modulo: 6 %}
+    {% if remainder == 0 %}
+        {% if forloop.index0 != 0 %}
+            </div>
+        {% endif %}
+
+        <div class="row sponsors mt-4">
+    {% endif %}
+    <div class="col-md-2">
+        <a href="{{item.link}}">
+            <img src="{{item.image}}" class="rounded-circle sponsor-img" alt="{{item.name}}">
+            <p class="sponsor-name">{{item.name}}</p>
+        </a>
+    </div>
+{% endfor %}
+</div>
+</div>
\ No newline at end of file