diff --git a/css/styles.css b/css/styles.css
index 3bbad073ebe243977d5a72a172871a2c9181a79d..5d7b1d52821e4d898f0b335e9a29fb13ae417012 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -8827,6 +8827,184 @@ 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;
+}
+@media (min-width: 48.06rem) {
+ .vertical-timeline .timeline-year {
+ margin-left: inherit;
+} }
+.vertical-timeline .timeline-month {
+ background: #757575;
+ 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 #eee;
+ 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,
+.vertical-timeline .timeline-info a:focus {
+ background: #eee;
+}
+.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: #fafafa;
+ border: 1px solid #a2a2a2;
+ 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-info__withlink:hover::before {
+ background: #ccc;
+ border: 1px solid #a2a2a2;
+}
+.vertical-timeline .timeline-photo {
+ border: 1px solid #ddd;
+ float: right;
+ margin: 0 0 0.7rem 0.7rem;
+}
+.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 #a2a2a2;
+ /* -2 margin-top + 2 padding-top to pull the line up above the first entry */
+ margin: 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 0000000000000000000000000000000000000000..ee3d417d4786ab147bf89a0c8d75ebf2159e13ca
--- /dev/null
+++ b/source/_patterns/04-components/timeline/_timeline.scss
@@ -0,0 +1,200 @@
+.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;
+ 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: gesso-grayscale(black);
+ color: gesso-grayscale(white);
+ display: inline-block;
+ @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: gesso-grayscale(gray-5);
+ color: gesso-grayscale(white);
+ 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 gesso-grayscale(white);
+ box-shadow: 2px 2px 0 gesso-grayscale(gray-2);
+ 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,
+ &:focus{
+ background: gesso-grayscale(gray-2);
+ }
+
+ &::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: gesso-grayscale(gray-1);
+ border: 1px solid gesso-grayscale(gray-4);
+ 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;
+ }
+ &__withlink{
+ &:hover{
+ &::before {
+ background: gesso-grayscale(gray-3);
+ border: 1px solid gesso-grayscale(gray-4);
+ }
+ }
+ }
+ }
+
+ .timeline-photo {
+
+ border: 1px solid #ddd;
+ float: right;
+ margin: 0 0 0.7rem 0.7rem;
+ }
+
+ &.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 gesso-grayscale(gray-4);
+ /* -2 margin-top + 2 padding-top to pull the line up above the first entry */
+ margin: 0;
+ width: 100%;
+ @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 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/source/_patterns/04-components/timeline/timeline.twig b/source/_patterns/04-components/timeline/timeline.twig
new file mode 100644
index 0000000000000000000000000000000000000000..707327a684a3b886f2ff65f10f053c0138ff7e24
--- /dev/null
+++ b/source/_patterns/04-components/timeline/timeline.twig
@@ -0,0 +1,55 @@
+{% set modifier_classes -%}
+ uw-timeline vertical-timeline vertical-{{ timeline.style }} {{ modifier_classes }}
+{%- endset %}
+
+<ol class="{{ modifier_classes }}">
+ {% for year, years in timeline.items %}
+
+ <li>
+ <span class="timeline-year">{{ year }}</span>
+ <ol>
+
+ {% for month, months in years %}
+
+ {% if timeline.style == 'month' %}
+ <li>
+ {% set date = year ~ "-" ~ month ~ "-1" %}
+
+ <span class="timeline-month">{{ date|date("M") }}</span>
+ <ol>
+ {% endif %}
+
+ {% for days in months %}
+
+ {% for entry in days %}
+
+ <li class="timeline-info{% if entry.link %} timeline-info__withlink {% endif %}">
+ {% if entry.link %}
+ <a href="{{ entry.link }}">
+ {% endif %}
+ {% 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>
+
+ {% if entry.link %}
+ </a>
+ {% endif %}
+ </li>
+
+ {% endfor %}
+
+ {% endfor %}
+
+ {% if timeline.style == 'month' %}
+ </ol>
+ </li>
+ {% endif %}
+
+ {% endfor %}
+ </ol>
+ </li>
+
+ {% 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 0000000000000000000000000000000000000000..860418795f52524fded480fe569758a17be875ee
--- /dev/null
+++ b/source/_patterns/04-components/timeline/timeline.yml
@@ -0,0 +1,190 @@
+---
+timeline:
+ style: 'month'
+ items:
+ 1966:
+ 6:
+ 8:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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.'
+ 9:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 11:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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_'
+ 13:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 16:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+
+ 7:
+ 8:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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.'
+ 9:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 10:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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_'
+ 13:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 16:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+
+ 8:
+ 8:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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.'
+ 9:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 10:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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_'
+ 13:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 16:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+
+ 1967:
+ 1:
+ 8:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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.'
+ 9:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 10:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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_'
+ 13:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 16:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 2:
+ 8:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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.'
+ 9:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 10:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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_'
+ 13:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 16:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 1968:
+ 2:
+ 8:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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.'
+ 9:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 10:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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_'
+ 13:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'
+ 16:
+ -
+ link: 'https://uwaterloo.ca'
+ headline: 'This is a headline.'
+ 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'