From 23eadc302918fce75c4f9dce77ebfa2c9ef09952 Mon Sep 17 00:00:00 2001
From: Nicolei Ocana <nicoleiocana@gmail.com>
Date: Mon, 25 Nov 2019 06:29:29 -0800
Subject: [PATCH 1/6] Update landing page features

---
 src/ctree-app/ctree-landing.html | 141 +++++++++++++++++++++++++------
 src/ctree-app/icons.html         |   3 +
 2 files changed, 117 insertions(+), 27 deletions(-)

diff --git a/src/ctree-app/ctree-landing.html b/src/ctree-app/ctree-landing.html
index 6c1eeb2..5d21332 100644
--- a/src/ctree-app/ctree-landing.html
+++ b/src/ctree-app/ctree-landing.html
@@ -377,6 +377,27 @@
         #copyright p {
           font-size: .8em;
         }
+        div .features-content {
+          margin: 0 45px;
+        }
+        div .collaboration-search-col, div .share-review-col {
+          margin: auto;
+          width: 90%;
+        }
+        div #features h3 {
+          font-size: 1.25em;
+        }
+        div #features p {
+          font-size: 1.12em;
+        }
+        div .collaboration-section, div .search-section,
+        div .share-section, div .review-section, div .features-content {
+          display: block;
+        }
+        div .image {
+          margin-right: 0;
+        }
+
       }
 
       /* Section CSS Styling */
@@ -395,6 +416,13 @@
       #features.section-styling {
         background-color: #FFFFFF;
         color: #196848;
+        padding-top: 65px;
+        margin-top: -65px; /* app-header fix */
+      }
+      #features h1 {
+        color: #62A374;
+        font-size: 2.9em;
+        letter-spacing: .02em;
       }
       #ctree.section-styling {
         background-color: #196848;
@@ -456,6 +484,39 @@
         color: #000000;
         display: flex;
       }
+      iron-icon {
+        --iron-icon-fill-color: #62A374;
+        --iron-icon-width: 80px;
+        --iron-icon-height: 80px;
+      }
+      #features h3 {
+        color: #62A374;
+        margin-top: 0;
+      }
+      #features p {
+        color: #222322;
+        font-size: 0.75em;
+        letter-spacing: .027em;
+        padding-top: 10px;
+      }
+      .collaboration-search-col, .share-review-col {
+        width: 350px;
+      }
+      .features-content {
+        display: flex;
+        justify-content: space-evenly;
+      }
+      .collaboration-section, .search-section, .share-section, .review-section {
+        display: flex;
+        margin-bottom: 50px;
+      }
+      .image {
+        margin-right: 50px;
+      }
+      .review {
+        transform: rotate(40deg);
+      }
+
     </style>
 
     <iron-meta key="rootPath" value="{{rootPath}}"></iron-meta>
@@ -533,33 +594,59 @@
           <p>W</p>
         </div>
         <div id="features" class="section-styling">
-          <div class= "center-div">
-            <h1 align="center">Features</h1>
-            <hr id="features-horizontal-line"/>
-            <!-- grid layout to be added here with icons and descriptions. -->
-          </div>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-          <p>W</p>
-        </div>
+          <h1 align="center">Features</h1>         
+          <!-- grid layout to be added here with icons and descriptions. -->
+          <div class="features-content">
+            <div class="collaboration-search-col">
+              <div class="collaboration-section">
+                <div class="image">
+                  <iron-icon icon="collaboration"></iron-icon>
+                </div>
+                <div class="collaboration-text">
+                  <h3>Collaboration</h3>
+                  <p>
+                    Connect with like-minded passionate individuals to solve problems for a cause.
+                  </p>
+                </div>
+              </div> <!-- end of collaboration section -->
+              <div class="search-section">
+                <div class="image">
+                  <iron-icon icon="search"></iron-icon>
+                </div>
+                <div class="search-text">
+                  <h3>Search</h3>
+                  <p>
+                    Discover non-profits and other causes doing good for the world!
+                  </p>
+                </div>
+              </div> <!-- end of search section -->
+            </div> <!-- end of collaboration-search column -->
+            <div class="share-review-col">
+              <div class="share-section">
+                <div class="image">
+                  <iron-icon icon="share"></iron-icon>
+                </div>
+                <div class="share-text">
+                  <h3>Share</h3>
+                  <p>
+                    Promote other helpful thoughts and discussions to avoid seeing the same answers over and over again
+                  </p>
+                </div>
+              </div> <!-- end of share section -->
+              <div class="review-section">
+                <div class="image">
+                  <iron-icon class="review" icon="review"></iron-icon>
+                </div>
+                <div class="review-text">
+                  <h3>Review</h3>
+                  <p>
+                    Edit and Vote for the most helpful version of ideas and solutions
+                  </p>
+                </div>
+              </div> <!-- end of review section -->
+            </div><!-- end of share-review column -->
+          </div> <!-- end of features-content -->
+        </div> <!-- end of section-styling -->
         <div id="ctree" class="section-styling">
           <p>W</p>
           <p>W</p>
diff --git a/src/ctree-app/icons.html b/src/ctree-app/icons.html
index c1098f9..1e798d9 100644
--- a/src/ctree-app/icons.html
+++ b/src/ctree-app/icons.html
@@ -46,5 +46,8 @@
 <g id="settings"><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path></g>
 <g id="suggested"><path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"></path></g>
 <g id="clear"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>
+<g id="collaboration"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></g>
+<g id="share"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"></path></g>
+<g id="review"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"></path></g>
 </defs></svg>
 </iron-iconset-svg>

From a857a12baabe16f8f23382e8db4f8526e7d6046e Mon Sep 17 00:00:00 2001
From: Nicolei Ocana <nicoleiocana@gmail.com>
Date: Fri, 29 Nov 2019 10:23:51 -0800
Subject: [PATCH 2/6] update landing page features section with polymer
 component

---
 src/ctree-app/ctree-landing.html         | 133 ++---------------------
 src/ctree-app/features-section.html      | 120 ++++++++++++++++++++
 src/ctree-app/icons.html                 |   3 -
 src/ctree-icons/ctree-landing-icons.html |  40 +++++++
 4 files changed, 167 insertions(+), 129 deletions(-)
 create mode 100644 src/ctree-app/features-section.html
 create mode 100644 src/ctree-icons/ctree-landing-icons.html

diff --git a/src/ctree-app/ctree-landing.html b/src/ctree-app/ctree-landing.html
index 5d21332..67add6b 100644
--- a/src/ctree-app/ctree-landing.html
+++ b/src/ctree-app/ctree-landing.html
@@ -55,6 +55,7 @@
 
 <link rel="import" href="ctree-app-icon.html">
 <link rel="import" href="icons.html">
+<link rel="import" href="features-section.html">
 
 <dom-module id="ctree-landing">
   <template>
@@ -77,6 +78,8 @@
         display: block;
         --app-primary-color: #5F9F00;
         --app-secondary-color: black;
+        --app-header-padding-fix: 65px;
+        --app-header-margin-fix: -65px;
       }
       #mainLayout app-toolbar {
         padding: 0 8px 0 0;
@@ -140,10 +143,6 @@
         font-size: 4em;
       }
 
-      #features-horizontal-line {
-        margin-top: -35px;
-      }
-
       /* social media icon bar stuff */
       #social-media-icon-bar ul {
         list-style: none;
@@ -291,9 +290,6 @@
           font-size: .75em;
           text-align: center;
         }
-        #features-horizontal-line {
-          margin-top: -15px;
-        }
         #ctree {
           font-size: .75em;
           text-align: center;
@@ -377,27 +373,6 @@
         #copyright p {
           font-size: .8em;
         }
-        div .features-content {
-          margin: 0 45px;
-        }
-        div .collaboration-search-col, div .share-review-col {
-          margin: auto;
-          width: 90%;
-        }
-        div #features h3 {
-          font-size: 1.25em;
-        }
-        div #features p {
-          font-size: 1.12em;
-        }
-        div .collaboration-section, div .search-section,
-        div .share-section, div .review-section, div .features-content {
-          display: block;
-        }
-        div .image {
-          margin-right: 0;
-        }
-
       }
 
       /* Section CSS Styling */
@@ -413,17 +388,6 @@
         background-color: #F8F8F8;
         color: #196848;
       }
-      #features.section-styling {
-        background-color: #FFFFFF;
-        color: #196848;
-        padding-top: 65px;
-        margin-top: -65px; /* app-header fix */
-      }
-      #features h1 {
-        color: #62A374;
-        font-size: 2.9em;
-        letter-spacing: .02em;
-      }
       #ctree.section-styling {
         background-color: #196848;
         color: #FFFFFF;
@@ -484,39 +448,7 @@
         color: #000000;
         display: flex;
       }
-      iron-icon {
-        --iron-icon-fill-color: #62A374;
-        --iron-icon-width: 80px;
-        --iron-icon-height: 80px;
-      }
-      #features h3 {
-        color: #62A374;
-        margin-top: 0;
-      }
-      #features p {
-        color: #222322;
-        font-size: 0.75em;
-        letter-spacing: .027em;
-        padding-top: 10px;
-      }
-      .collaboration-search-col, .share-review-col {
-        width: 350px;
-      }
-      .features-content {
-        display: flex;
-        justify-content: space-evenly;
-      }
-      .collaboration-section, .search-section, .share-section, .review-section {
-        display: flex;
-        margin-bottom: 50px;
-      }
-      .image {
-        margin-right: 50px;
-      }
-      .review {
-        transform: rotate(40deg);
-      }
-
+      
     </style>
 
     <iron-meta key="rootPath" value="{{rootPath}}"></iron-meta>
@@ -593,60 +525,9 @@
           <p>W</p>
           <p>W</p>
         </div>
-        <div id="features" class="section-styling">
-          <h1 align="center">Features</h1>         
-          <!-- grid layout to be added here with icons and descriptions. -->
-          <div class="features-content">
-            <div class="collaboration-search-col">
-              <div class="collaboration-section">
-                <div class="image">
-                  <iron-icon icon="collaboration"></iron-icon>
-                </div>
-                <div class="collaboration-text">
-                  <h3>Collaboration</h3>
-                  <p>
-                    Connect with like-minded passionate individuals to solve problems for a cause.
-                  </p>
-                </div>
-              </div> <!-- end of collaboration section -->
-              <div class="search-section">
-                <div class="image">
-                  <iron-icon icon="search"></iron-icon>
-                </div>
-                <div class="search-text">
-                  <h3>Search</h3>
-                  <p>
-                    Discover non-profits and other causes doing good for the world!
-                  </p>
-                </div>
-              </div> <!-- end of search section -->
-            </div> <!-- end of collaboration-search column -->
-            <div class="share-review-col">
-              <div class="share-section">
-                <div class="image">
-                  <iron-icon icon="share"></iron-icon>
-                </div>
-                <div class="share-text">
-                  <h3>Share</h3>
-                  <p>
-                    Promote other helpful thoughts and discussions to avoid seeing the same answers over and over again
-                  </p>
-                </div>
-              </div> <!-- end of share section -->
-              <div class="review-section">
-                <div class="image">
-                  <iron-icon class="review" icon="review"></iron-icon>
-                </div>
-                <div class="review-text">
-                  <h3>Review</h3>
-                  <p>
-                    Edit and Vote for the most helpful version of ideas and solutions
-                  </p>
-                </div>
-              </div> <!-- end of review section -->
-            </div><!-- end of share-review column -->
-          </div> <!-- end of features-content -->
-        </div> <!-- end of section-styling -->
+
+        <features-section id="features"></features-section>
+        
         <div id="ctree" class="section-styling">
           <p>W</p>
           <p>W</p>
diff --git a/src/ctree-app/features-section.html b/src/ctree-app/features-section.html
new file mode 100644
index 0000000..a851432
--- /dev/null
+++ b/src/ctree-app/features-section.html
@@ -0,0 +1,120 @@
+<link rel="import" href="../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../bower_components/polymer/lib/dom-repeat.html">
+<link rel="import" href="../ctree-icons/ctree-landing-icons.html">
+
+<dom-module id="features-section">
+  <template>
+    <style>
+      :host {
+        display: block;
+        background-color: #FFFFFF;
+        color: #196848;
+        padding-top: var(--app-header-padding-fix);
+        margin-top: var(--app-header-margin-fix);
+      }
+      iron-icon {
+        --iron-icon-fill-color: #62A374;
+        --iron-icon-width: 80px;
+        --iron-icon-height: 80px;
+      }
+      .review-icon {
+        transform: rotate(40deg);
+      }
+      h1, h3 {
+        color: #62A374;
+      }
+      h1 {
+        text-align: center;
+        font-size: 2.9em;
+        letter-spacing: .02em;
+      }
+      h3 {        
+        text-transform: capitalize;
+        margin-top: 0;
+      }
+      p {
+        color: #222322;
+        font-size: 0.75em;
+        letter-spacing: .027em;
+        padding-top: 10px;
+      }
+      .container {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+        max-width: 1000px;
+        margin: auto;
+      }      
+      .collaboration, .search, .share, .review {
+        display: flex;
+        width: 350px;
+        margin-bottom: 50px;
+      }
+      .image {
+        margin-right: 50px;
+      }
+      /* Mobile Phones */
+      @media (max-width: 500px) {
+        h3 {
+          font-size: 1.25em;
+        }
+        div p {
+          font-size: 1.12em;
+          margin: 0 45px;
+        }
+        div .collaboration, div .search, div .share, div .review {
+          display: block;
+          width: 90%;
+        }
+        div .image {
+          margin-right: 0;
+        }
+      }
+    </style>
+
+    <h1>Features</h1>
+    <div class="container">
+      <dom-repeat items="[[sections]]" as="section">
+        <template>
+          <div class$="[[section.name]]">
+            <div class="image">
+              <iron-icon class$="[[section.name]]-icon" icon="[[section.name]]"></iron-icon>
+            </div>
+            <div>
+              <h3>[[section.name]]</h3>
+              <p>
+                [[section.description]]
+              </p>
+            </div>
+          </div>
+        </template>
+      </dom-repeat>
+    </div>
+  </template>
+
+  <script>
+  
+    class FeaturesSection extends Polymer.Element {
+      static get is() { return 'features-section'; }
+      static get properties() {
+        return {
+          sections: {
+            type: Array,
+            value: () => [
+                {name: 'collaboration',
+                 description: 'Connect with like-minded passionate individuals to solve problems for a cause.'},
+                {name: 'search',
+                 description: 'Discover non-profits and other causes doing good for the world!'},
+                {name: 'share',
+                 description: 'Promote other helpful thoughts and discussions to avoid seeing the same answers over and over again'},
+                {name: 'review', description:
+                 'Edit and Vote for the most helpful version of ideas and solutions'}
+              ]
+          }
+        };
+      }
+    }
+
+    window.customElements.define(FeaturesSection.is, FeaturesSection);
+  </script>
+</dom-module>
diff --git a/src/ctree-app/icons.html b/src/ctree-app/icons.html
index 1e798d9..c1098f9 100644
--- a/src/ctree-app/icons.html
+++ b/src/ctree-app/icons.html
@@ -46,8 +46,5 @@
 <g id="settings"><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path></g>
 <g id="suggested"><path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"></path></g>
 <g id="clear"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>
-<g id="collaboration"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></g>
-<g id="share"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"></path></g>
-<g id="review"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"></path></g>
 </defs></svg>
 </iron-iconset-svg>
diff --git a/src/ctree-icons/ctree-landing-icons.html b/src/ctree-icons/ctree-landing-icons.html
new file mode 100644
index 0000000..c6aec91
--- /dev/null
+++ b/src/ctree-icons/ctree-landing-icons.html
@@ -0,0 +1,40 @@
+<!--
+@license
+Copyright (c) 2017 Foundation For an Innovative Future (InnovativeFuture.org)
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or any
+later version.
+
+Foundation For an Innovative Future reserves the right to release the
+covered work, in part or in whole, under a different open source
+license and/or with specific copyleft exclusions.  Such a release
+would not invalidate the license for this project, although the
+project released with a modified license would not be considered
+part of this covered work or subject to the copyleft portions of this
+license even if the projects are identical.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Please email contact@innovativeFuture.org for inquiries related to
+this license.
+-->
+
+<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
+<link rel="import" href="../../bower_components/iron-iconset-svg/iron-iconset-svg.html">
+
+<iron-iconset-svg name="icons" size="24">
+<svg><defs>
+<g id="search"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></g>
+<g id="collaboration"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></g>
+<g id="share"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"></path></g>
+<g id="review"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"></path></g>
+</defs></svg>
+</iron-iconset-svg>

From 50a5139d257270aafabc38f57132b9b35342f0d2 Mon Sep 17 00:00:00 2001
From: nicoleiocana <44947175+nicoleiocana@users.noreply.github.com>
Date: Tue, 3 Dec 2019 14:48:41 -0800
Subject: [PATCH 3/6] Update new html file with license

---
 src/ctree-app/features-section.html | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/ctree-app/features-section.html b/src/ctree-app/features-section.html
index a851432..efbc3e4 100644
--- a/src/ctree-app/features-section.html
+++ b/src/ctree-app/features-section.html
@@ -1,3 +1,32 @@
+<!--
+@license
+Copyright (c) 2017 Foundation For an Innovative Future (InnovativeFuture.org)
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or any
+later version.
+
+Foundation For an Innovative Future reserves the right to release the
+covered work, in part or in whole, under a different open source
+license and/or with specific copyleft exclusions.  Such a release
+would not invalidate the license for this project, although the
+project released with a modified license would not be considered
+part of this covered work or subject to the copyleft portions of this
+license even if the projects are identical.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Please email contact@innovativeFuture.org for inquiries related to
+this license.
+-->
+
 <link rel="import" href="../../bower_components/polymer/polymer-element.html">
 <link rel="import" href="../../bower_components/polymer/lib/dom-repeat.html">
 <link rel="import" href="../ctree-icons/ctree-landing-icons.html">

From 959f17120989d4dcf3292711a0e237c1f28eb9d8 Mon Sep 17 00:00:00 2001
From: nicoleiocana <44947175+nicoleiocana@users.noreply.github.com>
Date: Tue, 3 Dec 2019 15:10:38 -0800
Subject: [PATCH 4/6] Update to item class

---
 src/ctree-app/features-section.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ctree-app/features-section.html b/src/ctree-app/features-section.html
index efbc3e4..2565f9b 100644
--- a/src/ctree-app/features-section.html
+++ b/src/ctree-app/features-section.html
@@ -74,7 +74,7 @@
         max-width: 1000px;
         margin: auto;
       }      
-      .collaboration, .search, .share, .review {
+      .item {
         display: flex;
         width: 350px;
         margin-bottom: 50px;
@@ -91,7 +91,7 @@
           font-size: 1.12em;
           margin: 0 45px;
         }
-        div .collaboration, div .search, div .share, div .review {
+        div .item {
           display: block;
           width: 90%;
         }
@@ -105,7 +105,7 @@ <h1>Features</h1>
     <div class="container">
       <dom-repeat items="[[sections]]" as="section">
         <template>
-          <div class$="[[section.name]]">
+          <div class="item">
             <div class="image">
               <iron-icon class$="[[section.name]]-icon" icon="[[section.name]]"></iron-icon>
             </div>

From bde6694b1690170ae0ad86c77f97798ec79c309c Mon Sep 17 00:00:00 2001
From: nicoleiocana <44947175+nicoleiocana@users.noreply.github.com>
Date: Tue, 3 Dec 2019 15:15:51 -0800
Subject: [PATCH 5/6] Update functions and things with spaces

---
 src/ctree-app/features-section.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/ctree-app/features-section.html b/src/ctree-app/features-section.html
index 2565f9b..0daee71 100644
--- a/src/ctree-app/features-section.html
+++ b/src/ctree-app/features-section.html
@@ -124,7 +124,9 @@ <h3>[[section.name]]</h3>
   <script>
   
     class FeaturesSection extends Polymer.Element {
+      
       static get is() { return 'features-section'; }
+      
       static get properties() {
         return {
           sections: {

From 0f7f2a920763131ad4a78b82e30f225cc93b9ab6 Mon Sep 17 00:00:00 2001
From: Nicolei Ocana <nicoleiocana@gmail.com>
Date: Tue, 3 Dec 2019 19:34:00 -0800
Subject: [PATCH 6/6] Update desktop & mobile views in addition to adding new
 images

---
 images/looping-arrows.png                | Bin 0 -> 4836 bytes
 images/magnifying-glass.png              | Bin 0 -> 4837 bytes
 images/pencil.png                        | Bin 0 -> 3349 bytes
 images/shared-hands.png                  | Bin 0 -> 7003 bytes
 src/ctree-app/ctree-landing.html         |   1 -
 src/ctree-app/features-section.html      |  61 ++++++++++++-----------
 src/ctree-icons/ctree-landing-icons.html |   7 ++-
 7 files changed, 36 insertions(+), 33 deletions(-)
 create mode 100644 images/looping-arrows.png
 create mode 100644 images/magnifying-glass.png
 create mode 100644 images/pencil.png
 create mode 100644 images/shared-hands.png

diff --git a/images/looping-arrows.png b/images/looping-arrows.png
new file mode 100644
index 0000000000000000000000000000000000000000..1473c0602bf858a9362851956626dce263b06eef
GIT binary patch
literal 4836
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
ULj@@1PMN~fRMS<hRz|%34?aggF#rGn

literal 0
HcmV?d00001

diff --git a/images/magnifying-glass.png b/images/magnifying-glass.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b4389795ec08f0a3518fe7e28aad272e52ef9a9
GIT binary patch
literal 4837
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

literal 0
HcmV?d00001

diff --git a/images/pencil.png b/images/pencil.png
new file mode 100644
index 0000000000000000000000000000000000000000..b63e1a4b5878a32a5af0869d4a30c592a4b19c96
GIT binary patch
literal 3349
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
P%Fr0;nd{c+xFP=sX9s!G

literal 0
HcmV?d00001

diff --git a/images/shared-hands.png b/images/shared-hands.png
new file mode 100644
index 0000000000000000000000000000000000000000..6686f02fe9a5ff73e576e1827b51971325021f61
GIT binary patch
literal 7003
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

literal 0
HcmV?d00001

diff --git a/src/ctree-app/ctree-landing.html b/src/ctree-app/ctree-landing.html
index 67add6b..0078f99 100644
--- a/src/ctree-app/ctree-landing.html
+++ b/src/ctree-app/ctree-landing.html
@@ -287,7 +287,6 @@
           text-align: center;
         }
         #features {
-          font-size: .75em;
           text-align: center;
         }
         #ctree {
diff --git a/src/ctree-app/features-section.html b/src/ctree-app/features-section.html
index a851432..07c6e67 100644
--- a/src/ctree-app/features-section.html
+++ b/src/ctree-app/features-section.html
@@ -13,56 +13,55 @@
         margin-top: var(--app-header-margin-fix);
       }
       iron-icon {
-        --iron-icon-fill-color: #62A374;
-        --iron-icon-width: 80px;
-        --iron-icon-height: 80px;
-      }
-      .review-icon {
-        transform: rotate(40deg);
-      }
-      h1, h3 {
-        color: #62A374;
+        --iron-icon-width: 100px;
+        --iron-icon-height: 100px;
       }
       h1 {
+        color: #62A374;
         text-align: center;
         font-size: 2.9em;
         letter-spacing: .02em;
       }
-      h3 {        
+      h3 {
+        font-size: 1.25em;
+        color: #62A374;
         text-transform: capitalize;
         margin-top: 0;
       }
       p {
-        color: #222322;
-        font-size: 0.75em;
+        color: #000000;
+        font-size: 0.85em;
         letter-spacing: .027em;
-        padding-top: 10px;
       }
       .container {
         display: flex;
         flex-wrap: wrap;
-        justify-content: space-evenly;
+        justify-content: space-around;
         max-width: 1000px;
-        margin: auto;
+        margin-left: auto;
+        margin-right: auto;
+        padding: 25px 0 75px 0;
       }      
-      .collaboration, .search, .share, .review {
+      .item {
         display: flex;
-        width: 350px;
-        margin-bottom: 50px;
+        width: 400px;
+        margin-bottom: 75px;
       }
       .image {
         margin-right: 50px;
       }
       /* Mobile Phones */
       @media (max-width: 500px) {
+        .container {
+          padding: 0;
+        }
         h3 {
-          font-size: 1.25em;
+          margin-top: 20px;
         }
         div p {
-          font-size: 1.12em;
           margin: 0 45px;
         }
-        div .collaboration, div .search, div .share, div .review {
+        div .item {
           display: block;
           width: 90%;
         }
@@ -76,9 +75,9 @@ <h1>Features</h1>
     <div class="container">
       <dom-repeat items="[[sections]]" as="section">
         <template>
-          <div class$="[[section.name]]">
+          <div class="item">
             <div class="image">
-              <iron-icon class$="[[section.name]]-icon" icon="[[section.name]]"></iron-icon>
+              <iron-icon src="../../images/[[section.image_name]].png"></iron-icon>
             </div>
             <div>
               <h3>[[section.name]]</h3>
@@ -95,20 +94,26 @@ <h3>[[section.name]]</h3>
   <script>
   
     class FeaturesSection extends Polymer.Element {
+
       static get is() { return 'features-section'; }
+
       static get properties() {
         return {
           sections: {
             type: Array,
             value: () => [
                 {name: 'collaboration',
-                 description: 'Connect with like-minded passionate individuals to solve problems for a cause.'},
+                 description: 'Connect with like-minded passionate individuals to solve problems for a cause.',
+                 image_name: 'pencil'},
                 {name: 'search',
-                 description: 'Discover non-profits and other causes doing good for the world!'},
+                 description: 'Discover non-profits and other causes doing good for the world!',
+                 image_name: 'magnifying-glass'},
                 {name: 'share',
-                 description: 'Promote other helpful thoughts and discussions to avoid seeing the same answers over and over again'},
-                {name: 'review', description:
-                 'Edit and Vote for the most helpful version of ideas and solutions'}
+                 description: 'Promote other helpful thoughts and discussions to avoid seeing the same answers over and over again',
+                 image_name: 'shared-hands'},
+                {name: 'review',
+                 description: 'Edit and Vote for the most helpful version of ideas and solutions',
+                 image_name: 'looping-arrows'}
               ]
           }
         };
diff --git a/src/ctree-icons/ctree-landing-icons.html b/src/ctree-icons/ctree-landing-icons.html
index c6aec91..14d89fb 100644
--- a/src/ctree-icons/ctree-landing-icons.html
+++ b/src/ctree-icons/ctree-landing-icons.html
@@ -32,9 +32,8 @@
 
 <iron-iconset-svg name="icons" size="24">
 <svg><defs>
-<g id="search"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></g>
-<g id="collaboration"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></g>
-<g id="share"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"></path></g>
-<g id="review"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"></path></g>
+<g id="magnifying-glass"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></g>
+<g id="pencil"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></g>
+<g id="looping-arrows"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"></path></g>
 </defs></svg>
 </iron-iconset-svg>