~netlandish/linktaco-blog

ecae44f46e30632b7a462dcbf179596561c80586 — Peter Sanchez a month ago
Initial commit
A  => .gitignore +2 -0
@@ 1,2 @@
public/
resources/

A  => archetypes/default.md +10 -0
@@ 1,10 @@
+++
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
date = {{ .Date }}
lastmod = {{ .Date }}
tags = []
summary = 'Summary for RSS, etc'
description = 'Enter content description here'
keywords = ['one', 'two', 'three']
draft = true
+++

A  => content/test-article.md +13 -0
@@ 1,13 @@
+++
title = 'Test Article'
date = 2024-10-02T07:27:24-06:00
tags = ['foo', 'bar']
description = 'This is the article description OK'
summary = 'Another summary for the RSS boy'
keywords = ['meta', 'one', 'two']
draft = false
+++

This is a test article.

I hope you **like it** bruh

A  => hugo.toml +32 -0
@@ 1,32 @@
baseURL = 'https://linktaco.com/blog/'
languageCode = 'en-us'
title = 'Links and Tacos Blog'
uglyurls = true
disablePathToLower = false
rssLimit = 10

[permalinks]
  blog = "/:filename"

[markup]
  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true
  [markup.tableOfContents]
    ordered = true

[params]
  dateFormat = "Jan 2, 2006"
  homeText = "Welcome to the LinkTaco Blog"

[taxonomies]
  tag = "tags"

[outputs]
  section = ["HTML", "RSS"]

[[menu.main]]
    name = "Tags"
    identifier = "tags"
    weight = 300
    url = "/tags/"

A  => layouts/_default/baseof.html +87 -0
@@ 1,87 @@
<!DOCTYPE html>
<html>
  <head>
    <title>{{ block "title" . }}{{ end }} | LinkTaco Blog</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    {{ hugo.Generator }}
    {{ $ccss := "css/chota.min.css" | relURL }}
    <link href="{{ $ccss }}" rel="stylesheet">
    {{ $scss := "css/style.css" | relURL }}
    <link href="{{ $scss }}" rel="stylesheet">
    <link rel="icon" href="{{ "img/favicon.ico" | relURL }}" />
    <link rel="icon" type="image/png" sizes="32x32" href="{{ "img/favicon-32x32.png" | relURL }}" />
    <link rel="icon" type="image/png" sizes="16x16" href="{{ "img/favicon-16x16.png" | relURL }}" />
    <link rel="apple-touch-icon" type="image/png" href="{{ "img/apple-touch-icon.png" | relURL }}" />
    {{ block "extrahead" . }}{{ end }}
  </head>
  <body class="container">
    <div class="root-container">
    <aside>
        <div class="img-logo-container">
            <a href="https://linktaco.com"><img src="{{ "img/lt_logo.svg" | relURL }}" alt="LinkTaco.com logo" width="195px" height="50px"></a>
        </div>
        <nav class="sidebar">
            <ul class="list-unstyled pl-0">
                <li>
                    <a class="menu-item" href="/blog/">
                        <svg class="menu-item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z" />
                        </svg>
                        <span>Blog</span>
                    </a>
                </li>
                <li>
                    <a class="menu-item" href="{{ "tags.html" | relURL }}">
                        <svg class="menu-item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
			  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
			</svg>
                        <span>Tags</span>
                    </a>
                </li>
                <li>
                    <a class="menu-item" href="/">
                        <svg class="menu-item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
                        </svg>
                        <span>LinkTaco</span>
                    </a>
                </li>
            </ul>
        </nav>
    </aside>
    <!-- Reponsive -->
    <div class="mobile-nav">
        <a href="https://linktaco.com"><img src="{{ "img/lt_logo.svg" | relURL }}" alt="LinkTaco.com logo" width="160px"></a>
        <input id="menu-toggle" type="checkbox" />
        <label class='menu-button-container' for="menu-toggle">
            <div class='menu-button'></div>
        </label>
        <ul class="menu">
                <li><a class="" href="/blog/">Blog</a></li>
                <li><a class="" href="{{ "tags.html" | relURL }}">Tags</a></li>
                <li><a class="" href="/">LinkTaco</a></li>
        </ul>
    </div>
    <main class="app-content{{ block "main-class" . }}{{ end }}">
    {{ block "main" . }}{{ end }}
    </main>
  </div>

    <footer>
      <div class="footer">
        <span>&copy; {{ now.Year }} <a href="https://www.netlandish.com" target="_blank">Netlandish Inc.</a></span> 
	<a href="https://man.code.netlandish.com/~netlandish/policies/terms-of-service.md" target="_blank">Terms of Use</a>
	<a href="https://man.code.netlandish.com/~netlandish/policies/privacy.md" target="_blank">Privacy Policy</a>
	<span>
	  <a href="https://code.netlandish.com/~netlandish/links" target="_blank">Source Code</a>
	  <small class="text-muted">(v: )</small>
	</span>
      </div>
      <blockquote>Made with love from all over the world.</blockquote>
    </footer>

  </body>
  <script defer data-domain="linktaco.com" src="https://plausible.io/js/script.js"></script>
  {{ block "extrajs" . }}{{ end }}
</html>

A  => layouts/_default/list.html +18 -0
@@ 1,18 @@
{{ define "title" }}{{ .Title }}{{ end }}

{{ define "main" }}

<section class="app-header">
<h1 class="app-header__title">{{ .Title }}</h1>
</section>

<section class="card shadow-card">
  {{ range .Pages.ByPublishDate.Reverse }}
    <div class="row">
      <div class="col-2"><p>{{ .PublishDate.Format .Site.Params.dateFormat }}</p></div>
      <div class="col"><p><a href="{{ .RelPermalink }}">{{ .Title }}</a></p></div>
    </div>
  {{ end }}
</section>

{{ end }}

A  => layouts/_default/single.html +18 -0
@@ 1,18 @@
{{ define "title" }}{{ .Title }}{{ end }}

{{ define "main" }}

<section class="blog-header">
<h1 class="app-header__title">{{ .Title }}</h1>
</section>
<section class="blog-date">Published: {{ .PublishDate.Format .Site.Params.dateFormat }} in 
{{ with .GetTerms "tags" }}
{{ range $i, $l := . }}{{ if $i }}, {{ end }}<a href="{{ $l.RelPermalink }}">{{ $l.LinkTitle }}</a>{{end }}
{{ end }}
</section>

<section class="card shadow-card">
{{ .Content }}
</section>

{{ end }}

A  => layouts/_default/terms.html +15 -0
@@ 1,15 @@
{{ define "title" }}{{ .Title }}{{ end }}

{{ define "main" }}

<section class="app-header">
<h1 class="app-header__title">{{ .Title }}</h1>
</section>

<section class="card shadow-card">
  {{ range .Data.Terms.Alphabetical }}
    <a class="button primary icon is-small" href="{{ .Page.Permalink }}">{{ .Page.Title }}&nbsp;<small>({{ .Count }})</small></a>
  {{ end }}
</section>

{{ end }}

A  => layouts/tags/_index.md +3 -0
@@ 1,3 @@
+++
title = 'Tags'
+++

A  => static/css/chota.min.css +3 -0
@@ 1,3 @@
/*!
 * chota.css v0.9.2 | MIT License | https://github.com/jenil/chota
 */:root{--bg-color:#fff;--bg-secondary-color:#f3f3f6;--color-primary:#14854f;--color-lightGrey:#d2d6dd;--color-grey:#747681;--color-darkGrey:#3f4144;--color-error:#d43939;--color-success:#28bd14;--grid-maxWidth:120rem;--grid-gutter:2rem;--font-size:1.6rem;--font-color:#333;--font-family-sans:-apple-system,"BlinkMacSystemFont","Avenir","Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:monaco,"Consolas","Lucida Console",monospace}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;line-height:1.15}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{background-color:var(--bg-color);color:var(--font-color);font-family:Segoe UI,Helvetica Neue,sans-serif;font-family:var(--font-family-sans);font-size:var(--font-size);line-height:1.6;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:500;margin:.35em 0 .7em}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.85em}a{color:var(--color-primary);text-decoration:none}a:hover:not(.button){opacity:.75}button{font-family:inherit}p{margin-top:0}blockquote{background-color:var(--bg-secondary-color);border-left:3px solid var(--color-lightGrey);padding:1.5rem 2rem}dl dt{font-weight:700}hr{background-color:var(--color-lightGrey);height:1px;margin:1rem 0}hr,table{border:none}table{border-collapse:collapse;border-spacing:0;text-align:left;width:100%}table.striped tr:nth-of-type(2n){background-color:var(--bg-secondary-color)}td,th{padding:1.2rem .4rem;vertical-align:middle}thead{border-bottom:2px solid var(--color-lightGrey)}tfoot{border-top:2px solid var(--color-lightGrey)}code,kbd,pre,samp,tt{font-family:var(--font-family-mono)}code,kbd{border-radius:4px;color:var(--color-error);font-size:90%;padding:.2em .4em;white-space:pre-wrap}code,kbd,pre{background-color:var(--bg-secondary-color)}pre{font-size:1em;overflow-x:auto;padding:1rem}pre code{background:none;padding:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}img{max-width:100%}fieldset{border:1px solid var(--color-lightGrey)}iframe{border:0}.container{margin:0 auto;max-width:var(--grid-maxWidth);padding:0 calc(var(--grid-gutter)/2);width:96%}.row{-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:flex-start;margin-left:calc(var(--grid-gutter)/-2);margin-right:calc(var(--grid-gutter)/-2)}.row,.row.reverse{-webkit-box-orient:horizontal}.row.reverse{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col{-webkit-box-flex:1;-ms-flex:1;flex:1}.col,[class*=" col-"],[class^=col-]{margin:0 calc(var(--grid-gutter)/2) calc(var(--grid-gutter)/2)}.col-1{-ms-flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-1,.col-2{-webkit-box-flex:0}.col-2{-ms-flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3{-ms-flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-3,.col-4{-webkit-box-flex:0}.col-4{-ms-flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5{-ms-flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-5,.col-6{-webkit-box-flex:0}.col-6{-ms-flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7{-ms-flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-7,.col-8{-webkit-box-flex:0}.col-8{-ms-flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9{-ms-flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10,.col-9{-webkit-box-flex:0}.col-10{-ms-flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11{-ms-flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-11,.col-12{-webkit-box-flex:0}.col-12{-ms-flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}@media screen and (max-width:599px){.container{width:100%}.col,[class*=col-],[class^=col-]{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}}@media screen and (min-width:900px){.col-1-md{-webkit-box-flex:0;-ms-flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-2-md{-webkit-box-flex:0;-ms-flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3-md{-webkit-box-flex:0;-ms-flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-4-md{-webkit-box-flex:0;-ms-flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5-md{-webkit-box-flex:0;-ms-flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-6-md{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7-md{-webkit-box-flex:0;-ms-flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-8-md{-webkit-box-flex:0;-ms-flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9-md{-webkit-box-flex:0;-ms-flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10-md{-webkit-box-flex:0;-ms-flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11-md{-webkit-box-flex:0;-ms-flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-12-md{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}}@media screen and (min-width:1200px){.col-1-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-2-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-4-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-6-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-8-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-12-lg{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}}fieldset{padding:.5rem 2rem}legend{font-size:.8em;letter-spacing:.1rem;text-transform:uppercase}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]),select,textarea,textarea[type=text]{border:1px solid var(--color-lightGrey);border-radius:4px;display:block;font-family:inherit;font-size:1em;padding:.8rem 1rem;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f3f3f6 no-repeat 100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%23555'><polygon points='0,0 60,0 30,40'/></svg>");background-origin:content-box;background-size:1ex}.button,[type=button],[type=reset],[type=submit],button{background:var(--color-lightGrey);border:1px solid transparent;border-radius:4px;color:var(--color-darkGrey);cursor:pointer;display:inline-block;font-size:var(--font-size);line-height:1;padding:1rem 2.5rem;text-align:center;text-decoration:none;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.button.dark,.button.error,.button.primary,.button.secondary,.button.success,[type=submit]{background-color:#000;background-color:var(--color-primary);color:#fff;z-index:1}.button:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,button:hover{opacity:.8}button:disabled,button:disabled:hover,input:disabled,input:disabled:hover{cursor:not-allowed;opacity:.4}.grouped{display:-webkit-box;display:-ms-flexbox;display:flex}.grouped>:not(:last-child){margin-right:16px}.grouped.gapless>*{border-radius:0!important;margin:0 0 0 -1px!important}.grouped.gapless>:first-child{border-radius:4px 0 0 4px!important;margin:0!important}.grouped.gapless>:last-child{border-radius:0 4px 4px 0!important}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset],:disabled):hover,select:hover,textarea:hover,textarea[type=text]:hover{border-color:var(--color-grey)}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]):focus,select:focus,textarea:focus,textarea[type=text]:focus{border-color:var(--color-primary);-webkit-box-shadow:0 0 1px var(--color-primary);box-shadow:0 0 1px var(--color-primary);outline:none}input.error:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]),textarea.error{border-color:var(--color-error)}input.success:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]),textarea.success{border-color:var(--color-success)}[type=checkbox],[type=radio]{height:1.6rem;width:2rem}.button+.button{margin-left:1rem}.button.secondary{background-color:var(--color-grey)}.button.dark{background-color:var(--color-darkGrey)}.button.error{background-color:var(--color-error)}.button.success{background-color:var(--color-success)}.button.outline{background-color:transparent;border-color:var(--color-lightGrey)}.button.outline.primary{border-color:var(--color-primary);color:var(--color-primary)}.button.outline.secondary{border-color:var(--color-grey);color:var(--color-grey)}.button.outline.dark{border-color:var(--color-darkGrey);color:var(--color-darkGrey)}.button.clear{background-color:transparent;border-color:transparent;color:var(--color-primary)}.button.icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.button.icon>img{margin-left:2px}.button.icon-only{padding:1rem}.button:active:not(:disabled),[type=button]:active:not(:disabled),[type=reset]:active:not(:disabled),[type=submit]:active:not(:disabled),button:active:not(:disabled){-webkit-transform:scale(.98);transform:scale(.98)}::-webkit-input-placeholder{color:#bdbfc4}::-moz-placeholder{color:#bdbfc4}:-ms-input-placeholder{color:#bdbfc4}::-ms-input-placeholder{color:#bdbfc4}::placeholder{color:#bdbfc4}.nav{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:5rem}.nav img{max-height:3rem}.nav-center,.nav-left,.nav-right,.nav>.container{display:-webkit-box;display:-ms-flexbox;display:flex}.nav-center,.nav-left,.nav-right{-webkit-box-flex:1;-ms-flex:1;flex:1}.nav-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.nav-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nav-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:480px){.nav,.nav>.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav-center,.nav-left,.nav-right{-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}}.nav .brand,.nav a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-darkGrey);display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem 2rem;text-decoration:none}.nav .active:not(.button),.nav [aria-current=page]:not(.button){color:#000;color:var(--color-primary)}.nav .brand{font-size:1.75em;padding-bottom:0;padding-top:0}.nav .brand img{padding-right:1rem}.nav .button{margin:auto 1rem}.card{background:var(--bg-color);border-radius:4px;-webkit-box-shadow:0 1px 3px var(--color-grey);box-shadow:0 1px 3px var(--color-grey);padding:1rem 2rem}.card p:last-child{margin:0}.card header>*{margin-bottom:1rem;margin-top:0}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex}.tabs a{text-decoration:none}.tabs>.dropdown>summary,.tabs>a{-webkit-box-flex:0;border-bottom:2px solid var(--color-lightGrey);color:var(--color-darkGrey);-ms-flex:0 1 auto;flex:0 1 auto;padding:1rem 2rem;text-align:center}.tabs>a.active,.tabs>a:hover,.tabs>a[aria-current=page]{border-bottom:2px solid var(--color-darkGrey);opacity:1}.tabs>a.active,.tabs>a[aria-current=page]{border-color:var(--color-primary)}.tabs.is-full a{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.tag{border:1px solid var(--color-lightGrey);color:var(--color-grey);display:inline-block;letter-spacing:.5px;line-height:1;padding:.5rem;text-transform:uppercase}.tag.is-small{font-size:.75em;padding:.4rem}.tag.is-large{font-size:1.125em;padding:.7rem}.tag+.tag{margin-left:1rem}details.dropdown{display:inline-block;position:relative}details.dropdown>:last-child{left:0;position:absolute;white-space:nowrap}.bg-primary{background-color:var(--color-primary)!important}.bg-light{background-color:var(--color-lightGrey)!important}.bg-dark{background-color:var(--color-darkGrey)!important}.bg-grey{background-color:var(--color-grey)!important}.bg-error{background-color:var(--color-error)!important}.bg-success{background-color:var(--color-success)!important}.bd-primary{border:1px solid var(--color-primary)!important}.bd-light{border:1px solid var(--color-lightGrey)!important}.bd-dark{border:1px solid var(--color-darkGrey)!important}.bd-grey{border:1px solid var(--color-grey)!important}.bd-error{border:1px solid var(--color-error)!important}.bd-success{border:1px solid var(--color-success)!important}.text-primary{color:var(--color-primary)!important}.text-light{color:var(--color-lightGrey)!important}.text-dark{color:var(--color-darkGrey)!important}.text-grey{color:var(--color-grey)!important}.text-error{color:var(--color-error)!important}.text-success{color:var(--color-success)!important}.text-white{color:#fff!important}.pull-right{float:right!important}.pull-left{float:left!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.is-full-screen{min-height:100vh;width:100%}.is-full-width{width:100%!important}.is-vertical-align{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.is-center,.is-horizontal-align{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.is-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.is-left,.is-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.is-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.is-fixed{position:fixed;width:100%}.is-paddingless{padding:0!important}.is-marginless{margin:0!important}.is-pointer{cursor:pointer!important}.is-rounded{border-radius:100%}.clearfix{clear:both;content:"";display:table}.is-hidden{display:none!important}@media screen and (max-width:599px){.hide-xs{display:none!important}}@media screen and (min-width:600px) and (max-width:899px){.hide-sm{display:none!important}}@media screen and (min-width:900px) and (max-width:1199px){.hide-md{display:none!important}}@media screen and (min-width:1200px){.hide-lg{display:none!important}}@media print{.hide-pr{display:none!important}}
\ No newline at end of file

A  => static/css/style.css +876 -0
@@ 1,876 @@
* {
  box-sizing: border-box;
}
html {
  min-height: 100vh;
}

body {
  background-color: rgb(237, 242, 247);
  height: 100%;
  margin: 0 auto;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#env-banner {
  text-align: center;
  color: white;
  text-transform: uppercase;
  z-index: 10000;
  position: relative;
}
.env-production {
  background-color: red;
}
.env-staging {
  background-color: green;
}

.root-container {
  display: flex;
  flex-direction: row;
}

footer .footer {
  margin: 1rem 0;
  text-align: center;
}

footer .footer>* {
  margin-right:2rem;
}

footer .footer>*:last-child {
  margin-right:0;
}

footer blockquote {
  background:0 0;
  text-align:center;
  max-width:600px;
  margin:1rem auto;
  color:#444;
  border:none;
}

.text-muted {
  color:#666;
}

.sidebar {
  width: 225px;
  position: sticky;
  padding: 1.5rem;
  top: 0;
}
.sidebar li:not(:last-child) {
  margin-bottom: 1rem;
}
.sidebar .menu-item {
  display: flex;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
  padding: .5rem;
  border-radius: .25rem;
  align-items: center;
  color: rgb(74,85,104);
  font-weight: 500;
}
.sidebar .menu-item:hover {
  color: rgb(45,55,72);
  background-color: rgb(226,232,240);
}
.menu-item__icon {
  height: 20px;
  width: 20px;
  color: rgb(71,85,105);
  margin-right: 1.5rem;
}
.sidebar .menu-item--active {
  color: rgb(26,32,44);
  background-color: rgb(226,232,240);
}
.menu-switch {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.blog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.2rem;
}

.blog-date {
  margin-bottom: 0.4rem;
  font-size: 85%;
}

.app-content {
  flex: 1;
  padding-bottom: 3rem;
  padding-top: 3rem;
  padding-left: 2rem;
}

.app-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.app-header-advanced-search {
  align-items: flex-start !important;
}

.advanced-search-btn {
    margin-top: 23px;
}

.app-header--centered {
  justify-content: center;
}
.app-header__title {
  color: rgb(45,55,72);
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-top: .25rem;
  margin-bottom: 0px;
}
.app-header__search {
  display: flex;
}
.app-header__search--inline {
  flex-direction: row;
}
.app-header__search--inline > *:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0px;
}
.app-header__search--inline > *:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 0px;
}
.app-header__search--stack {
  flex-direction: column;
}

.card > header {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid rgb(237, 242, 247);
}
.card > footer {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-top: 2rem;
  border-top: 1px solid rgb(237, 242, 247);
}
.card > form > div:not(:last-child) {
  margin-bottom: 1.5rem;
}
.shadow-card {
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.03) 0px 12px 16px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px;
}
.link-tag {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.link-tag > *:not(:last-child) {
  margin-right: .8rem;
}
.link-tag__item {
  border: 1px solid var(--color-lightGrey);
  color: var(--color-darkGrey);
  letter-spacing: .5px;
  line-height: 1;
  text-transform: uppercase;
  font-size: .75em;
  padding: .4rem;
  margin-bottom: .8rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s;
  text-align: center;
}
.link-tag__item--simple {
  padding: 0px;
  border: 0px;
  margin-bottom: 0px;
}
.link-tag__item:hover {
  color: var(--font-color);
  border: 1px solid var(--color-darkGrey);
}
.link-tag__item--simple:hover {
  text-decoration: underline;
  border: 0px;
}

/* DUMMY CHOTA HELPERS */
.list-unstyled { list-style: none; }
.mt-1 { margin-top: 1rem; }
.pl-0 { padding-left: 0; }
.pt-0 { padding-top: 0; }
.ml-1 { margin-left: 1rem; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 1rem; }
.mr-1 { margin-right: 1rem; }
.mb-0 { margin-bottom: 0; }
.pl-0 { padding-left: 0; }
.pt-0 { padding-top: 0; }
.is-shadowless { box-shadow: none; }
.bg-light-grey { background-color: rgb(245, 245, 247); }
.d-flex { display: flex; }
.d-block { display: block; }
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.items-center { align-items: center; }
.d-none { display: none; }
.is-borderless { border: 0; }
.bd-white { border: 1px solid white; }
.underline:hover { text-decoration: underline; }
.no-underline:hover { text-decoration: none; }

/* DUMMY CHOTA IMPROVEMENTS */
.button.is-small {
  padding: 0.6rem 1rem;
}
.alert {
  border-radius: .25rem;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
}
.alert-success {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}
.alert-error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.error {
  text-align: center;
  color: #842029;
}


.btn {
    margin-top: 10px;
}

.btn-index {
    margin-bottom: 10px;
}

a.action-table-btn {
    margin: 2px;
}

.globe {
    float: right;
    margin-right: 4px;
    font-size: small;
}
.about-post {
    font-size: small;
    margin-top: 8px;
    overflow: hidden;
}
.about-post > * {
    display: inline;
}
.about-post time {
    float: right;
    word-break: keep-all;
}
.u-bookmark-of {
    display: inline-block;
    font-size: small;
    text-decoration: none;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

h4.section-title {
    margin-top: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}
a.section-link {
    font-size: 16px;
}
dt {
    font-weight: bold;
}
dd + dt {
    margin-top: 8px;
}
.mv-categories ol {
    padding-left: 1rem;
}
.mv-categories li {
    line-height: 150%;
}
.categories {
    display: flex;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 4px 0;
}
.categories li {
    list-style-type: none;
}
.categories li + li {
    margin-left: 8px;
}
.categories a {
    display: block;
    padding: 4px 8px;
    text-decoration: none;
}
.input-caption {
    font-size: small;
    margin: 4px 0;
}
.h-entry h3 {
    margin: 0;
    font-size: medium;
}
article p:last-of-type:not(.h-entry p) {
    margin-bottom: 0;
}
h2 {
    margin-top: 8px;
}
.h-entry {
    padding-top: 16px;
    padding-bottom: 16px;
}
.h-entry:first-of-type {
    padding-top: 0;
}
.h-entry + .h-entry {
    border-top: 2px solid #ccd;
}
.h-entry + .h-entry {
    margin-top: 1px;
}
.about-post a, .about-post .empty-set {
    margin-left: .25rem;
}

.text-center {
    text-align: center;
}

/*

.grid-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.grid-item {
    width: 50%;
    padding-right: 50px;
}
*/



#global-org-container {
    position: relative;
}

#global-org-container select {
    float: right;
    margin-top: 8px;
    width: 230px;
}

.vertical-section {
    margin-bottom: 25px;
}

a.bullet-link:before {
    margin-left: 2px;
    content: "•";
    color: #333;
    font-size: 15px;
    margin-right: 5px;
}

.dropdown-card {
    z-index: 1000;
}

.social-link-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.blur-div {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}

.edit-element-icon {
    margin-top: 7px;
    margin-left: 10px;
}

.counter-number {
    margin-top: 4px;
    margin-left: 10px;
}

.pull-right {
    float: right;
}

.filter-btn {
    margin-right: 5px;
    color: var(--color-darkGrey);
}

.filter-btn.active {
    color: var(--color-primary);
}

.star-link {
    line-height: 0;
    margin-right: 7px;
}

.read-link {
    line-height: 0;
}

.plan-selected {
    border: 1px solid var(--color-primary);
}

#autocomplete-tags, .element-suggested {
    padding: 10px;
    z-index: 1000;
    position: absolute;
    background-color: #fff;
    width: 300px;
    border: 1px solid var(--color-lightGrey);
    border-radius: 4px;
}

.autocomplete-tags {
    padding: 10px;
    z-index: 1000;
    position: absolute;
    background-color: #fff;
    width: 150px;
    border: 1px solid var(--color-lightGrey);
    border-radius: 4px;
}

.tag-suggested, .suggested {
    margin-bottom: 5px;
    cursor: pointer;
}

.tour-section {
    margin-bottom: 25px;
}

.tour-description {
  margin-left: 42px;
  font-style: italic;
}

.tour-intro {
  margin-top: 5px;
  margin-bottom: 35px;
}

.tour-title {
  border-bottom: solid #ccc 1px;
  font-weight: bold;
}

.tour-section-img {
    margin-top: 15px;
    border-radius: 4px;
    box-shadow: 1px 1px 5px rgba(0,0,0,.4);
    width: 315px;
    height: 177px;
}

.non-starred {
  color: var(--color-darkGrey);
}

.icon-link {
    line-height: 0;
    margin-left: 10px;
}

.tooltip-link[data-tooltip] {
    position: relative;
}

.tooltip-link[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    color: var(--color-darkGrey);
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    white-space: nowrap;
    z-index: 1000;
    border: 1px solid var(--color-darkGrey);
    padding: 10px 2px 10px 2px;
    opacity: 1 !important;
}

.tooltip-link-rss[data-tooltip] {
    position: relative;
}

.tooltip-link-rss[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    color: var(--color-darkGrey);
    position: absolute;
    bottom: -56px;
    left: 99%;
    transform: translateX(-50%);
    background-color: #fff;
    white-space: nowrap;
    z-index: 1000;
    padding: 10px 2px 10px 2px;
    opacity: 1 !important;
    word-wrap: break-word;
}

.lock-icon {
    margin-top: 9px;
}
.lock-icon[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    color: var(--color-darkGrey);
    position: absolute;
    transform: translateX(-50%);
    background-color: #fff;
    white-space: nowrap;
    z-index: 1000;
    border: 1px solid var(--color-darkGrey);
    padding: 0 2px 0 3px;
    opacity: 1 !important;
}

.active-row {
    border: 2px solid var(--color-primary);
}

.full-content-title {
    position: absolute;
    margin-left: 21px;
}

.center-content {
    margin-left: auto;
    margin-right: auto;
}

.full-content {
    margin-top: 40px;
}

.full-contaiter {
    max-width: 100% !important;
}

.CodeMirror {
  background: #e9ecef;
  height: 500px !important;
}

.input textarea, .results pre {
  height: 35rem;
}

.chroma {
    margin-top: 0;
    height: 500px !important;
}

.highlight .err {
  /* work around outdated gql implementation in pygments */
  border: none !important;
}
@media(prefers-color-scheme: dark) {
  .cm-s-default.CodeMirror { background: #131618; color: white;, height: 500px;}
  .cm-s-default div.CodeMirror-selected { background: #49483E; }
  .cm-s-default .CodeMirror-line::selection, .cm-s-default .CodeMirror-line > span::selection, .cm-s-default .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); }
  .cm-s-default .CodeMirror-line::-moz-selection, .cm-s-default .CodeMirror-line > span::-moz-selection, .cm-s-default .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); }
  .cm-s-default .CodeMirror-gutters { background: #272822; border-right: 0px; }
  .cm-s-default .CodeMirror-guttermarker { color: white; }
  .cm-s-default .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
  .cm-s-default .CodeMirror-linenumber { color: #d0d0d0; }
  .cm-s-default .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }

  .cm-s-default span.cm-comment { color: #75715e; }
  .cm-s-default span.cm-atom { color: #ae81ff; }
  .cm-s-default span.cm-number { color: #ae81ff; }

  .cm-s-default span.cm-comment.cm-attribute { color: #97b757; }
  .cm-s-default span.cm-comment.cm-def { color: #bc9262; }
  .cm-s-default span.cm-comment.cm-tag { color: #bc6283; }
  .cm-s-default span.cm-comment.cm-type { color: #5998a6; }

  .cm-s-default span.cm-property, .cm-s-default span.cm-attribute { color: #a6e22e; }
  .cm-s-default span.cm-keyword { color: #f92672; }
  .cm-s-default span.cm-builtin { color: #66d9ef; }
  .cm-s-default span.cm-string { color: #e6db74; }

  .cm-s-default span.cm-variable { color: #f8f8f2; }
  .cm-s-default span.cm-variable-2 { color: #9effff; }
  .cm-s-default span.cm-variable-3, .cm-s-default span.cm-type { color: #66d9ef; }
  .cm-s-default span.cm-def { color: #fd971f; }
  .cm-s-default span.cm-bracket { color: #f8f8f2; }
  .cm-s-default span.cm-tag { color: #f92672; }
  .cm-s-default span.cm-header { color: #ae81ff; }
  .cm-s-default span.cm-link { color: #ae81ff; }
  .cm-s-default span.cm-error { background: #f92672; color: #f8f8f0; }

  .cm-s-default .CodeMirror-activeline-background { background: #373831; }
  .cm-s-default .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
  }
}

.follow-action-btn {
    margin-right: 10px;
    margin-top: -3px;
}

.mobile-nav {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 1em;
  background: #fff;
  margin-bottom: 13px;
}

.mobile-title {
  margin-top: 22px;
}

.menu {
  display: flex;
  margin-top: 50px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  z-index: 1000;
}

.menu a {
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 0.5em;
}

.menu-button-container {
  display: flex;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #000;
  position: absolute;
  height: 4px;
  width: 30px;
  border-radius: 2px;
}

#menu-toggle {
  display: none;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}

#menu-toggle:checked ~ .menu li {
    border: 1px solid #333;
    height: 2.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu > li {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0.5em 0;
  width: 100%;
  color: white;
  background-color: #222;
  overflow: hidden;
}

.menu > li:not(:last-child) {
    border-bottom: 1px solid #444;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

@media screen and (max-width: 600px) {
  aside {
    display: none;
  }
  .app-content {
    width: 100%;
    padding: 0 calc(var(--grid-gutter)/2);
  }
  body {
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .mobile-nav {
    display: flex;
  }
  .root-container {
    flex-direction: column;
  }
  .advanced-search-btn {
    margin-top: 0;
  }
  .responsive-table {
    overflow-x:auto;
  }
  .full-content-title {
    display: none;
  }
}

.img-container-v2 {
  flex-direction: column;
}

.help-text {
	font-size: 14px;
	color: var(--color-grey) !important;
	margin-top: 3px !important;
	margin-left: 11px !important;
}

.img-logo-container {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  margin-bottom: 16px;
}

.hide-dialog {
  display: none;
}

.show-dialog {
  display: flex;
}

.close-dialog-div {
  z-index: -1;
  height: 100%;
  width: 100%;
  position: absolute;
}

#dialog-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.5);
  height: 100%;
  border: solid 1px black;
  justify-content: center;
  align-items: center;
}

#dialog-image {
  max-width: 95%;
  max-height: 95%;
}

#price_table > thead th {
  position: sticky;
  top: 0;
  background-color: white;
}

A  => static/img/apple-touch-icon.png +0 -0
A  => static/img/example.png +0 -0
A  => static/img/favicon-16x16.png +0 -0
A  => static/img/favicon-32x32.png +0 -0
A  => static/img/favicon.ico +0 -0
A  => static/img/logo.png +0 -0
A  => static/img/lt_logo.svg +37 -0
@@ 1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Capa_2" data-name="Capa 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 487.74 74.53">
  <defs>
    <style>
      .cls-1 {
        fill: #14854f;
      }

      .cls-2 {
        fill: #3f4144;
      }

      .cls-3 {
        fill: #ff782b;
      }
    </style>
  </defs>
  <g id="LOGOS">
    <g id="PRINCIPAL">
      <g>
        <g>
          <path class="cls-2" d="m116.76,74.53V14.29c0-7.89,6.4-14.29,14.29-14.29h0v74.53h-14.29Z"/>
          <path class="cls-2" d="m145.69,6.61h0c0-3.65,2.96-6.61,6.61-6.61h1.07c3.65,0,6.61,2.96,6.61,6.61h0c0,3.65-2.96,6.61-6.61,6.61h-1.07c-3.65,0-6.61-2.96-6.61-6.61Zm0,67.92V20.54h14.29v53.99h-14.29Z"/>
          <path class="cls-2" d="m223.73,74.53h-14.29v-27.55c0-5.83-.31-9.6-.92-11.31-.61-1.71-1.6-3.04-2.97-3.99-1.37-.95-3.03-1.42-4.96-1.42-2.48,0-4.69.68-6.66,2.03-1.97,1.36-3.31,3.15-4.04,5.39-.73,2.24-1.09,6.37-1.09,12.4v24.45h-14.29V20.54h13.27v7.93c4.71-6.1,10.64-9.15,17.79-9.15,3.15,0,6.03.57,8.64,1.7,2.61,1.14,4.58,2.58,5.92,4.35,1.34,1.76,2.27,3.76,2.8,6,.52,2.24.79,5.44.79,9.61v33.55Z"/>
          <path class="cls-2" d="m237.71,74.53V14.29c0-7.89,6.4-14.29,14.29-14.29h0v39.55l5.11-5.81c7.39-8.4,18.03-13.21,29.21-13.21h0l-18.45,19.73,19.78,34.27h-15.4l-13.57-24.25-6.66,6.97v17.28h-14.29Z"/>
        </g>
        <g>
          <path class="cls-1" d="m321.65,65.11l1.32,8.08c-2.58.54-4.88.81-6.91.81-3.32,0-5.9-.53-7.73-1.58-1.83-1.05-3.12-2.43-3.86-4.14-.75-1.71-1.12-5.31-1.12-10.8v-31.06h-6.71v-7.12h6.71v-2.74c0-6.6,3.45-12.71,9.1-16.12h0s0,18.86,0,18.86h9.2v7.12h-9.2v31.57c0,2.61.16,4.29.48,5.03.32.75.85,1.34,1.58,1.78.73.44,1.77.66,3.13.66,1.02,0,2.36-.12,4.02-.36Z"/>
          <path class="cls-1" d="m365.83,66.63c-3.39,2.88-6.65,4.91-9.79,6.1-3.14,1.19-6.5,1.78-10.09,1.78-5.93,0-10.49-1.45-13.68-4.35s-4.78-6.6-4.78-11.11c0-2.64.6-5.06,1.8-7.24,1.2-2.19,2.78-3.94,4.73-5.26s4.14-2.32,6.58-3c1.8-.47,4.51-.93,8.13-1.37,7.39-.88,12.83-1.93,16.32-3.15.03-1.25.05-2.05.05-2.39,0-3.73-.86-6.35-2.59-7.88-2.34-2.07-5.81-3.1-10.42-3.1-4.3,0-7.48.75-9.53,2.26-2.05,1.51-3.57,4.18-4.55,8.01l-.6-.08c-4.91-.67-7.44-6.44-4.38-10.35.02-.02.04-.05.06-.07,1.86-2.36,4.56-4.17,8.08-5.44,3.53-1.27,7.61-1.91,12.25-1.91s8.35.54,11.24,1.63c2.88,1.08,5,2.45,6.36,4.09,1.36,1.64,2.3,3.72,2.85,6.23.31,1.56.46,4.37.46,8.44v12.2c0,8.51.19,13.89.58,16.14.39,2.25,1.16,4.41,2.31,6.48h-9.56c-.95-1.9-1.56-4.12-1.83-6.66Zm-.76-20.44c-3.32,1.36-8.3,2.51-14.95,3.46-3.76.54-6.42,1.15-7.98,1.83-1.56.68-2.76,1.67-3.61,2.97-.85,1.31-1.27,2.75-1.27,4.35,0,2.44.92,4.47,2.77,6.1,1.85,1.63,4.55,2.44,8.11,2.44s6.66-.77,9.41-2.31c2.75-1.54,4.76-3.65,6.05-6.33.98-2.07,1.48-5.12,1.48-9.15v-3.36Z"/>
          <path class="cls-1" d="m423.73,53.52l9,1.17c-.98,6.2-3.5,11.06-7.55,14.57-4.05,3.51-9.02,5.26-14.92,5.26-7.39,0-13.33-2.42-17.82-7.24-4.49-4.83-6.74-11.75-6.74-20.77,0-5.83.97-10.93,2.9-15.3,1.93-4.37,4.87-7.65,8.82-9.84,3.95-2.19,8.24-3.28,12.89-3.28,5.86,0,10.66,1.48,14.39,4.45,1,.79,1.9,1.68,2.71,2.65,3.45,4.17.91,10.53-4.43,11.36h0c-.85-3.63-2.35-6.35-4.5-8.18s-4.75-2.75-7.8-2.75c-4.61,0-8.36,1.65-11.24,4.96-2.88,3.3-4.32,8.53-4.32,15.68s1.39,12.52,4.17,15.81c2.78,3.29,6.41,4.93,10.88,4.93,3.59,0,6.59-1.1,9-3.3s3.93-5.59,4.58-10.17Z"/>
          <path class="cls-1" d="m437.15,46.3c0-10,2.78-17.4,8.34-22.22,4.64-4,10.3-6,16.98-6,7.42,0,13.49,2.43,18.2,7.3,4.71,4.86,7.07,11.58,7.07,20.16,0,6.95-1.04,12.41-3.13,16.4-2.08,3.98-5.12,7.08-9.1,9.28-3.98,2.2-8.33,3.3-13.04,3.3-7.56,0-13.67-2.42-18.33-7.27-4.66-4.85-6.99-11.83-6.99-20.95Zm9.41,0c0,6.91,1.51,12.09,4.52,15.53,3.02,3.44,6.81,5.16,11.39,5.16s8.32-1.73,11.34-5.19c3.02-3.46,4.53-8.73,4.53-15.81,0-6.68-1.52-11.73-4.55-15.18-3.03-3.44-6.8-5.16-11.31-5.16s-8.37,1.71-11.39,5.13c-3.02,3.42-4.52,8.59-4.52,15.51Z"/>
        </g>
        <path class="cls-3" d="m88,65.22H0s0,0,0,0C0,41.67,19.1,22.57,42.65,22.57h2.69c23.56,0,42.65,19.1,42.65,42.65h0Z"/>
      </g>
    </g>
  </g>
</svg>
\ No newline at end of file

A  => static/img/search.png +0 -0