Merge pull request #242 from HaxeFlixel/fundraiser-blog

Fundraiser blog ported to 11ty

Author: ninjamuffin99

.vscode/settings.json

@@ -1,5 +1,8 @@
 {
 	"files.associations": {
 		"*.eco": "html"
+	},
+	"[liquid]": {
+		"editor.formatOnSave": true
 	}
 }

src/files/backers.json 11ty-source/_data/backers.json

@@ -0,0 +1,55 @@
+---
+layout: default.liquid
+---
+
+<div class="col-md-12">
+
+  <h1 class="title">{{ title }}</h1>
+
+  <div class="container">
+
+    <div class="fundraiser-header">
+
+      <div class="fundraiser-header-container">
+        <div class="success-header">
+          <div class="success-text">
+            <img
+              width="128"
+              height="130"
+              src="/images/flixel-logos/haxeflixel-medal.gif" />
+            <span>
+              <h2>Campaign success</h2>
+              <p>
+                The Indiegogo campaign of 2016 was a huge
+                <a href="https://www.indiegogo.com/projects/haxeflixel-games-software#/">success</a>!
+              </p>
+            </span>
+          </div>
+
+          <hr>
+          <br>
+          {{ content }}
+
+        </div>
+      </div>
+
+    </div>
+
+    <h3 class="thankyou-backers">We thank all our Indiegogo backers:</h3>
+    <ul class="backer-list">
+
+      {%- for backer in backers -%}
+        <li class="backer">
+          <h4>{{ backer.name }}</h4>
+          <img
+            src="{{ backer.imgSrc }}"
+            width="40"
+            height="40" />
+          <span class="backer-amount">{{ backer.amount }}</span>
+        </li>
+      {%- endfor -%}
+    </ul>
+
+  </div>
+
+</div>

11ty-source/_layouts/fundraiser-layout.liquid

@@ -49,7 +49,8 @@
 						</li>
 
 					</ul>
-		
+					
+					{% renderFile "./11ty-source/_layouts/partials/search.html" %}
 					{% comment %} <%- @partial('search.html') %> {% endcomment %}
 
 				</div>

11ty-source/_layouts/partials/header-menu.liquid

@@ -0,0 +1,6 @@
+<form class="navbar-form search-form" role="search" action="https://google.com/search" method="get">
+    <div class="form-group">
+        <input type="search" name="q" class="form-control" placeholder="Search">
+        <input type="hidden" name="q" value="site:http://haxeflixel.com">
+    </div>
+</form>

11ty-source/_layouts/partials/search.html

@@ -4,20 +4,23 @@ layout: blog-layout
 ---
 
 <div class="container">
-<div class="row">
+  <div class="row">
 
     {%- for blog in collections.blogpost reversed -%}
 
-        <a href="{{blog.url}}" property="dc:title">
-            <h3>{{ blog.data.title }}</h3>
-        </a>
-        <div class="post-date post-date-preview">{{ blog.data.postDate }}</div>
-        <p> {{blog.content | strip_html |truncate: 150}}<a href="{{blog.url}}"> read more</a></p> 
-        {% comment %} <p><%- blog.contentPreview %> <a href="<%= blog.url %>"> read more</a></p> {% endcomment %}
+      <a href="{{blog.url}}" property="dc:title">
+        <h3>{{ blog.data.title }}</h3>
+      </a>
+      <div class="post-date post-date-preview">{{ blog.data.postDate }}</div>
+      <p>
+        {{ blog.content | strip_html | truncate: 150 }}<a href="{{blog.url}}">
+          read more</a>
+      </p>
+      {% comment %} <p><%- blog.contentPreview %> <a href="<%= blog.url %>"> read more</a></p> {% endcomment %}
 
-        <hr>
+      <hr>
 
     {%- endfor -%}
 
-</div>
+  </div>
 </div>

11ty-source/blog.liquid

@@ -0,0 +1,25 @@
+---
+title: "Fundraiser 2016"
+layout: "fundraiser-layout"
+postDate: "August 27, 2016"
+---
+
+HaxeFlixel is developed by and is now furtherly *funded* by, a community of 
+people who have a geniune passion for the project.
+
+
+We thank everyone for their contributions over the past 5 years, 
+whether it has been spreading the word, fundraising, admin, testing,
+reviewing & submitting code or teaching and supporting others.
+All this keeps inspiring the community to continue HaxeFlixel to help
+make cross platform games easier and free!
+
+Also, none of this fundraiser would have even started without the dedicated effort from
+Lars Doucet of [Level Up Labs](https://www.leveluplabs.com/)
+leading this entire campaign, so a big thanks to Lars!
+
+With the larger donations made in the campaign, it has also made it possible for HaxeFlixel to have
+*official sponsors*! After we gather all the logos for the page, we will add a dedicated sponsors page.
+
+Read more about the campaign on
+[our Indiegogo page](https://www.indiegogo.com/projects/haxeflixel-games-software).