Merge pull request #44 from kir-rescomp/dev

add colour css to stylesheets

Author: DininduSenanayake

docs/index.md

@@ -5,12 +5,22 @@
  </p> 
 
 !!! quote ""
+    <p class="blue-highlight">
+    This catalogue serves as a central repository for training resources and educational materials developed by the Research Computing team at the Kennedy Institute of Rheumatology, University of Oxford to support computational research and skill development.<br><br>
+    For any question or enquiries related to this catalogue, please contact KIR Research Computing Manager
+    </p>
 
-    This catalogue serves as a central repository for training resources and educational materials developed by the Research Computing team at the Kennedy Institute of Rheumatology, University of Oxford to support computational research and skill development.
+    _ _ _ 
 
+    ??? circle-info "Additional Training Resources by OxRSE"
+
+        For additional intermediate- to advanced-level Research Software Engineering training resources, as well as selected introductory materials focused on specific programming languages, please refer to the catalogue maintained by [OxRSE](https://www.rse.ox.ac.uk) at https://train.rse.ox.ac.uk/material.
 
 <!--- check -->
 
+
+
+
 ---
 
 

docs/stylesheets/colors.css

@@ -0,0 +1,6 @@
+.blue-highlight {
+    background-color: #0f1f47;
+    color: white;
+    padding: 10px;
+    border-radius: 4px;
+}

docs/stylesheets/extra.css

@@ -602,12 +602,12 @@
   }
   .md-typeset .admonition.circle-info,
   .md-typeset details.circle-info {
-    border-color: rgb(131, 174, 238);
+    border-color: rgb(230, 234, 240);
   }
   .md-typeset .circle-info > .admonition-title,
   .md-typeset .circle-info > summary {
     color:rgb(238, 236, 231);
-    background-color: rgba(24, 27, 196, 0.863);
+    background-color: rgba(15,31,71);
   }
   .md-typeset .circle-info > .admonition-title::before,
   .md-typeset .circle-info > summary::before {

mkdocs.yml

@@ -123,3 +123,4 @@ copyright : KIR Training Catalogue is licensed under a <a rel="noopener" target=
 extra_css:
   - stylesheets/extra.css
   - stylesheets/cards.css
+  - stylesheets/colors.css