Merge pull request #193 from rbowen/frontpage1106

Proposed new layout of front page.

hugo.toml

@@ -44,7 +44,7 @@ repositoryContentBaseUrl = "https://github.com/apache/comdev-site/blob/main/sour
 # Open Graph section
 title = "Apache Community Development"
 description = "The Community Development project creates and provides tools, processes, and advice to help open-source software projects improve their own community health."
-images = ["images/aceu19_1.jpg", "images/aceu19_2.jpg"] # Open graph images are placed in `static/images`
+images = ["images/project-logos.webp"] # Open graph images are placed in `static/images`
 tags = ["OpenSource", "Community", "Apache Software Foundation"]
 
 [social]

layouts/_default/baseof.html

@@ -57,9 +57,9 @@
     <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 class="col-md-12"><h4 class="text-muted">Community &gt; Code</h4></div>
+        <div class="col-md-12"><!-- // --></div>
       </section>
       {{ partial "breadcrumbs.html" . }}
       <hr>

source/_index.md

@@ -12,140 +12,106 @@ title: ASF Community Development - Welcome
 </script>
 
 <div class="homepage-hero">
-  <a target="_blank" href="https://www.apache.org/events/current-event.html">
-    <img class="events-logo" src="https://www.apache.org/events/current-event-125x125.png"/>
-  </a>
-
+    <img class="events-logo" src="/images/project-logos.webp" />
 
 ## ASF Community Development
 
 The ASF Community Development (ComDev) project creates and provides tools,
 processes, and advice to help open-source projects improve their own
 community health.
-
-We are primarily focused on ASF projects, but we believe that our
-[governance principles](/tags/governance.html)
-and best practices apply to other projects as well.
-
-If you're new to the ASF and are looking for where to get involved, [you can find relevant information here](/tags/newcomers.html).
 </div>
 
 <a name="Index-Startingpoints"></a>
 
+<community-front-page>
 
 <!-- Row 1 -->
 <div class="row">
+    <!-- Newcomers -->
     <div class="col-md-4">
 
-#### ASF Newcomers
-
-If you are new to open source, our <a href="newcomers/index.html"><b>newcomers section</b></a>
-and [related pages](/tags/newcomers.html)
-explain basic concepts, first steps to get started, and where to ask for help.
+#### Newcomers
 
-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>.
+[![Newcomers](/images/newcomers-fp.webp)](/newcomers/index.html)
+  </div> <!-- End Newcomers -->
 
-The ASF is a large organization made up of many separate projects. Each project community may have its own ways of working, while still following the basic Apache Way process.
-
-  </div>
+  <!-- Events -->
   <div class="col-md-4">
 
 #### Events
 
-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.
+[![Events](/images/events-fp.webp)](https://events.apache.org/)
 
-The <a href="https://events.apache.org/event/calendar.html">events calendar</a> lists approved Apache-related events, including Community Over Code (formerly ApacheCon) and project summits.
+  </div> <!-- End Events -->
 
-The <a href="https://tac.apache.org/">ASF Travel Assistance Committee</a> provides financial assistance for selected ASF events to those who would otherwise be unable to attend them.
-
-  </div>
+  <!-- General ASF stuff -->
   <div class="col-md-4">
 
 #### The Foundation
 
-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>.
-
-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 of Apache</a>.
+[![Foundation](/images/foundation-fp.webp)](https://apache.org/foundation/)
 
   </div>
-</div>
+  <!-- End Foundation -->
+
+</div> <!-- End row one -->
 
 <!-- Row 2 -->
 <div class="row">
   <div class="col-md-4">
 
-#### Open Source Contributors
-
-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.
+#### Contributors
 
-We also have a collection of <a href="links.html">links</a> to relevant information.
-
-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>.
+[![Contributors](/images/contributors-fp.webp)](/contributors/)
 
   </div>
   <div class="col-md-4">
 
-#### How Apache works
-
-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.
+#### Google Summer of Code
 
-Our <a href="https://www.apache.org/foundation/how-it-works.html" target="_blank">how Apache works</a> guide describes key ASF
-concepts, such as the difference between ASF Members and project committers, how decisions are made (voting), how elections take place, 
-and the ASF's structure and organization.
+[![GSOC](/images/gsoc-fp.webp)](/gsoc/)
 
   </div>
-  <div class="col-md-4">
 
-#### FAQ & Code of Conduct
+  <!-- ALC -->
+  <div class="col-md-4">
 
-Please be nice! The ASF has a <a href="https://www.apache.org/foundation/policies/conduct">Code of Conduct</a> that we expect participants to abide by.
+#### Apache Local Community
 
-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>.
+[![ALC](/images/alc-fp.webp)](https://s.apache.org/alc)
 
 </div>
+  <!-- End ALC -->
+
+</div> <!-- End Row 2 -->
 
 <!-- Row 3 -->
 <div class="row">
   <div class="col-md-4">
 
-#### Diversity and Inclusion
-
-The <a href="http://diversity.apache.org/">Apache DE&I</a> (Diversity, Equity, and Inclusion) website has more information
-on that project and current initiatives dedicated to understanding and promoting diversity and inclusion in ASF communities.
+  <!-- Placeholder -->
 
   </div>
   <div class="col-md-4">
 
-#### Google Summer of Code program (GSoC)
-
-The Community Development project also manages the <a href="/gsoc/">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 have gone on to become long-term committers to projects, and even Members of the Foundation.
+#### Diversity and Inclusion
 
-Read about a few of our <a href="/gsoc/experiences.html">GSoC successes</a>. 
+[![DE&I](/images/dei-fp.webp)](https://diversity.apache.org/)
 
   </div>
-  <div class="col-md-4">
 
-#### Apache Local Community (ALC)
-
-The <a href="https://s.apache.org/alc">Apache Local Community</a> comprises local groups of Apache (Open Source) enthusiasts, called an 'ALC Chapter'. There will be a single ALC chapter per town/city.
+  <!-- placeholder -->
+  <div class="col-md-4">
 
-The ALC Chapters spread awareness of the ASF in local communities, hosting local events to share information about the ASF, The Apache Way, and various Apache projects by bringing together project users and developers.
+  <!-- Placeholder -->
 
   </div>
-</div>
+  <!-- End placeholder -->
 
-<div>
+</div> <!-- End Row Three -->
 
-#### How to ask questions
+</ community-front-page>
 
-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 specific project and gain a sense of its current activities and focus.  Most projects have a
-<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.
-
-We have a <a href="/contributors/etiquette">Code of Conduct and Etiquette guidelines</a> to help you write good emails.
-
-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>.
+<div>
 
 </div>

source/contributors/_index.md

@@ -33,7 +33,7 @@ intentional decision, in order to include a wider community than who
 happens to be on your Slack channel at a particular moment.
 
 This is why we say, at the ASF, [**If it didn't happen on the mailing
-list, it didn't happen**](/contributors/mailing-lists).
+list, it didn't happen**](/contributors/mailing-lists.html).
 
 ## Moving From Contributor to Committer
 

source/lists.md

@@ -50,14 +50,6 @@ browsing and searching through all public email archives:
 
  * [https://lists.apache.org/](https://lists.apache.org/)
 
-Several other organizations also archive many/most Apache email lists, and some 
-offer useful search or sending functionality:
-
- * MarkMail [https://apache.markmail.org/](https://apache.markmail.org/) - natural language search
- * MARC [https://marc.info/](https://marc.info/)
- * The (old) Mail Archive [https://mail-archive.com/][7]
- * GMANE [http://gmane.org/](http://dir.gmane.org/search.php?match=apache)
-
 
   [1]: https://www.apache.org/foundation/public-archives.html
   [2]: https://www.apache.org/dev/#mail

static/css/main.css

@@ -105,3 +105,9 @@ volunteers-list li {
 .bg-bright {
     background: white;
 }
+
+community-front-page img {
+    border-radius: 12%;
+}
+
+