Adding useful links to the resources page

Author: KeiranWDigital

css/style.css

@@ -10,6 +10,7 @@
     --colour-light-highlight: #adffd2;
     --colour-black: #000000;
     --colour-white: #f8f8f8;
+    --color-link: #A52A2A;
 }
 
 /* Links */
@@ -18,7 +19,7 @@ a:focus,
 a:hover {
     text-decoration: solid underline;
     /* color: var(--colour-light-primary); */
-    color: brown;
+    color: var(--color-link);
 }
 
 a, a:focus {
@@ -225,6 +226,7 @@ iframe {
     padding: 30px;
 }
 
+
 /* Activity and resource cards */
 
 .card {
@@ -387,6 +389,21 @@ div.event-book-button {
     width: 7.5em;
 }
 
+/*Resources*/
+.color-slack{
+    color:var(--colour-light-primary);
+}
+
+.color-github{
+    color:var(--colour-black);
+}
+
+.color-slides{
+    color:var(--colour-light-primary);
+}
+
+
+
 /* Twitter */
 
 #twitterButton i {

pages-resources/resources-links.html

@@ -0,0 +1,71 @@
+<div class="row">
+    <div class="col-md-12">
+        <a name="resources-ides"></a>
+        <h2>
+            Useful Links
+        </h2>
+    </div>
+</div>
+<div class="row">
+    <div class="col-2 resource-box">
+        <div class="text-center resource-icon">
+            <a class="color-github" href="https://github.com/CodeWithGroup/" target="_blank">
+                <span class="fab fa-4x fa-github"></span>
+            </a>
+        </div>
+    </div>
+    <div class="col-10 resource-description">
+        <h4>
+            <a href="https://github.com/CodeWithGroup/" target="_blank">GitHub</a>
+        </h4>
+        <p>
+            Git is industry-leading version control software and is incredibly popular with professionals and hobbyists
+            alike. CodeWith has a public GitHub repository where we encourage you to store any public projects you work
+            on at
+            CodeUp. We even run this web site direct from our GitHub repository.
+        </p>
+
+    </div>
+</div>
+<div class="row">
+    <div class="col-md-2 resource-box">
+        <div class="text-center resource-icon">
+            <a class="color-slack"
+                href="https://join.slack.com/t/codeupmanchester/shared_invite/enQtMzI4OTYyOTg1NTU1LTAxODBiMzg1YjMxMzhjYmRlN2VjMmE1YTIwYmI2ZDQxZmZhODlhZTVlZWU4OTY3YTU0ZDE2YjQzNDgyMjRiYTU"
+                target="_blank">
+                <span class="fab fa-4x fa-slack"></span>
+            </a>
+        </div>
+    </div>
+    <div class="col-md-10 resource-description">
+        <h4>
+            <a href="https://launchpass.com/codewithpeople" target="_blank">Slack</a>
+        </h4>
+        <p>
+            CodeWith has a Slack workspace where you can chat, share files, ask questions and get help with problems in
+            between Meetups. Follow the link to get an invitation.
+        </p>
+    </div>
+</div>
+<div class="row">
+    <div class="col-md-2 resource-box">
+        <div class="text-center resource-icon">
+            <a class="color-slides"
+                href="https://join.slack.com/t/codeupmanchester/shared_invite/enQtMzI4OTYyOTg1NTU1LTAxODBiMzg1YjMxMzhjYmRlN2VjMmE1YTIwYmI2ZDQxZmZhODlhZTVlZWU4OTY3YTU0ZDE2YjQzNDgyMjRiYTU"
+                target="_blank">
+                <span class="fas fa-4x fab fa-chalkboard"></span>
+            </a>
+        </div>
+    </div>
+    <div class="col-md-10 resource-description">
+        <h4>
+            <a href="https://drive.google.com/drive/u/3/folders/1j6irw_cUfU_u2P1LLe_tJiM6T4dBID5Q"
+                target="_blank">Workshop Presentations</a>
+        </h4>
+        <p>
+            If you've attended a CodeWith workshop and the host has shared their slides you can find them in the folder
+            linked above. If a you attended a workshop and would like the slides but they are not in the folder, you can
+            get in touch with us on the <a href=/contact.html>contact page</a>.
+        </p>
+    </div>
+</div>

resources.html

@@ -18,6 +18,7 @@ <h1>{{page.title}}</h1>
     Jump to: <a href="#resources-ides">Integrated Development Environments (IDEs)</a> | <a href="#resources-tools">Other
         Tools</a>
 </p>
+{% include_relative pages-resources/resources-links.html %}
 
 {% include_relative pages-resources/resources-ideas.html %}
 {% include back-to-top.html %}