Help wanted

.gitpod.yml

@@ -1,8 +1,5 @@
-image:
-  file: .github/dockerfiles/.gitpod.Dockerfile
-  context: .github
 tasks:
-  - init: gem install bundler && bundle install
+  - init:  bundle install
     command: bundle exec jekyll serve --livereload
 vscode:
   extensions:

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
     "conventionalCommits.scopes": [
-        "mobile"
+        "mobile",
+        "help"
     ]
 }

CHANGELOG.md

@@ -6,10 +6,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 ### Added
+- Help wanted page
+- `single-content` layout for pages without a multi-card layout.
 
 ### Changed
 
 ### Removed
+- `margin-left` on the first nav `li` 
 
 ## [0.0.1-beta.4] - 2022-07-16
 ### Added

CONTRIBUTING.md

@@ -0,0 +1,19 @@
+---
+layout: single-content
+---
+
+## Contribute to Chocolate Network 🍫
+
+Chocolate is still growing, and we would like you to grow with us! Our vision for this platform is vast, but we can only do so much alone.
+
+Generally, you can hop on any of these repositories on GitHub and checkout the issues tab for what is currently needed/being worked on. You can also consult the `README` file of each repository for more information with regards to setup, contribution, etc.
+
+1. Parachain (Substrate + Rust): [chocolatenetwork/chocolate-parachain](https://github.com/chocolatenetwork/chocolate-parachain)
+2. Web app (React + Typescript): [chocolatenetwork/chocolate-front-end](https://github.com/chocolatenetwork/chocolate-front-end)
+3. Content and Documentation: [chocolatenetwork/choco-pages](https://github.com/chocolatenetwork/choco-pages)
+
+### Contributor questions
+
+Got further questions? Please reach out on our community [Discord](https://discord.gg/p6wqHGVMUP), or tag related maintainers on GitHub. We look forward to your contributions! 
+
+> \- Team Chocolate 🍫

Gemfile.lock

@@ -58,6 +58,7 @@ GEM
     unicode-display_width (1.8.0)
 
 PLATFORMS
+  ruby
   x86_64-linux
 
 DEPENDENCIES

README.md

@@ -4,9 +4,7 @@ This is a simple site hosting content about chocolate network.
 
 ### Development flow:
 
-1. Branch off of dev for feature
-2. Merge into dev
-3. Merge into local gh-pages
-4. Merge into upstream gh-pages.
+1. Branch off of `gh-pages` for feature
+2. PR Merge into upstream gh-pages.
 
 Open in Gitpod: [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/chocolatenetwork/choco-pages/tree/gh-pages)

_config.yaml

@@ -13,6 +13,7 @@ exclude:
   - vendor/cache/
   - vendor/gems/
   - vendor/ruby/
+  - .vscode/
   - .gitpod.yml
   - .gitignore
   - CHANGELOG.md

_includes/nav.html

@@ -28,6 +28,9 @@
     <a class="logo link" href={{'/#home' | relative_url}}>
       <i class="chocolate"></i><span class="text--light nav_home-link">chocolate <b data-target>network</b></span>
     </a>
+    <a class="link button" href={{'/CONTRIBUTING' |  relative_url}}>
+      HELP WANTED
+    </a>
     <button type="button" data-state="closed" class="button--transparent nav_burger">
       {% include burger-menu.svg %}
     </button>

_layouts/single-content.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<div class="single-content-wrapper">
+    {{content}}
+</div>

_sass/_molecules.scss

@@ -8,7 +8,9 @@
 
 // <nav incs>
 @mixin nav-li {
-  margin-left: 1rem;
+  &:not(:first-of-type) {
+    margin-left: 1rem;
+  }
 }
 @mixin nav-logo {
   color: $nav-logo-text;
@@ -103,9 +105,10 @@
 }
 @mixin nav-main-grid{
   display: grid;
-  grid-template-columns: auto max-content;
+  grid-template-columns: auto max-content max-content;
   grid-auto-rows: minmax(75px, max-content);
   row-gap: $body-padding;
+  column-gap: $body-padding;
   align-items: center;
 }
 // <footer incs>

_sass/primitives/_atoms.scss

@@ -151,12 +151,21 @@ $transition-style: ease;
 .button {
   @include button;
 }
-
 .button--transparent {
   // include var before @include so it's defined before use inside.
   --btn-bg: transparent;
   @include button-light;
 }
+// order must be maintained for overriding.
+.single-content-wrapper a {
+  color: $blue-link;
+}
+.single-content-wrapper a:visited {
+  color:  $visited-link;
+}
+.single-content-wrapper a:active {
+  color: $active-link;
+}
 
 // misc traits describing behaviour of organisms (cannot standalone, hence atomic).
 html:focus-within {

_sass/primitives/_colors.scss

@@ -19,3 +19,8 @@ body {
   background-color: $primary;
   color: $text-color;
 }
+
+// links. best contrast.
+$visited-link: #EBA3D6;
+$blue-link: #BDBDFF;
+$active-link: #FF9999;