From 0539362d19d5da884dfe61a1da9e1012119dc9a5 Mon Sep 17 00:00:00 2001
From: m26lebla <m26lebla@uwaterloo.ca>
Date: Fri, 16 Apr 2021 10:30:24 -0400
Subject: [PATCH] timeline css and patterns
---
css/styles.css | 170 +++++++++++++
.../04-components/timeline/_timeline.scss | 213 ++++++++++++++++
.../04-components/timeline/timeline.md | 0
.../04-components/timeline/timeline.twig | 46 ++++
.../04-components/timeline/timeline.yml | 238 ++++++++++++++++++
5 files changed, 667 insertions(+)
create mode 100644 source/_patterns/04-components/timeline/_timeline.scss
create mode 100644 source/_patterns/04-components/timeline/timeline.md
create mode 100644 source/_patterns/04-components/timeline/timeline.twig
create mode 100644 source/_patterns/04-components/timeline/timeline.yml
diff --git a/css/styles.css b/css/styles.css
index 3bbad073..e34cee53 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -8827,6 +8827,176 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] {
line-height: 1.5;
} }
+.vertical-timeline {
+ list-style: none;
+ /* 2 padding-top to allow pulling the line up above the first entry */
+ padding: 0;
+ padding-top: 3rem !important;
+ position: relative;
+ z-index: 1;
+}
+@media (min-width: 40.06rem) {
+ .vertical-timeline {
+ margin-left: 2rem;
+} }
+@media (min-width: 48.06rem) {
+ .vertical-timeline {
+ margin: 0;
+} }
+.vertical-timeline p {
+ margin-top: 0.5rem;
+}
+.vertical-timeline a {
+ text-decoration: none;
+}
+.vertical-timeline li {
+ margin: 0;
+ padding: 0;
+}
+.vertical-timeline ol {
+ display: inline-block;
+ list-style: none;
+ margin: 0;
+ overflow: visible;
+ padding: 0;
+ vertical-align: top;
+}
+.vertical-timeline .timeline-year {
+ background: #000;
+ color: #fff;
+ display: inline-block;
+ padding: 0.25rem 0.5rem;
+ position: relative;
+ text-align: center;
+ /* Fix the width so the line always lines up. */
+ width: 3rem;
+ z-index: 2;
+}
+.vertical-timeline .timeline-month {
+ background: #666;
+ color: #fff;
+ display: inline-block;
+ padding: 0.25rem 0.5rem;
+ position: relative;
+ text-align: center;
+ text-transform: uppercase;
+ /* Fix the width so the line always lines up. */
+ width: 3rem;
+ z-index: 2;
+}
+@media (min-width: 48.06rem) {
+ .vertical-timeline .timeline-month {
+ margin-left: -0.19rem;
+} }
+.vertical-timeline .timeline-info {
+ border: 1px solid #fff;
+ box-shadow: 2px 2px 0 #f6f6f6;
+ margin-bottom: 2rem;
+ padding: 0.125rem 1rem 2rem;
+ position: relative;
+}
+.vertical-timeline .timeline-info a {
+ display: block;
+ /* Margin/padding tricks to make links cover the padding of the li */
+ margin: -1rem -1rem -2rem;
+ padding: 1rem 1rem 2rem;
+}
+.vertical-timeline .timeline-info a:hover {
+ background: #f6f6f6;
+}
+.vertical-timeline .timeline-info a::after {
+ /* Modern clearfix from https://css-tricks.com/snippets/css/clear-fix/ */
+ clear: both;
+ content: "";
+ display: table;
+}
+.vertical-timeline .timeline-info::before {
+ /* Trick CSS to add the circle. */
+ background: #f6f6f6;
+ border: 1px solid #999;
+ border-radius: 50%;
+ content: '';
+ display: inline-block;
+ height: 0.75rem;
+ left: -0.5rem;
+ position: absolute;
+ top: 0.25rem;
+ width: 0.75rem;
+}
+@media (min-width: 48.06rem) {
+ .vertical-timeline .timeline-info::before {
+ left: -1.45rem;
+} }
+.vertical-timeline .timeline-info::after {
+ /* Modern clearfix from https://css-tricks.com/snippets/css/clear-fix/ */
+ clear: both;
+ content: "";
+ display: table;
+}
+.vertical-timeline .timeline-photo {
+ border: 1px solid #ddd;
+ float: right;
+ margin: 0 0 0.7rem 0.7rem;
+ width: 8rem;
+}
+.vertical-timeline.vertical-year,
+.vertical-timeline.vertical-month {
+ overflow: visible;
+}
+.vertical-timeline.vertical-year,
+.vertical-timeline.vertical-month ol {
+ /* -2 margin-top + 2 padding-top to pull the line up above the first entry */
+ margin-top: -2rem;
+ padding-top: 2rem;
+ width: 100%;
+}
+@media (min-width: 48.06rem) {
+ .vertical-timeline.vertical-year,
+ .vertical-timeline.vertical-month ol {
+ width: calc(100% - 4rem);
+} }
+.vertical-timeline.vertical-year ol,
+.vertical-timeline.vertical-month ol ol {
+ border-left: 1px solid #bdbdbd;
+ /* -2 margin-top + 2 padding-top to pull the line up above the first entry */
+ margin: -1rem 0 0;
+ width: 100%;
+}
+@media (min-width: 48.06rem) {
+ .vertical-timeline.vertical-year ol,
+ .vertical-timeline.vertical-month ol ol {
+ margin: -1rem 0 0 2rem;
+ padding: 1rem 1rem 0;
+ width: calc(100% - 8rem);
+} }
+
+/* Vertical timelines */
+.vertical-timeline {
+ font-family: BureauGrot, impact, "avenir next condensed heavy", "Droid Sans", sans-serif;;
+ font-size: 0.88889rem;
+ font-weight: 200;
+}
+.vertical-timeline p {
+ font-family: BureauGrot, impact, "avenir next condensed heavy", "Droid Sans", sans-serif;;
+ font-size: 0.88889rem;
+}
+.vertical-timeline b,
+.vertical-timeline strong {
+ font-family: "BureauGrot Book", impact, "avenir next condensed heavy", "Droid Sans", sans-serif;
+ font-weight: 500;
+}
+
+.timeline-headline {
+ font-size: 1rem;
+ line-height: 1.25;
+}
+
+.timeline-year,
+.timeline-month {
+ font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
+ font-size: 0.88889rem;
+}
+
.uw-twitter__wrapper {
margin-left: auto;
margin-right: auto;
diff --git a/source/_patterns/04-components/timeline/_timeline.scss b/source/_patterns/04-components/timeline/_timeline.scss
new file mode 100644
index 00000000..4e22aba7
--- /dev/null
+++ b/source/_patterns/04-components/timeline/_timeline.scss
@@ -0,0 +1,213 @@
+.vertical-timeline {
+ list-style: none;
+
+ @include xs {
+ //margin-left:1rem;
+
+ }
+ @include small {
+ margin-left:2rem;
+
+ }
+ @include medium {
+ margin: 0;
+ }
+ /* 2 padding-top to allow pulling the line up above the first entry */
+ padding:0;
+ padding-top: 3rem !important;
+ position: relative;
+ //top:2rem;/
+ z-index: gesso-z-index(background);
+ p {
+ margin-top: 0.5rem;
+ }
+
+ a {
+ text-decoration: none;
+ }
+
+ li {
+ margin: 0;
+ padding: 0;
+ }
+
+ ol {
+ display: inline-block;
+ list-style: none;
+ margin: 0;
+ overflow: visible;
+ padding: 0;
+ vertical-align: top;
+ }
+
+ .timeline-year {
+ background: #000;
+ color: #fff;
+ display: inline-block;
+
+ //@include xs {
+ // margin-left: -0.5rem;
+ //
+ //}
+ //@include small {
+ // margin-left:-1.5rem;
+ //
+ //}
+ //@include medium {
+ // margin-left:inherit;
+ //}
+ padding: 0.25rem 0.5rem;
+ position: relative;
+ text-align: center;
+ /* Fix the width so the line always lines up. */
+ width: 3rem;
+ z-index: gesso-z-index(wrapper);
+ }
+
+ .timeline-month {
+ background: #666;
+ color: #fff;
+ display: inline-block;
+ @include medium {
+ margin-left: -0.19rem;
+ }
+ padding: 0.25rem 0.5rem;
+ position: relative;
+ text-align: center;
+ text-transform: uppercase;
+ /* Fix the width so the line always lines up. */
+ width: 3rem;
+ z-index: gesso-z-index(wrapper);
+ }
+
+ .timeline-info {
+
+ border: 1px solid #fff;
+ box-shadow: 2px 2px 0 #f6f6f6;
+ margin-bottom: 2rem;
+ padding:0.125rem 1rem 2rem ;
+ position: relative;
+ a {
+ display: block;
+
+ /* Margin/padding tricks to make links cover the padding of the li */
+ margin: -1rem -1rem -2rem ;
+ padding: 1rem 1rem 2rem;
+
+ &:hover {
+ background: #f6f6f6;
+ }
+
+ &::after {
+ /* Modern clearfix from https://css-tricks.com/snippets/css/clear-fix/ */
+ clear: both;
+ content: "";
+ display: table;
+ }
+ }
+
+ &::before {
+ /* Trick CSS to add the circle. */
+ background: #f6f6f6;
+ border: 1px solid #999;
+ border-radius: 50%;
+ content: '';
+ display: inline-block;
+ height: 0.75rem;
+ left: -0.5rem;
+ @include medium {
+ left: -1.45rem;
+ }
+ position: absolute;
+ top: 0.25rem;
+ width: 0.75rem;
+ }
+
+ &::after {
+ /* Modern clearfix from https://css-tricks.com/snippets/css/clear-fix/ */
+ clear: both;
+ content: "";
+ display: table;
+ }
+ }
+
+ .timeline-photo {
+
+ border: 1px solid #ddd;
+ float: right;
+ margin: 0 0 0.7rem 0.7rem;
+ width:8rem;
+ }
+
+ &.vertical-year,
+ &.vertical-month {
+ overflow: visible;
+ }
+
+ &.vertical-year,
+ &.vertical-month ol {
+
+
+ /* -2 margin-top + 2 padding-top to pull the line up above the first entry */
+ margin-top: -2rem;
+ padding-top: 2rem;
+ width:100%;
+ @include medium {
+ width: calc(100% - 4rem);
+ }
+ }
+
+ &.vertical-year ol,
+ &.vertical-month ol ol {
+ border-left: 1px solid #bdbdbd;
+ /* -2 margin-top + 2 padding-top to pull the line up above the first entry */
+ margin: -1rem 0 0;
+ width: 100%;
+ //@include xs {
+ // left: 1rem;
+ // margin: 0;
+ // position: relative;
+ // //width: calc(100% - 1rem);
+ //}
+ //@include small {
+ // left:2rem;
+ // //width: calc(100% - 2rem);
+ //}
+ @include medium {
+ margin: -1rem 0 0 2rem;
+ padding: 1rem 1rem 0;
+ width: calc(100% - 8rem);
+ }
+ }
+}
+
+/* Vertical timelines */
+
+.vertical-timeline {
+ font-family: gesso-font-family(secondary);
+ font-size: rem(gesso-font-size(-1));
+ font-weight: 200;
+
+ p {
+ font-family: gesso-font-family(secondary);
+ font-size: rem(gesso-font-size(-1));
+ }
+
+ b, strong {
+ font-family: gesso-font-family(book);
+ font-weight: 500;
+ }
+}
+
+.timeline {
+ &-headline {
+ font-size: rem(gesso-font-size(0));
+ line-height: 1.25;
+ }
+
+ &-year,
+ &-month {
+ font-family: gesso-font-family(systemmedium);
+ font-size:rem(gesso-font-size(-1));
+ }
+}
diff --git a/source/_patterns/04-components/timeline/timeline.md b/source/_patterns/04-components/timeline/timeline.md
new file mode 100644
index 00000000..e69de29b
diff --git a/source/_patterns/04-components/timeline/timeline.twig b/source/_patterns/04-components/timeline/timeline.twig
new file mode 100644
index 00000000..31fe1865
--- /dev/null
+++ b/source/_patterns/04-components/timeline/timeline.twig
@@ -0,0 +1,46 @@
+{% set modifier_classes -%}
+ uw-timeline vertical-timeline vertical-{{ style }} {{ modifier_classes }}
+{%- endset %}
+
+{% set display_year = timeline_items[0].year %}
+
+<ol class="{{ modifier_classes }}">
+ {% for item in timeline_items %}
+
+ {% if loop.index == 1 or item.year != display_year %}
+ <li>
+ <span class="timeline-year">{{ item.year }}</span>
+ <ol>
+
+ {% endif %}
+
+ {% if item.month and style == 'month' %}
+ <li>
+ <span class="timeline-month">{{ item.month}}</span>
+ <ol>
+ {% endif %}
+
+ {% for entry in item.entries %}
+ <li class="timeline-info">
+ {% if entry.image %}
+ <img src="{{ entry.image }}" alt="" class="timeline-photo"/>
+ {% endif %}
+ <div class="timeline-headline"><strong>{{ entry.headline }}</strong></div>
+ <p>{{ entry.content }}</p>
+ </li>
+ {% endfor %}
+
+
+ {% if item.month and style == 'month' %}
+ </ol>
+ </li>
+ {% endif %}
+
+ {% if item.year != display_year %}
+ </ol>
+ </li>
+ {% set display_year = item.year %}
+ {% endif %}
+
+ {% endfor %}
+</ol>
\ No newline at end of file
diff --git a/source/_patterns/04-components/timeline/timeline.yml b/source/_patterns/04-components/timeline/timeline.yml
new file mode 100644
index 00000000..efee4a46
--- /dev/null
+++ b/source/_patterns/04-components/timeline/timeline.yml
@@ -0,0 +1,238 @@
+#---
+#style: 'year'
+#sort: 'ascending'
+#timeline_items:
+# -
+# year: '1966'
+# month: 'jun'
+# entries:
+# -
+# headline: 'June 8, 1966'
+# content: 'The Polyphemus moths have begun to emerge from their cocoons - 7 females and 2 males emerge in one day. I put the females into 3 separate mating boxes and leave them by an open window so that they can release their pheromones. By 1 am, they have called in a couple of male moths. I mate two of the females with wild males.'
+# -
+# headline: 'June 9, 1966'
+# content: 'I release all the moths except one of the pregnant Polyphemus moths which I keep in a paper bag to lay her eggs.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_9.jpg?itok=9i7qSooF'
+# -
+# headline: 'June 10-11, 1966'
+# content: 'The female Polyphemus has laid a total of 103 eggs. Half of these eggs are now in the Ecology Lab under modified temperature and humidity conditions. As a control measure, the other half of the eggs have been placed in a natural area, their habitat was not modified in any way so that they are subject to natural conditions.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_10.jpg?itok=rZoYiTP_'
+# -
+# headline: 'June 13, 1966'
+# content: 'A total of 10 males and 1 female Cecropia Moths have emerged, which is a stark contrast to the sex ratio of the Polyphemus moths. I will attempt to mate the female tonight using the same method as the Polyphemus moths. I will also be releasing the males tonight, but I have tagged them with small stickers to prevent inbreeding should they find their way back to the female through her pheromones.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_13.jpg?itok=-TIDW7D8'
+# -
+# headline: 'June 16 - 18, 1966'
+# content: 'Successfully mated a Cecropia moth at 2:40 am on June16th, and over the next 2 days she laid 153 eggs into a paper bag. However, she presented odd behaviour while laying eggs, and laid thick bundles of 10-20 eggs on her legs rather than on the bag. Usually a female will lay groups of 3 eggs randomly, and never on her own body. I removed them from her and pulled apart the eggs before the substrate used to stick eggs to leaves completely dried. However I do not know if I have accidentally damaged any eggs in the process, despite my carefulness. This will be interesting to observe once the caterpillars begin to hatch in 10-14 days. '
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_16.jpg?itok=18idxfuY'
+# -
+# year: '1967'
+# month: 'jul'
+# entries:
+# -
+# headline: 'July 8, 1967'
+# content: 'The Polyphemus moths have begun to emerge from their cocoons - 7 females and 2 males emerge in one day. I put the females into 3 separate mating boxes and leave them by an open window so that they can release their pheromones. By 1 am, they have called in a couple of male moths. I mate two of the females with wild males.'
+# -
+# headline: 'July 9, 1967'
+# content: 'I release all the moths except one of the pregnant Polyphemus moths which I keep in a paper bag to lay her eggs.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_9.jpg?itok=9i7qSooF'
+# -
+# headline: 'July 10-11, 1967'
+# content: 'The female Polyphemus has laid a total of 103 eggs. Half of these eggs are now in the Ecology Lab under modified temperature and humidity conditions. As a control measure, the other half of the eggs have been placed in a natural area, their habitat was not modified in any way so that they are subject to natural conditions.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_10.jpg?itok=rZoYiTP_'
+# -
+# headline: 'July 13, 1967'
+# content: 'A total of 10 males and 1 female Cecropia Moths have emerged, which is a stark contrast to the sex ratio of the Polyphemus moths. I will attempt to mate the female tonight using the same method as the Polyphemus moths. I will also be releasing the males tonight, but I have tagged them with small stickers to prevent inbreeding should they find their way back to the female through her pheromones.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_13.jpg?itok=-TIDW7D8'
+# -
+# headline: 'July 16 - 18, 1967'
+# content: 'Successfully mated a Cecropia moth at 2:40 am on June16th, and over the next 2 days she laid 153 eggs into a paper bag. However, she presented odd behaviour while laying eggs, and laid thick bundles of 10-20 eggs on her legs rather than on the bag. Usually a female will lay groups of 3 eggs randomly, and never on her own body. I removed them from her and pulled apart the eggs before the substrate used to stick eggs to leaves completely dried. However I do not know if I have accidentally damaged any eggs in the process, despite my carefulness. This will be interesting to observe once the caterpillars begin to hatch in 10-14 days. '
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_16.jpg?itok=18idxfuY'
+# -
+# year: '1968'
+# month: 'aug'
+# entries:
+# -
+# headline: 'aug 8, 1967'
+# content: 'The Polyphemus moths have begun to emerge from their cocoons - 7 females and 2 males emerge in one day. I put the females into 3 separate mating boxes and leave them by an open window so that they can release their pheromones. By 1 am, they have called in a couple of male moths. I mate two of the females with wild males.'
+# -
+# headline: 'aug 9, 1967'
+# content: 'I release all the moths except one of the pregnant Polyphemus moths which I keep in a paper bag to lay her eggs.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_9.jpg?itok=9i7qSooF'
+# -
+# headline: 'aug 10-11, 1967'
+# content: 'The female Polyphemus has laid a total of 103 eggs. Half of these eggs are now in the Ecology Lab under modified temperature and humidity conditions. As a control measure, the other half of the eggs have been placed in a natural area, their habitat was not modified in any way so that they are subject to natural conditions.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_10.jpg?itok=rZoYiTP_'
+# -
+# headline: 'aug 13, 1967'
+# content: 'A total of 10 males and 1 female Cecropia Moths have emerged, which is a stark contrast to the sex ratio of the Polyphemus moths. I will attempt to mate the female tonight using the same method as the Polyphemus moths. I will also be releasing the males tonight, but I have tagged them with small stickers to prevent inbreeding should they find their way back to the female through her pheromones.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_13.jpg?itok=-TIDW7D8'
+# -
+# headline: 'aug 16 - 18, 1967'
+# content: 'Successfully mated a Cecropia moth at 2:40 am on June16th, and over the next 2 days she laid 153 eggs into a paper bag. However, she presented odd behaviour while laying eggs, and laid thick bundles of 10-20 eggs on her legs rather than on the bag. Usually a female will lay groups of 3 eggs randomly, and never on her own body. I removed them from her and pulled apart the eggs before the substrate used to stick eggs to leaves completely dried. However I do not know if I have accidentally damaged any eggs in the process, despite my carefulness. This will be interesting to observe once the caterpillars begin to hatch in 10-14 days. '
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_16.jpg?itok=18idxfuY'
+# -
+# year: '1969'
+# month: 'sep'
+# entries:
+# -
+# headline: 'sep 8, 1967'
+# content: 'The Polyphemus moths have begun to emerge from their cocoons - 7 females and 2 males emerge in one day. I put the females into 3 separate mating boxes and leave them by an open window so that they can release their pheromones. By 1 am, they have called in a couple of male moths. I mate two of the females with wild males.'
+# -
+# headline: 'sep 9, 1967'
+# content: 'I release all the moths except one of the pregnant Polyphemus moths which I keep in a paper bag to lay her eggs.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_9.jpg?itok=9i7qSooF'
+# -
+# headline: 'sep 10-11, 1967'
+# content: 'The female Polyphemus has laid a total of 103 eggs. Half of these eggs are now in the Ecology Lab under modified temperature and humidity conditions. As a control measure, the other half of the eggs have been placed in a natural area, their habitat was not modified in any way so that they are subject to natural conditions.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_10.jpg?itok=rZoYiTP_'
+# -
+# headline: 'sep 13, 1967'
+# content: 'A total of 10 males and 1 female Cecropia Moths have emerged, which is a stark contrast to the sex ratio of the Polyphemus moths. I will attempt to mate the female tonight using the same method as the Polyphemus moths. I will also be releasing the males tonight, but I have tagged them with small stickers to prevent inbreeding should they find their way back to the female through her pheromones.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_13.jpg?itok=-TIDW7D8'
+# -
+# headline: 'sep 16 - 18, 1967'
+# content: 'Successfully mated a Cecropia moth at 2:40 am on June16th, and over the next 2 days she laid 153 eggs into a paper bag. However, she presented odd behaviour while laying eggs, and laid thick bundles of 10-20 eggs on her legs rather than on the bag. Usually a female will lay groups of 3 eggs randomly, and never on her own body. I removed them from her and pulled apart the eggs before the substrate used to stick eggs to leaves completely dried. However I do not know if I have accidentally damaged any eggs in the process, despite my carefulness. This will be interesting to observe once the caterpillars begin to hatch in 10-14 days. '
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_16.jpg?itok=18idxfuY'
+# -
+# year: '1970'
+# month: 'Jan'
+# entries:
+# -
+# headline: 'Jan 8, 1970'
+# content: 'The Polyphemus moths have begun to emerge from their cocoons - 7 females and 2 males emerge in one day. I put the females into 3 separate mating boxes and leave them by an open window so that they can release their pheromones. By 1 am, they have called in a couple of male moths. I mate two of the females with wild males.'
+# -
+# headline: 'Jan 9, 1970'
+# content: 'I release all the moths except one of the pregnant Polyphemus moths which I keep in a paper bag to lay her eggs.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_9.jpg?itok=9i7qSooF'
+# -
+# headline: 'Jan 10-11, 1970'
+# content: 'The female Polyphemus has laid a total of 103 eggs. Half of these eggs are now in the Ecology Lab under modified temperature and humidity conditions. As a control measure, the other half of the eggs have been placed in a natural area, their habitat was not modified in any way so that they are subject to natural conditions.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_10.jpg?itok=rZoYiTP_'
+# -
+# headline: 'Jan 13, 1970'
+# content: 'A total of 10 males and 1 female Cecropia Moths have emerged, which is a stark contrast to the sex ratio of the Polyphemus moths. I will attempt to mate the female tonight using the same method as the Polyphemus moths. I will also be releasing the males tonight, but I have tagged them with small stickers to prevent inbreeding should they find their way back to the female through her pheromones.'
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_13.jpg?itok=-TIDW7D8'
+# -
+# headline: 'Jan 16 - 18, 1970'
+# content: 'Successfully mated a Cecropia moth at 2:40 am on June16th, and over the next 2 days she laid 153 eggs into a paper bag. However, she presented odd behaviour while laying eggs, and laid thick bundles of 10-20 eggs on her legs rather than on the bag. Usually a female will lay groups of 3 eggs randomly, and never on her own body. I removed them from her and pulled apart the eggs before the substrate used to stick eggs to leaves completely dried. However I do not know if I have accidentally damaged any eggs in the process, despite my carefulness. This will be interesting to observe once the caterpillars begin to hatch in 10-14 days. '
+# image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_16.jpg?itok=18idxfuY'
+---
+style: 'month'
+sort: 'ascending'
+timeline_items:
+ -
+ year: '1966'
+ month: 'jun'
+ entries:
+ -
+ headline: 'June 8, 1966'
+ content: 'The Polyphemus moths have begun to emerge from their cocoons - 7 females and 2 males emerge in one day. I put the females into 3 separate mating boxes and leave them by an open window so that they can release their pheromones. By 1 am, they have called in a couple of male moths. I mate two of the females with wild males.'
+ -
+ headline: 'June 9, 1966'
+ content: 'I release all the moths except one of the pregnant Polyphemus moths which I keep in a paper bag to lay her eggs.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_9.jpg?itok=9i7qSooF'
+ -
+ headline: 'June 10-11, 1966'
+ content: 'The female Polyphemus has laid a total of 103 eggs. Half of these eggs are now in the Ecology Lab under modified temperature and humidity conditions. As a control measure, the other half of the eggs have been placed in a natural area, their habitat was not modified in any way so that they are subject to natural conditions.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_10.jpg?itok=rZoYiTP_'
+ -
+ headline: 'June 13, 1966'
+ content: 'A total of 10 males and 1 female Cecropia Moths have emerged, which is a stark contrast to the sex ratio of the Polyphemus moths. I will attempt to mate the female tonight using the same method as the Polyphemus moths. I will also be releasing the males tonight, but I have tagged them with small stickers to prevent inbreeding should they find their way back to the female through her pheromones.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_13.jpg?itok=-TIDW7D8'
+ -
+ headline: 'June 16 - 18, 1966'
+ content: 'Successfully mated a Cecropia moth at 2:40 am on June16th, and over the next 2 days she laid 153 eggs into a paper bag. However, she presented odd behaviour while laying eggs, and laid thick bundles of 10-20 eggs on her legs rather than on the bag. Usually a female will lay groups of 3 eggs randomly, and never on her own body. I removed them from her and pulled apart the eggs before the substrate used to stick eggs to leaves completely dried. However I do not know if I have accidentally damaged any eggs in the process, despite my carefulness. This will be interesting to observe once the caterpillars begin to hatch in 10-14 days. '
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_16.jpg?itok=18idxfuY'
+ -
+ year: '1966'
+ month: 'jul'
+ entries:
+ -
+ headline: 'July 8, 1966'
+ content: 'The Polyphemus moths have begun to emerge from their cocoons - 7 females and 2 males emerge in one day. I put the females into 3 separate mating boxes and leave them by an open window so that they can release their pheromones. By 1 am, they have called in a couple of male moths. I mate two of the females with wild males.'
+ -
+ headline: 'July 9, 1966'
+ content: 'I release all the moths except one of the pregnant Polyphemus moths which I keep in a paper bag to lay her eggs.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_9.jpg?itok=9i7qSooF'
+ -
+ headline: 'July 10-11, 1966'
+ content: 'The female Polyphemus has laid a total of 103 eggs. Half of these eggs are now in the Ecology Lab under modified temperature and humidity conditions. As a control measure, the other half of the eggs have been placed in a natural area, their habitat was not modified in any way so that they are subject to natural conditions.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_10.jpg?itok=rZoYiTP_'
+ -
+ headline: 'July 13, 1966'
+ content: 'A total of 10 males and 1 female Cecropia Moths have emerged, which is a stark contrast to the sex ratio of the Polyphemus moths. I will attempt to mate the female tonight using the same method as the Polyphemus moths. I will also be releasing the males tonight, but I have tagged them with small stickers to prevent inbreeding should they find their way back to the female through her pheromones.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_13.jpg?itok=-TIDW7D8'
+ -
+ headline: 'July 16 - 18, 1966'
+ content: 'Successfully mated a Cecropia moth at 2:40 am on June16th, and over the next 2 days she laid 153 eggs into a paper bag. However, she presented odd behaviour while laying eggs, and laid thick bundles of 10-20 eggs on her legs rather than on the bag. Usually a female will lay groups of 3 eggs randomly, and never on her own body. I removed them from her and pulled apart the eggs before the substrate used to stick eggs to leaves completely dried. However I do not know if I have accidentally damaged any eggs in the process, despite my carefulness. This will be interesting to observe once the caterpillars begin to hatch in 10-14 days. '
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_16.jpg?itok=18idxfuY'
+ -
+ year: '1966'
+ month: 'aug'
+ entries:
+ -
+ headline: 'aug 8, 1966'
+ content: 'The Polyphemus moths have begun to emerge from their cocoons - 7 females and 2 males emerge in one day. I put the females into 3 separate mating boxes and leave them by an open window so that they can release their pheromones. By 1 am, they have called in a couple of male moths. I mate two of the females with wild males.'
+ -
+ headline: 'aug 9, 1966'
+ content: 'I release all the moths except one of the pregnant Polyphemus moths which I keep in a paper bag to lay her eggs.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_9.jpg?itok=9i7qSooF'
+ -
+ headline: 'aug 10-11, 1966'
+ content: 'The female Polyphemus has laid a total of 103 eggs. Half of these eggs are now in the Ecology Lab under modified temperature and humidity conditions. As a control measure, the other half of the eggs have been placed in a natural area, their habitat was not modified in any way so that they are subject to natural conditions.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_10.jpg?itok=rZoYiTP_'
+ -
+ headline: 'aug 13, 1966'
+ content: 'A total of 10 males and 1 female Cecropia Moths have emerged, which is a stark contrast to the sex ratio of the Polyphemus moths. I will attempt to mate the female tonight using the same method as the Polyphemus moths. I will also be releasing the males tonight, but I have tagged them with small stickers to prevent inbreeding should they find their way back to the female through her pheromones.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_13.jpg?itok=-TIDW7D8'
+ -
+ headline: 'aug 16 - 18, 1966'
+ content: 'Successfully mated a Cecropia moth at 2:40 am on June16th, and over the next 2 days she laid 153 eggs into a paper bag. However, she presented odd behaviour while laying eggs, and laid thick bundles of 10-20 eggs on her legs rather than on the bag. Usually a female will lay groups of 3 eggs randomly, and never on her own body. I removed them from her and pulled apart the eggs before the substrate used to stick eggs to leaves completely dried. However I do not know if I have accidentally damaged any eggs in the process, despite my carefulness. This will be interesting to observe once the caterpillars begin to hatch in 10-14 days. '
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_16.jpg?itok=18idxfuY'
+ -
+ year: '1966'
+ month: 'sep'
+ entries:
+ -
+ headline: 'sep 8, 1966'
+ content: 'The Polyphemus moths have begun to emerge from their cocoons - 7 females and 2 males emerge in one day. I put the females into 3 separate mating boxes and leave them by an open window so that they can release their pheromones. By 1 am, they have called in a couple of male moths. I mate two of the females with wild males.'
+ -
+ headline: 'sep 9, 1966'
+ content: 'I release all the moths except one of the pregnant Polyphemus moths which I keep in a paper bag to lay her eggs.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_9.jpg?itok=9i7qSooF'
+ -
+ headline: 'sep 10-11, 1966'
+ content: 'The female Polyphemus has laid a total of 103 eggs. Half of these eggs are now in the Ecology Lab under modified temperature and humidity conditions. As a control measure, the other half of the eggs have been placed in a natural area, their habitat was not modified in any way so that they are subject to natural conditions.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_10.jpg?itok=rZoYiTP_'
+ -
+ headline: 'sep 13, 1966'
+ content: 'A total of 10 males and 1 female Cecropia Moths have emerged, which is a stark contrast to the sex ratio of the Polyphemus moths. I will attempt to mate the female tonight using the same method as the Polyphemus moths. I will also be releasing the males tonight, but I have tagged them with small stickers to prevent inbreeding should they find their way back to the female through her pheromones.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_13.jpg?itok=-TIDW7D8'
+ -
+ headline: 'sep 16 - 18, 1966'
+ content: 'Successfully mated a Cecropia moth at 2:40 am on June16th, and over the next 2 days she laid 153 eggs into a paper bag. However, she presented odd behaviour while laying eggs, and laid thick bundles of 10-20 eggs on her legs rather than on the bag. Usually a female will lay groups of 3 eggs randomly, and never on her own body. I removed them from her and pulled apart the eggs before the substrate used to stick eggs to leaves completely dried. However I do not know if I have accidentally damaged any eggs in the process, despite my carefulness. This will be interesting to observe once the caterpillars begin to hatch in 10-14 days. '
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_16.jpg?itok=18idxfuY'
+ -
+ year: '1966'
+ month: 'Dec'
+ entries:
+ -
+ headline: 'Dec 8, 1966'
+ content: 'The Polyphemus moths have begun to emerge from their cocoons - 7 females and 2 males emerge in one day. I put the females into 3 separate mating boxes and leave them by an open window so that they can release their pheromones. By 1 am, they have called in a couple of male moths. I mate two of the females with wild males.'
+ -
+ headline: 'Dec 9, 1966'
+ content: 'I release all the moths except one of the pregnant Polyphemus moths which I keep in a paper bag to lay her eggs.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_9.jpg?itok=9i7qSooF'
+ -
+ headline: 'Dec 10-11, 1966'
+ content: 'The female Polyphemus has laid a total of 103 eggs. Half of these eggs are now in the Ecology Lab under modified temperature and humidity conditions. As a control measure, the other half of the eggs have been placed in a natural area, their habitat was not modified in any way so that they are subject to natural conditions.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_10.jpg?itok=rZoYiTP_'
+ -
+ headline: 'Dec 13, 1966'
+ content: 'A total of 10 males and 1 female Cecropia Moths have emerged, which is a stark contrast to the sex ratio of the Polyphemus moths. I will attempt to mate the female tonight using the same method as the Polyphemus moths. I will also be releasing the males tonight, but I have tagged them with small stickers to prevent inbreeding should they find their way back to the female through her pheromones.'
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_13.jpg?itok=-TIDW7D8'
+ -
+ headline: 'Dec 16 - 18, 1966'
+ content: 'Successfully mated a Cecropia moth at 2:40 am on June16th, and over the next 2 days she laid 153 eggs into a paper bag. However, she presented odd behaviour while laying eggs, and laid thick bundles of 10-20 eggs on her legs rather than on the bag. Usually a female will lay groups of 3 eggs randomly, and never on her own body. I removed them from her and pulled apart the eggs before the substrate used to stick eggs to leaves completely dried. However I do not know if I have accidentally damaged any eggs in the process, despite my carefulness. This will be interesting to observe once the caterpillars begin to hatch in 10-14 days. '
+ image: 'https://uwaterloo.ca/ecology-lab/sites/ca.ecology-lab/files/styles/thumbnail/public/june_16.jpg?itok=18idxfuY'
--
GitLab