Revised Community layout

Added call to action
Updated start instructions
Label home link

Signed-off-by: Terry Cox <[email protected]>

Author: tdcox

.gitignore

@@ -5,3 +5,4 @@ package-lock.json
 .hugo_build.lock
 # Local Netlify folder
 .netlify
+.DS_Store

config.toml

@@ -131,7 +131,7 @@ url_latest_version = "https://cdevents.dev/docs"
 
 [[params.versions]]
   version = "v0.1.0"
-  url = "https://github.com/cdevents/spec/tree/v0.1.0"
+  url = "https://github.com/cdevents/spec/tree/v0.1.0/spec.md"
 
 # Repository configuration (URLs for in-page links to opening issues and suggesting changes)
 github_repo = "https://github.com/cdevents/spec"

content/en/community/_index.html

@@ -0,0 +1,66 @@
+<!--
++++
+title = "Community"
+type = "docs"
+
+[menu.main]
+weight = 30
++++
+-->
+{{< blocks/lead title="Community" image_anchor="center" height="min" color="primary" >}}
+<br><br>
+<h1>Join the CDEvents community</h1>
+
+<p>CDEvents is an open source project that anyone in the community can use, improve, and enjoy. As with all Open Source projects, we grow when you help to collaborate in solving a shared problem, and everyone benefits as a result.</p>
+<p>We'd love you to join us! Here's a few ways to find out what's happening and get involved.</p>
+
+{{< /blocks/lead >}}
+
+<section class="row td-box td-box--4 td-box--gradient td-box--height-auto linkbox">
+<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
+<h2>Learn and Connect</h2>
+<p>Using or want to use CDEvents?</p>
+<p>Find out more here:</p>
+<ul>
+    <li title="User mailing list">
+      <a target="_blank" rel="noopener" href="https://groups.google.com/g/cdevents-dev/"><i class="fa fa-envelope"></i> User mailing list:</a> Discussion and help topics
+    </li>
+    <li title="Twitter">
+        <a target="_blank" rel="noopener" href="https://twitter.com/_cdevents"><i class="fab fa-twitter"></i> Twitter:</a> Follow us on Twitter to get the latest news!
+    </li>
+</ul>
+</div>
+<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
+<h2>Develop and Contribute</h2>
+<p>Do you want to get more involved by contributing to CDEvents?</p>
+<p>Join us here:</p>
+<ul>
+    <li title="GitHub">
+      <a target="_blank" rel="noopener" href="https://github.com/cdevents/spec"><i class="fab fa-github"></i> GitHub:</a> CDEvents Specification on GitHub
+    </li>
+    <li title="Slack">
+        <a target="_blank" rel="noopener" href="https://cdeliveryfdn.slack.com/archives/C0151BTKEJX"><i class="fab fa-slack"></i> Slack:</a> Chat with us on the CDF Slack
+    </li>
+</ul>
+</div>
+</section>
+{{% cardpane %}}
+{{< blocks/feature title="Are you developing a CI/CD tool?" image_anchor="center" width="50%" height="min" color="dark" >}}
+<h2 class="text-center">The CDEvents SIG needs you!</h2>
+<p class="lead">We need your help to spread the implementation of CDEvents as an international standard. Get in touch and let us help you extend your product to provide new capabilities for your users.</p>
+<p class="lead">You can find out how to contribute to CDEvents in our <a href="/community/contribution-guidelines/">Contribution Guidelines</a></p>
+{{< /blocks/feature >}}
+
+{{< blocks/feature title="Want to shape the standard?" image_anchor="center" width="50%" height="min" color="dark" icon="fa-sharp fa-solid fa-hand-holding-heart">}}
+<h2 class="text-center">You can help to make a difference</h2>
+<p class="lead">We would love you to get involved in defining new events and helping to evolve our specification as we grow to meet the demands of Continuous Delivery.</p>
+<p class="lead">Come along to a CDEvents SIG meeting <a href="https://github.com/cdfoundation/sig-events">How to get involved</a></p>
+{{< /blocks/feature >}}
+
+{{< blocks/feature title="Enjoy writing and mentoring?" image_anchor="center" width="50%" height="min" color="dark" icon="fa-solid fa-book">}}
+<h2 class="text-center">Improve our documentation</h2>
+<p class="lead">We always need help to shape and polish our website. Maybe you could also support us by helping to connect with and evangelize to new communities using CI/CD.</p>
+<p class="lead">Join us on Slack and find out what is on the roadmap <a href="https://cdeliveryfdn.slack.com/archives/C0151BTKEJX">Click this invitation</a></p>
+{{< /blocks/feature >}}
+{{% /cardpane %}}
+

content/en/community/_index.md

@@ -75,10 +75,10 @@ Install a copy of [Hugo](https://gohugo.io) in your dev environment. You will ne
 From within your local copy of your cdevents.dev fork, start the Hugo server with the following:
 
 ```bash
- hugo server --printI18nWarnings --bind 0.0.0.0 --baseURL http://your-dev-ip-address:1313
+ netlify dev
  ```
 <!-- markdownlint-disable-next-line MD001 MD034 -->
- This will allow you to browse your copy of the website at http://localhost:1313 and also use a phone or tablet to check mobile rendering by navigating to http://your-dev-ip-address:1313 from the device.
+ This will allow you to browse your copy of the website at http://localhost:8888
 
  Edits to the local copy of the site should be rendered automatically, but if something seems wrong, you may need to restart the server under some circumstances. Watch out for issues caused by browser caches, as these are common.
 

content/en/community/contribution-guidelines.md

@@ -1,6 +1,6 @@
 {{ $cover := and (.HasShortcode "blocks/cover") (not .Site.Params.ui.navbar_translucent_over_cover_disable) }}
 <nav class="js-navbar-scroll navbar navbar-expand navbar-dark {{ if $cover}} td-navbar-cover {{ end }}flex-column flex-md-row td-navbar">
-        <a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
+        <a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}" aria-label="Home">
 		<span class="navbar-logo">{{ if .Site.Params.ui.navbar_logo }}{{ with resources.Get "icons/logo.svg" }}{{ ( . | minify).Content | safeHTML }}{{ end }}{{ end }}</span>{{ if not .Site.Params.ui.navbar_logo }}<span class="font-weight-bold">{{ .Site.Title }}</span>{{ end }}
 	</a>
 	<div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar">