Create the Issue Finder page and add links to it

Author: dhruvkb

content/contributing-code/issue-finder/contents.lr

@@ -0,0 +1,5 @@
+_model: page
+---
+_template: issue_finder.html
+---
+title: Issues for the Community

themes/vocabulary_theme/templates/issue_finder.html

@@ -0,0 +1,17 @@
+{% extends "layout.html" %}
+
+{% block title %}{{ this.title }}{% endblock %}
+
+{% block body %}
+  <div class="issue-finder">
+    <div class="header">
+      <div class="container">
+        <h1>Issue Finder</h1>
+        <p class="description">Welcome to the CC developer community! It's wonderful to have you here.</p>
+      </div>
+    </div>
+    <div class="body container">
+      <div id="vue-app">Loading...</div>
+    </div>
+  </div>
+{% endblock %}

themes/vocabulary_theme/templates/layout.html

@@ -77,6 +77,7 @@
               {% for href, title in [
                 ['/contributing-code', 'Contribution Guidelines'],
                 ['/contributing-code/projects', 'Project List'],
+                ['/contributing-code/issue-finder', 'Issue Finder'],
                 ['/contributing-code/pr-guidelines', 'Pull Request Guidelines'],
                 ['/contributing-code/github-repo-guidelines', 'GitHub Repo Guidelines'],
                 ['/contributing-code/usability', 'Usability'],

themes/vocabulary_theme/templates/page-with-toc.html

@@ -23,6 +23,10 @@ <h1>{{ this.title }}</h1>
                     <a class="{% if this.path == '/contributing-code/projects' %} is-active {% endif%} link" href="{{ '/contributing-code/projects'|url }}">Project List</a>
                   </li>
                   <hr class="divider">
+                  <li>
+                    <a class="{% if this.path == '/contributing-code/issue-finder' %} is-active {% endif%} link" href="{{ '/contributing-code/issue-finder'|url }}">Issue Finder</a>
+                  </li>
+                  <hr class="divider">
                   <li>
                     <a class="{% if this.path == '/contributing-code' %} is-active {% endif%} link" href="{{ '/contributing-code'|url }}">Contribution Guidelines</a>
                     <ul>

webpack/sass/main.scss

@@ -550,6 +550,18 @@ pre {
   }
 }
 
+// Issue Finder page
+.issue-finder {
+  .body {
+    @extend .padding-horizontal-big;
+    @extend .body-big;
+    @extend .padding-top-larger;
+    @extend .padding-bottom-xxl;
+
+    line-height: 1.8125;
+  }
+}
+
 // CC Search Guidelines page
 .cc-search-guide {
   .body {