diff --git a/assets/css/dark.css b/assets/css/dark.css deleted file mode 100644 index f93adf1..0000000 --- a/assets/css/dark.css +++ /dev/null @@ -1,159 +0,0 @@ -body { - color: white; - background-color: #202124; -} - -::-moz-selection { - background: blue; - color: #fff; - text-shadow: none; -} - -::selection { - background: red; - color: #fff; - text-shadow: none; -} - -hr { - border-top: 3px dotted blue; -} -code { - background-color: lightblue; - color: black; - text-decoration: bold; - padding: 0.1em 0.2em; -} -pre { - background-color: #272822; - line-height: 1.4; - overflow-x: auto; - padding: 1em; -} -blockquote { - border-color: blue; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - color: #ddd; -} -h1::before { - color: var(--darkMaincolor); - content: "# "; -} -h2::before { - color: var(--darkMaincolor); - content: "## "; -} -h3::before { - color: var(--darkMaincolor); - content: "### "; -} -h4::before { - color: var(--darkMaincolor); - content: "#### "; -} -h5::before { - color: var(--darkMaincolor); - content: "##### "; -} -h6::before { - color: var(--darkMaincolor); - content: "###### "; -} - -a { - border-bottom: 3px solid var(--darkMaincolor); - color: inherit; -} -a:hover { - background-color: var(--darkMaincolor); - color: black; -} - -.site-description a { - color: #ddd; -} -.site-description a:hover { - color: black; -} - -.tags a { - border-bottom: 3px solid var(--darkMaincolor); -} -.tags a:hover { - background-color: var(--darkMaincolor); - color: black; -} - -.site-title a { - color: white; - text-decoration: none !important; -} - -.header nav, -.footer { - border-color: #333; -} - -.highlight { - background-color: #333; -} -.soc:hover { - color: black; -} -.draft-label { - color: var(--darkMaincolor); - background-color: blue; -} -.highlight pre code[class=language-javaScript]::before, -.highlight pre code[class="language-js"]::before { - content: "js"; - background: #f7df1e; - color: black; -} -.highlight pre code[class*='language-yml']::before, -.highlight pre code[class*='language-yaml']::before { - content: 'yaml'; - background: #f71e6a; - color: white; -} -.highlight pre code[class*='language-shell']::before, -.highlight pre code[class*='language-bash']::before, -.highlight pre code[class*='language-sh']::before { - content: 'shell'; - background: green; - color:white -} -.highlight pre code[class*='language-json']::before{ - content: 'json'; - background: dodgerblue; - color: #000000 -} -.highlight pre code[class*='language-python']::before, -.highlight pre code[class*='language-py']::before { - content: 'py'; - background: blue; - color: yellow ; -} -.highlight pre code[class*='language-css']::before{ - content: 'css'; - background: cyan; - color: black ; -} -.highlight pre code[class*='language-go']::before{ - content: 'Go'; - background: cyan; - color: royalblue ; -} -.highlight pre code[class*='language-md']::before, -.highlight pre code[class*='language-md']::before{ - content: 'Markdown'; - background: royalblue; - color: whitesmoke ; -} \ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css index 3a7d1cd..c5b953d 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -6,16 +6,19 @@ --hovercolor:navy; --darkMaincolor: #50fa7b; } + html { color: #232333; font-family: 'Roboto Mono', monospace; font-size: 15px; line-height: 1.6em; } + body{ display: block; margin: 8px; } + * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @@ -48,6 +51,7 @@ a { color: inherit; text-decoration: none; } + a:hover { background-color: var(--hovercolor); color: #fff; @@ -169,16 +173,19 @@ footer { padding: 2rem 0rem; margin-top: 2rem; } + .soc { display: flex; align-items: center; border-bottom: none; } + .border { margin-left: 0.5rem; margin-right: 0.5rem; border: 1px solid; } + .footer-info { padding: var(--footer-padding); } @@ -223,22 +230,32 @@ article .title { display: flex; justify-content: space-between; } + .tags li::before{ - content: "🏷 "; + content: "<"; } + +.tags li::after{ + content: ">"; +} + .tags a{ border-bottom: 3px solid var(--maincolor); } + .tags a:hover{ color:white; background-color: var(--hovercolor); } + svg{ max-height: 15px; } + .soc:hover{ color: white; } + .draft-label{ color: var(--bordercl); text-decoration: none; @@ -247,13 +264,16 @@ svg{ margin-left: 6px; background-color: #f9f2f4; } + .highlight { position: relative; -webkit-overflow-scrolling: touch; } + .highlight pre code[class*="language-"] { -webkit-overflow-scrolling: touch; } + .highlight pre code[class*="language-"]::before { background: black; border-radius: 0 0 0.25rem 0.25rem; @@ -274,12 +294,14 @@ content: "js"; background: #f7df1e; color: black; } + .highlight pre code[class*='language-yml']::before, .highlight pre code[class*='language-yaml']::before { content: 'yaml'; background: #f71e6a; color: white; } + .highlight pre code[class*='language-shell']::before, .highlight pre code[class*='language-bash']::before, .highlight pre code[class*='language-sh']::before { @@ -287,27 +309,32 @@ content: 'shell'; background: green; color:white } + .highlight pre code[class*='language-json']::before{ content: 'json'; background: dodgerblue; color: #000000 } + .highlight pre code[class*='language-python']::before, .highlight pre code[class*='language-py']::before { content: 'py'; background: blue; color: yellow ; } + .highlight pre code[class*='language-css']::before{ content: 'css'; background: cyan; color: black ; } + .highlight pre code[class*='language-go']::before{ content: 'Go'; background: cyan; color: royalblue ; } + .highlight pre code[class*='language-md']::before, .highlight pre code[class*='language-md']::before{ content: 'Markdown'; @@ -331,3 +358,182 @@ table td{ padding: 6px 13px; border: 1px solid #dfe2e5; } + +body { + color: white; + background-color: #202124; +} + +::-moz-selection { + background: blue; + color: #fff; + text-shadow: none; +} + +::selection { + background: red; + color: #fff; + text-shadow: none; +} + +hr { + border-top: 3px dotted blue; +} + +code { + background-color: lightblue; + color: black; + text-decoration: bold; + padding: 0.1em 0.2em; +} + +pre { + background-color: #272822; + line-height: 1.4; + overflow-x: auto; + padding: 1em; +} + +blockquote { + border-color: blue; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #ddd; +} + +h1::before { + color: var(--darkMaincolor); + content: "# "; +} + +h2::before { + color: var(--darkMaincolor); + content: "## "; +} + +h3::before { + color: var(--darkMaincolor); + content: "### "; +} + +h4::before { + color: var(--darkMaincolor); + content: "#### "; +} + +h5::before { + color: var(--darkMaincolor); + content: "##### "; +} + +h6::before { + color: var(--darkMaincolor); + content: "###### "; +} + +a { + border-bottom: 3px solid var(--darkMaincolor); + color: inherit; +} +a:hover { + background-color: var(--darkMaincolor); + color: black; +} + +.site-description a { + color: #ddd; +} +.site-description a:hover { + color: black; +} + +.tags a { + border-bottom: 3px solid var(--darkMaincolor); +} +.tags a:hover { + background-color: var(--darkMaincolor); + color: black; +} + +.site-title a { + color: white; + text-decoration: none !important; +} + +.header nav, +.footer { + border-color: #333; +} + +.highlight { + background-color: #333; +} + +.soc:hover { + color: black; +} + +.draft-label { + color: var(--darkMaincolor); + background-color: blue; +} + +.highlight pre code[class=language-javaScript]::before, +.highlight pre code[class="language-js"]::before { + content: "js"; + background: #f7df1e; + color: black; +} + +.highlight pre code[class*='language-yml']::before, +.highlight pre code[class*='language-yaml']::before { + content: 'yaml'; + background: #f71e6a; + color: white; +} + +.highlight pre code[class*='language-shell']::before, +.highlight pre code[class*='language-bash']::before, +.highlight pre code[class*='language-sh']::before { + content: 'shell'; + background: green; + color:white +} + +.highlight pre code[class*='language-json']::before{ + content: 'json'; + background: dodgerblue; + color: #000000 +} + +.highlight pre code[class*='language-python']::before, +.highlight pre code[class*='language-py']::before { + content: 'py'; + background: blue; + color: yellow ; +} + +.highlight pre code[class*='language-css']::before{ + content: 'css'; + background: cyan; + color: black ; +} + +.highlight pre code[class*='language-go']::before{ + content: 'Go'; + background: cyan; + color: royalblue ; +} + +.highlight pre code[class*='language-md']::before, +.highlight pre code[class*='language-md']::before{ + content: 'Markdown'; + background: royalblue; + color: whitesmoke ; +} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 41a4c6f..6135ae6 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,8 +1,8 @@ {{ define "main" }} {{ if isset .Data "Term" }} -