feat: include howto-cards boxes in the theme

.gitignore

@@ -3,6 +3,7 @@
 
 # Jekyll's files
 .sass-cache
+.jekyll-cache
 _site
 
 # Ruby related files

_sass/minima.scss

@@ -53,5 +53,6 @@ $footer-height: 50px;
   "minima/layout",
   "minima/frozen",
   "minima/syntax-highlighting",
-  "minima/lcsb"
+  "minima/lcsb",
+  "minima/boxes"
 ;

_sass/minima/_boxes.scss

+$COLOR_BOX_PRIMARY: #4085e4;
+$COLOR_BOX_SECONDARY: #efefef;
+$COLOR_BOX_FONT: #444;
+
+.index-box-container {
+    columns: 2;
+    column-gap: 0px;
+    display: inline-block;
+    max-width: 100%;
+
+    @media (max-width: 800px) {
+        columns: 1;
+    }
+}
+
+.index-box {
+    width: 80%;
+    min-height: 120px;
+    display: inline-block;
+
+    padding: 10px 20px 0px 20px;
+
+    border: solid 2px $COLOR_BOX_SECONDARY;
+    margin-bottom: #{"min(35px, 5%)"};
+    border-radius: 0 0 15px 15px;
+    border-top: solid 5px $COLOR_BOX_PRIMARY;
+
+    &:hover {
+        border-color: #ddd;
+        border-top: solid 5px $COLOR_BOX_PRIMARY;
+    }
+
+    @media (max-width: 800px) {
+        width: 90%;
+        margin-right: 0;
+    }
+
+    h3 {
+        font-size: 20pt;
+        color: $COLOR_BOX_FONT;
+        margin-block-end: 10px;
+        border-bottom: solid 1px $COLOR_BOX_SECONDARY;
+    }
+
+    ul {
+        margin-block-end: 12px;
+        margin-inline-start: 5px;
+    }
+}

about.md

@@ -6,4 +6,37 @@ order: 3
 
 # LCSB jekyll about page
 
-This is another page.
\ No newline at end of file
+<div class="index-box-container">
+	<div class="index-box">
+		<h3>Ruby packages</h3>
+		<ul>
+  			<pre>gem "jekyll-feed"</pre><br /><br /> 
+			<pre>gem "jekyll-paginate-v2"</pre><br /><br /> 
+			<pre>gem "jekyll-theme-lcsb-frozen-components"</pre><br /><br /> 
+  		</ul>
+	</div>
+	<div class="index-box">
+		<h3>Bundler</h3>
+		<ul>
+			Bundler 2.1.2
+		</ul>
+	</div>
+	<div class="index-box">
+		<h3>C</h3>
+		<ul>
+			Way longer text
+		</ul>
+	</div>
+	<div class="index-box">
+		<h3>D</h3>
+		<ul>
+			Howto cards
+		</ul>
+	</div>
+	<div class="index-box">
+		<h3>E</h3>
+		<ul>
+			Lorem ipsum
+		</ul>
+	</div>
+</div>

jekyll-theme-lcsb-default.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-theme-lcsb-default"
-  spec.version       = "0.3.3"
+  spec.version       = "0.3.4"
   spec.authors       = ["Trefex", "jaceklebioda_lux"]
   spec.email         = ["lcsb-sysadmins@uni.lu"]