You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@community.apache.org by rl...@apache.org on 2020/09/20 15:09:37 UTC

[comdev-site] branch master updated: Multiple styling improvements

This is an automated email from the ASF dual-hosted git repository.

rlenferink pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/comdev-site.git


The following commit(s) were added to refs/heads/master by this push:
     new 99b9c57  Multiple styling improvements
99b9c57 is described below

commit 99b9c571a4151c238ef55c25a2894ca8c2c40a83
Author: Roy Lenferink <le...@gmail.com>
AuthorDate: Sun Sep 20 17:09:16 2020 +0200

    Multiple styling improvements
    
    This makes the website better readable via mobile devices
    
    Also fixed some typos/urls
---
 layouts/_default/baseof.html              | 306 ++++++++++++++++--------------
 source/_index.md                          |  32 ++--
 source/mentoringprogramme-icfoss-pilot.md |   0
 source/newbiefaq.md                       |   4 +-
 static/css/main.css                       |  26 ++-
 5 files changed, 208 insertions(+), 160 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 1263859..f7f5f49 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <!--
-
     Licensed to the Apache Software Foundation (ASF) under one or more
     contributor license agreements.  See the NOTICE file distributed with
     this work for additional information regarding copyright ownership.
@@ -21,162 +20,193 @@
 <head>
   <meta name="description" content="Apache Community Development"/>
   <meta name="keywords" content="apache, apache community, community development, opensource"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 
   <title>Apache Community Development - {{ .Title }}</title>
   <link rel="shortcut icon" href="images/favicon.ico">
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <link href="/css/main.css" rel="stylesheet" media="screen">
   <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
   <link href="/css/bootstrap-responsive.css" rel="stylesheet">
   <style type="text/css">
-      body {
-        padding-top: 60px;
-        padding-bottom: 40px;
+      /* Google Search box customizations */
+      .gsc-search-box input.gsc-input, .gcse-search-box input.gsc-input:focus {
+          -webkit-box-shadow:none;
+          box-shadow:none;
+          -moz-box-shadow:none;
+          border-radius:0px;
+      }
+
+      /* On tablets, the wrapped menu is hiding the search box, adding a margin to push down */
+      .container {
+          margin-top:5px;
+      }
+      .footer {
+          text-align:center;
+          color:grey;
+          font-size:80%;
+          border-top: solid #ddd 1px;
+          margin-top:1em;
       }
-	  /* Google Search box customizations */
-	   .gsc-search-box input.gsc-input, .gcse-search-box input.gsc-input:focus { -webkit-box-shadow:none; box-shadow:none; -moz-box-shadow:none; border-radius:0px; }
-		/* On tablets, the wrapped menu is hiding the search box, adding a margin to push down */
-		 .container { margin-top:5px; }
-		 .footer { text-align:center; color:grey; font-size:80%; border-top: solid #ddd 1px; margin-top:1em;}
   </style>
 </head>
 
 <body>
-    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-      <!-- <a class="navbar-brand" href="#">Apache Community Development Project</a> -->
-      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <div class="collapse navbar-collapse" id="mainNavbar">
-        <div class="container"> <!-- this one is required to center Nav -->
-          <ul class="navbar-nav mr-auto">
-            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                About
-              </a>
-              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
-                <a class="dropdown-item" href="/about/">What We Do</a>
-                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
-                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
-                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
-                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
-                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
-                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
-                <a class="dropdown-item" href="/links.html">Links to additional material</a>
-                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
-                    Development JIRA</a>
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                For Contributors
-              </a>
-              <div class="dropdown-menu" aria-labelledby="contribDropdown">
-                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
-                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
-                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
-                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
-                <div class="dropdown-divider"></div>
-                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
-                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
-                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
-                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
-                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
-                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
-                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                For Committers/PMCs
-              </a>
-              <div class="dropdown-menu" aria-labelledby="commitDropdown">
-                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
-                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
-                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
-                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
-                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
-                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
-                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                Mentoring
-              </a>
-              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
-                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
-                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
-                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
-                <div class="dropdown-divider"></div>
-                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
-                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
-                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
-                <!--a class="dropdown-item" href="/localmentors.html">Mentors Near You</a-->
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                Events
-              </a>
-              <div class="dropdown-menu" aria-labelledby="eventDropdown">
-                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
-                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
-                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
-                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
-                <div class="dropdown-divider"></div>
-                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
-                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
-                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
-                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
-              </div>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                Join the Conversation
-              </a>
-              <div class="dropdown-menu" aria-labelledby="conversDropdown">
-                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
-                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
-                <a class="dropdown-item" href="/lists.html">Mailing List</a>
-              </div>
-            </li>
-          </ul>
+  <header class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+    <!-- <a class="navbar-brand" href="/">Apache Community Development Project</a> -->
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="mainNavbar">
+      <div class="container"> <!-- this one is required to center Nav -->
+        <ul class="navbar-nav mr-auto">
+          <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              About
+            </a>
+            <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+              <a class="dropdown-item" href="/about/">What We Do</a>
+              <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+              <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+              <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+              <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+              <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+              <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+              <a class="dropdown-item" href="/links.html">Links to additional material</a>
+              <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                  Development JIRA</a>
+            </div>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              For Contributors
+            </a>
+            <div class="dropdown-menu" aria-labelledby="contribDropdown">
+              <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+              <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+              <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+              <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+              <div class="dropdown-divider"></div>
+              <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+              <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+              <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+              <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+              <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+              <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+              <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+            </div>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              For Committers/PMCs
+            </a>
+            <div class="dropdown-menu" aria-labelledby="commitDropdown">
+              <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+              <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+              <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+              <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+              <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+              <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+              <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+            </div>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Mentoring
+            </a>
+            <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+              <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+              <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+              <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+              <div class="dropdown-divider"></div>
+              <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+              <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+              <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+              <!--a class="dropdown-item" href="/localmentors.html">Mentors Near You</a-->
+            </div>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Events
+            </a>
+            <div class="dropdown-menu" aria-labelledby="eventDropdown">
+              <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+              <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+              <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+              <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+              <div class="dropdown-divider"></div>
+              <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+              <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+              <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+              <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+            </div>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Join the Conversation
+            </a>
+            <div class="dropdown-menu" aria-labelledby="conversDropdown">
+              <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+              <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+              <a class="dropdown-item" href="/lists.html">Mailing List</a>
+            </div>
+          </li>
+        </ul>
+      </div>>
+    </div><!--/.navbar-collapse -->
+  </header>
+
+  <main class="cd-main" id="content" role="main">
+    <div class="container">
+      <section id="content" class="row">
+        <div class="col-md-9">
+          <h3 class="mt-3 text-muted">The Apache Software Foundation</h3>
         </div>
-      </div><!--/.navbar-collapse -->
+        <div class="col-md-3 pull-right">
+          <div class="gcse-search"></div>
+        </div>
+        <div class="col-md-12"><h4 class="text-muted">Community &gt; Code</h4></div>
+      </section>
+      {{ partial "breadcrumbs.html" . }}
+      <hr>
+      {{ block "main" . }}{{ end }}
     </div>
+  </main>
 
-  <div class="container">
-    <section id="content" class="row">
-      <div class="col-9">
-        <h3 class="text-muted">The Apache Software Foundation</h3>
+  <footer class="page-footer bg-secondary mt-4 pt-3">
+    <div class="container text-center text-md-left mb-3">
+      <div class="row">
+        <div class="col-md-6 mt-md-0 mt-3">
+          <h5 class="text-uppercase">Trademarks</h5>
+          <p>
+            Apache&reg;, the names of Apache projects, and the multicolor feather logo are
+            <a href="https://www.apache.org/foundation/marks/list/">registered trademarks or trademarks</a> of the Apache
+            Software Foundation in the United States and/or other countries.
+          </p>
+        </div>
+
+        <hr class="clearfix w-100 d-md-none pb-3">
+
+        <div class="col-md-6 mb-md-0 mb-3">
+          <h5 class="text-uppercase">Website sources</h5>
+
+          <p>
+            This website is generated from the <a href="https://github.com/apache/comdev-site">comdev-site repository</a>.<br>
+            Patches are welcome!
+          </p>
+        </div>
       </div>
-      <div class="col-3 pull-right">
-        <div class="gcse-search"></div>
-  	  </div>
-      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
-    </section>
-    {{ partial "breadcrumbs.html" . }}
-    <hr>
-    {{ block "main" . }}{{ end }}
-  </div>
-  
-  <footer class="footer" align="center">
-    <div class="container">
-      <p>
-		Copyright &copy; {{ now.Year }}, the Apache Software Foundation. Licensed under the
-        <a rel="license" href="https://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>
-        <br/>
-		Apache&reg;, the names of Apache projects, and the multicolor feather logo are
-        <a href="https://www.apache.org/foundation/marks/list/">registered trademarks or trademarks</a> of the Apache
-        Software Foundation in the United States and/or other countries.
-        <br/>
-        This website is generated from the <a href="https://github.com/apache/comdev-site">comdev-site repository</a> - patches welcome!
-      </p>
+    </div>
+
+    <div class="footer-copyright text-center py-3">
+      <em>Copyright &copy; {{ now.Year }}, the Apache Software Foundation. Licensed under the
+      <a rel="license" href="https://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a></em>
     </div>
   </footer>
-  
+
   <script src="/js/jquery-1.9.1.min.js"></script>
   <script src="/js/bootstrap.min.js"></script>
   <script>
diff --git a/source/_index.md b/source/_index.md
old mode 100755
new mode 100644
index 516470e..6e5b6fe
--- a/source/_index.md
+++ b/source/_index.md
@@ -26,32 +26,32 @@ in the specific Apache projects that interest you.
 
 <!-- Headers -->
 <div class="row">
-  <div class="col-4">
+  <div class="col-md-4">
     <h3>New to Apache</h3>
   </div>
-  <div class="col-4">
+  <div class="col-md-4">
     <h3>Events & Mentoring</h3>
   </div>
-  <div class="col-4">
+  <div class="col-md-4">
     <h3>The Apache Way</h3>
   </div>
 </div>
 
 <!-- Row 1 -->
 <div class="row">
-    <div class="col-4">
+    <div class="col-md-4">
         <h4>Newcomers to Apache</h4>
         <p>If you are new to open source, our <a href="newcomers/index.html"><b>newcomers section</b></a> explains basic concepts, first steps to get started, and where to ask for help.</p>
         <p>To get our software, see our <a href="https://projects.apache.org/projects.html?category" target="_blank">categorized listing of all Apache projects</a>, which are <a href="https://www.apache.org/free/"><b>always free</b> to download and use</a>.</p>
         <p>The ASF is a large organization made up of many separate projects: each community may have different ways of working, while still following the basic Apache Way process.</p>
     </div>
-    <div class="col-4">
+    <div class="col-md-4">
         <h4>Event Organizers and Speakers</h4>
         <p>We have a <a href="speakers/index.html">list of speaker resources</a> for conference organizers and speakers, including some useful Apache slides.</p>
         <p>Producers should read our <a href="https://www.apache.org/foundation/marks/events">Event Branding Policy</a> for ticketed events, and we have some <a href="events/small-events.html">tips for organizing small community events</a> about Apache projects.</p>
         <p>The <a href="https://events.apache.org/event/calendar.html">master event calendar</a> contains an aggregation of many different Apache-related events, including ApacheCon and BarCamps.</p>
     </div>
-    <div class="col-4">
+    <div class="col-md-4">
         <h4>The Foundation</h4>
         <p>The Apache Software Foundation (ASF) is a <a href="https://www.apache.org/foundation/">US 501(c)3 non-profit public charity</a>. The Foundation is <a href="https://www.apache.org/foundation/governance/">governed by a Board of Directors</a>, elected by our Membership, and we publish our <a href="https://www.apache.org/foundation/board/calendar.html">monthly board meeting minutes</a>.</p>
         <p>Our mission is to create software for the public good that we <a href="https://www.apache.org/free/">give away for free</a>. You can read how <a href="https://www.apache.org/foundation/governance/" target="_blank">ASF and Apache projects are governed</a>. We <a href="https://www.apache.org/foundation/contributing.html" target="_blank">welcome your support to Apache in other ways</a>.</p>
@@ -60,18 +60,18 @@ in the specific Apache projects that interest you.
 
 <!-- Row 2 -->
 <div class="row">
-    <div class="col-4">
+    <div class="col-md-4">
         <h4>Open Source Contributors</h4>
         <p>If you know a little about open source and want to understand how the ASF works, our <a href="contributors/index.html">contributors' section</a> is for you.</p>
         <p>We also have a collection of <a href="links.html">links</a> to relevant information.</p>
         <p>Apache Committers should read our <a href="committers/index.html">committers' section</a> and see the <a href="https://www.apache.org/dev/">Developer Information site</a>.</p>
     </div>
-    <div class="col-4">
+    <div class="col-md-4">
         <h4>How Apache works</h4>
         <p>Our <a href="apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a> defines a structure for evaluating our projects (communities & technology) that can serve as an example for other communities.</p>
         <p>Interested in learning how the ASF works as a Foundation? Our <a href="https://www.apache.org/foundation/how-it-works.html" target="_blank"> how Apache works guide</a> talks about the difference between ASF Members and project committers, who decides things (voting), how elections take place, how our infrastructure is set up, what is the board, what is a PMC, and what's the philosophy behind the incubator.</p>
     </div>
-    <div class="col-4">
+    <div class="col-md-4">
         <h4>Diversity and Inclusion</h4>
         <p>The <a href="http://diversity.apache.org/">Apache Diversity</a> website has more information
         on that project, dedicated to understanding and promoting the diversity and inclusion Apache Software Foundation communities.
@@ -81,19 +81,19 @@ in the specific Apache projects that interest you.
 
 <!-- Row 3 -->
 <div class="row">
-    <div class="col-4">
+    <div class="col-md-4">
         <h4>How To Ask Questions</h4>
         <p>All Apache projects use <a href="https://lists.apache.org/">publicly-archived mailing lists</a> that anyone may subscribe
            to. There you can ask questions related to that Apache project and gain a sense of its current activities and focus.  Most projects have a
-           `dev@project.apache.org` mailing list for technical discussions about the code, and a
-           `user@` or `users@` mailing list for questions about the product or features.
+           <code>dev@project.apache.org</code> mailing list for technical discussions about the code, and a
+           <code>user@</code> or <code>users@</code> mailing list for questions about the product or features.
            <br/><br/>
            We have a <a href="/contributors/etiquette">Code of Conduct and Etiquette guidelines</a> to help you write good emails.
            <br/><br/>
            The ComDev project has our own mailing list where you can ask general questions
            about Apache at <a href="https://lists.apache.org/list.html?dev@community.apache.org:lte=3M:">dev@community.apache.org</a>.</p>
     </div>
-    <div class="col-4">
+    <div class="col-md-4">
           <h4>Google Summer of Code program (GSoC)</h4>
           <p>The Community Development project also manages the <a href="gsoc.html">ASF's participation in the Google Summer of Code program</a>. Each year since 2005, we've taken on between 30 and 45 students. Many of these have gone on to become long-term committers to projects and even Members of the Foundation.
           <br/><br/>
@@ -103,13 +103,13 @@ in the specific Apache projects that interest you.
         <p>If you are looking for specific areas to get started contributing to open source, see our <a href="https://helpwanted.apache.org">Help Wanted site</a>, or the collection of <a href="https://s.apache.org/gsoc2013ideas">project ideas</a> created by GSoC mentors.</p>
         -->
     </div>
-    <div class="col-4">
+    <div class="col-md-4">
           <h4>FAQ & Code of Conduct</h4>
           <p>Please be nice! The ASF has a <a href="https://www.apache.org/foundation/policies/conduct">Code of Conduct</a> that we expect participants in our mailing lists and projects to abide by.</p>
-          <p>If you still haven't found what you are looking for, try our <a href="newbiefaq.html">FAQ</a>, send us an e-mail at `dev@community.apache.org`, or read the <a href="https://lists.apache.org/list.html?dev@community.apache.org:lte=3M:" target="_blank">Community mail archives</a>.</p>
+          <p>If you still haven't found what you are looking for, try our <a href="newbiefaq.html">FAQ</a>, send us an e-mail at <code>dev@community.apache.org</code>, or read the <a href="https://lists.apache.org/list.html?dev@community.apache.org:lte=3M:" target="_blank">Community mail archives</a>.</p>
     </div>
 </div>
 
-<div style="width: 700px;" type="helpwanted" project="comdev"  description="Community Development"></div>
+<div class="container" type="helpwanted" project="comdev" description="Community Development"></div>
 <script src="https://helpwanted.apache.org/widget.js" type="text/javascript"></script>
 <!-- dummy change (42) to test asf-site commit -->
diff --git a/source/mentoringprogramme-icfoss-pilot.md b/source/mentoringprogramme-icfoss-pilot.md
old mode 100755
new mode 100644
diff --git a/source/newbiefaq.md b/source/newbiefaq.md
old mode 100755
new mode 100644
index be846d2..bbed91b
--- a/source/newbiefaq.md
+++ b/source/newbiefaq.md
@@ -250,7 +250,7 @@ that help you navigate the ASF.
   - Apache committers can log in to the [Project Reporting Tool][14] that helps PMCs create quarterly board reports; you can [see the code that does this][15].
   - A [ComDev Wiki][wiki] is also available for scratch or experimental work, although most permanent content should be here in the CMS.
 
-# How do I report a bug For Comdev websites or tools? # {#comdevbug}
+# How do I report a bug for Comdev websites or tools? # {#comdevbug}
 
 The Community Development project has a Jira issue tracker queue where you
 can submit bug reports related to any of our services or websites.
@@ -269,6 +269,6 @@ can submit bug reports related to any of our services or websites.
   [12]: https://helpwanted.apache.org/
   [13]: https://svn.apache.org/viewvc/comdev/helpwanted.apache.org/
   [14]: https://reporter.apache.org/
-  [15]: https://svn.apache.org/repos/asf/comdev/projects.apache.org/
+  [15]: https://svn.apache.org/repos/asf/comdev/reporter.apache.org/
 
 [wiki]: https://cwiki.apache.org/confluence/display/COMDEV/ComDev+Wiki
diff --git a/static/css/main.css b/static/css/main.css
index a6cb362..2587c57 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,4 +1,22 @@
-.feather {
-	background-image:url('http://www.apache.org/images/feather-small.gif');
-	background-repeat:no-repeat;
-}
\ No newline at end of file
+main.cd-main {
+  padding-top: 3.5rem;
+}
+
+footer.page-footer {
+  bottom: 0;
+  color: #fff;
+}
+
+footer.page-footer a {
+  color: #000000;
+}
+footer.page-footer a:hover {
+  color: #000000;
+}
+
+footer.page-footer .footer-copyright {
+  overflow: hidden;
+  color: rgba(255,255,255,0.6);
+  background-color: rgba(0,0,0,0.2);
+}
+