Redorder Sponsors position based on their donations

staticallyio · Oct 16, 2018 · b3a5d25 · b3a5d25
1 parent 94791ca
commit b3a5d25
Show file tree

Hide file tree

Showing 7 changed files with 68 additions and 51 deletions.
diff --git a/README.md b/README.md
@@ -51,34 +51,29 @@ Staticaly is [open source](https://github.com/marsble/staticaly) project built a
           <img width="150px" src="https://www.staticaly.com/static/images/sponsors/cloudflare.png">
         </a>
       </td>
-      <td align="center" valign="middle">
-        <a class="clear" href="https://www.dediserve.com/?utm_source=Staticaly.com&utm_medium=Logo&utm_campaign=Sponsor%20link" target="_blank">
-          <img width="150px" src="https://www.staticaly.com/static/images/sponsors/dediserve-dark.svg">
-        </a>
-      </td>
       <td align="center" valign="middle">
       <a class="clear" href="https://www.cdn77.com/?utm_source=Staticaly.com&utm_medium=Logo&utm_campaign=Sponsor%20link" target="_blank">
         <img width="150px" src="https://www.staticaly.com/static/images/sponsors/cdn77.png">
       </a>
       </td>
       <td align="center" valign="middle">
-        <a class="clear" href="https://www.cedexis.com/?utm_source=Staticaly.com&utm_medium=Logo&utm_campaign=Sponsor%20link" target="_blank">
-          <img width="150px" src="https://www.staticaly.com/static/images/sponsors/cedexis.png">
+        <a class="clear" href="https://www.fastly.com/?utm_source=Staticaly.com&utm_medium=Logo&utm_campaign=Sponsor%20link" target="_blank">
+          <img width="150px" src="https://www.staticaly.com/static/images/sponsors/fastly.png">
         </a>
       </td>
       <td align="center" valign="middle">
-        <a class="clear" href="https://www.fastly.com/?utm_source=Staticaly.com&utm_medium=Logo&utm_campaign=Sponsor%20link" target="_blank">
-          <img width="150px" src="https://www.staticaly.com/static/images/sponsors/fastly.png">
+        <a class="clear" href="https://www.bunnycdn.com/?utm_source=Staticaly.com&utm_medium=Logo&utm_campaign=Sponsor%20link" target="_blank">
+          <img width="150px" src="/static/images/sponsors/bunnycdn.png">
         </a>
       </td>
       <td align="center" valign="middle">
-        <a class="clear" href="https://www.dewaweb.com/?utm_source=Staticaly.com&utm_medium=Logo&utm_campaign=Sponsor%20link" target="_blank">
-          <img width="150px" src="https://www.staticaly.com/static/images/sponsors/dewaweb.png">
+        <a class="clear" href="https://www.cedexis.com/?utm_source=Staticaly.com&utm_medium=Logo&utm_campaign=Sponsor%20link" target="_blank">
+          <img width="150px" src="https://www.staticaly.com/static/images/sponsors/cedexis.png">
         </a>
       </td>
       <td align="center" valign="middle">
-        <a class="clear" href="https://www.cloudKilat.com/?utm_source=Staticaly.com&utm_medium=Logo&utm_campaign=Sponsor%20link" target="_blank">
-          <img width="150px" src="https://www.staticaly.com/static/images/sponsors/cloudkilat.png">
+        <a class="clear" href="https://www.dediserve.com/?utm_source=Staticaly.com&utm_medium=Logo&utm_campaign=Sponsor%20link" target="_blank">
+          <img width="150px" src="https://www.staticaly.com/static/images/sponsors/dediserve-dark.svg">
         </a>
       </td>
     </tr>

diff --git a/_data/promo.yml b/_data/promo.yml
@@ -3,4 +3,4 @@ title: Make the project more better!
 link: /become-a-sponsor
 linktext: Become A Sponsor <i class="fa fa-bolt"></i>
 description: >-
-    Staticaly is Free, Open Source CDN for GitHub, GitLab, Bitbucket, Images and other static files with advanced features so you can load your project more easier.
+    Staticaly is Free, Open Source CDN for GitHub, GitLab, Bitbucket, Images and other static files with advanced features so you can load your project more easily.
diff --git a/_includes/price.html b/_includes/price.html
@@ -5,7 +5,7 @@
         <li>Making monthly donations to help us cover development costs and other expenses</li>
         <li>Donating development hours of your employees</li>
     </ul>
-    <p>Your sponsorship level is based on the value of your monthly donation. For example, to become a <strong>Prime</strong> sponsor, you need to sponsor a service worth $30 - 89 per month, donate the same amount of money, or corresponding number of development hours.</p>
+    <p>Your sponsorship level is based on the value of your monthly donation. For example, to become a <strong>Prime</strong> sponsor, you need to sponsor a service worth $30 - 119 per month, donate the same amount of money, or corresponding number of development hours.</p>
 
     <p>You can <a class="white" href="/contact">contact us</a> anytime if you have any questions.</p>
 </div>
@@ -15,9 +15,9 @@
 <div class="main price">
     <div class="column center bg-blue">
         <h2><i class="fa fa-award"></i> Optimus</h2>
-        <h3>$90+/month</h3>
+        <h3>$120+/month</h3>
         <ul>
-            <li>Logo + link in header</li>
+            <li>Logo + link on Homepage</li>
             <li>Big Logo + Attractive description on "Sponsors" page</li>
             <li>Mentions in Social Media</li>
             <li>Mentions future in blog posts</li>
@@ -28,9 +28,9 @@ <h3>$90+/month</h3>
 
     <div class="column center bg-tosca">
         <h2><i class="fa fa-bolt"></i> Prime</h2>
-        <h3>$30/month</h3>
+        <h3>$50/month</h3>
         <ul>
-            <li>Logo + link in footer</li>
+            <li>Logo + link + description on "Sponsors" page</li>
             <li>Mentions in Social Media</li>
             <li>Mentions future in blog posts</li>
         </ul>

diff --git a/_includes/sponsors/optimus-footer.html b/_includes/sponsors/optimus-footer.html
@@ -0,0 +1,17 @@
+<div id="sponsors-optimus" class="main sponsors" style="border-top: 1px solid #eee;">
+    <div class="column">
+        <a href="https://www.statuspage.io/" target="_blank"><img src="{{site.cdn.static}}/images/sponsors/statuspage.svg" alt="Statuspage"></a>
+    </div>
+
+    <div class="column">
+        <a href="https://updown.io/" target="_blank"><img src="{{site.cdn.static}}/images/sponsors/updown.io.svg" alt="updown.io"></a>
+    </div>
+
+    <div class="column">
+        <a href="https://www.dewaweb.com/" target="_blank"><img src="{{site.cdn.static}}/images/sponsors/dewaweb.png" alt="Dewaweb"></a>
+    </div>
+
+    <div class="column">
+        <a href="https://www.cloudKilat.com/" target="_blank"><img style="margin-top:5px;" src="{{site.cdn.static}}/images/sponsors/cloudkilat.png" alt="CloudKilat"></a>
+    </div>
+</div>
diff --git a/_includes/sponsors/optimus.html b/_includes/sponsors/optimus.html
@@ -5,27 +5,23 @@
         <a href="https://www.cloudflare.com/" target="_blank"><img src="{{site.cdn.static}}/images/sponsors/cloudflare.png" alt="CloudFlare"></a>
     </div>
 
-    <div class="column">
-        <a href="https://www.dediserve.com/" target="_blank"><img style="margin-top:10px;" src="{{site.cdn.static}}/images/sponsors/dediserve-dark.svg" alt="DediServe"></a>
-    </div>
-
     <div class="column">
         <a href="https://www.cdn77.com/" target="_blank"><img style="margin-top:5px;" src="{{site.cdn.static}}/images/sponsors/cdn77.png" alt="CDN77"></a>
     </div>
 
     <div class="column">
-        <a href="https://www.cedexis.com/" target="_blank"><img  src="{{site.cdn.static}}/images/sponsors/cedexis.png" alt="Cedexis"></a>
+        <a href="https://www.fastly.com/" target="_blank"><img src="{{site.cdn.static}}/images/sponsors/fastly.png" alt="Fastly"></a>
     </div>
 
     <div class="column">
-        <a href="https://www.fastly.com/" target="_blank"><img src="{{site.cdn.static}}/images/sponsors/fastly.png" alt="Fastly"></a>
+        <a href="https://bunnycdn.com/" target="_blank"><img style="margin-top:10px;" src="{{site.cdn.static}}/images/sponsors/bunnycdn.png" alt="BunnyCDN"></a>
     </div>
 
     <div class="column">
-        <a href="https://www.dewaweb.com/" target="_blank"><img src="{{site.cdn.static}}/images/sponsors/dewaweb.png" alt="Dewaweb"></a>
+        <a href="https://www.cedexis.com/" target="_blank"><img  src="{{site.cdn.static}}/images/sponsors/cedexis.png" alt="Cedexis"></a>
     </div>
 
     <div class="column">
-        <a href="https://www.cloudKilat.com/" target="_blank"><img style="margin-top:5px;" src="{{site.cdn.static}}/images/sponsors/cloudkilat.png" alt="CloudKilat"></a>
+        <a href="https://www.dediserve.com/" target="_blank"><img style="margin-top:10px;" src="{{site.cdn.static}}/images/sponsors/dediserve-dark.svg" alt="DediServe"></a>
     </div>
 </div>
diff --git a/_pages/sponsors.html b/_pages/sponsors.html
@@ -19,28 +19,28 @@ <h3>CloudFlare</h3>
         <a class="white" href="https://www.cloudflare.com/" target="_blank">Go to website</a>
     </div>
 
-    <div class="column">
-        <img src="{{site.cdn.static}}/images/sponsors/dediserve.svg" alt="DediServe">
-        <h3>DediServe</h3>
-        <p>Experience powerful, simplified, enterprise-grade SSD cloud from the world's largest OnApp provider. Available in 19 locations worldwide - build, deploy, and manage your cloud with confidence with DediServe. Use Promo code <span class="coupon">STATICALY10</span> to get 10% off your purchase!</p>
-        <a class="white" href="https://www.dediserve.com/" target="_blank">Go to website</a>
-    </div>
-
     <div class="column">
         <img src="{{site.cdn.static}}/images/sponsors/cdn77.png" alt="CDN77">
         <h3>CDN77</h3>
         <p style="font-size:14.3px;">CDN chosen by space agencies. With 32 strategically located data centers and 7Tbps+ redundant global network, CDN77 helps you speed up your online presence as well as stream live to your global audience. Get your 14-day free trial now.</p>
         <a class="white" href="https://www.cdn77.com/" target="_blank">Go to website</a>
     </div>
-</div>
 
-<div class="main" style="padding-left:0;padding-right:0;padding-bottom:0;">
     <div class="column">
         <img src="{{site.cdn.static}}/images/sponsors/fastly.png" alt="Fastly">
         <h3>Fastly</h3>
         <p>Fastly is Awesome edge cloud platform provides a content delivery network, Internet security services, load balancing, and video & streaming services.</p>
         <a class="white" href="https://www.fastly.com/" target="_blank">Go to website</a>
     </div>
+</div>
+
+<div class="main" style="padding-left:0;padding-right:0;padding-bottom:0;">
+    <div class="column">
+        <img src="{{site.cdn.static}}/images/sponsors/bunnycdn.png" alt="BunnyCDN">
+        <h3>BunnyCDN</h3>
+        <p>BunnyCDN is a simple and powerful CDN, offering lightning fast performance for a fraction of the cost with free SSL, Brotli, HTTP/2 and 100% Pay As You Go pricing.</p>
+        <a class="white" href="https://www.bunnycdn.com/" target="_blank">Go to website</a>
+    </div>
 
     <div class="column">
         <img src="{{site.cdn.static}}/images/sponsors/cedexis_white.png" alt="Cedexis">
@@ -50,14 +50,28 @@ <h3>Cedexis</h3>
     </div>
 
     <div class="column">
-        <img src="{{site.cdn.static}}/images/sponsors/bunnycdn.png" alt="BunnyCDN">
-        <h3>BunnyCDN</h3>
-        <p>BunnyCDN is a simple and powerful CDN, offering lightning fast performance for a fraction of the cost with free SSL, Brotli, HTTP/2 and 100% Pay As You Go pricing.</p>
-        <a class="white" href="https://www.bunnycdn.com/" target="_blank">Go to website</a>
+        <img src="{{site.cdn.static}}/images/sponsors/dediserve.svg" alt="DediServe">
+        <h3>DediServe</h3>
+        <p>Experience powerful, simplified, enterprise-grade SSD cloud from the world's largest OnApp provider. Available in 19 locations worldwide - build, deploy, and manage your cloud with confidence with DediServe. Use Promo code <span class="coupon">STATICALY10</span> to get 10% off your purchase!</p>
+        <a class="white" href="https://www.dediserve.com/" target="_blank">Go to website</a>
     </div>
 </div>
 
 <div class="main" style="padding-left:0;padding-right:0;padding-bottom:0;">
+    <div class="column">
+        <img src="{{site.cdn.static}}/images/sponsors/statuspage.svg" alt="Statuspage">
+        <h3>Statuspage</h3>
+        <p>The #1 status and incident communication tool. StatusPage.io is the best way for web infrastructure, developer API, and SaaS companies to get set up with their very own status page.</p>
+        <a class="white" href="https://www.statuspage.io/" target="_blank">Go to website</a>
+    </div>
+
+    <div class="column">
+        <img src="{{site.cdn.static}}/images/sponsors/updown.io.svg" alt="updown.io">
+        <h3>updown.io</h3>
+        <p>updown.io is beautiful, simple and inexpensive website monitoring, they help us monitor our origin server, so when one of our server isn't healthy, we will find out quickly.</p>
+        <a class="white" href="https://updown.io/" target="_blank">Go to website</a>
+    </div>
+
     <div class="column">
         <img src="{{site.cdn.static}}/images/sponsors/dewaweb.png" alt="Dewaweb" style="margin-top:-10px;">
         <h3>Dewaweb</h3>
@@ -76,13 +90,6 @@ <h3>CloudKilat</h3>
 <h2 class="sponsor-label"><i class="fa fa-bolt"></i> PRIME</h2>
 
 <div class="main" style="padding-left:0;padding-right:0;">
-    <div class="column">
-        <img src="{{site.cdn.static}}/images/sponsors/netlify-dark.svg" alt="Netlify">
-        <h3>Netlify</h3>
-        <p>Netlify provide us free open source plan, which gives us more collaboration to deploy Staticaly's website. By using Netlify we also get more functionality, like Form to handle our communication to users.</p>
-        <a class="white" href="https://www.netlify.com/" target="_blank">Go to website</a>
-    </div>
-
     <div class="column">
         <img src="{{site.cdn.static}}/images/sponsors/evennode.png" alt="EvenNode">
         <h3>EvenNode</h3>
@@ -91,10 +98,10 @@ <h3>EvenNode</h3>
     </div>
 
     <div class="column">
-        <img src="{{site.cdn.static}}/images/sponsors/statuspage.svg" alt="Statuspage">
-        <h3>Statuspage</h3>
-        <p>The #1 status and incident communication tool. StatusPage.io is the best way for web infrastructure, developer API, and SaaS companies to get set up with their very own status page.</p>
-        <a class="white" href="https://www.statuspage.io/" target="_blank">Go to website</a>
+        <img src="{{site.cdn.static}}/images/sponsors/netlify-dark.svg" alt="Netlify">
+        <h3>Netlify</h3>
+        <p>Netlify provide us free open source plan, which gives us more collaboration to deploy Staticaly's website. By using Netlify we also get more functionality, like Form to handle our communication to users.</p>
+        <a class="white" href="https://www.netlify.com/" target="_blank">Go to website</a>
     </div>
 
     <div class="column">

diff --git a/index.html b/index.html
@@ -70,3 +70,5 @@ <h2>Solution for your static files</h2>
         {% include features/apps.html %}
     </div>
 </div>
+
+{% include sponsors/optimus-footer.html %}