Skip to content

Commit

Permalink
Add module buttons to calendar page and remove whitespace in headings
Browse files Browse the repository at this point in the history
  • Loading branch information
@robbiejaeger
robbiejaeger committed Jul 17, 2019
1 parent a2b1b66 commit 698cca0
Showing 1 changed file with 67 additions and 53 deletions.
120 changes: 67 additions & 53 deletions today/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,62 +1,79 @@
---
title: Daily Outlines Current Inning
layout: page
title: Daily Calendar
---

<h2>Mod 1<h2>
<section>
<button class="btn btn-dark module-selector" data-module="1">Module 1</button>
<button class="btn btn-dark module-selector" data-module="2">Module 2</button>
<button class="btn btn-dark module-selector" data-module="3">Module 3</button>
<button class="btn btn-dark module-selector" data-module="4">Module 4</button>
<button class="btn btn-dark module-selector" data-module="0">Show All</button>
</section>

<div class='responsive-iframe-container'>
<div class='tablet'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_m6bndqol81h6jdlnpo0a6raot0%40group.calendar.google.com&amp;color=%2342104A&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
<div class='desktop'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=1&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=WEEK&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_m6bndqol81h6jdlnpo0a6raot0%40group.calendar.google.com&amp;color=%232952A3&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
<section class="module-content" data-module="1" style="display:none">
<h2>Mod 1<h2>

<div class="responsive-iframe-container">
<div class='tablet'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_m6bndqol81h6jdlnpo0a6raot0%40group.calendar.google.com&amp;color=%2342104A&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
<div class='desktop'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=1&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=WEEK&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_m6bndqol81h6jdlnpo0a6raot0%40group.calendar.google.com&amp;color=%232952A3&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</section>

<h2> Mod 2 </h2>
<section class="module-content" data-module="2" style="display:none">
<h2>Mod 2</h2>

<div class='responsive-iframe-container'>
<div class='tablet'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_cjiffoqvtajq43n5mn290cp744%40group.calendar.google.com&amp;color=%230F4B38&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
<div class='desktop'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=1&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=WEEK&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_cjiffoqvtajq43n5mn290cp744%40group.calendar.google.com&amp;color=%230F4B38&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
<div class="responsive-iframe-container">
<div class='tablet'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_cjiffoqvtajq43n5mn290cp744%40group.calendar.google.com&amp;color=%230F4B38&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
<div class='desktop'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=1&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=WEEK&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_cjiffoqvtajq43n5mn290cp744%40group.calendar.google.com&amp;color=%230F4B38&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</section>

<h2> Mod 3 </h2>
<section class="module-content" data-module="3" style="display:none">
<h2>Mod 3</h2>

<div class='responsive-iframe-container'>
<div class='tablet'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_krb9p35ck35m4uoji5d2715844%40group.calendar.google.com&amp;color=%23853104&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
<div class="responsive-iframe-container">
<div class='tablet'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_krb9p35ck35m4uoji5d2715844%40group.calendar.google.com&amp;color=%23853104&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
<div class='desktop'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=1&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=WEEK&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_krb9p35ck35m4uoji5d2715844%40group.calendar.google.com&amp;color=%23853104&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
</div>
<div class='desktop'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=1&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=WEEK&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_krb9p35ck35m4uoji5d2715844%40group.calendar.google.com&amp;color=%23853104&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</section>

<h2> Mod 4 </h2>
<section class="module-content" data-module="4" style="display:none">
<h2>Mod 4</h2>

<div class='responsive-iframe-container'>
<div class='tablet'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_pe92inv861hml159vg7qh8vpls%40group.calendar.google.com&amp;color=%23875509&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
<div class='desktop'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=1&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=WEEK&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_pe92inv861hml159vg7qh8vpls%40group.calendar.google.com&amp;color=%23875509&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
<div class="responsive-iframe-container">
<div class='tablet'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_pe92inv861hml159vg7qh8vpls%40group.calendar.google.com&amp;color=%23875509&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
<div class='desktop'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showNav=1&amp;showDate=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;mode=WEEK&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_pe92inv861hml159vg7qh8vpls%40group.calendar.google.com&amp;color=%23875509&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</section>

<h2> Community Calendar </h2>
<h2>Community Calendar</h2>

<div class='responsive-iframe-container'>
<div class="responsive-iframe-container">
<div class='tablet'>
<iframe src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=casimircreative.com_ronr9dk92ndvlhsk03kf8jd2ro%40group.calendar.google.com&amp;color=%2323164E&amp;ctz=America%2FDenver"
style="border-width:0" frameborder="0" scrolling="no"></iframe>
Expand All @@ -68,14 +85,11 @@ <h2> Community Calendar </h2>
</div>

<ul>
<li><a href="https://calendar.google.com/calendar/embed?src=casimircreative.com_ronr9dk92ndvlhsk03kf8jd2ro%40group.calendar.google.com&ctz=America/Denver">Community
Calendar</a></li>
<li><a href="https://calendar.google.com/calendar/embed?src=casimircreative.com_m6bndqol81h6jdlnpo0a6raot0%40group.calendar.google.com&ctz=America/Denver">Module
1 Calendar</a></li>
<li><a href="https://calendar.google.com/calendar/embed?src=Y2FzaW1pcmNyZWF0aXZlLmNvbV9jamlmZm9xdnRhanE0M241bW4yOTBjcDc0NEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t">Module
2 Calendar</a></li>
<li><a href="https://calendar.google.com/calendar/embed?src=casimircreative.com_krb9p35ck35m4uoji5d2715844%40group.calendar.google.com&ctz=America/Denver">Module
3 Calendar</a></li>
<li><a href="https://calendar.google.com/calendar/embed?src=casimircreative.com_pe92inv861hml159vg7qh8vpls%40group.calendar.google.com&ctz=America/Denver">Module
4 Calendar</a></li>
<li><a href="https://calendar.google.com/calendar/embed?src=casimircreative.com_ronr9dk92ndvlhsk03kf8jd2ro%40group.calendar.google.com&ctz=America/Denver">Community Calendar</a></li>
<li><a href="https://calendar.google.com/calendar/embed?src=casimircreative.com_m6bndqol81h6jdlnpo0a6raot0%40group.calendar.google.com&ctz=America/Denver">Module 1 Calendar</a></li>
<li><a href="https://calendar.google.com/calendar/embed?src=Y2FzaW1pcmNyZWF0aXZlLmNvbV9jamlmZm9xdnRhanE0M241bW4yOTBjcDc0NEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t">Module 2 Calendar</a></li>
<li><a href="https://calendar.google.com/calendar/embed?src=casimircreative.com_krb9p35ck35m4uoji5d2715844%40group.calendar.google.com&ctz=America/Denver">Module 3 Calendar</a></li>
<li><a href="https://calendar.google.com/calendar/embed?src=casimircreative.com_pe92inv861hml159vg7qh8vpls%40group.calendar.google.com&ctz=America/Denver">Module 4 Calendar</a></li>
</ul>

<script src="/public/js/module-selectors.js"></script>

0 comments on commit 698cca0

Please sign in to comment.