Merge branch 'master' of https://github.com/dbgate/dbgate.github.io

Author: SPRINX0\prochazka

_data/pricing.yml

@@ -4,7 +4,13 @@
     - unlimited connections
     - community support
     - desktop and web applications
+  featuresNot:
+    - cloud DB´s support
+    - query designer
+    - compare database models
+    - administration interface
   price: for free
+  priceAlt: Opensource, free for any use  
   purchaseLink: /download-community/
   purchaseLinkText: Download
 
@@ -16,26 +22,32 @@
     - cloud DB´s support
     - query designer
     - compare database models
-    - desktop application (Windows, Linux, MacOS)
+    - desktop application
     - premium support
-  price: $120 / year or $10 / month
+  featuresNot:
+    - web application
+    - administration interface
+  price: $12
+  priceSuffix:  / month
+  priceAlt: or $120 / year
   purchaseLink: /purchase/premium/
   purchaseLinkText: Purchase
 
 
 - name: Team Premium
   features:
-    - 2+ users
     - unlimited connections
     - community support
     - cloud DB´s support
     - query designer
     - compare database models
     - premium support
-    - desktop application (Windows, Linux, MacOS)
-    - web application (docker, NPM)
+    - desktop application
+    - web application
     - administration interface
     - external identity providers
-  price: $150 / user / year
+  price: $150
+  priceAlt: 2+ users
+  priceSuffix:  / user / year
   purchaseLink: /purchase/team-premium/
   purchaseLinkText: Purchase

_includes/pricing.html

@@ -1,17 +1,36 @@
 <div class="columns is-multiline is-centered">
     {% for pricing in site.data.pricing %}
-    <div class="column is-4 has-text-centered">
-        <div class="has-text-white has-background-info m-4 p-2">{{ pricing.name }}</div>
+    <div class="column is-3 has-text-centered has-background-grey-lighter m-4">
+        <!--<div class="has-text-white has-background-info m-4 p-2">{{ pricing.name }}</div>-->
 
-        {% for feature in pricing.features %}
-        <div>{{ feature }}</div>
-        {% endfor %}
+        <div class="has-text-info is-size-3">{{ pricing.name }}</div>
+
+        <div><span class="has-text-info is-size-4">{{ pricing.price }}</span> {{ pricing.priceSuffix }}</div>
+        <div class="has-text-grey">{{ pricing.priceAlt }}</div>
 
-        <div class="has-text-info">{{ pricing.price }}</div>
 
         {% if pricing.purchaseLink %}
-        <a href="{{ pricing.purchaseLink }}" class="button is-info is-rounded mt-3">{{ pricing.purchaseLinkText }}</a>
+        <a href="{{ pricing.purchaseLink }}" class="button is-info is-rounded mt-3 mb-3">{{ pricing.purchaseLinkText }}</a>
         {% endif %}
+
+
+        {% for feature in pricing.features %}
+        <div class="has-text-left">
+            <span class="icon has-text-success">
+                <i class="fas fa-check"></i>
+              </span>
+            {{ feature }}
+        </div>
+        {% endfor %}
+
+        {% for feature in pricing.featuresNot %}
+        <div class="has-text-left">
+            <span class="icon has-text-danger">
+                <i class="fas fa-ban"></i>
+              </span>
+            {{ feature }}
+        </div>
+        {% endfor %}
     </div>
     {% endfor %}
 </div>