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>© {{ 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 }} <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