Various optimizations

Signed-off-by: Eric Poirier <eric.poirier@eclipse-foundation.org>

js/src/userprofile.js

@@ -9,7 +9,7 @@
 const UserProfile = (function ($) {
 
     $('.eclipsefdn-userprofile').each(function(index, user_block){
-        const username = $(this).attr("data-username");
+        const username = $(this).attr('data-username');
         
         $.ajax({
             type: 'GET',
@@ -24,27 +24,27 @@ const UserProfile = (function ($) {
                     user_block.append(img);
                 }
     
-                let fullName = "";
+                let fullName = '';
                 if (typeof user_profile.full_name !== 'undefined' && user_profile.full_name !== null) {
                     fullName = document.createTextNode(user_profile.full_name);
                 }
                 else {
                     fullName = document.createTextNode(user_profile.name);
                 }
-                if (fullName !== "") {
+                if (fullName !== '') {
                     let h3 = document.createElement('h3');
                     h3.appendChild(fullName);
                     user_block.append(h3);
                 }
     
-                let job_org = "";
-                if (typeof user_profile.job_title !== 'undefined' && user_profile.job_title !== null && user_profile.job_title !== "") {
-                    job_org = user_profile.job_title + ", ";
+                let job_org = '';
+                if (typeof user_profile.job_title !== 'undefined' && user_profile.job_title !== null && user_profile.job_title !== '') {
+                    job_org = user_profile.job_title + ', ';
                 }
                 if (typeof user_profile.org !== 'undefined' && user_profile.org !== null) {
                     job_org += user_profile.org;
                 }
-                if (job_org !== "") {
+                if (job_org !== '') {
                     const org = document.createTextNode(job_org);
                     let h4 = document.createElement('h4');
                     h4.appendChild(org);
@@ -65,10 +65,10 @@ const UserProfile = (function ($) {
                     user_block.append(p);
                 }
 
-                let a_text = document.createTextNode("Read More");
+                let a_text = document.createTextNode('Read More');
                 let a = document.createElement('a');
                 a.appendChild(a_text);
-                a.setAttribute('href', "https://accounts.eclipse.org/users/" + user_profile.name);
+                a.setAttribute('href', 'https://accounts.eclipse.org/users/' + user_profile.name);
                 let p_read_more = document.createElement('p');
                 p_read_more.appendChild(a);
                 user_block.append(p_read_more);

layouts/partials/footer_custom.html

@@ -7,7 +7,7 @@
         <p><img class="Cloud ToolTime" width="120" src="/images/ecdtools/home/cloud-tool-time-logo.svg"></p>
         <p class="webinar-series-2-description">Join us for this fun, educational and interactive webinar series, featuring a variety of cloud development topics from community members!</p>
         <ul class="list-inline webinar-series-2-buttons">
-          <li><a class="btn btn-primary" href="https://www.crowdcast.io/e/cloud-tool-time-sept7/register">Register Now</a></li>
+          <li><a class="btn btn-primary" href="https://www.crowdcast.io/e/cloud-tool-time-nov23">Register Now</a></li>
           <li><a class="btn btn-primary" href="https://docs.google.com/forms/d/e/1FAIpQLScudzvlUVfXehmz-Jkivv_BkJdljSjtZLENkT16jSxTzwzwkQ/viewform">Propose a Talk</a></li>
         </ul>
       </div>

layouts/shortcodes/home/projects.html

@@ -60,7 +60,7 @@
                     {{ $scratch.Set "user_picture" "static/images/ecdtools/projects/" }}
                     {{ $scratch.Add "user_picture" .username }}
                     {{ $scratch.Add "user_picture" ".png" }}
-                    {{ $user_picture := $scratch.Get "user_picture" }}    
+                    {{ $user_picture := $scratch.Get "user_picture" }}   
                     {{ if (fileExists $user_picture) }}
                       <img class="img-responsive featured-section-projects-picture" src="images/ecdtools/projects/{{ .username }}.png" alt="{{ .full_name }}">
                     {{ else }}

layouts/shortcodes/page/about.html

@@ -2,7 +2,7 @@
     <div class="container">
         <div class="row">
             <div class="col-md-14 col-md-offset-5 col-sm-18 col-sm-offset-3">
-                <p class="small">OUR MISSION</p>
+                <p class="small">Our mission</p>
                 <p class="powered-by-description">To define and build an ecosystem of best-in-class open-source web and
                     cloud-based development tools, and to promote and drive the broad adoption of these tools.</p>
                 <p><a class="btn btn-primary" href="https://accounts.eclipse.org/mailing-list/ecd-tools-wg">Get Involved</a></p>
@@ -16,8 +16,8 @@
         <div class="row margin-bottom-30">
             <div id="working_group" class="col-sm-18 col-sm-offset-3">
                 <p class="margin-bottom-30 text-center"><img class="featured-content-about-img img-responsive" src="/images/ecdtools/about/about-icon.png"
-                        alt="ABOUT THE ECLIPSE CLOUD DEVTOOLS WORKING GROUP"></p>
-                <h2 class="heading-underline text-center">ABOUT THE ECLIPSE CLOUD DEVTOOLS WORKING GROUP</h2>
+                        alt="About the eclipse cloud devtools working group"></p>
+                <h2 class="heading-underline text-center">About the eclipse cloud devtools working group</h2>
                 <p class="text-center">The Eclipse Cloud DevTools Working Group accelerates innovation and adoption of
                     Cloud Integrated Development Environment (IDE) and container-based workspace management
                     technologies. This work is accomplished through:</p>
@@ -55,7 +55,7 @@
         <div class="row">
             <div class="col-sm-16 col-sm-offset-4">
                 <div class="offwhite-bg-shadow">
-                    <h2 class="heading-underline text-center">FREQUENTLY ASKED QUESTIONS</h2>
+                    <h2 class="heading-underline text-center uppercase">Frequently asked questions</h2>
                     <p class="brand-primary">Why did the Eclipse Foundation create the Cloud DevTools Working Group?</p>
                     <p>Cloud native applications are of critical importance for today’s enterprises. According to a
                         recent Eclipse Foundation survey, more than 80% of developers have plans to create cloud native

layouts/shortcodes/page/resources/community.html

@@ -179,8 +179,6 @@
                             </li>
                         </ul>
 
-                        <p>&nbsp;</p>
-
                     </div>
 
                 </div>

less/_components/_commons.less

@@ -51,11 +51,11 @@
 }
 
 .offwhite-bg-shadow {
-  background-color:#f9f9f9;
+  background-color:@offwhite;
 }
 
 .white-bg-shadow {
-  background-color:#fff;
+  background-color:@white;
 }
 
 .featured-section-webinar-series-2 {
@@ -73,18 +73,17 @@
     margin-bottom:25px;
     margin-top:20px;
   }
-  .webinar-series-2-buttons {
-    li a {
-      width:225px;
-      @media (max-width: @screen-xs-max) {
-        margin-bottom:30px;
-      }
+  .webinar-series-2-buttons li a {
+    width:225px;
+    margin-bottom:30px;
+    @media (min-width: @screen-xs-min) {
+      margin-bottom:0px;
     }
   }
 }
 
 .featured-section-webinar-series-2-home {
-  background-color:#f9f9f9;
+  background-color:@offwhite;
 }
 
 .featured-section-testimonials{

less/_components/homepage.less

@@ -24,7 +24,6 @@
   .featured-jumbotron{
     padding-top:200px;
     padding-bottom:150px;
-    //background-image: url('../images/jumbotron-image.jpg');
     background-size:cover;
   }
   &.featured-jumbotron-home {
@@ -71,10 +70,8 @@
   padding:0!important;
 }
 
-
-
 .featured-section-webinar-series-1 {
-  background-image:url(../images/webinar-series-1-bg.png);
+  background-image:url(../images/webinar-series-1-bg.jpg);
   background-size: cover;
   color:@white;
   .btn {
@@ -83,11 +80,11 @@
     margin-top: 10px;
   }
   h2{
-    font-size:34px;
+    font-size:28px;
     text-transform: inherit;
     margin-bottom:10px;
-    @media (max-width: @screen-xs-max) {
-      font-size:28px;
+    @media (min-width: @screen-xs-min) {
+      font-size:34px;
     }
   }
   h3 {
@@ -96,8 +93,9 @@
   h2, h3 {
     color:@white;
     font-weight:400;
-    @media (max-width: @screen-xs-max) {
-      text-align: center;
+    text-align: center;
+    @media (min-width: @screen-xs-min) {
+      text-align: left;
     }
   }
   .featured-section-webinar-series-1-img {
@@ -110,14 +108,15 @@
   }
   p {
     font-size:18px;
-    @media (max-width: @screen-xs-max) {
-      text-align: center;
+    text-align: center;
+    @media (min-width: @screen-xs-min) {
+      text-align: left;
     }
   }
 }
 
-.owl-carousel .owl-item img.featured-section-webinar-series-1-img {
-  @media (max-width: @screen-xs-max) {
+@media (max-width: @screen-xs-max) {
+  .owl-carousel .owl-item img.featured-section-webinar-series-1-img {
     width:150px;
   }
 }
@@ -148,8 +147,7 @@
 
   .featured-section-projects-picture {
       max-width:116px;
-      max-height:116px;
-      min-height:116px;
+      height:116px;
   }
   
   .image-container { 

less/_components/open-vsx.less

@@ -12,11 +12,14 @@
 */
 
 .header-open-vsx-bg-img {
-    background-image:@featured-jumbotron-open-vsx-bg-img; 
-    text-align:left;
-    background-color:@white;
+    background-image: @featured-jumbotron-open-vsx-bg-img; 
+    text-align: center;
+    background-color: @white;
+    @media (min-width: @screen-sm-min) {
+        text-align: left;
+    }
     h1, h2 {
-        color:@text-color;
+        color: @text-color;
     }
     h2 {
         font-size: 16px;
@@ -24,9 +27,6 @@
         line-height: 1.6;
         font-weight: 400;
     }
-    @media (max-width: @screen-sm-max) {
-        text-align:center;
-    }
 }
 
 #header-wrapper .featured-jumbotron.featured-jumbotron-sub-pages.header-open-vsx-bg-img {
@@ -60,13 +60,13 @@
 
 .featured-section-team-leads-container {
     background-color:@white;
+    overflow: hidden;
     @media (min-width: @screen-sm-min) {
         background-image:url('../images/team-lead-bg.jpg');
         background-repeat: no-repeat;
         background-position: top right;
         background-size:60%;
     }
-    overflow: hidden;
 }
 
 .featured-section-team-leads {
@@ -133,20 +133,16 @@
     @media (min-width: @screen-lg-min) {
         padding-top:60px;
     }
-    .item {
-        img {
-            width:60px;
-            @media (max-width: @screen-sm-max) {
-                margin: 0 auto;
-            }
+    .item img {
+        width:60px;
+        @media (max-width: @screen-sm-max) {
+            margin: 0 auto;
         }
     }
 }
 
-.heading-underline-width-30 {
-    &:after {
-        width: 30px;
-    }
+.heading-underline-width-30:after {
+    width: 30px;
 }
 
 .featured-section-contribution-activity {

less/_components/resources.less

@@ -34,8 +34,6 @@
     }
 }
 
-.featured-section-community-collaboration {
-    p {
-        color:#000;
-    }
+.featured-section-community-collaboration p {
+    color:#000;
 }

less/_variables.less

@@ -18,9 +18,9 @@
 @heading-underline-width:50px;
 
 //== Colors
-@brand-primary: #1f7da9; // Light orange
-@brand-secondary: #2addf7; // Dark Orange
-@brand-tertiary: #022247; // Dark Purple
+@brand-primary: #1f7da9;
+@brand-secondary: #2addf7;
+@brand-tertiary: #022247;
 @brand-quaternary: #6e6e6e; // Light Gray
 @brand-quinary: @brand-quaternary; // Light Gray (Breadcrumbs)
 @brand-info: @brand-tertiary;
@@ -35,8 +35,6 @@
 @link-hover-color:      darken(@link-color, 10%);
 //** Link hover decoration.
 @link-hover-decoration: underline;
-//** Link visited color
-//@link-visited-color: #9e55d2;
 
 //== Featured Story
 @featured-story-h2-color: #4c4d4e;

less/styles.less

@@ -92,56 +92,17 @@
   }
 }
 
-
-@media (max-width: @screen-xs-max) {
-  .featured-section-faq,
-  .featured-section-statement{
-    text-align:center;
-  }
-  .mission-circle{
-    margin-top: 50px;
-  }
-}
 .featured-jumbotron h1 sup {
   font-size: 0.66em;
   position: relative;
   top: -0.34em;
 }
 
-.initiative-summary {
-	& {
-		margin-top: 30px;
-		margin-bottom: 50px;
-	}
-	& h4 {
-		margin-top: 20px;
-	}
-	& ul.list-inline li {
-		padding: 0 15px;
-	}
-}
-
 .events-container a.btn-secondary:nth-child(2) {
   margin-left: 10px;
 }
 //== END: For event page
 
-.d-inline-block {
-  display: inline-block;
-}
-
-.adopters-page {
-  p {
-    font-size: 16px;
-  }
-}
-
-.stay-connected {
-  .fa-stack{
-    color: @white;
-  }
-}
-
 // events display, aligns presenters (should be moved to solstice-assets)
 .eclipsefdn-agenda-schedule ul { padding-left: 0px; }
 .eclipsefdn-agenda-schedule li { list-style: none; padding-bottom: 10px; }
\ No newline at end of file