From 06e5355102e544e528e92aaaeb3f82ae9ba333b8 Mon Sep 17 00:00:00 2001
From: satetsu888 <satetsu888@gmail.com>
Date: Fri, 18 Feb 2022 22:36:00 +0900
Subject: [PATCH] Add special thanks section

---
 _sass/blog.scss     |  4 ++--
 _sass/elements.scss |  2 +-
 _sass/pricing.scss  |  2 +-
 index.html          | 23 +++++++++++++++++++++++
 4 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/_sass/blog.scss b/_sass/blog.scss
index cbae2ba..55a449d 100644
--- a/_sass/blog.scss
+++ b/_sass/blog.scss
@@ -1,4 +1,4 @@
-.blog-posts {
+.blog-posts, .thanks {
 	list-style: none;
 	padding: 0;
 
@@ -27,7 +27,7 @@
 	h3 {
 		margin: 0;
 		a {
-			color: #000;
+			color: #fff;
 			text-decoration: none;
 			font-weight: normal;
 			font-size: 1.3em;
diff --git a/_sass/elements.scss b/_sass/elements.scss
index 9f892db..a439bd9 100644
--- a/_sass/elements.scss
+++ b/_sass/elements.scss
@@ -12,7 +12,7 @@ body {
 }
 
 a {
-	color: #00a4ca;
+	color: #fff;
 	text-decoration: none;
 }
 
diff --git a/_sass/pricing.scss b/_sass/pricing.scss
index 19b92ed..dfa9070 100644
--- a/_sass/pricing.scss
+++ b/_sass/pricing.scss
@@ -48,7 +48,7 @@
 	}
 }
 
-.faq {
+.faq, .specialthanks {
 	@media #{$desktop} {
 		@include columns(2);
 	}
diff --git a/index.html b/index.html
index 6cdc3f6..8394ae7 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,15 @@
     answer: Please be sure, you select correct ArtMeshes and Colors.
   - question: My model color change very little...
     answer: This plugin use tint color API with VTube Studio, so <br> light color ArtMesh changes a lot but dark color ArtMesh cannot.
+thanks:
+  - name: ぱんだがむ - PandaGum 🐼
+    url: https://twitter.com/PandaGumV
+    body: Design of plugin image charactor Chameleon
+    bodyUrl: https://nizima.com/Item/DetailItem/36864
+  - name: Hawkbat
+    url: https://twitter.com/HawkbarGaming
+    body: VTubeStudioJS - Typescript library for VTube Studio
+    bodyUrl: https://github.com/Hawkbat/VTubeStudioJS
 ---
 <section class="hero">
 	<div class="text-container">
@@ -81,4 +90,18 @@ <h2><strong>FAQ</strong></h2>
         </dl>
         {% endif %}
     </section>
+
+    <section class="bottom-cta" id="specialthanks">
+        <h2 class="editable"><strong>Special Thanks 💖</strong></h2>
+        <dl class="specialthanks">
+            {% for thank in page.thanks %}
+            <div class="thanks">
+                <dt><h3><a href="{{ thank.url }}" target="_blank">{{ thank.name }}</a></h3></dt>
+                <dd>
+                    <a href="{{ thank.bodyUrl }}" target="_blank">{{ thank.body }}</a>
+                </dd>
+            </div>
+            {% endfor %}
+        </dl>
+    </section>
 </div>