summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--_data/prices.yml4
-rw-r--r--_includes/pricing-table.liquid71
-rw-r--r--_layouts/index.liquid12
-rw-r--r--styles/main.scss1
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";