diff options
-rw-r--r-- | _data/prices.yml | 4 | ||||
-rw-r--r-- | _includes/pricing-table.liquid | 71 | ||||
-rw-r--r-- | _layouts/index.liquid | 12 | ||||
-rw-r--r-- | styles/main.scss | 1 |
4 files changed, 51 insertions, 37 deletions
diff --git a/_data/prices.yml b/_data/prices.yml index 66777c3..e1aafa4 100644 --- a/_data/prices.yml +++ b/_data/prices.yml @@ -1,4 +1,4 @@ -- name: "Subject, Time Management, and Study Skills Tutoring" +- name: "Subject, Time Management, Study Skills Tutoring" cost: inperson: 60 remote: 50 @@ -12,5 +12,5 @@ remote: 25 - name: "Group Webinars" cost: - inperson: 30 + inperson: remote: 30 diff --git a/_includes/pricing-table.liquid b/_includes/pricing-table.liquid index 3772847..5ea6253 100644 --- a/_includes/pricing-table.liquid +++ b/_includes/pricing-table.liquid @@ -1,33 +1,42 @@ <!DOCTYPE html> -{% for each in site.data.prices %} -<table class="table is-striped is-bordered"> - <thead> - <tr> - <th colspan="3" class="has-text-centered"> - {{ each.name }} - </th> - </tr> - </thead> - <tbody> - {% if each.cost.inperson != each.cost.remote %} - <tr> - <th style="text-align: right;"> - In-Person - </th> - <td> - ${{ each.cost.inperson}}/hr - </td> - </tr> - {% endif %} - <tr> - <th style="text-align: right;"> - Remote - </th> +<div class="box"> + <p class="title has-text-centered"> + Pricing Guide + </p> + <table class="table is-fullwidth"> + <thead> + <tr> + <th></th> + {% for each in site.data.prices %} + <th> + {{ each.name }} + </th> + {% endfor%} + </tr> + </thead> - <td> - ${{ each.cost.remote }}/hr - </td> - </tr> - </tbody> -</table> -{% endfor %} + <tbody> + <tr> + <th> + Remote + </th> + {% for each in site.data.prices %} + <td> + {% if each.cost.remote %} ${{ each.cost.remote }} per hour {% endif %} + </td> + {% endfor %} + </tr> + <tr> + <th> + In-Person + </th> + {% for each in site.data.prices %} + <td> + {% if each.cost.inperson %} ${{ each.cost.inperson }} per hour {% + endif %} + </td> + {% endfor %} + </tr> + </tbody> + </table> +</div> diff --git a/_layouts/index.liquid b/_layouts/index.liquid index 2c944b8..1bb3562 100644 --- a/_layouts/index.liquid +++ b/_layouts/index.liquid @@ -34,7 +34,7 @@ </div> </section> - <!-- intro blurb, logo --> + <!-- intro blurb, portrait --> <section class="section quiet"> <div class="container"> <div class="columns"> @@ -45,9 +45,6 @@ <p>{{ line }}</p> {% endfor %} </div> - <hr /> - <!-- pricing table --> - {% include "pricing-table.liquid" %} </div> <div class="column is-one-third"> <div class="box"> @@ -89,6 +86,13 @@ </div> </section> + <!-- pricing table --> + <section class="section" id="pricing"> + <div class="container"> + {% include "pricing-table.liquid" %} + </div> + </section> + <!-- offering modal (hidden by default) --> {% for offering in site.data.offerings %} <div id="offering-{{ offering.id }}-modal" class="modal fadeIn"> diff --git a/styles/main.scss b/styles/main.scss index 3aca98a..3223d50 100644 --- a/styles/main.scss +++ b/styles/main.scss @@ -31,6 +31,7 @@ $subtitle-color: $darkteal; $subtitle-family: "Indie Flower", cursive; //$body-font-size: 1.8rem; // $body-background-color: $isabelline; +// $table-striped-row-even-background-color: $darkteal; // Import only what you need from Bulma @import "../_bulma/node_modules/bulma/sass/utilities/_all.sass"; |