Merge branch '13-move-css-of-index-boxes-to-the-theme' into 'develop'

feat: use styles from theme (remove the ones inlined)

See merge request R3/howto-cards!106

.gitlab-ci.yml

 # In case something goes horribly wrong, you can fall back to `image: ruby:2.5`
-image: git-r3lab.uni.lu:4567/r3/docker/jekyll-lcsb:1.1
+image: git-r3lab.uni.lu:4567/r3/docker/jekyll-lcsb:1.4
 
 stages:
   - build

Gemfile

@@ -12,7 +12,7 @@ gem "jekyll", "~> 4.0"
 gem "bundler", "> 2.0"
 
 gem "minima", "~> 2.5"
-gem 'jekyll-theme-lcsb-default', '~> 0.3.2'
+gem 'jekyll-theme-lcsb-default', '~> 0.3.6'
 
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
 # uncomment the line below. To upgrade, run `bundle update github-pages`.

index.md

@@ -4,51 +4,6 @@ title: Home
 order: 1
 ---
 
-{% comment %} This is to be moved to separate CSS file after feature is accepted {% endcomment %}
-
-<style>
-    .index-box-container {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-around;
-    }
-
-    .index-box {
-        width: 38%;
-        padding: 10px 20px 0px 20px;
-
-        border: solid 2px #efefef;
-        margin-bottom: min(35px, 5%);
-        border-radius: 0 0 15px 15px;
-        border-top: solid 5px #4085e4;
-    }
-
-    @media (max-width: 800px) {
-        .index-box {
-            width: 100%;
-            margin-right: 0;
-        }
-    }
-
-    .index-box:hover {
-        /* border-color: #60a5f4; */
-        border-color: #ddd;
-        border-top: solid 5px #4085ef;
-    }
-
-    .index-box > h3 {
-        font-size: 20pt;
-        color: #444;
-        margin-block-end: 10px;
-        border-bottom: solid 1px #e8e8e8;
-    }
-
-    .index-box > ul {
-        margin-block-end: 12px;
-    }
-</style>
-
-
 # LCSB How-to Cards
 
 The Bioinformatics Core and Lab Support teams assist researchers from the Luxembourg Centre for Systems Biomedicine ([LCSB](https://www.uni.lu/lcsb)) with the organization, management, and curation of research data through its R3 initiative.
@@ -105,4 +60,4 @@ The How-to cards are intended to provide practical guidance in implementing Data
 
 		</ul>
 	</div>
-</div>
\ No newline at end of file
+</div>

search.md

@@ -7,47 +7,6 @@ order: 4
 
 <link rel="prefetch" href="index.js" />
 
-<style>
-    #search_query {
-        border: solid 2px #eee; 
-        padding: 8px; 
-        height: 20px; 
-        font-size: 20px; 
-        width: 500px; 
-        min-width: 400px;
-    }
-
-    button.search[type=submit] {
-        border: solid 2px #eee; 
-        padding: 1px; 
-        height: 35px; 
-        width: 150px; 
-        font-size: 20px; 
-        color: #4c4c4c; 
-        background: #efefef; 
-        border-radius: 8px;
-        margin-top: 3px;
-    }
-
-    #search_header {
-        margin-top: 50px; 
-        display: none
-    }
-
-    #search_results_table {
-        margin-top: 20px; 
-        width: 100%;
-    }
-
-     #search_results_placeholder_td {
-        border: none;
-     }
-
-    h3.result {
-        font-size: large;
-    }
-</style>
-
 <form>
     <input class="search" placeholder="What are you looking for?" name="search_query" id="search_query" /><br />
     <button class="search" type="submit">Find it</button>