LCSB flavouring

.gitignore

@@ -7,3 +7,4 @@ _site
 Gemfile.lock
 node_modules
 DS_Store
+public

_config.yml

@@ -13,8 +13,8 @@
 # you will see them accessed via {{ site.title }}, {{ site.github_repo }}, and so on.
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
-title: Just the Docs
-description: A Jekyll theme for documentation
+title: haddoc
+description: A Jekyll theme for documentation and complex static site
 baseurl: "/haddoc" # the subpath of your site, e.g. /blog
 url: "https://soumyabrata.ghosh.pages.uni.lu" # the base hostname & protocol for your site, e.g. http://example.com
 
@@ -22,7 +22,7 @@ permalink: pretty
 exclude: ["node_modules/", "*.gemspec", "*.gem", "Gemfile", "Gemfile.lock", "package.json", "package-lock.json",  "script/", "LICENSE.txt", "lib/", "bin/", "README.md", "Rakefile"]
 
 # Set a path/url to a logo that will be displayed instead of the title
-#logo: "/assets/images/just-the-docs.png"
+logo: "/assets/images/haddoc.png"
 
 # Enable or disable the site search
 # Supports true (default) or false
@@ -56,11 +56,11 @@ heading_anchors: true
 
 # Aux links for the upper right navigation
 aux_links:
-  "Just the Docs on GitHub":
-    - "//github.com/pmarsceill/just-the-docs"
+  "<img src='https://git-r3lab.uni.lu/soumyabrata.ghosh/artifacts/-/wikis/uploads/7ced6fa7409336a383e9cbff943c6b1e/LCSB.svg' style='height:50px'/>":
+    - "//lcsb.uni.lu"
 
 # Makes Aux links open in a new tab. Default is false
-aux_links_new_tab: false
+aux_links_new_tab: true
 
 # Sort order for navigation links
 nav_sort: case_insensitive # default, equivalent to nil
@@ -73,7 +73,7 @@ nav_sort: case_insensitive # default, equivalent to nil
 back_to_top: true
 back_to_top_text: "Back to top"
 
-footer_content: "Copyright &copy; 2017-2020 Patrick Marsceill. Distributed by an <a href=\"https://github.com/pmarsceill/just-the-docs/tree/master/LICENSE.txt\">MIT license.</a>"
+footer_content: "LCSB templating by Soumyabrata Ghosh | Copyright &copy; 2017-2020 Patrick Marsceill. Distributed by an <a href=\"https://git-r3lab.uni.lu/soumyabrata.ghosh/haddoc/tree/master/LICENSE.txt\">MIT license.</a>"
 
 # Footer last edited timestamp
 last_edit_timestamp: true # show or hide edit time - page must have `last_modified_date` defined in the frontmatter
@@ -83,8 +83,8 @@ last_edit_time_format: "%b %e %Y at %I:%M %p" # uses ruby's time format: https:/
 
 # Footer "Edit this page on GitHub" link text
 gh_edit_link: true # show or hide edit this page link
-gh_edit_link_text: "Edit this page on GitHub"
-gh_edit_repository: "https://github.com/pmarsceill/just-the-docs" # the github URL for your repo
+gh_edit_link_text: "Edit this page on Gitlab"
+gh_edit_repository: "https://git-r3lab.uni.lu/soumyabrata.ghosh/haddoc" # the github URL for your repo
 gh_edit_branch: "master" # the branch that your docs is served from
 gh_edit_view_mode: "tree" # "tree" or "edit" if you want the user to jump into the editor immediately
 
@@ -93,8 +93,8 @@ color_scheme: nil
 
 # Google Analytics Tracking (optional)
 # e.g, UA-1234567-89
-ga_tracking: UA-2709176-10
-ga_tracking_anonymize_ip: true # Use GDPR compliant Google Analytics settings (true/nil by default)
+#ga_tracking: UA-2709176-10
+#ga_tracking_anonymize_ip: true # Use GDPR compliant Google Analytics settings (true/nil by default)
 
 plugins:
   - jekyll-seo-tag

_includes/title.html

 {% if site.logo %}
-  <div class="site-logo"></div>
+  <div class="site-logo"></div> {{ site.title }}
 {% else %}
   {{ site.title }}
 {% endif %}

_layouts/default.html

@@ -51,7 +51,7 @@ layout: table_wrappers
       {% include nav.html %}
     </nav>
     <footer class="site-footer">
-      This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.
+      Using <a href="https://git-r3lab.uni.lu/soumyabrata.ghosh/haddoc">haddoc</a> - an LCSB flavoured documentation theme based on <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>.
     </footer>
   </div>
   <div class="main" id="top">

_sass/support/_variables.scss

@@ -63,8 +63,8 @@ $body-text-color: $grey-dk-100 !default;
 $body-heading-color: $grey-dk-300 !default;
 $search-result-preview-color: $grey-dk-000 !default;
 $nav-child-link-color: $grey-dk-100 !default;
-$link-color: $purple-000 !default;
-$btn-primary-color: $purple-100 !default;
+$link-color: $blue-200 !default;
+$btn-primary-color: $blue-200 !default;
 $base-button-color: #f7f7f7 !default;
 
 //

assets/images/LCSB.svg

+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 425.2 255.12"><defs><style>.cls-1{fill:#00a4e2;}.cls-2{fill:#e41f18;}.cls-3{fill:#5f5e5e;}.cls-4{fill:none;stroke:#5f5e5e;stroke-miterlimit:3.86;stroke-width:0.77px;}</style></defs><title>LCSB_kurz_uni_extern_def</title><path class="cls-1" d="M158.62,89.72a6.18,6.18,0,0,1-5.55-3.46h-.71v69.81a6.24,6.24,0,0,0,12.48,0V86.26h-.7a6.13,6.13,0,0,1-5.52,3.46"/><path class="cls-2" d="M113.74,105.14a6.12,6.12,0,0,1-5.53-3.45h-.71v54.38a6.23,6.23,0,1,0,12.46,0V101.69h-.7a6.13,6.13,0,0,1-5.52,3.45"/><path class="cls-2" d="M107.49,92.61a6.25,6.25,0,1,1,6.25,6.24,6.25,6.25,0,0,1-6.25-6.24"/><path class="cls-2" d="M39.92,162.3h0a6.22,6.22,0,0,1-6.22-6.23V107.91a6.24,6.24,0,0,1,12.47,0V162.3H39.92"/><path class="cls-2" d="M49.53,162.3h0V107.91a6.23,6.23,0,0,1,12.46,0V162.3h0c-3,0-3.63-3.41-3.63-6.75h0c0,3.43-2.78,6.75-6.23,6.75H49.54"/><path class="cls-2" d="M92.71,101.69h0a6.24,6.24,0,0,1,6.22,6.23v48.16a6.24,6.24,0,0,1-12.47,0V101.69h6.25"/><path class="cls-2" d="M83.09,101.69h0v54.39a6.24,6.24,0,0,1-12.47,0V101.69h0c2.95,0,3.64,3.42,3.64,6.77h0c0-3.45,2.8-6.77,6.25-6.77h2.6"/><path class="cls-1" d="M179.69,162.3h0a6.23,6.23,0,0,1-6.23-6.23V107.91a6.24,6.24,0,0,1,12.47,0V162.3h-6.24"/><path class="cls-1" d="M189.31,162.3h0V107.91a6.24,6.24,0,0,1,12.47,0V162.3h0c-2.94,0-3.63-3.42-3.63-6.76h0c0,3.44-2.79,6.76-6.23,6.76h-2.6"/><path class="cls-1" d="M130,156.06a6.25,6.25,0,1,1,6.25,6.24,6.24,6.24,0,0,1-6.25-6.24"/><rect class="cls-3" x="247.3" y="72.23" width="2.87" height="104.78"/><path class="cls-1" d="M316.79,129.33a5,5,0,1,1-5,5,5,5,0,0,1,5-5Z"/><path class="cls-1" d="M316.89,147.92a4.15,4.15,0,1,1-4.15,4.15,4.15,4.15,0,0,1,4.15-4.15Z"/><path class="cls-1" d="M316.83,165a3.4,3.4,0,1,1-3.4,3.4,3.4,3.4,0,0,1,3.4-3.4Z"/><path class="cls-1" d="M299.41,129.33a5,5,0,1,1-5,5,5,5,0,0,1,5-5Z"/><path class="cls-1" d="M299.45,147.92a4.15,4.15,0,1,1-4.15,4.15,4.14,4.14,0,0,1,4.15-4.15Z"/><path class="cls-1" d="M299.45,165a3.4,3.4,0,1,1-3.41,3.4,3.4,3.4,0,0,1,3.41-3.4Z"/><path class="cls-1" d="M334.27,147.92a4.15,4.15,0,1,1-4.15,4.15,4.15,4.15,0,0,1,4.15-4.15Z"/><path class="cls-1" d="M334.35,165a3.4,3.4,0,1,1-3.4,3.4,3.4,3.4,0,0,1,3.4-3.4Z"/><path class="cls-1" d="M351.73,147.92a4.15,4.15,0,1,1-4.15,4.15,4.15,4.15,0,0,1,4.15-4.15Z"/><path class="cls-1" d="M351.71,165a3.4,3.4,0,1,1-3.41,3.4,3.4,3.4,0,0,1,3.41-3.4Z"/><path class="cls-1" d="M369.14,147.92a4.15,4.15,0,1,1-4.15,4.15,4.14,4.14,0,0,1,4.15-4.15Z"/><path class="cls-1" d="M369.09,165a3.4,3.4,0,1,1-3.41,3.4,3.4,3.4,0,0,1,3.41-3.4Z"/><path class="cls-1" d="M386.55,147.92a4.15,4.15,0,1,1-4.14,4.15,4.15,4.15,0,0,1,4.14-4.15Z"/><path class="cls-1" d="M386.58,165.06a3.4,3.4,0,1,1-3.4,3.4,3.4,3.4,0,0,1,3.4-3.4Z"/><path class="cls-2" d="M369.1,119.71a5,5,0,1,1,5-5,5,5,0,0,1-5,5Z"/><path class="cls-2" d="M369,101.13A4.15,4.15,0,1,1,373.14,97a4.15,4.15,0,0,1-4.14,4.15Z"/><path class="cls-2" d="M369.06,84.05a3.41,3.41,0,1,1,3.4-3.4,3.4,3.4,0,0,1-3.4,3.4Z"/><path class="cls-2" d="M386.47,119.71a5,5,0,1,1,5-5,5,5,0,0,1-5,5Z"/><path class="cls-2" d="M386.43,101.13A4.15,4.15,0,1,1,390.58,97a4.15,4.15,0,0,1-4.15,4.15Z"/><path class="cls-2" d="M386.44,84.05a3.41,3.41,0,1,1,3.4-3.4,3.4,3.4,0,0,1-3.4,3.4Z"/><path class="cls-2" d="M351.56,119.71a5,5,0,1,1,5-5,5,5,0,0,1-5,5Z"/><path class="cls-2" d="M351.62,101.13A4.15,4.15,0,1,1,355.77,97a4.15,4.15,0,0,1-4.15,4.15Z"/><path class="cls-2" d="M351.54,84.05a3.41,3.41,0,1,1,3.4-3.4,3.41,3.41,0,0,1-3.4,3.4Z"/><path class="cls-2" d="M334.25,119.71a5,5,0,1,1,5-5,5,5,0,0,1-5,5Z"/><path class="cls-2" d="M334.16,101.13A4.15,4.15,0,1,1,338.31,97a4.16,4.16,0,0,1-4.15,4.15Z"/><path class="cls-2" d="M334.18,84.05a3.41,3.41,0,1,1,3.41-3.4,3.4,3.4,0,0,1-3.41,3.4Z"/><path class="cls-2" d="M316.87,119.71a5,5,0,1,1,5-5,5,5,0,0,1-5,5Z"/><path class="cls-2" d="M316.74,101.13A4.15,4.15,0,1,1,320.89,97a4.14,4.14,0,0,1-4.15,4.15Z"/><path class="cls-2" d="M316.8,84.05a3.41,3.41,0,1,1,3.4-3.4,3.4,3.4,0,0,1-3.4,3.4Z"/><path class="cls-2" d="M299.42,109.55a5,5,0,1,1-5,5,5,5,0,0,1,5-5Z"/><path class="cls-2" d="M299.34,101.13A4.15,4.15,0,1,1,303.48,97a4.15,4.15,0,0,1-4.14,4.15Z"/><path class="cls-2" d="M299.31,84a3.41,3.41,0,1,1,3.4-3.41,3.41,3.41,0,0,1-3.4,3.41Z"/><polygon class="cls-3" points="331.74 140.02 338.8 140.02 338.8 138.44 333.54 138.44 333.54 127.46 331.74 127.46 331.74 140.02 331.74 140.02"/><polygon class="cls-4" points="331.74 140.02 338.8 140.02 338.8 138.44 333.54 138.44 333.54 127.46 331.74 127.46 331.74 140.02 331.74 140.02"/><path class="cls-3" d="M357,127.78a6.86,6.86,0,0,0-2.83-.54,6.25,6.25,0,0,0-6.63,6.44c0,4,2.64,6.55,6.62,6.55a7.74,7.74,0,0,0,2.86-.45L357,138a6.29,6.29,0,0,1-2.74.61,4.92,4.92,0,0,1,.1-9.83,4.93,4.93,0,0,1,2.59.71l.14-1.75Z"/><path class="cls-4" d="M357,127.78a6.86,6.86,0,0,0-2.83-.54,6.25,6.25,0,0,0-6.63,6.44c0,4,2.64,6.55,6.62,6.55a7.74,7.74,0,0,0,2.86-.45L357,138a6.29,6.29,0,0,1-2.74.61,4.92,4.92,0,0,1,.1-9.83,4.93,4.93,0,0,1,2.59.71l.14-1.75Z"/><path class="cls-3" d="M372.66,127.69a8.28,8.28,0,0,0-2.68-.45c-2.27,0-4,1.19-4,3.42,0,3.91,5.4,3.13,5.4,5.94a2.25,2.25,0,0,1-2.47,2.05,7.65,7.65,0,0,1-2.61-.61l-.18,1.67a8.4,8.4,0,0,0,2.57.52c2.52,0,4.59-1.06,4.59-3.74,0-4.14-5.39-3.58-5.39-6,0-1.32,1.18-1.68,2.19-1.68a5.54,5.54,0,0,1,2.36.52l.25-1.65Z"/><path class="cls-4" d="M372.66,127.69a8.28,8.28,0,0,0-2.68-.45c-2.27,0-4,1.19-4,3.42,0,3.91,5.4,3.13,5.4,5.94a2.25,2.25,0,0,1-2.47,2.05,7.65,7.65,0,0,1-2.61-.61l-.18,1.67a8.4,8.4,0,0,0,2.57.52c2.52,0,4.59-1.06,4.59-3.74,0-4.14-5.39-3.58-5.39-6,0-1.32,1.18-1.68,2.19-1.68a5.54,5.54,0,0,1,2.36.52l.25-1.65Z"/><path class="cls-3" d="M383.11,140h3.35c2.55,0,4.79-.65,4.79-3.35a3,3,0,0,0-2.92-3v0c1.58-.4,2.59-1.26,2.59-3,0-2.32-1.8-3.16-4.4-3.16h-3.41V140Zm1.8-5.72h1.17c1.55,0,3.26.27,3.26,2.21,0,1.69-1.46,2-3.08,2h-1.35V134.3Zm0-5.37h1.89c1.05,0,2.32.38,2.32,1.87,0,1.86-1.47,2-3.22,2h-1v-3.89Z"/><path class="cls-4" d="M383.11,140h3.35c2.55,0,4.79-.65,4.79-3.35a3,3,0,0,0-2.92-3v0c1.58-.4,2.59-1.26,2.59-3,0-2.32-1.8-3.16-4.4-3.16h-3.41V140Zm1.8-5.72h1.17c1.55,0,3.26.27,3.26,2.21,0,1.69-1.46,2-3.08,2h-1.35V134.3Zm0-5.37h1.89c1.05,0,2.32.38,2.32,1.87,0,1.86-1.47,2-3.22,2h-1v-3.89Z"/></svg>
\ No newline at end of file

public/404.html

-<!DOCTYPE html><html lang="en-US"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><link rel="shortcut icon" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/favicon.ico" type="image/x-icon"><link rel="stylesheet" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/css/just-the-docs-default.css"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-2709176-10"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-2709176-10', { 'anonymize_ip': true }); </script> <script type="text/javascript" src="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/js/vendor/lunr.min.js"></script> <script type="text/javascript" src="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/js/just-the-docs.js"></script><meta name="viewport" content="width=device-width, initial-scale=1"><title>Page not found | Just the Docs</title><meta name="generator" content="Jekyll v4.1.1" /><meta property="og:title" content="Page not found" /><meta property="og:locale" content="en_US" /><meta name="description" content="A Jekyll theme for documentation" /><meta property="og:description" content="A Jekyll theme for documentation" /><link rel="canonical" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/404" /><meta property="og:url" content="https://soumyabrata.ghosh.pages.uni.lu/haddoc/404" /><meta property="og:site_name" content="Just the Docs" /> <script type="application/ld+json"> {"url":"https://soumyabrata.ghosh.pages.uni.lu/haddoc/404","headline":"Page not found","description":"A Jekyll theme for documentation","@type":"WebPage","@context":"https://schema.org"}</script><body> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="svg-link" viewBox="0 0 24 24"><title>Link</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> </svg> </symbol> <symbol id="svg-search" viewBox="0 0 24 24"><title>Search</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"> <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line> </svg> </symbol> <symbol id="svg-menu" viewBox="0 0 24 24"><title>Menu</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line> </svg> </symbol> <symbol id="svg-arrow-right" viewBox="0 0 24 24"><title>Expand</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline> </svg> </symbol> <symbol id="svg-doc" viewBox="0 0 24 24"><title>Document</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline> </svg> </symbol> </svg><div class="side-bar"><div class="site-header"> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/" class="site-title lh-tight"> Just the Docs </a> <a href="#" id="menu-button" class="site-button"> <svg viewBox="0 0 24 24" class="icon"><use xlink:href="#svg-menu"></use></svg> </a></div><nav role="navigation" aria-label="Main" id="site-nav" class="site-nav"><ul class="nav-list"><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/" class="nav-list-link">Home</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/configuration/" class="nav-list-link">Configuration</a><li class="nav-list-item"><a href="#" class="nav-list-expander"><svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg></a><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components" class="nav-list-link">UI Components</a><ul class="nav-list "><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/typography/" class="nav-list-link">Typography</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/buttons/" class="nav-list-link">Buttons</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/labels/" class="nav-list-link">Labels</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/tables/" class="nav-list-link">Tables</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/lists/" class="nav-list-link">Lists</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/code/" class="nav-list-link">Code</a></ul><li class="nav-list-item"><a href="#" class="nav-list-expander"><svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg></a><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities" class="nav-list-link">Utilities</a><ul class="nav-list "><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/color/" class="nav-list-link">Color</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/layout/" class="nav-list-link">Layout</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/responsive-modifiers/" class="nav-list-link">Responsive Modifiers</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/typography/" class="nav-list-link">Typography</a></ul><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/navigation-structure/" class="nav-list-link">Navigation Structure</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/customization/" class="nav-list-link">Customization</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/search/" class="nav-list-link">Search</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/index-test/" class="nav-list-link">Markdown kitchen sink</a></ul></nav><footer class="site-footer"> This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.</footer></div><div class="main" id="top"><div id="main-header" class="main-header"><div class="search"><div class="search-input-wrap"> <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search Just the Docs" aria-label="Search Just the Docs" autocomplete="off"> <label for="search-input" class="search-label"><svg viewBox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label></div><div id="search-results" class="search-results"></div></div><nav aria-label="Auxiliary" class="aux-nav"><ul class="aux-nav-list"><li class="aux-nav-list-item"> <a href="//github.com/pmarsceill/just-the-docs" class="site-button" > Just the Docs on GitHub </a></ul></nav></div><div id="main-content-wrap" class="main-content-wrap"><div id="main-content" class="main-content" role="main"><h1> Page not found</h1><p>The page you requested could not be found. Try using the navigation or search to find what you're looking for or go to this <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/">site's home page</a>.</p><hr><footer><p><a href="#top" id="back-to-top">Back to top</a></p><p class="text-small text-grey-dk-000 mb-0">Copyright &copy; 2017-2020 Patrick Marsceill. Distributed by an <a href="https://github.com/pmarsceill/just-the-docs/tree/master/LICENSE.txt">MIT license.</a></p><div class="d-flex mt-2"><p class="text-small text-grey-dk-000 mb-0"> <a href="https://github.com/pmarsceill/just-the-docs/tree/master/404.html" id="edit-this-page">Edit this page on GitHub</a></p></div></footer></div></div><div class="search-overlay"></div></div>

public/CODE_OF_CONDUCT.md

-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment include:
-
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-* The use of sexualized language or imagery and unwelcome sexual attention or advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at patrick.marsceill@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
-
-[homepage]: http://contributor-covenant.org
-[version]: http://contributor-covenant.org/version/1/4/

public/assets/images/search.svg

-<svg width="28" height="28" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"><title>Search</title><g fill-rule="nonzero" fill="#959396"><path d="M17.332 20.735c-5.537 0-10-4.6-10-10.247 0-5.646 4.463-10.247 10-10.247 5.536 0 10 4.601 10 10.247s-4.464 10.247-10 10.247zm0-4c3.3 0 6-2.783 6-6.247 0-3.463-2.7-6.247-6-6.247s-6 2.784-6 6.247c0 3.464 2.7 6.247 6 6.247z"/><path d="M11.672 13.791L.192 25.271 3.02 28.1 14.5 16.62z"/></g></svg>

public/docs/ui-components.html

-<!DOCTYPE html><html lang="en-US"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><link rel="shortcut icon" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/favicon.ico" type="image/x-icon"><link rel="stylesheet" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/css/just-the-docs-default.css"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-2709176-10"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-2709176-10', { 'anonymize_ip': true }); </script> <script type="text/javascript" src="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/js/vendor/lunr.min.js"></script> <script type="text/javascript" src="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/js/just-the-docs.js"></script><meta name="viewport" content="width=device-width, initial-scale=1"><title>UI Components | Just the Docs</title><meta name="generator" content="Jekyll v4.1.1" /><meta property="og:title" content="UI Components" /><meta property="og:locale" content="en_US" /><meta name="description" content="A Jekyll theme for documentation" /><meta property="og:description" content="A Jekyll theme for documentation" /><link rel="canonical" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components" /><meta property="og:url" content="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components" /><meta property="og:site_name" content="Just the Docs" /> <script type="application/ld+json"> {"url":"https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components","headline":"UI Components","description":"A Jekyll theme for documentation","@type":"WebPage","@context":"https://schema.org"}</script><body> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="svg-link" viewBox="0 0 24 24"><title>Link</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> </svg> </symbol> <symbol id="svg-search" viewBox="0 0 24 24"><title>Search</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"> <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line> </svg> </symbol> <symbol id="svg-menu" viewBox="0 0 24 24"><title>Menu</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line> </svg> </symbol> <symbol id="svg-arrow-right" viewBox="0 0 24 24"><title>Expand</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline> </svg> </symbol> <symbol id="svg-doc" viewBox="0 0 24 24"><title>Document</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline> </svg> </symbol> </svg><div class="side-bar"><div class="site-header"> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/" class="site-title lh-tight"> Just the Docs </a> <a href="#" id="menu-button" class="site-button"> <svg viewBox="0 0 24 24" class="icon"><use xlink:href="#svg-menu"></use></svg> </a></div><nav role="navigation" aria-label="Main" id="site-nav" class="site-nav"><ul class="nav-list"><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/" class="nav-list-link">Home</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/configuration/" class="nav-list-link">Configuration</a><li class="nav-list-item active"><a href="#" class="nav-list-expander"><svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg></a><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components" class="nav-list-link active">UI Components</a><ul class="nav-list "><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/typography/" class="nav-list-link">Typography</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/buttons/" class="nav-list-link">Buttons</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/labels/" class="nav-list-link">Labels</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/tables/" class="nav-list-link">Tables</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/lists/" class="nav-list-link">Lists</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/code/" class="nav-list-link">Code</a></ul><li class="nav-list-item"><a href="#" class="nav-list-expander"><svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg></a><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities" class="nav-list-link">Utilities</a><ul class="nav-list "><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/color/" class="nav-list-link">Color</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/layout/" class="nav-list-link">Layout</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/responsive-modifiers/" class="nav-list-link">Responsive Modifiers</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/typography/" class="nav-list-link">Typography</a></ul><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/navigation-structure/" class="nav-list-link">Navigation Structure</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/customization/" class="nav-list-link">Customization</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/search/" class="nav-list-link">Search</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/index-test/" class="nav-list-link">Markdown kitchen sink</a></ul></nav><footer class="site-footer"> This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.</footer></div><div class="main" id="top"><div id="main-header" class="main-header"><div class="search"><div class="search-input-wrap"> <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search Just the Docs" aria-label="Search Just the Docs" autocomplete="off"> <label for="search-input" class="search-label"><svg viewBox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label></div><div id="search-results" class="search-results"></div></div><nav aria-label="Auxiliary" class="aux-nav"><ul class="aux-nav-list"><li class="aux-nav-list-item"> <a href="//github.com/pmarsceill/just-the-docs" class="site-button" > Just the Docs on GitHub </a></ul></nav></div><div id="main-content-wrap" class="main-content-wrap"><div id="main-content" class="main-content" role="main"><h1 id="ui-components"> <a href="#ui-components" class="anchor-heading"><svg viewBox="0 0 16 16" aria-hidden="true"><use xlink:href="#svg-link"></use></svg></a> UI Components</h1><p class="fs-6 fw-300">To make it as easy as possible to write documentation in plain Markdown, most UI components are styled using default Markdown elements with few additional CSS classes needed.</p><hr><h2 class="text-delta">Table of contents</h2><ul><li> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/typography/">Typography</a><li> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/buttons/">Buttons</a><li> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/labels/">Labels</a><li> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/tables/">Tables</a><li> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/lists/">Lists</a><li> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/code/">Code</a></ul><hr><footer><p><a href="#top" id="back-to-top">Back to top</a></p><p class="text-small text-grey-dk-000 mb-0">Copyright &copy; 2017-2020 Patrick Marsceill. Distributed by an <a href="https://github.com/pmarsceill/just-the-docs/tree/master/LICENSE.txt">MIT license.</a></p><div class="d-flex mt-2"><p class="text-small text-grey-dk-000 mb-0"> <a href="https://github.com/pmarsceill/just-the-docs/tree/master/docs/ui-components/ui-components.md" id="edit-this-page">Edit this page on GitHub</a></p></div></footer></div></div><div class="search-overlay"></div></div>

public/docs/ui-components/labels/index.html

-<!DOCTYPE html><html lang="en-US"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><link rel="shortcut icon" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/favicon.ico" type="image/x-icon"><link rel="stylesheet" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/css/just-the-docs-default.css"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-2709176-10"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-2709176-10', { 'anonymize_ip': true }); </script> <script type="text/javascript" src="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/js/vendor/lunr.min.js"></script> <script type="text/javascript" src="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/js/just-the-docs.js"></script><meta name="viewport" content="width=device-width, initial-scale=1"><title>Labels | Just the Docs</title><meta name="generator" content="Jekyll v4.1.1" /><meta property="og:title" content="Labels" /><meta property="og:locale" content="en_US" /><meta name="description" content="A Jekyll theme for documentation" /><meta property="og:description" content="A Jekyll theme for documentation" /><link rel="canonical" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/labels/" /><meta property="og:url" content="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/labels/" /><meta property="og:site_name" content="Just the Docs" /> <script type="application/ld+json"> {"url":"https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/labels/","headline":"Labels","description":"A Jekyll theme for documentation","@type":"WebPage","@context":"https://schema.org"}</script><body> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="svg-link" viewBox="0 0 24 24"><title>Link</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> </svg> </symbol> <symbol id="svg-search" viewBox="0 0 24 24"><title>Search</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"> <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line> </svg> </symbol> <symbol id="svg-menu" viewBox="0 0 24 24"><title>Menu</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line> </svg> </symbol> <symbol id="svg-arrow-right" viewBox="0 0 24 24"><title>Expand</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline> </svg> </symbol> <symbol id="svg-doc" viewBox="0 0 24 24"><title>Document</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline> </svg> </symbol> </svg><div class="side-bar"><div class="site-header"> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/" class="site-title lh-tight"> Just the Docs </a> <a href="#" id="menu-button" class="site-button"> <svg viewBox="0 0 24 24" class="icon"><use xlink:href="#svg-menu"></use></svg> </a></div><nav role="navigation" aria-label="Main" id="site-nav" class="site-nav"><ul class="nav-list"><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/" class="nav-list-link">Home</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/configuration/" class="nav-list-link">Configuration</a><li class="nav-list-item active"><a href="#" class="nav-list-expander"><svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg></a><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components" class="nav-list-link">UI Components</a><ul class="nav-list "><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/typography/" class="nav-list-link">Typography</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/buttons/" class="nav-list-link">Buttons</a><li class="nav-list-item active"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/labels/" class="nav-list-link active">Labels</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/tables/" class="nav-list-link">Tables</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/lists/" class="nav-list-link">Lists</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/code/" class="nav-list-link">Code</a></ul><li class="nav-list-item"><a href="#" class="nav-list-expander"><svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg></a><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities" class="nav-list-link">Utilities</a><ul class="nav-list "><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/color/" class="nav-list-link">Color</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/layout/" class="nav-list-link">Layout</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/responsive-modifiers/" class="nav-list-link">Responsive Modifiers</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/typography/" class="nav-list-link">Typography</a></ul><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/navigation-structure/" class="nav-list-link">Navigation Structure</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/customization/" class="nav-list-link">Customization</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/search/" class="nav-list-link">Search</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/index-test/" class="nav-list-link">Markdown kitchen sink</a></ul></nav><footer class="site-footer"> This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.</footer></div><div class="main" id="top"><div id="main-header" class="main-header"><div class="search"><div class="search-input-wrap"> <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search Just the Docs" aria-label="Search Just the Docs" autocomplete="off"> <label for="search-input" class="search-label"><svg viewBox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label></div><div id="search-results" class="search-results"></div></div><nav aria-label="Auxiliary" class="aux-nav"><ul class="aux-nav-list"><li class="aux-nav-list-item"> <a href="//github.com/pmarsceill/just-the-docs" class="site-button" > Just the Docs on GitHub </a></ul></nav></div><div id="main-content-wrap" class="main-content-wrap"><nav aria-label="Breadcrumb" class="breadcrumb-nav"><ol class="breadcrumb-nav-list"><li class="breadcrumb-nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components">UI Components</a><li class="breadcrumb-nav-list-item"><span>Labels</span></ol></nav><div id="main-content" class="main-content" role="main"><h1 id="labels"> <a href="#labels" class="anchor-heading"><svg viewBox="0 0 16 16" aria-hidden="true"><use xlink:href="#svg-link"></use></svg></a> Labels</h1><p>Use labels as a way to add an additional mark to a section of your docs. Labels come in a few colors. By default, labels will be blue.</p><div class="code-example"><p class="label">Default label</p><p class="label label-blue">Blue label</p><p class="label label-green">Stable</p><p class="label label-purple">New release</p><p class="label label-yellow">Coming soon</p><p class="label label-red">Deprecated</p></div><div class="language-markdown highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Default label
-{: .label }
-
-Blue label
-{: .label .label-blue }
-
-Stable
-{: .label .label-green }
-
-New release
-{: .label .label-purple }
-
-Coming soon
-{: .label .label-yellow }
-
-Deprecated
-{: .label .label-red }
-</code></pre></div></div><hr><footer><p><a href="#top" id="back-to-top">Back to top</a></p><p class="text-small text-grey-dk-000 mb-0">Copyright &copy; 2017-2020 Patrick Marsceill. Distributed by an <a href="https://github.com/pmarsceill/just-the-docs/tree/master/LICENSE.txt">MIT license.</a></p><div class="d-flex mt-2"><p class="text-small text-grey-dk-000 mb-0"> <a href="https://github.com/pmarsceill/just-the-docs/tree/master/docs/ui-components/labels.md" id="edit-this-page">Edit this page on GitHub</a></p></div></footer></div></div><div class="search-overlay"></div></div>

public/docs/utilities.html

-<!DOCTYPE html><html lang="en-US"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><link rel="shortcut icon" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/favicon.ico" type="image/x-icon"><link rel="stylesheet" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/css/just-the-docs-default.css"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-2709176-10"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-2709176-10', { 'anonymize_ip': true }); </script> <script type="text/javascript" src="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/js/vendor/lunr.min.js"></script> <script type="text/javascript" src="https://soumyabrata.ghosh.pages.uni.lu/haddoc/assets/js/just-the-docs.js"></script><meta name="viewport" content="width=device-width, initial-scale=1"><title>Utilities | Just the Docs</title><meta name="generator" content="Jekyll v4.1.1" /><meta property="og:title" content="Utilities" /><meta property="og:locale" content="en_US" /><meta name="description" content="A Jekyll theme for documentation" /><meta property="og:description" content="A Jekyll theme for documentation" /><link rel="canonical" href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities" /><meta property="og:url" content="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities" /><meta property="og:site_name" content="Just the Docs" /> <script type="application/ld+json"> {"url":"https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities","headline":"Utilities","description":"A Jekyll theme for documentation","@type":"WebPage","@context":"https://schema.org"}</script><body> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="svg-link" viewBox="0 0 24 24"><title>Link</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> </svg> </symbol> <symbol id="svg-search" viewBox="0 0 24 24"><title>Search</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"> <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line> </svg> </symbol> <symbol id="svg-menu" viewBox="0 0 24 24"><title>Menu</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line> </svg> </symbol> <symbol id="svg-arrow-right" viewBox="0 0 24 24"><title>Expand</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline> </svg> </symbol> <symbol id="svg-doc" viewBox="0 0 24 24"><title>Document</title><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline> </svg> </symbol> </svg><div class="side-bar"><div class="site-header"> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/" class="site-title lh-tight"> Just the Docs </a> <a href="#" id="menu-button" class="site-button"> <svg viewBox="0 0 24 24" class="icon"><use xlink:href="#svg-menu"></use></svg> </a></div><nav role="navigation" aria-label="Main" id="site-nav" class="site-nav"><ul class="nav-list"><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/" class="nav-list-link">Home</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/configuration/" class="nav-list-link">Configuration</a><li class="nav-list-item"><a href="#" class="nav-list-expander"><svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg></a><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components" class="nav-list-link">UI Components</a><ul class="nav-list "><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/typography/" class="nav-list-link">Typography</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/buttons/" class="nav-list-link">Buttons</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/labels/" class="nav-list-link">Labels</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/tables/" class="nav-list-link">Tables</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/lists/" class="nav-list-link">Lists</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/ui-components/code/" class="nav-list-link">Code</a></ul><li class="nav-list-item active"><a href="#" class="nav-list-expander"><svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg></a><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities" class="nav-list-link active">Utilities</a><ul class="nav-list "><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/color/" class="nav-list-link">Color</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/layout/" class="nav-list-link">Layout</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/responsive-modifiers/" class="nav-list-link">Responsive Modifiers</a><li class="nav-list-item "><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/typography/" class="nav-list-link">Typography</a></ul><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/navigation-structure/" class="nav-list-link">Navigation Structure</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/customization/" class="nav-list-link">Customization</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/search/" class="nav-list-link">Search</a><li class="nav-list-item"><a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/index-test/" class="nav-list-link">Markdown kitchen sink</a></ul></nav><footer class="site-footer"> This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.</footer></div><div class="main" id="top"><div id="main-header" class="main-header"><div class="search"><div class="search-input-wrap"> <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search Just the Docs" aria-label="Search Just the Docs" autocomplete="off"> <label for="search-input" class="search-label"><svg viewBox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label></div><div id="search-results" class="search-results"></div></div><nav aria-label="Auxiliary" class="aux-nav"><ul class="aux-nav-list"><li class="aux-nav-list-item"> <a href="//github.com/pmarsceill/just-the-docs" class="site-button" > Just the Docs on GitHub </a></ul></nav></div><div id="main-content-wrap" class="main-content-wrap"><div id="main-content" class="main-content" role="main"><h1 class="no_toc" id="utilities"> <a href="#utilities" class="anchor-heading"><svg viewBox="0 0 16 16" aria-hidden="true"><use xlink:href="#svg-link"></use></svg></a> Utilities</h1><p class="fs-6 fw-300">CSS utility classes come in handy when you to want to override default styles to create additional whitespace (margins/padding), correct unexpected shifts in font size or weight, add color, or hide (or show) something at a specific screen size.</p><hr><h2 class="text-delta">Table of contents</h2><ul><li> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/color/">Color</a><li> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/layout/">Layout</a><li> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/responsive-modifiers/">Responsive Modifiers</a><li> <a href="https://soumyabrata.ghosh.pages.uni.lu/haddoc/docs/utilities/typography/">Typography</a></ul><hr><footer><p><a href="#top" id="back-to-top">Back to top</a></p><p class="text-small text-grey-dk-000 mb-0">Copyright &copy; 2017-2020 Patrick Marsceill. Distributed by an <a href="https://github.com/pmarsceill/just-the-docs/tree/master/LICENSE.txt">MIT license.</a></p><div class="d-flex mt-2"><p class="text-small text-grey-dk-000 mb-0"> <a href="https://github.com/pmarsceill/just-the-docs/tree/master/docs/utilities/utilities.md" id="edit-this-page">Edit this page on GitHub</a></p></div></footer></div></div><div class="search-overlay"></div></div>