hack.less wip

content/about.md

@@ -1,6 +1,5 @@
 ---
 title: About me
-menu: slides
 ---
 
 I'm a freelancing Mathematician, Full Stack Developer and DevOps.

content/nixos/test-article.md

@@ -10,6 +10,30 @@ summary: >
 In this article we are discussing a concrete setup with concrete tools and a concrete language.
 But the solutions described here, are intended to help you with your set up.
 
+## Flex box
+
+{{% flexbox %}}
+  {{% flex-third %}}1/3{{% /flex-third %}}
+  {{% flex-third %}}2/3{{% /flex-third %}}
+  {{% flex-third %}}3/3{{% /flex-third %}}
+  {{% flex-half%}}1/2{{% /flex-half %}}
+  {{% flex-half%}}2/2{{% /flex-half %}}
+  {{% flex-full%}}1/1{{% /flex-full %}}
+{{% /flexbox %}}
+
+## Flex box in Big Content
+
+{{% content-big %}}
+{{% flexbox %}}
+{{% flex-third %}}1/3{{% /flex-third %}}
+{{% flex-third %}}2/3{{% /flex-third %}}
+{{% flex-third %}}3/3{{% /flex-third %}}
+{{% flex-half%}}1/2{{% /flex-half %}}
+{{% flex-half%}}2/2{{% /flex-half %}}
+{{% flex-full%}}1/1{{% /flex-full %}}
+{{% /flexbox %}}
+{{% /content-big %}}
+
 ## Listings
 
 Here are the Tools used.

layouts/_default/baseof.html

@@ -11,15 +11,10 @@
         {{ $current := . }}
         {{ range .Site.Menus.main }}
         {{ $active := or ($current.IsMenuCurrent "main" .) ($current.HasMenuCurrent "main" .) }}
-
         <li {{if $active}}class="active" {{end}}>
             <a href="{{ .URL }}" title="{{ .Title }}"> {{ .Name }} </a>
         </li>
-
-
         {{ end }}
-
-
     </ul>
 </nav>
 

layouts/_default/list.html

@@ -5,9 +5,9 @@
 
     <ul class="pages-list">
         {{ range (where site.RegularPages "Type" "in" site.Params.mainSections).ByDate.Reverse }}
-        <li class="page-list-item">
+        <li>
             <a href="{{.URL}}">
-                <h3> {{ .Title }} </h3>
+                {{ .Title }}
                 <p>
                     {{ .Param "summary" }}
                 </p>

layouts/shortcodes/flex-full.html

@@ -0,0 +1,3 @@
+<div style="flex:0 0 100%">
+    {{ .Inner }}
+</div>

layouts/shortcodes/flex-half.html

@@ -0,0 +1,3 @@
+<div style="flex:0 0 50%">
+    {{ .Inner }}
+</div>

layouts/shortcodes/flex-third.html

@@ -0,0 +1,3 @@
+<div style="flex:0 0 33.3%">
+    {{ .Inner }}
+</div>

layouts/shortcodes/flexbox.html

@@ -0,0 +1,3 @@
+<div style="display:flex;flex-wrap:wrap;">
+    {{ .Inner }}
+</div>