diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..4827cda --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +public +resources/_gen/* diff --git a/config.toml b/config.toml index 924c75f..f6df8f8 100644 --- a/config.toml +++ b/config.toml @@ -38,6 +38,8 @@ url = "https://matrix.to/#/@creekorful:matrix.org" [languages] [languages.en] title = "Aloïs Micard" + +[languages.en.params] subtitle = "CyberSec Engineer" homeSubtitle = "CyberSec | Open Source | Debian Developer" @@ -61,7 +63,7 @@ path = "/img/avatar.jpg" alt = "Portrait" [params.footer] -trademark = true +trademark = 2024 rss = false copyright = true author = false diff --git a/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.content b/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.content deleted file mode 100644 index 8a10594..0000000 --- a/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.content +++ /dev/null @@ -1,3 +0,0 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */::-webkit-scrollbar{width:8px;height:8px;background:#212020}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#dcdcdc}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-display:auto;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-display:auto;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-display:auto;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}code[class*="language-"],pre[class*="language-"]{color:white;background:none;font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em black;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"],:not(pre)>code[class*="language-"]{background:#141414}pre[class*="language-"]{border-radius:.5em;border:0.3em solid #545454;box-shadow:1px 1px .5em black inset;margin:.5em 0;overflow:auto;padding:1em}pre[class*="language-"]::-moz-selection{background:#27292a}pre[class*="language-"]::selection{background:#27292a}pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection{text-shadow:none;background:rgba(237,237,237,0.15)}pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection{text-shadow:none;background:rgba(237,237,237,0.15)}:not(pre)>code[class*="language-"]{border-radius:.3em;border:0.13em solid #545454;box-shadow:1px 1px .3em -.1em black inset;padding:.15em .2em .05em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#787878}.token.punctuation{opacity:.7}.token.namespace{opacity:.7}.token.tag,.token.boolean,.token.number,.token.deleted{color:#cf694a}.token.keyword,.token.property,.token.selector,.token.constant,.token.symbol,.token.builtin{color:#f9ee9a}.token.attr-name,.token.attr-value,.token.string,.token.char,.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable,.token.inserted{color:#919e6b}.token.atrule{color:#7386a5}.token.regex,.token.important{color:#e9c163}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{padding:1em 0 1em 3em;position:relative}.language-markup .token.tag,.language-markup .token.attr-name,.language-markup .token.punctuation{color:#ad895c}.token{position:relative;z-index:1}.line-highlight{background:rgba(84,84,84,0.25);background:linear-gradient(to right, rgba(84,84,84,0.1) 70%, rgba(84,84,84,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;left:0;line-height:inherit;margin-top:0.75em;padding:inherit 0;pointer-events:none;position:absolute;right:0;white-space:pre;z-index:0}.line-highlight:before,.line-highlight[data-end]:after{background-color:#8794a6;border-radius:999px;box-shadow:0 1px white;color:#f5f2f0;content:attr(data-start);font:bold 65%/1.5 sans-serif;left:.6em;min-width:1em;padding:0 .5em;position:absolute;text-align:center;text-shadow:none;top:.4em;vertical-align:.3em}.line-highlight[data-end]:after{bottom:.4em;content:attr(data-end);top:auto}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:rgba(153,122,102,0.08);background:linear-gradient(to right, rgba(153,122,102,0.1) 70%, rgba(153,122,102,0));pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:rgba(153,122,102,0.4);color:#f5f2f0;font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px white}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128,128,128,0.2)}pre[class*="language-"].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*="language-"].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:0.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity 0.3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,0.2);box-shadow:0 2px 0 0 rgba(0,0,0,0.2);border-radius:.5em}div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar span:hover,div.code-toolbar>.toolbar span:focus{color:inherit;text-decoration:none}:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}@font-face{font-family:'Inter UI';font-style:normal;font-display:auto;font-weight:400;src:url("../fonts/Inter-UI-Regular.woff2") format("woff2"),url("../fonts/Inter-UI-Regular.woff") format("woff")}@font-face{font-family:'Inter UI';font-style:italic;font-display:auto;font-weight:400;src:url("../fonts/Inter-UI-Italic.woff2") format("woff2"),url("../fonts/Inter-UI-Italic.woff") format("woff")}@font-face{font-family:'Inter UI';font-style:normal;font-display:auto;font-weight:600;src:url("../fonts/Inter-UI-Medium.woff2") format("woff2"),url("../fonts/Inter-UI-Medium.woff") format("woff")}@font-face{font-family:'Inter UI';font-style:italic;font-display:auto;font-weight:600;src:url("../fonts/Inter-UI-MediumItalic.woff2") format("woff2"),url("../fonts/Inter-UI-MediumItalic.woff") format("woff")}@font-face{font-family:'Inter UI';font-style:normal;font-display:auto;font-weight:800;src:url("../fonts/Inter-UI-Bold.woff2") format("woff2"),url("../fonts/Inter-UI-Bold.woff") format("woff")}@font-face{font-family:'Inter UI';font-style:italic;font-display:auto;font-weight:800;src:url("../fonts/Inter-UI-BoldItalic.woff2") format("woff2"),url("../fonts/Inter-UI-BoldItalic.woff") format("woff")}.button-container{display:table;margin-left:auto;margin-right:auto}button,.button,a.button{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 18px;margin-bottom:5px;text-decoration:none;text-align:center;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none;background:#fafafa}@media (prefers-color-scheme: dark){button,.button,a.button{background:#1b1c1d;color:inherit}}@media (prefers-color-scheme: light){button,.button,a.button{background:#fafafa}}[data-theme=dark] button,[data-theme=dark] .button,[data-theme=dark] a.button{background:#1b1c1d;color:inherit}[data-theme=light] button,[data-theme=light] .button,[data-theme=light] a.button{background:#fafafa}button.outline,.button.outline,a.button.outline{background:transparent;box-shadow:none;padding:8px 18px;border-color:#eaeaea}@media (prefers-color-scheme: dark){button.outline,.button.outline,a.button.outline{border-color:#3b3d42;color:inherit}}@media (prefers-color-scheme: light){button.outline,.button.outline,a.button.outline{border-color:#eaeaea}}[data-theme=dark] button.outline,[data-theme=dark] .button.outline,[data-theme=dark] a.button.outline{border-color:#3b3d42;color:inherit}[data-theme=light] button.outline,[data-theme=light] .button.outline,[data-theme=light] a.button.outline{border-color:#eaeaea}button.outline :hover,.button.outline :hover,a.button.outline :hover{transform:none;box-shadow:none}button.primary,.button.primary,a.button.primary{box-shadow:0 4px 6px rgba(50,50,93,0.11),0 1px 3px rgba(0,0,0,0.08)}button.primary:hover,.button.primary:hover,a.button.primary:hover{box-shadow:0 2px 6px rgba(50,50,93,0.21),0 1px 3px rgba(0,0,0,0.08)}button.link,.button.link,a.button.link{background:none;font-size:1rem}button.small,.button.small,a.button.small{font-size:.8rem}button.wide,.button.wide,a.button.wide{min-width:200px;padding:14px 24px}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;margin-bottom:5px;text-decoration:none;text-align:center;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none;background:#eaeaea}@media (prefers-color-scheme: dark){.code-toolbar .toolbar-item a{background:#3b3d42;color:inherit}}@media (prefers-color-scheme: light){.code-toolbar .toolbar-item a{background:#eaeaea}}[data-theme=dark] .code-toolbar .toolbar-item a{background:#3b3d42;color:inherit}[data-theme=light] .code-toolbar .toolbar-item a{background:#eaeaea}.header{display:flex;align-items:center;justify-content:center;position:relative;padding:20px;background:#fafafa}@media (prefers-color-scheme: dark){.header{background:#1b1c1d}}@media (prefers-color-scheme: light){.header{background:#fafafa}}[data-theme=dark] .header{background:#1b1c1d}[data-theme=light] .header{background:#fafafa}.header__right{display:flex;flex-direction:row;align-items:center}@media (max-width: 684px){.header__right{flex-direction:row-reverse}}.header__inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:760px;max-width:100%}.theme-toggle{display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer}.theme-toggler{fill:currentColor}.not-selectable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.logo{display:flex;align-items:center;text-decoration:none;font-weight:bold;font-display:auto;font-family:monospace, monospace}.logo img{height:44px}.logo__mark{margin-right:5px}.logo__text{font-size:1.125rem}.logo__cursor{display:inline-block;width:10px;height:1rem;background:#fe5186;margin-left:5px;border-radius:1px;animation:cursor 1s infinite}@media (prefers-reduced-motion: reduce){.logo__cursor{animation:none}}@keyframes cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.menu{z-index:9999;background:#fafafa}@media (prefers-color-scheme: dark){.menu{background:#1b1c1d}}@media (prefers-color-scheme: light){.menu{background:#fafafa}}[data-theme=dark] .menu{background:#1b1c1d}[data-theme=light] .menu{background:#fafafa}@media (max-width: 684px){.menu{position:absolute;top:50px;right:0;border:none;margin:0;padding:10px}}.menu__inner{display:flex;align-items:center;justify-content:flex-start;max-width:100%;margin:0 auto;padding:0 15px;font-size:1rem;list-style:none}.menu__inner li{margin:0 12px}@media (max-width: 684px){.menu__inner{flex-direction:column;align-items:flex-start;padding:0}.menu__inner li{margin:0;padding:5px}}.menu-trigger{width:24px;height:24px;fill:currentColor;margin-left:10px;cursor:pointer;display:none}@media (max-width: 684px){.menu-trigger{display:block}}.menu a{display:inline-block;margin-right:15px;text-decoration:none}.menu a:hover{text-decoration:underline}.menu a:last-of-type{margin-right:0}html{box-sizing:border-box;line-height:1.6;letter-spacing:0.06em;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;font-display:auto;font-size:1rem;line-height:1.54;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"liga", "tnum", "case", "calt", "zero", "ss01", "locl";-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;display:flex;min-height:100vh;flex-direction:column;background-color:#fff;color:#222}@media (max-width: 684px){body{font-size:1rem}}@media (prefers-color-scheme: dark){body{background-color:#232425;color:#a9a9b3}}@media (prefers-color-scheme: light){body{background-color:#fff;color:#222}}[data-theme=dark] body{background-color:#232425;color:#a9a9b3}[data-theme=light] body{background-color:#fff;color:#222}h2,h3,h4,h5,h6{display:flex;align-items:center;line-height:1.3}h1{font-size:2.625rem}h2{font-size:1.625rem;margin-top:2.5em}h3{font-size:1.375rem}h4{font-size:1.125rem}@media (max-width: 684px){h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.15rem}h4{font-size:1.125rem}}a{color:inherit}img{display:block;max-width:100%}img.left{margin-right:auto}img.center{margin-left:auto;margin-right:auto}img.right{margin-left:auto}img.circle{border-radius:50%;max-width:25%;margin:auto}figure{display:table;max-width:100%;margin:25px 0}figure.left{margin-right:auto}figure.left-floated{margin-right:auto;float:left}figure.left-floated img{margin:20px 20px 20px 0}figure.center{margin-left:auto;margin-right:auto}figure.right{margin-left:auto}figure.right-floated{margin-left:auto;float:right}figure.right-floated img{margin:20px 0 20px 20px}figure.rounded img{border-radius:50%}figure figcaption{font-size:14px;margin-top:5px;opacity:0.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}em,i,strong{color:black}@media (prefers-color-scheme: dark){em,i,strong{color:white}}@media (prefers-color-scheme: light){em,i,strong{color:black}}[data-theme=dark] em,[data-theme=dark] i,[data-theme=dark] strong{color:white}[data-theme=light] em,[data-theme=light] i,[data-theme=light] strong{color:black}code{font-family:Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;font-display:auto;font-feature-settings:normal;padding:1px 6px;margin:0 2px;border-radius:5px;font-size:0.95rem;background:#eaeaea}@media (prefers-color-scheme: dark){code{background:#3b3d42}}@media (prefers-color-scheme: light){code{background:#eaeaea}}[data-theme=dark] code{background:#3b3d42}[data-theme=light] code{background:#eaeaea}pre{background:#212020;padding:10px 10px 10px 20px;border-radius:8px;font-size:0.95rem;overflow:auto}@media (max-width: 684px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none !important;margin:0;padding:0;font-size:inherit;color:#ccc}@media (prefers-color-scheme: dark){pre code{color:inherit}}@media (prefers-color-scheme: light){pre code{color:#ccc}}[data-theme=dark] pre code{color:inherit}[data-theme=light] pre code{color:#ccc}blockquote{border-left:3px solid #3eb0ef;margin:40px;padding:10px 20px}@media (max-width: 684px){blockquote{margin:10px;padding:10px}}blockquote:before{content:"”";font-family:Georgia, serif;font-display:auto;font-size:3.875rem;position:absolute;left:-40px;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}ul,ol{margin-left:40px;padding:0}@media (max-width: 684px){ul,ol{margin-left:20px}}ol ol{list-style-type:lower-alpha}.container{flex:1 auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.content{display:flex;flex-direction:column;flex:1 auto;align-items:center;justify-content:center;margin:0}@media (max-width: 684px){.content{margin-top:0}}hr{width:100%;border:none;height:1px;background:#dcdcdc}@media (prefers-color-scheme: dark){hr{background:#4e4e57}}@media (prefers-color-scheme: light){hr{background:#dcdcdc}}[data-theme=dark] hr{background:#4e4e57}[data-theme=light] hr{background:#dcdcdc}.hidden{display:none}@media (max-width: 684px){.hide-on-phone{display:none}}@media (max-width: 900px){.hide-on-tablet{display:none}}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;width:auto;top:5px;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;z-index:100000}.background-image{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center}.highlight{margin:30px auto}.posts{width:100%;max-width:800px;text-align:left;padding:20px;margin:20px auto}@media (max-width: 900px){.posts{max-width:660px}}.posts:not(:last-of-type){border-bottom:1px solid #dcdcdc}@media (prefers-color-scheme: dark){.posts:not(:last-of-type){border-bottom:1px solid #4e4e57}}@media (prefers-color-scheme: light){.posts:not(:last-of-type){border-bottom:1px solid #dcdcdc}}[data-theme=dark] .posts:not(:last-of-type){border-bottom:1px solid #4e4e57}[data-theme=light] .posts:not(:last-of-type){border-bottom:1px solid #dcdcdc}.posts-group{display:flex;margin-bottom:1.9em;line-height:normal}@media (max-width: 900px){.posts-group{display:block}}.posts-list{flex-grow:1;margin:0;padding:0;list-style:none}.posts .post-title{font-size:1rem;margin:5px 0 5px 0}.posts .post-year{padding-top:6px;margin-right:1.8em;font-size:1.6em;opacity:.6}@media (max-width: 900px){.posts .post-year{margin:-6px 0 4px}}.posts .post-item{border-bottom:1px grey dashed}.posts .post-item a{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;text-decoration:none}.posts .post-day{flex-shrink:0;margin-left:1em;opacity:.6}.post{width:100%;max-width:800px;text-align:left;padding:20px;margin:20px auto}@media (max-width: 900px){.post{max-width:600px}}.post-date:after{content:'—'}.post-title{font-size:2.625rem;margin:0 0 20px}@media (max-width: 684px){.post-title{font-size:2rem}}.post-title a{text-decoration:none}.post-tags{display:block;margin-bottom:20px;font-size:1rem;opacity:0.5}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-cover{border-radius:8px;margin:40px -50px;width:860px;max-width:860px}@media (max-width: 900px){.post-cover{margin:20px 0;width:100%}}.post-excerpt{color:grey;font-style:italic}.post-info{margin-top:30px;font-size:0.8rem;line-height:normal;opacity:.6}.post-info p{margin:0.8em 0}.post-info a:hover{border-bottom:1px solid white}.post-info svg{margin-right:0.8em}.post-info .tag{margin-right:0.5em}.post-info .tag::before{content:"#"}.post-info .feather{display:inline-block;vertical-align:-.125em;width:1em;height:1em}.post-audio{display:flex;justify-content:center;align-items:center;padding-top:20px}.post-audio audio{width:90%}.post .flag{border-radius:50%;margin:0 5px}.pagination{margin-top:20px}.pagination__title{display:flex;text-align:center;position:relative;margin:20px 0}.pagination__title-h{text-align:center;margin:0 auto;padding:5px 10px;font-size:0.8rem;text-transform:uppercase;text-decoration:none;letter-spacing:0.1em;z-index:1;background:#fff;color:#999}@media (prefers-color-scheme: dark){.pagination__title-h{background:#232425;color:#b3b3bd}}@media (prefers-color-scheme: light){.pagination__title-h{background:#fff;color:#999}}[data-theme=dark] .pagination__title-h{background:#232425;color:#b3b3bd}[data-theme=light] .pagination__title-h{background:#fff;color:#999}.pagination__title hr{position:absolute;left:0;right:0;width:100%;margin-top:15px;z-index:0}.pagination__buttons{display:flex;align-items:center;justify-content:center}.pagination__buttons a{text-decoration:none;font-weight:bold}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border-radius:8px;max-width:40%;padding:0;cursor:pointer;appearance:none;background:#eaeaea}@media (prefers-color-scheme: dark){.button{background:#3b3d42}}@media (prefers-color-scheme: light){.button{background:#eaeaea}}[data-theme=dark] .button{background:#3b3d42}[data-theme=light] .button{background:#eaeaea}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.footer{padding:40px 20px;flex-grow:0;color:#999}.footer__inner{display:flex;align-items:center;justify-content:center;margin:0 auto;width:760px;max-width:100%}@media (max-width: 900px){.footer__inner{flex-direction:column}}.footer__content{display:flex;flex-direction:row;align-items:center;font-size:1rem;color:#999}@media (max-width: 900px){.footer__content{flex-direction:column;margin-top:10px}}.footer__content>*:not(:last-child)::after{content:"•";padding:0 5px}@media (max-width: 900px){.footer__content>*:not(:last-child)::after{content:"";padding:0}}.footer__content>*:last-child{padding:0 0px}@media (max-width: 900px){.footer__content>*:last-child{padding:0}}.sharing-buttons{display:flex;flex-wrap:wrap;justify-content:space-between}.sharing-buttons .resp-sharing-button__icon,.sharing-buttons .resp-sharing-button__link{display:inline-block}.sharing-buttons .resp-sharing-button__link{text-decoration:none;margin:0.5em}.sharing-buttons .resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:0.5em 0.75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.sharing-buttons .resp-sharing-button__icon svg{width:1em;height:1em;margin-right:0.4em;vertical-align:top}.sharing-buttons .resp-sharing-button--small svg{margin:0;vertical-align:middle}.post-content table{border-collapse:collapse;margin:25px auto;font-size:0.9em;min-width:400px;max-width:100%}.post-content table th,.post-content table td{padding:12px 15px;border:1px solid #dcdcdc}@media (prefers-color-scheme: dark){.post-content table th,.post-content table td{border:1px solid #4e4e57}}@media (prefers-color-scheme: light){.post-content table th,.post-content table td{border:1px solid #dcdcdc}}[data-theme=dark] .post-content table th,[data-theme=dark] .post-content table td{border:1px solid #4e4e57}[data-theme=light] .post-content table th,[data-theme=light] .post-content table td{border:1px solid #dcdcdc}.post-content table thead tr{text-align:left;background-color:#dcdcdc;color:#222}@media (prefers-color-scheme: dark){.post-content table thead tr{background-color:#4e4e57;color:#a9a9b3}}@media (prefers-color-scheme: light){.post-content table thead tr{background-color:#dcdcdc;color:#222}}[data-theme=dark] .post-content table thead tr{background-color:#4e4e57;color:#a9a9b3}[data-theme=light] .post-content table thead tr{background-color:#dcdcdc;color:#222}.post-content table tbody tr{border:1px solid #dcdcdc}@media (prefers-color-scheme: dark){.post-content table tbody tr{border:1px solid #4e4e57}}@media (prefers-color-scheme: light){.post-content table tbody tr{border:1px solid #dcdcdc}}[data-theme=dark] .post-content table tbody tr{border:1px solid #4e4e57}[data-theme=light] .post-content table tbody tr{border:1px solid #dcdcdc}.btn-404 svg{vertical-align:middle;display:inline-block;margin-right:5px}.btn-404 a{margin:0 10px} - -/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json b/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json deleted file mode 100644 index a84ee13..0000000 --- a/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json +++ /dev/null @@ -1 +0,0 @@ -{"Target":"main.031a8efc33f94f55a4071bf4e91596478a5809fc8c148fab113801189cfd2152.css","MediaType":"text/css","Data":{"Integrity":"sha256-AxqO/DP5T1WkBxv06RWWR4pYCfyMFI+rETgBGJz9IVI="}} \ No newline at end of file diff --git a/themes/hello-friend-ng-clone/.gitignore b/themes/hello-friend-ng-clone/.gitignore index 46d9d8d..1edbb80 100644 --- a/themes/hello-friend-ng-clone/.gitignore +++ b/themes/hello-friend-ng-clone/.gitignore @@ -32,4 +32,7 @@ Temporary Items # End of https://www.gitignore.io/api/macos -.vscode \ No newline at end of file +.vscode + +# customize Headers whiteout touch git submodule. +layouts/partials/extra-head.html diff --git a/themes/hello-friend-ng-clone/README.md b/themes/hello-friend-ng-clone/README.md index 62e3115..d2767a3 100644 --- a/themes/hello-friend-ng-clone/README.md +++ b/themes/hello-friend-ng-clone/README.md @@ -31,14 +31,17 @@ This theme was highly inspired by the [hello-friend](https://github.com/panr/hug ## Features - Theming: **dark/light mode**, depending on your system preferences or the users choice -- Great reading experience thanks to [**Inter UI font**](https://rsms.me/inter/), made by [Rasmus Andersson](https://rsms.me/about/) +- Great reading experience thanks to [**Inter font**](https://rsms.me/inter/), made by [Rasmus Andersson](https://rsms.me/about/) - Nice code highlighting thanks to [**PrismJS**](https://prismjs.com) - An easy way to modify the theme with Hugo tooling - Fully responsive -- Audio support for posts (thanks to [@talbotp](https://github.com/talbotp)) +- Support for audio in posts (thanks to [@talbotp](https://github.com/talbotp)) +- Builtin (enableable/disableable) multilanguage menu - Support for social icons - Support for sharing buttons - Support for [Commento](https://commento.io) +- Support for [Plausible](https://plausible.io) (thanks to [@Joffcom](https://github.com/Joffcom)) +- Support for [utterances](https://utteranc.es/) comment system ## How to start @@ -47,13 +50,13 @@ You can download the theme manually by going to [https://github.com/rhazdon/hugo You can also clone it directly to your Hugo folder: ``` bash -$ git clone https://github.com/rhazdon/hugo-theme-hello-friend-ng.git themes/hello-friend-ng +git clone https://github.com/rhazdon/hugo-theme-hello-friend-ng.git themes/hello-friend-ng ``` If you don't want to make any radical changes, it's the best option, because you can get new updates when they are available. To do so, include it as a git submodule: ``` bash -$ git submodule add https://github.com/rhazdon/hugo-theme-hello-friend-ng.git themes/hello-friend-ng +git submodule add https://github.com/rhazdon/hugo-theme-hello-friend-ng.git themes/hello-friend-ng ``` ## How to configure @@ -83,6 +86,9 @@ paginate = 10 # Enable sharing buttons, if you like enableSharingButtons = true + + # Show a global language switcher in the navigation bar + enableGlobalLanguageMenu = true # Metadata mostly used in document's head description = "My new homepage or blog" @@ -97,11 +103,13 @@ paginate = 10 [languages] [languages.en] title = "Hello Friend NG" - subtitle = "A simple theme for Hugo" keywords = "" copyright = 'CC BY-NC 4.0' readOtherPosts = "Read other posts" + [languages.en.params] + subtitle = "A simple theme for Hugo" + [languages.en.params.logo] logoText = "hello friend ng" logoHomeLink = "/" diff --git a/themes/hello-friend-ng-clone/assets/js/main.js b/themes/hello-friend-ng-clone/assets/js/main.js index dc302a1..811c5ba 100644 --- a/themes/hello-friend-ng-clone/assets/js/main.js +++ b/themes/hello-friend-ng-clone/assets/js/main.js @@ -27,8 +27,14 @@ function detectOSColorTheme() { function switchTheme(e) { if (chosenThemeIsDark) { localStorage.setItem("theme", "light"); - } else { + } else if (chosenThemeIsLight) { localStorage.setItem("theme", "dark"); + } else { + if (document.documentElement.getAttribute("data-theme") == "dark") { + localStorage.setItem("theme", "light"); + } else { + localStorage.setItem("theme", "dark"); + } } detectOSColorTheme(); diff --git a/themes/hello-friend-ng-clone/assets/js/menu.js b/themes/hello-friend-ng-clone/assets/js/menu.js index 11c722c..13c5074 100644 --- a/themes/hello-friend-ng-clone/assets/js/menu.js +++ b/themes/hello-friend-ng-clone/assets/js/menu.js @@ -20,3 +20,13 @@ menuTrigger && ); window.addEventListener("resize", isMobileMenu); + +const language = document.getElementsByTagName('html')[0].lang; +const logo = document.querySelector(".logo__pathname"); +if(logo){ + window.onload = () => { + let path = window.location.pathname.substring(1); + path = path.replace(language+'/','') + logo.textContent += path.substring(0,path.indexOf('/')); + }; +} \ No newline at end of file diff --git a/themes/hello-friend-ng-clone/assets/scss/_flag-icons.scss b/themes/hello-friend-ng-clone/assets/scss/_flag-icons.scss new file mode 100644 index 0000000..20ae3c1 --- /dev/null +++ b/themes/hello-friend-ng-clone/assets/scss/_flag-icons.scss @@ -0,0 +1,2159 @@ +.fib { + background-size: contain; + background-position: 50%; + background-repeat: no-repeat +} + +.fi { + background-size: contain; + background-position: 50%; + background-repeat: no-repeat; + position: relative; + display: inline-block; + width: 1.33333333em; + line-height: 1em +} + +.fi:before { + content: '\00a0' +} + +.fi.fis { + width: 1em +} + +.fi-xx { + background-image: url(../flags/4x3/xx.svg) +} + +.fi-xx.fis { + background-image: url(../flags/1x1/xx.svg) +} + +.fi-ad { + background-image: url(../flags/4x3/ad.svg) +} + +.fi-ad.fis { + background-image: url(../flags/1x1/ad.svg) +} + +.fi-ae { + background-image: url(../flags/4x3/ae.svg) +} + +.fi-ae.fis { + background-image: url(../flags/1x1/ae.svg) +} + +.fi-af { + background-image: url(../flags/4x3/af.svg) +} + +.fi-af.fis { + background-image: url(../flags/1x1/af.svg) +} + +.fi-ag { + background-image: url(../flags/4x3/ag.svg) +} + +.fi-ag.fis { + background-image: url(../flags/1x1/ag.svg) +} + +.fi-ai { + background-image: url(../flags/4x3/ai.svg) +} + +.fi-ai.fis { + background-image: url(../flags/1x1/ai.svg) +} + +.fi-al { + background-image: url(../flags/4x3/al.svg) +} + +.fi-al.fis { + background-image: url(../flags/1x1/al.svg) +} + +.fi-am { + background-image: url(../flags/4x3/am.svg) +} + +.fi-am.fis { + background-image: url(../flags/1x1/am.svg) +} + +.fi-ao { + background-image: url(../flags/4x3/ao.svg) +} + +.fi-ao.fis { + background-image: url(../flags/1x1/ao.svg) +} + +.fi-aq { + background-image: url(../flags/4x3/aq.svg) +} + +.fi-aq.fis { + background-image: url(../flags/1x1/aq.svg) +} + +.fi-ar { + background-image: url(../flags/4x3/ar.svg) +} + +.fi-ar.fis { + background-image: url(../flags/1x1/ar.svg) +} + +.fi-as { + background-image: url(../flags/4x3/as.svg) +} + +.fi-as.fis { + background-image: url(../flags/1x1/as.svg) +} + +.fi-at { + background-image: url(../flags/4x3/at.svg) +} + +.fi-at.fis { + background-image: url(../flags/1x1/at.svg) +} + +.fi-au { + background-image: url(../flags/4x3/au.svg) +} + +.fi-au.fis { + background-image: url(../flags/1x1/au.svg) +} + +.fi-aw { + background-image: url(../flags/4x3/aw.svg) +} + +.fi-aw.fis { + background-image: url(../flags/1x1/aw.svg) +} + +.fi-ax { + background-image: url(../flags/4x3/ax.svg) +} + +.fi-ax.fis { + background-image: url(../flags/1x1/ax.svg) +} + +.fi-az { + background-image: url(../flags/4x3/az.svg) +} + +.fi-az.fis { + background-image: url(../flags/1x1/az.svg) +} + +.fi-ba { + background-image: url(../flags/4x3/ba.svg) +} + +.fi-ba.fis { + background-image: url(../flags/1x1/ba.svg) +} + +.fi-bb { + background-image: url(../flags/4x3/bb.svg) +} + +.fi-bb.fis { + background-image: url(../flags/1x1/bb.svg) +} + +.fi-bd { + background-image: url(../flags/4x3/bd.svg) +} + +.fi-bd.fis { + background-image: url(../flags/1x1/bd.svg) +} + +.fi-be { + background-image: url(../flags/4x3/be.svg) +} + +.fi-be.fis { + background-image: url(../flags/1x1/be.svg) +} + +.fi-bf { + background-image: url(../flags/4x3/bf.svg) +} + +.fi-bf.fis { + background-image: url(../flags/1x1/bf.svg) +} + +.fi-bg { + background-image: url(../flags/4x3/bg.svg) +} + +.fi-bg.fis { + background-image: url(../flags/1x1/bg.svg) +} + +.fi-bh { + background-image: url(../flags/4x3/bh.svg) +} + +.fi-bh.fis { + background-image: url(../flags/1x1/bh.svg) +} + +.fi-bi { + background-image: url(../flags/4x3/bi.svg) +} + +.fi-bi.fis { + background-image: url(../flags/1x1/bi.svg) +} + +.fi-bj { + background-image: url(../flags/4x3/bj.svg) +} + +.fi-bj.fis { + background-image: url(../flags/1x1/bj.svg) +} + +.fi-bl { + background-image: url(../flags/4x3/bl.svg) +} + +.fi-bl.fis { + background-image: url(../flags/1x1/bl.svg) +} + +.fi-bm { + background-image: url(../flags/4x3/bm.svg) +} + +.fi-bm.fis { + background-image: url(../flags/1x1/bm.svg) +} + +.fi-bn { + background-image: url(../flags/4x3/bn.svg) +} + +.fi-bn.fis { + background-image: url(../flags/1x1/bn.svg) +} + +.fi-bo { + background-image: url(../flags/4x3/bo.svg) +} + +.fi-bo.fis { + background-image: url(../flags/1x1/bo.svg) +} + +.fi-bq { + background-image: url(../flags/4x3/bq.svg) +} + +.fi-bq.fis { + background-image: url(../flags/1x1/bq.svg) +} + +.fi-br { + background-image: url(../flags/4x3/br.svg) +} + +.fi-br.fis { + background-image: url(../flags/1x1/br.svg) +} + +.fi-bs { + background-image: url(../flags/4x3/bs.svg) +} + +.fi-bs.fis { + background-image: url(../flags/1x1/bs.svg) +} + +.fi-bt { + background-image: url(../flags/4x3/bt.svg) +} + +.fi-bt.fis { + background-image: url(../flags/1x1/bt.svg) +} + +.fi-bv { + background-image: url(../flags/4x3/bv.svg) +} + +.fi-bv.fis { + background-image: url(../flags/1x1/bv.svg) +} + +.fi-bw { + background-image: url(../flags/4x3/bw.svg) +} + +.fi-bw.fis { + background-image: url(../flags/1x1/bw.svg) +} + +.fi-by { + background-image: url(../flags/4x3/by.svg) +} + +.fi-by.fis { + background-image: url(../flags/1x1/by.svg) +} + +.fi-bz { + background-image: url(../flags/4x3/bz.svg) +} + +.fi-bz.fis { + background-image: url(../flags/1x1/bz.svg) +} + +.fi-ca { + background-image: url(../flags/4x3/ca.svg) +} + +.fi-ca.fis { + background-image: url(../flags/1x1/ca.svg) +} + +.fi-cc { + background-image: url(../flags/4x3/cc.svg) +} + +.fi-cc.fis { + background-image: url(../flags/1x1/cc.svg) +} + +.fi-cd { + background-image: url(../flags/4x3/cd.svg) +} + +.fi-cd.fis { + background-image: url(../flags/1x1/cd.svg) +} + +.fi-cf { + background-image: url(../flags/4x3/cf.svg) +} + +.fi-cf.fis { + background-image: url(../flags/1x1/cf.svg) +} + +.fi-cg { + background-image: url(../flags/4x3/cg.svg) +} + +.fi-cg.fis { + background-image: url(../flags/1x1/cg.svg) +} + +.fi-ch { + background-image: url(../flags/4x3/ch.svg) +} + +.fi-ch.fis { + background-image: url(../flags/1x1/ch.svg) +} + +.fi-ci { + background-image: url(../flags/4x3/ci.svg) +} + +.fi-ci.fis { + background-image: url(../flags/1x1/ci.svg) +} + +.fi-ck { + background-image: url(../flags/4x3/ck.svg) +} + +.fi-ck.fis { + background-image: url(../flags/1x1/ck.svg) +} + +.fi-cl { + background-image: url(../flags/4x3/cl.svg) +} + +.fi-cl.fis { + background-image: url(../flags/1x1/cl.svg) +} + +.fi-cm { + background-image: url(../flags/4x3/cm.svg) +} + +.fi-cm.fis { + background-image: url(../flags/1x1/cm.svg) +} + +.fi-cn { + background-image: url(../flags/4x3/cn.svg) +} + +.fi-cn.fis { + background-image: url(../flags/1x1/cn.svg) +} + +.fi-co { + background-image: url(../flags/4x3/co.svg) +} + +.fi-co.fis { + background-image: url(../flags/1x1/co.svg) +} + +.fi-cr { + background-image: url(../flags/4x3/cr.svg) +} + +.fi-cr.fis { + background-image: url(../flags/1x1/cr.svg) +} + +.fi-cu { + background-image: url(../flags/4x3/cu.svg) +} + +.fi-cu.fis { + background-image: url(../flags/1x1/cu.svg) +} + +.fi-cv { + background-image: url(../flags/4x3/cv.svg) +} + +.fi-cv.fis { + background-image: url(../flags/1x1/cv.svg) +} + +.fi-cw { + background-image: url(../flags/4x3/cw.svg) +} + +.fi-cw.fis { + background-image: url(../flags/1x1/cw.svg) +} + +.fi-cx { + background-image: url(../flags/4x3/cx.svg) +} + +.fi-cx.fis { + background-image: url(../flags/1x1/cx.svg) +} + +.fi-cy { + background-image: url(../flags/4x3/cy.svg) +} + +.fi-cy.fis { + background-image: url(../flags/1x1/cy.svg) +} + +.fi-cz { + background-image: url(../flags/4x3/cz.svg) +} + +.fi-cz.fis { + background-image: url(../flags/1x1/cz.svg) +} + +.fi-de { + background-image: url(../flags/4x3/de.svg) +} + +.fi-de.fis { + background-image: url(../flags/1x1/de.svg) +} + +.fi-dj { + background-image: url(../flags/4x3/dj.svg) +} + +.fi-dj.fis { + background-image: url(../flags/1x1/dj.svg) +} + +.fi-dk { + background-image: url(../flags/4x3/dk.svg) +} + +.fi-dk.fis { + background-image: url(../flags/1x1/dk.svg) +} + +.fi-dm { + background-image: url(../flags/4x3/dm.svg) +} + +.fi-dm.fis { + background-image: url(../flags/1x1/dm.svg) +} + +.fi-do { + background-image: url(../flags/4x3/do.svg) +} + +.fi-do.fis { + background-image: url(../flags/1x1/do.svg) +} + +.fi-dz { + background-image: url(../flags/4x3/dz.svg) +} + +.fi-dz.fis { + background-image: url(../flags/1x1/dz.svg) +} + +.fi-ec { + background-image: url(../flags/4x3/ec.svg) +} + +.fi-ec.fis { + background-image: url(../flags/1x1/ec.svg) +} + +.fi-ee { + background-image: url(../flags/4x3/ee.svg) +} + +.fi-ee.fis { + background-image: url(../flags/1x1/ee.svg) +} + +.fi-eg { + background-image: url(../flags/4x3/eg.svg) +} + +.fi-eg.fis { + background-image: url(../flags/1x1/eg.svg) +} + +.fi-eh { + background-image: url(../flags/4x3/eh.svg) +} + +.fi-eh.fis { + background-image: url(../flags/1x1/eh.svg) +} + +.fi-er { + background-image: url(../flags/4x3/er.svg) +} + +.fi-er.fis { + background-image: url(../flags/1x1/er.svg) +} + +.fi-es { + background-image: url(../flags/4x3/es.svg) +} + +.fi-es.fis { + background-image: url(../flags/1x1/es.svg) +} + +.fi-et { + background-image: url(../flags/4x3/et.svg) +} + +.fi-et.fis { + background-image: url(../flags/1x1/et.svg) +} + +.fi-fi { + background-image: url(../flags/4x3/fi.svg) +} + +.fi-fi.fis { + background-image: url(../flags/1x1/fi.svg) +} + +.fi-fj { + background-image: url(../flags/4x3/fj.svg) +} + +.fi-fj.fis { + background-image: url(../flags/1x1/fj.svg) +} + +.fi-fk { + background-image: url(../flags/4x3/fk.svg) +} + +.fi-fk.fis { + background-image: url(../flags/1x1/fk.svg) +} + +.fi-fm { + background-image: url(../flags/4x3/fm.svg) +} + +.fi-fm.fis { + background-image: url(../flags/1x1/fm.svg) +} + +.fi-fo { + background-image: url(../flags/4x3/fo.svg) +} + +.fi-fo.fis { + background-image: url(../flags/1x1/fo.svg) +} + +.fi-fr { + background-image: url(../flags/4x3/fr.svg) +} + +.fi-fr.fis { + background-image: url(../flags/1x1/fr.svg) +} + +.fi-ga { + background-image: url(../flags/4x3/ga.svg) +} + +.fi-ga.fis { + background-image: url(../flags/1x1/ga.svg) +} + +.fi-gb { + background-image: url(../flags/4x3/gb.svg) +} + +.fi-gb.fis { + background-image: url(../flags/1x1/gb.svg) +} + +.fi-gd { + background-image: url(../flags/4x3/gd.svg) +} + +.fi-gd.fis { + background-image: url(../flags/1x1/gd.svg) +} + +.fi-ge { + background-image: url(../flags/4x3/ge.svg) +} + +.fi-ge.fis { + background-image: url(../flags/1x1/ge.svg) +} + +.fi-gf { + background-image: url(../flags/4x3/gf.svg) +} + +.fi-gf.fis { + background-image: url(../flags/1x1/gf.svg) +} + +.fi-gg { + background-image: url(../flags/4x3/gg.svg) +} + +.fi-gg.fis { + background-image: url(../flags/1x1/gg.svg) +} + +.fi-gh { + background-image: url(../flags/4x3/gh.svg) +} + +.fi-gh.fis { + background-image: url(../flags/1x1/gh.svg) +} + +.fi-gi { + background-image: url(../flags/4x3/gi.svg) +} + +.fi-gi.fis { + background-image: url(../flags/1x1/gi.svg) +} + +.fi-gl { + background-image: url(../flags/4x3/gl.svg) +} + +.fi-gl.fis { + background-image: url(../flags/1x1/gl.svg) +} + +.fi-gm { + background-image: url(../flags/4x3/gm.svg) +} + +.fi-gm.fis { + background-image: url(../flags/1x1/gm.svg) +} + +.fi-gn { + background-image: url(../flags/4x3/gn.svg) +} + +.fi-gn.fis { + background-image: url(../flags/1x1/gn.svg) +} + +.fi-gp { + background-image: url(../flags/4x3/gp.svg) +} + +.fi-gp.fis { + background-image: url(../flags/1x1/gp.svg) +} + +.fi-gq { + background-image: url(../flags/4x3/gq.svg) +} + +.fi-gq.fis { + background-image: url(../flags/1x1/gq.svg) +} + +.fi-gr { + background-image: url(../flags/4x3/gr.svg) +} + +.fi-gr.fis { + background-image: url(../flags/1x1/gr.svg) +} + +.fi-gs { + background-image: url(../flags/4x3/gs.svg) +} + +.fi-gs.fis { + background-image: url(../flags/1x1/gs.svg) +} + +.fi-gt { + background-image: url(../flags/4x3/gt.svg) +} + +.fi-gt.fis { + background-image: url(../flags/1x1/gt.svg) +} + +.fi-gu { + background-image: url(../flags/4x3/gu.svg) +} + +.fi-gu.fis { + background-image: url(../flags/1x1/gu.svg) +} + +.fi-gw { + background-image: url(../flags/4x3/gw.svg) +} + +.fi-gw.fis { + background-image: url(../flags/1x1/gw.svg) +} + +.fi-gy { + background-image: url(../flags/4x3/gy.svg) +} + +.fi-gy.fis { + background-image: url(../flags/1x1/gy.svg) +} + +.fi-hk { + background-image: url(../flags/4x3/hk.svg) +} + +.fi-hk.fis { + background-image: url(../flags/1x1/hk.svg) +} + +.fi-hm { + background-image: url(../flags/4x3/hm.svg) +} + +.fi-hm.fis { + background-image: url(../flags/1x1/hm.svg) +} + +.fi-hn { + background-image: url(../flags/4x3/hn.svg) +} + +.fi-hn.fis { + background-image: url(../flags/1x1/hn.svg) +} + +.fi-hr { + background-image: url(../flags/4x3/hr.svg) +} + +.fi-hr.fis { + background-image: url(../flags/1x1/hr.svg) +} + +.fi-ht { + background-image: url(../flags/4x3/ht.svg) +} + +.fi-ht.fis { + background-image: url(../flags/1x1/ht.svg) +} + +.fi-hu { + background-image: url(../flags/4x3/hu.svg) +} + +.fi-hu.fis { + background-image: url(../flags/1x1/hu.svg) +} + +.fi-id { + background-image: url(../flags/4x3/id.svg) +} + +.fi-id.fis { + background-image: url(../flags/1x1/id.svg) +} + +.fi-ie { + background-image: url(../flags/4x3/ie.svg) +} + +.fi-ie.fis { + background-image: url(../flags/1x1/ie.svg) +} + +.fi-il { + background-image: url(../flags/4x3/il.svg) +} + +.fi-il.fis { + background-image: url(../flags/1x1/il.svg) +} + +.fi-im { + background-image: url(../flags/4x3/im.svg) +} + +.fi-im.fis { + background-image: url(../flags/1x1/im.svg) +} + +.fi-in { + background-image: url(../flags/4x3/in.svg) +} + +.fi-in.fis { + background-image: url(../flags/1x1/in.svg) +} + +.fi-io { + background-image: url(../flags/4x3/io.svg) +} + +.fi-io.fis { + background-image: url(../flags/1x1/io.svg) +} + +.fi-iq { + background-image: url(../flags/4x3/iq.svg) +} + +.fi-iq.fis { + background-image: url(../flags/1x1/iq.svg) +} + +.fi-ir { + background-image: url(../flags/4x3/ir.svg) +} + +.fi-ir.fis { + background-image: url(../flags/1x1/ir.svg) +} + +.fi-is { + background-image: url(../flags/4x3/is.svg) +} + +.fi-is.fis { + background-image: url(../flags/1x1/is.svg) +} + +.fi-it { + background-image: url(../flags/4x3/it.svg) +} + +.fi-it.fis { + background-image: url(../flags/1x1/it.svg) +} + +.fi-je { + background-image: url(../flags/4x3/je.svg) +} + +.fi-je.fis { + background-image: url(../flags/1x1/je.svg) +} + +.fi-jm { + background-image: url(../flags/4x3/jm.svg) +} + +.fi-jm.fis { + background-image: url(../flags/1x1/jm.svg) +} + +.fi-jo { + background-image: url(../flags/4x3/jo.svg) +} + +.fi-jo.fis { + background-image: url(../flags/1x1/jo.svg) +} + +.fi-jp { + background-image: url(../flags/4x3/jp.svg) +} + +.fi-jp.fis { + background-image: url(../flags/1x1/jp.svg) +} + +.fi-ke { + background-image: url(../flags/4x3/ke.svg) +} + +.fi-ke.fis { + background-image: url(../flags/1x1/ke.svg) +} + +.fi-kg { + background-image: url(../flags/4x3/kg.svg) +} + +.fi-kg.fis { + background-image: url(../flags/1x1/kg.svg) +} + +.fi-kh { + background-image: url(../flags/4x3/kh.svg) +} + +.fi-kh.fis { + background-image: url(../flags/1x1/kh.svg) +} + +.fi-ki { + background-image: url(../flags/4x3/ki.svg) +} + +.fi-ki.fis { + background-image: url(../flags/1x1/ki.svg) +} + +.fi-km { + background-image: url(../flags/4x3/km.svg) +} + +.fi-km.fis { + background-image: url(../flags/1x1/km.svg) +} + +.fi-kn { + background-image: url(../flags/4x3/kn.svg) +} + +.fi-kn.fis { + background-image: url(../flags/1x1/kn.svg) +} + +.fi-kp { + background-image: url(../flags/4x3/kp.svg) +} + +.fi-kp.fis { + background-image: url(../flags/1x1/kp.svg) +} + +.fi-kr { + background-image: url(../flags/4x3/kr.svg) +} + +.fi-kr.fis { + background-image: url(../flags/1x1/kr.svg) +} + +.fi-kw { + background-image: url(../flags/4x3/kw.svg) +} + +.fi-kw.fis { + background-image: url(../flags/1x1/kw.svg) +} + +.fi-ky { + background-image: url(../flags/4x3/ky.svg) +} + +.fi-ky.fis { + background-image: url(../flags/1x1/ky.svg) +} + +.fi-kz { + background-image: url(../flags/4x3/kz.svg) +} + +.fi-kz.fis { + background-image: url(../flags/1x1/kz.svg) +} + +.fi-la { + background-image: url(../flags/4x3/la.svg) +} + +.fi-la.fis { + background-image: url(../flags/1x1/la.svg) +} + +.fi-lb { + background-image: url(../flags/4x3/lb.svg) +} + +.fi-lb.fis { + background-image: url(../flags/1x1/lb.svg) +} + +.fi-lc { + background-image: url(../flags/4x3/lc.svg) +} + +.fi-lc.fis { + background-image: url(../flags/1x1/lc.svg) +} + +.fi-li { + background-image: url(../flags/4x3/li.svg) +} + +.fi-li.fis { + background-image: url(../flags/1x1/li.svg) +} + +.fi-lk { + background-image: url(../flags/4x3/lk.svg) +} + +.fi-lk.fis { + background-image: url(../flags/1x1/lk.svg) +} + +.fi-lr { + background-image: url(../flags/4x3/lr.svg) +} + +.fi-lr.fis { + background-image: url(../flags/1x1/lr.svg) +} + +.fi-ls { + background-image: url(../flags/4x3/ls.svg) +} + +.fi-ls.fis { + background-image: url(../flags/1x1/ls.svg) +} + +.fi-lt { + background-image: url(../flags/4x3/lt.svg) +} + +.fi-lt.fis { + background-image: url(../flags/1x1/lt.svg) +} + +.fi-lu { + background-image: url(../flags/4x3/lu.svg) +} + +.fi-lu.fis { + background-image: url(../flags/1x1/lu.svg) +} + +.fi-lv { + background-image: url(../flags/4x3/lv.svg) +} + +.fi-lv.fis { + background-image: url(../flags/1x1/lv.svg) +} + +.fi-ly { + background-image: url(../flags/4x3/ly.svg) +} + +.fi-ly.fis { + background-image: url(../flags/1x1/ly.svg) +} + +.fi-ma { + background-image: url(../flags/4x3/ma.svg) +} + +.fi-ma.fis { + background-image: url(../flags/1x1/ma.svg) +} + +.fi-mc { + background-image: url(../flags/4x3/mc.svg) +} + +.fi-mc.fis { + background-image: url(../flags/1x1/mc.svg) +} + +.fi-md { + background-image: url(../flags/4x3/md.svg) +} + +.fi-md.fis { + background-image: url(../flags/1x1/md.svg) +} + +.fi-me { + background-image: url(../flags/4x3/me.svg) +} + +.fi-me.fis { + background-image: url(../flags/1x1/me.svg) +} + +.fi-mf { + background-image: url(../flags/4x3/mf.svg) +} + +.fi-mf.fis { + background-image: url(../flags/1x1/mf.svg) +} + +.fi-mg { + background-image: url(../flags/4x3/mg.svg) +} + +.fi-mg.fis { + background-image: url(../flags/1x1/mg.svg) +} + +.fi-mh { + background-image: url(../flags/4x3/mh.svg) +} + +.fi-mh.fis { + background-image: url(../flags/1x1/mh.svg) +} + +.fi-mk { + background-image: url(../flags/4x3/mk.svg) +} + +.fi-mk.fis { + background-image: url(../flags/1x1/mk.svg) +} + +.fi-ml { + background-image: url(../flags/4x3/ml.svg) +} + +.fi-ml.fis { + background-image: url(../flags/1x1/ml.svg) +} + +.fi-mm { + background-image: url(../flags/4x3/mm.svg) +} + +.fi-mm.fis { + background-image: url(../flags/1x1/mm.svg) +} + +.fi-mn { + background-image: url(../flags/4x3/mn.svg) +} + +.fi-mn.fis { + background-image: url(../flags/1x1/mn.svg) +} + +.fi-mo { + background-image: url(../flags/4x3/mo.svg) +} + +.fi-mo.fis { + background-image: url(../flags/1x1/mo.svg) +} + +.fi-mp { + background-image: url(../flags/4x3/mp.svg) +} + +.fi-mp.fis { + background-image: url(../flags/1x1/mp.svg) +} + +.fi-mq { + background-image: url(../flags/4x3/mq.svg) +} + +.fi-mq.fis { + background-image: url(../flags/1x1/mq.svg) +} + +.fi-mr { + background-image: url(../flags/4x3/mr.svg) +} + +.fi-mr.fis { + background-image: url(../flags/1x1/mr.svg) +} + +.fi-ms { + background-image: url(../flags/4x3/ms.svg) +} + +.fi-ms.fis { + background-image: url(../flags/1x1/ms.svg) +} + +.fi-mt { + background-image: url(../flags/4x3/mt.svg) +} + +.fi-mt.fis { + background-image: url(../flags/1x1/mt.svg) +} + +.fi-mu { + background-image: url(../flags/4x3/mu.svg) +} + +.fi-mu.fis { + background-image: url(../flags/1x1/mu.svg) +} + +.fi-mv { + background-image: url(../flags/4x3/mv.svg) +} + +.fi-mv.fis { + background-image: url(../flags/1x1/mv.svg) +} + +.fi-mw { + background-image: url(../flags/4x3/mw.svg) +} + +.fi-mw.fis { + background-image: url(../flags/1x1/mw.svg) +} + +.fi-mx { + background-image: url(../flags/4x3/mx.svg) +} + +.fi-mx.fis { + background-image: url(../flags/1x1/mx.svg) +} + +.fi-my { + background-image: url(../flags/4x3/my.svg) +} + +.fi-my.fis { + background-image: url(../flags/1x1/my.svg) +} + +.fi-mz { + background-image: url(../flags/4x3/mz.svg) +} + +.fi-mz.fis { + background-image: url(../flags/1x1/mz.svg) +} + +.fi-na { + background-image: url(../flags/4x3/na.svg) +} + +.fi-na.fis { + background-image: url(../flags/1x1/na.svg) +} + +.fi-nc { + background-image: url(../flags/4x3/nc.svg) +} + +.fi-nc.fis { + background-image: url(../flags/1x1/nc.svg) +} + +.fi-ne { + background-image: url(../flags/4x3/ne.svg) +} + +.fi-ne.fis { + background-image: url(../flags/1x1/ne.svg) +} + +.fi-nf { + background-image: url(../flags/4x3/nf.svg) +} + +.fi-nf.fis { + background-image: url(../flags/1x1/nf.svg) +} + +.fi-ng { + background-image: url(../flags/4x3/ng.svg) +} + +.fi-ng.fis { + background-image: url(../flags/1x1/ng.svg) +} + +.fi-ni { + background-image: url(../flags/4x3/ni.svg) +} + +.fi-ni.fis { + background-image: url(../flags/1x1/ni.svg) +} + +.fi-nl { + background-image: url(../flags/4x3/nl.svg) +} + +.fi-nl.fis { + background-image: url(../flags/1x1/nl.svg) +} + +.fi-no { + background-image: url(../flags/4x3/no.svg) +} + +.fi-no.fis { + background-image: url(../flags/1x1/no.svg) +} + +.fi-np { + background-image: url(../flags/4x3/np.svg) +} + +.fi-np.fis { + background-image: url(../flags/1x1/np.svg) +} + +.fi-nr { + background-image: url(../flags/4x3/nr.svg) +} + +.fi-nr.fis { + background-image: url(../flags/1x1/nr.svg) +} + +.fi-nu { + background-image: url(../flags/4x3/nu.svg) +} + +.fi-nu.fis { + background-image: url(../flags/1x1/nu.svg) +} + +.fi-nz { + background-image: url(../flags/4x3/nz.svg) +} + +.fi-nz.fis { + background-image: url(../flags/1x1/nz.svg) +} + +.fi-om { + background-image: url(../flags/4x3/om.svg) +} + +.fi-om.fis { + background-image: url(../flags/1x1/om.svg) +} + +.fi-pa { + background-image: url(../flags/4x3/pa.svg) +} + +.fi-pa.fis { + background-image: url(../flags/1x1/pa.svg) +} + +.fi-pe { + background-image: url(../flags/4x3/pe.svg) +} + +.fi-pe.fis { + background-image: url(../flags/1x1/pe.svg) +} + +.fi-pf { + background-image: url(../flags/4x3/pf.svg) +} + +.fi-pf.fis { + background-image: url(../flags/1x1/pf.svg) +} + +.fi-pg { + background-image: url(../flags/4x3/pg.svg) +} + +.fi-pg.fis { + background-image: url(../flags/1x1/pg.svg) +} + +.fi-ph { + background-image: url(../flags/4x3/ph.svg) +} + +.fi-ph.fis { + background-image: url(../flags/1x1/ph.svg) +} + +.fi-pk { + background-image: url(../flags/4x3/pk.svg) +} + +.fi-pk.fis { + background-image: url(../flags/1x1/pk.svg) +} + +.fi-pl { + background-image: url(../flags/4x3/pl.svg) +} + +.fi-pl.fis { + background-image: url(../flags/1x1/pl.svg) +} + +.fi-pm { + background-image: url(../flags/4x3/pm.svg) +} + +.fi-pm.fis { + background-image: url(../flags/1x1/pm.svg) +} + +.fi-pn { + background-image: url(../flags/4x3/pn.svg) +} + +.fi-pn.fis { + background-image: url(../flags/1x1/pn.svg) +} + +.fi-pr { + background-image: url(../flags/4x3/pr.svg) +} + +.fi-pr.fis { + background-image: url(../flags/1x1/pr.svg) +} + +.fi-ps { + background-image: url(../flags/4x3/ps.svg) +} + +.fi-ps.fis { + background-image: url(../flags/1x1/ps.svg) +} + +.fi-pt { + background-image: url(../flags/4x3/pt.svg) +} + +.fi-pt.fis { + background-image: url(../flags/1x1/pt.svg) +} + +.fi-pw { + background-image: url(../flags/4x3/pw.svg) +} + +.fi-pw.fis { + background-image: url(../flags/1x1/pw.svg) +} + +.fi-py { + background-image: url(../flags/4x3/py.svg) +} + +.fi-py.fis { + background-image: url(../flags/1x1/py.svg) +} + +.fi-qa { + background-image: url(../flags/4x3/qa.svg) +} + +.fi-qa.fis { + background-image: url(../flags/1x1/qa.svg) +} + +.fi-re { + background-image: url(../flags/4x3/re.svg) +} + +.fi-re.fis { + background-image: url(../flags/1x1/re.svg) +} + +.fi-ro { + background-image: url(../flags/4x3/ro.svg) +} + +.fi-ro.fis { + background-image: url(../flags/1x1/ro.svg) +} + +.fi-rs { + background-image: url(../flags/4x3/rs.svg) +} + +.fi-rs.fis { + background-image: url(../flags/1x1/rs.svg) +} + +.fi-ru { + background-image: url(../flags/4x3/ru.svg) +} + +.fi-ru.fis { + background-image: url(../flags/1x1/ru.svg) +} + +.fi-rw { + background-image: url(../flags/4x3/rw.svg) +} + +.fi-rw.fis { + background-image: url(../flags/1x1/rw.svg) +} + +.fi-sa { + background-image: url(../flags/4x3/sa.svg) +} + +.fi-sa.fis { + background-image: url(../flags/1x1/sa.svg) +} + +.fi-sb { + background-image: url(../flags/4x3/sb.svg) +} + +.fi-sb.fis { + background-image: url(../flags/1x1/sb.svg) +} + +.fi-sc { + background-image: url(../flags/4x3/sc.svg) +} + +.fi-sc.fis { + background-image: url(../flags/1x1/sc.svg) +} + +.fi-sd { + background-image: url(../flags/4x3/sd.svg) +} + +.fi-sd.fis { + background-image: url(../flags/1x1/sd.svg) +} + +.fi-se { + background-image: url(../flags/4x3/se.svg) +} + +.fi-se.fis { + background-image: url(../flags/1x1/se.svg) +} + +.fi-sg { + background-image: url(../flags/4x3/sg.svg) +} + +.fi-sg.fis { + background-image: url(../flags/1x1/sg.svg) +} + +.fi-sh { + background-image: url(../flags/4x3/sh.svg) +} + +.fi-sh.fis { + background-image: url(../flags/1x1/sh.svg) +} + +.fi-si { + background-image: url(../flags/4x3/si.svg) +} + +.fi-si.fis { + background-image: url(../flags/1x1/si.svg) +} + +.fi-sj { + background-image: url(../flags/4x3/sj.svg) +} + +.fi-sj.fis { + background-image: url(../flags/1x1/sj.svg) +} + +.fi-sk { + background-image: url(../flags/4x3/sk.svg) +} + +.fi-sk.fis { + background-image: url(../flags/1x1/sk.svg) +} + +.fi-sl { + background-image: url(../flags/4x3/sl.svg) +} + +.fi-sl.fis { + background-image: url(../flags/1x1/sl.svg) +} + +.fi-sm { + background-image: url(../flags/4x3/sm.svg) +} + +.fi-sm.fis { + background-image: url(../flags/1x1/sm.svg) +} + +.fi-sn { + background-image: url(../flags/4x3/sn.svg) +} + +.fi-sn.fis { + background-image: url(../flags/1x1/sn.svg) +} + +.fi-so { + background-image: url(../flags/4x3/so.svg) +} + +.fi-so.fis { + background-image: url(../flags/1x1/so.svg) +} + +.fi-sr { + background-image: url(../flags/4x3/sr.svg) +} + +.fi-sr.fis { + background-image: url(../flags/1x1/sr.svg) +} + +.fi-ss { + background-image: url(../flags/4x3/ss.svg) +} + +.fi-ss.fis { + background-image: url(../flags/1x1/ss.svg) +} + +.fi-st { + background-image: url(../flags/4x3/st.svg) +} + +.fi-st.fis { + background-image: url(../flags/1x1/st.svg) +} + +.fi-sv { + background-image: url(../flags/4x3/sv.svg) +} + +.fi-sv.fis { + background-image: url(../flags/1x1/sv.svg) +} + +.fi-sx { + background-image: url(../flags/4x3/sx.svg) +} + +.fi-sx.fis { + background-image: url(../flags/1x1/sx.svg) +} + +.fi-sy { + background-image: url(../flags/4x3/sy.svg) +} + +.fi-sy.fis { + background-image: url(../flags/1x1/sy.svg) +} + +.fi-sz { + background-image: url(../flags/4x3/sz.svg) +} + +.fi-sz.fis { + background-image: url(../flags/1x1/sz.svg) +} + +.fi-tc { + background-image: url(../flags/4x3/tc.svg) +} + +.fi-tc.fis { + background-image: url(../flags/1x1/tc.svg) +} + +.fi-td { + background-image: url(../flags/4x3/td.svg) +} + +.fi-td.fis { + background-image: url(../flags/1x1/td.svg) +} + +.fi-tf { + background-image: url(../flags/4x3/tf.svg) +} + +.fi-tf.fis { + background-image: url(../flags/1x1/tf.svg) +} + +.fi-tg { + background-image: url(../flags/4x3/tg.svg) +} + +.fi-tg.fis { + background-image: url(../flags/1x1/tg.svg) +} + +.fi-th { + background-image: url(../flags/4x3/th.svg) +} + +.fi-th.fis { + background-image: url(../flags/1x1/th.svg) +} + +.fi-tj { + background-image: url(../flags/4x3/tj.svg) +} + +.fi-tj.fis { + background-image: url(../flags/1x1/tj.svg) +} + +.fi-tk { + background-image: url(../flags/4x3/tk.svg) +} + +.fi-tk.fis { + background-image: url(../flags/1x1/tk.svg) +} + +.fi-tl { + background-image: url(../flags/4x3/tl.svg) +} + +.fi-tl.fis { + background-image: url(../flags/1x1/tl.svg) +} + +.fi-tm { + background-image: url(../flags/4x3/tm.svg) +} + +.fi-tm.fis { + background-image: url(../flags/1x1/tm.svg) +} + +.fi-tn { + background-image: url(../flags/4x3/tn.svg) +} + +.fi-tn.fis { + background-image: url(../flags/1x1/tn.svg) +} + +.fi-to { + background-image: url(../flags/4x3/to.svg) +} + +.fi-to.fis { + background-image: url(../flags/1x1/to.svg) +} + +.fi-tr { + background-image: url(../flags/4x3/tr.svg) +} + +.fi-tr.fis { + background-image: url(../flags/1x1/tr.svg) +} + +.fi-tt { + background-image: url(../flags/4x3/tt.svg) +} + +.fi-tt.fis { + background-image: url(../flags/1x1/tt.svg) +} + +.fi-tv { + background-image: url(../flags/4x3/tv.svg) +} + +.fi-tv.fis { + background-image: url(../flags/1x1/tv.svg) +} + +.fi-tw { + background-image: url(../flags/4x3/tw.svg) +} + +.fi-tw.fis { + background-image: url(../flags/1x1/tw.svg) +} + +.fi-tz { + background-image: url(../flags/4x3/tz.svg) +} + +.fi-tz.fis { + background-image: url(../flags/1x1/tz.svg) +} + +.fi-ua { + background-image: url(../flags/4x3/ua.svg) +} + +.fi-ua.fis { + background-image: url(../flags/1x1/ua.svg) +} + +.fi-ug { + background-image: url(../flags/4x3/ug.svg) +} + +.fi-ug.fis { + background-image: url(../flags/1x1/ug.svg) +} + +.fi-um { + background-image: url(../flags/4x3/um.svg) +} + +.fi-um.fis { + background-image: url(../flags/1x1/um.svg) +} + +.fi-us { + background-image: url(../flags/4x3/us.svg) +} + +.fi-us.fis { + background-image: url(../flags/1x1/us.svg) +} + +.fi-uy { + background-image: url(../flags/4x3/uy.svg) +} + +.fi-uy.fis { + background-image: url(../flags/1x1/uy.svg) +} + +.fi-uz { + background-image: url(../flags/4x3/uz.svg) +} + +.fi-uz.fis { + background-image: url(../flags/1x1/uz.svg) +} + +.fi-va { + background-image: url(../flags/4x3/va.svg) +} + +.fi-va.fis { + background-image: url(../flags/1x1/va.svg) +} + +.fi-vc { + background-image: url(../flags/4x3/vc.svg) +} + +.fi-vc.fis { + background-image: url(../flags/1x1/vc.svg) +} + +.fi-ve { + background-image: url(../flags/4x3/ve.svg) +} + +.fi-ve.fis { + background-image: url(../flags/1x1/ve.svg) +} + +.fi-vg { + background-image: url(../flags/4x3/vg.svg) +} + +.fi-vg.fis { + background-image: url(../flags/1x1/vg.svg) +} + +.fi-vi { + background-image: url(../flags/4x3/vi.svg) +} + +.fi-vi.fis { + background-image: url(../flags/1x1/vi.svg) +} + +.fi-vn { + background-image: url(../flags/4x3/vn.svg) +} + +.fi-vn.fis { + background-image: url(../flags/1x1/vn.svg) +} + +.fi-vu { + background-image: url(../flags/4x3/vu.svg) +} + +.fi-vu.fis { + background-image: url(../flags/1x1/vu.svg) +} + +.fi-wf { + background-image: url(../flags/4x3/wf.svg) +} + +.fi-wf.fis { + background-image: url(../flags/1x1/wf.svg) +} + +.fi-ws { + background-image: url(../flags/4x3/ws.svg) +} + +.fi-ws.fis { + background-image: url(../flags/1x1/ws.svg) +} + +.fi-ye { + background-image: url(../flags/4x3/ye.svg) +} + +.fi-ye.fis { + background-image: url(../flags/1x1/ye.svg) +} + +.fi-yt { + background-image: url(../flags/4x3/yt.svg) +} + +.fi-yt.fis { + background-image: url(../flags/1x1/yt.svg) +} + +.fi-za { + background-image: url(../flags/4x3/za.svg) +} + +.fi-za.fis { + background-image: url(../flags/1x1/za.svg) +} + +.fi-zm { + background-image: url(../flags/4x3/zm.svg) +} + +.fi-zm.fis { + background-image: url(../flags/1x1/zm.svg) +} + +.fi-zw { + background-image: url(../flags/4x3/zw.svg) +} + +.fi-zw.fis { + background-image: url(../flags/1x1/zw.svg) +} + +.fi-ac { + background-image: url(../flags/4x3/ac.svg) +} + +.fi-ac.fis { + background-image: url(../flags/1x1/ac.svg) +} + +.fi-cefta { + background-image: url(../flags/4x3/cefta.svg) +} + +.fi-cefta.fis { + background-image: url(../flags/1x1/cefta.svg) +} + +.fi-cp { + background-image: url(../flags/4x3/cp.svg) +} + +.fi-cp.fis { + background-image: url(../flags/1x1/cp.svg) +} + +.fi-dg { + background-image: url(../flags/4x3/dg.svg) +} + +.fi-dg.fis { + background-image: url(../flags/1x1/dg.svg) +} + +.fi-ea { + background-image: url(../flags/4x3/ea.svg) +} + +.fi-ea.fis { + background-image: url(../flags/1x1/ea.svg) +} + +.fi-es-ct { + background-image: url(../flags/4x3/es-ct.svg) +} + +.fi-es-ct.fis { + background-image: url(../flags/1x1/es-ct.svg) +} + +.fi-es-ga { + background-image: url(../flags/4x3/es-ga.svg) +} + +.fi-es-ga.fis { + background-image: url(../flags/1x1/es-ga.svg) +} + +.fi-es-pv { + background-image: url(../flags/4x3/es-pv.svg) +} + +.fi-es-pv.fis { + background-image: url(../flags/1x1/es-pv.svg) +} + +.fi-eu { + background-image: url(../flags/4x3/eu.svg) +} + +.fi-eu.fis { + background-image: url(../flags/1x1/eu.svg) +} + +.fi-gb-eng { + background-image: url(../flags/4x3/gb-eng.svg) +} + +.fi-gb-eng.fis { + background-image: url(../flags/1x1/gb-eng.svg) +} + +.fi-gb-nir { + background-image: url(../flags/4x3/gb-nir.svg) +} + +.fi-gb-nir.fis { + background-image: url(../flags/1x1/gb-nir.svg) +} + +.fi-gb-sct { + background-image: url(../flags/4x3/gb-sct.svg) +} + +.fi-gb-sct.fis { + background-image: url(../flags/1x1/gb-sct.svg) +} + +.fi-gb-wls { + background-image: url(../flags/4x3/gb-wls.svg) +} + +.fi-gb-wls.fis { + background-image: url(../flags/1x1/gb-wls.svg) +} + +.fi-ic { + background-image: url(../flags/4x3/ic.svg) +} + +.fi-ic.fis { + background-image: url(../flags/1x1/ic.svg) +} + +.fi-ta { + background-image: url(../flags/4x3/ta.svg) +} + +.fi-ta.fis { + background-image: url(../flags/1x1/ta.svg) +} + +.fi-un { + background-image: url(../flags/4x3/un.svg) +} + +.fi-un.fis { + background-image: url(../flags/1x1/un.svg) +} + +.fi-xk { + background-image: url(../flags/4x3/xk.svg) +} + +.fi-xk.fis { + background-image: url(../flags/1x1/xk.svg) +} \ No newline at end of file diff --git a/themes/hello-friend-ng-clone/assets/scss/_fonts.scss b/themes/hello-friend-ng-clone/assets/scss/_fonts.scss index 83fb588..2738b65 100644 --- a/themes/hello-friend-ng-clone/assets/scss/_fonts.scss +++ b/themes/hello-friend-ng-clone/assets/scss/_fonts.scss @@ -1,50 +1,50 @@ @font-face { - font-family: 'Inter UI'; + font-family: "Inter"; font-style: normal; - font-display: auto; + font-display: swap; font-weight: 400; - src: url("../fonts/Inter-UI-Regular.woff2") format("woff2"), - url("../fonts/Inter-UI-Regular.woff") format("woff"); + src: url("fonts/Inter-Regular.woff2") format("woff2"), + url("fonts/Inter-Regular.woff") format("woff"); } @font-face { - font-family: 'Inter UI'; + font-family: "Inter"; font-style: italic; - font-display: auto; + font-display: swap; font-weight: 400; - src: url("../fonts/Inter-UI-Italic.woff2") format("woff2"), - url("../fonts/Inter-UI-Italic.woff") format("woff"); + src: url("fonts/Inter-Italic.woff2") format("woff2"), + url("fonts/Inter-Italic.woff") format("woff"); } @font-face { - font-family: 'Inter UI'; + font-family: "Inter"; font-style: normal; - font-display: auto; + font-display: swap; font-weight: 600; - src: url("../fonts/Inter-UI-Medium.woff2") format("woff2"), - url("../fonts/Inter-UI-Medium.woff") format("woff"); + src: url("fonts/Inter-Medium.woff2") format("woff2"), + url("fonts/Inter-Medium.woff") format("woff"); } @font-face { - font-family: 'Inter UI'; + font-family: "Inter"; font-style: italic; - font-display: auto; + font-display: swap; font-weight: 600; - src: url("../fonts/Inter-UI-MediumItalic.woff2") format("woff2"), - url("../fonts/Inter-UI-MediumItalic.woff") format("woff"); + src: url("fonts/Inter-MediumItalic.woff2") format("woff2"), + url("fonts/Inter-MediumItalic.woff") format("woff"); } @font-face { - font-family: 'Inter UI'; + font-family: "Inter"; font-style: normal; - font-display: auto; + font-display: swap; font-weight: 800; - src: url("../fonts/Inter-UI-Bold.woff2") format("woff2"), - url("../fonts/Inter-UI-Bold.woff") format("woff"); + src: url("fonts/Inter-Bold.woff2") format("woff2"), + url("fonts/Inter-Bold.woff") format("woff"); } @font-face { - font-family: 'Inter UI'; + font-family: "Inter"; font-style: italic; - font-display: auto; + font-display: swap; font-weight: 800; - src: url("../fonts/Inter-UI-BoldItalic.woff2") format("woff2"), - url("../fonts/Inter-UI-BoldItalic.woff") format("woff"); + src: url("fonts/Inter-BoldItalic.woff2") format("woff2"), + url("fonts/Inter-BoldItalic.woff") format("woff"); } diff --git a/themes/hello-friend-ng-clone/assets/scss/_list.scss b/themes/hello-friend-ng-clone/assets/scss/_list.scss index e431b37..05388ec 100644 --- a/themes/hello-friend-ng-clone/assets/scss/_list.scss +++ b/themes/hello-friend-ng-clone/assets/scss/_list.scss @@ -67,7 +67,7 @@ &-item { border-bottom: 1px grey dashed; - a { + &-inner { display: flex; justify-content: space-between; align-items: baseline; diff --git a/themes/hello-friend-ng-clone/assets/scss/_logo.scss b/themes/hello-friend-ng-clone/assets/scss/_logo.scss index 1a83b1a..9555047 100644 --- a/themes/hello-friend-ng-clone/assets/scss/_logo.scss +++ b/themes/hello-friend-ng-clone/assets/scss/_logo.scss @@ -16,6 +16,7 @@ &__text { font-size: 1.125rem; + white-space: nowrap; } &__cursor { diff --git a/themes/hello-friend-ng-clone/assets/scss/_main.scss b/themes/hello-friend-ng-clone/assets/scss/_main.scss index b783fc4..c232825 100644 --- a/themes/hello-friend-ng-clone/assets/scss/_main.scss +++ b/themes/hello-friend-ng-clone/assets/scss/_main.scss @@ -14,7 +14,7 @@ html { body { margin: 0; padding: 0; - font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Roboto", + font-family: Inter, -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif; font-display: auto; font-size: 1rem; @@ -191,14 +191,14 @@ figure { em, i, strong { // Default - color: black; + color: $light-color-variant; @media (prefers-color-scheme: dark) { - color: white; + color: $dark-color-variant; } @media (prefers-color-scheme: light) { - color: black; + color: $light-color-variant; } [data-theme=dark] & { @@ -239,7 +239,14 @@ code { } pre { - background: #212020; + [data-theme=dark] & { + background-color: $dark-background-secondary; + } + + [data-theme=light] & { + background-color: $light-background-secondary; + } + padding: 10px 10px 10px 20px; border-radius: 8px; font-size: 0.95rem; @@ -425,4 +432,4 @@ hr { // Prism JS Additionals .highlight { margin: 30px auto; -} \ No newline at end of file +} diff --git a/themes/hello-friend-ng-clone/assets/scss/_menu.scss b/themes/hello-friend-ng-clone/assets/scss/_menu.scss index f427496..24846fb 100644 --- a/themes/hello-friend-ng-clone/assets/scss/_menu.scss +++ b/themes/hello-friend-ng-clone/assets/scss/_menu.scss @@ -81,3 +81,85 @@ } } } + + +.submenu { + background: $light-background-header; + + @media (prefers-color-scheme: dark) { + background: $dark-background-header; + } + + @media (prefers-color-scheme: light) { + background: $light-background-header; + } + + [data-theme=dark] & { + background: $dark-background-header; + } + + [data-theme=light] & { + background: $light-background-header; + } + + ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + } + + li a, .dropbtn { + display: inline-block; + text-decoration: none; + } + + li.dropdown { + display: inline-block; + } + + .dropdown-content { + display: none; + position: absolute; + background: $dark-background-header; + + @media (prefers-color-scheme: light) { + background: $light-background-header; + } + + [data-theme=dark] & { + background: $dark-background-header; + } + + [data-theme=light] & { + background: $light-background-header; + } + } + + .dropdown-content a { + padding: 12px 20px; + text-decoration: none; + display: block; + text-align: left; + } + + .dropdown-content a:hover { + background: $dark-background-header; + + @media (prefers-color-scheme: light) { + background: $light-background-header; + } + + [data-theme=dark] & { + background: $dark-background-header; + } + + [data-theme=light] & { + background: $light-background-header; + } + } + + .dropdown:hover .dropdown-content { + display: block; + } +} \ No newline at end of file diff --git a/themes/hello-friend-ng-clone/assets/scss/_single.scss b/themes/hello-friend-ng-clone/assets/scss/_single.scss index 2359e09..9d36cb1 100644 --- a/themes/hello-friend-ng-clone/assets/scss/_single.scss +++ b/themes/hello-friend-ng-clone/assets/scss/_single.scss @@ -46,6 +46,7 @@ margin: 40px -50px; width: $max-width; max-width: $max-width; + overflow: hidden; @media #{$media-size-tablet} { margin: 20px 0; width: 100%; @@ -230,4 +231,4 @@ &.previous .button__icon { margin-right: 8px; } -} \ No newline at end of file +} diff --git a/themes/hello-friend-ng-clone/assets/scss/_variables.scss b/themes/hello-friend-ng-clone/assets/scss/_variables.scss index c1367cd..8bd9bc0 100644 --- a/themes/hello-friend-ng-clone/assets/scss/_variables.scss +++ b/themes/hello-friend-ng-clone/assets/scss/_variables.scss @@ -5,6 +5,7 @@ $light-background: #fff; $light-background-secondary: #eaeaea; $light-background-header: #fafafa; $light-color: #222; +$light-color-variant: black; $light-color-secondary: #999; $light-border-color: #dcdcdc; $light-table-color: #dcdcdc; @@ -14,6 +15,7 @@ $dark-background: #232425; $dark-background-secondary: #3b3d42; $dark-background-header: #1b1c1d; $dark-color: #a9a9b3; +$dark-color-variant: white; $dark-color-secondary: #b3b3bd; $dark-border-color: #4e4e57; $dark-table-color: #4e4e57; diff --git a/themes/hello-friend-ng-clone/assets/scss/main.scss b/themes/hello-friend-ng-clone/assets/scss/main.scss index b62cb6e..5204dfa 100644 --- a/themes/hello-friend-ng-clone/assets/scss/main.scss +++ b/themes/hello-friend-ng-clone/assets/scss/main.scss @@ -1,6 +1,8 @@ /* Must be loaded before everything else */ @import "normalize"; @import "prism"; +@import "flag-icons"; + /* Main stuff */ @import "variables"; @import "mixins"; @@ -16,4 +18,4 @@ @import "footer"; @import "sharing-buttons"; @import "tables"; -@import "404"; +@import "404"; \ No newline at end of file diff --git a/themes/hello-friend-ng-clone/data/langFlags.yaml b/themes/hello-friend-ng-clone/data/langFlags.yaml index 4132ed4..987e736 100644 --- a/themes/hello-friend-ng-clone/data/langFlags.yaml +++ b/themes/hello-friend-ng-clone/data/langFlags.yaml @@ -1,9 +1,11 @@ +da: dk de: de en: gb es: es fr: fr gl: es-ga hi: in +id: id it: it ja: jp ml: in diff --git a/themes/hello-friend-ng-clone/docs/svgs.md b/themes/hello-friend-ng-clone/docs/svgs.md index a8d9296..bc39bcc 100644 --- a/themes/hello-friend-ng-clone/docs/svgs.md +++ b/themes/hello-friend-ng-clone/docs/svgs.md @@ -3,20 +3,25 @@ - [amazon](https://simpleicons.org/?q=amazon) - [anilist](https://simpleicons.org/?q=anilist) - [box](https://simpleicons.org/?q=box) +- bluesky - [behance](https://simpleicons.org/?q=behance) - [bitbucket](https://simpleicons.org/?q=bitbucket) - case - generic briefcase icon for work based links - [codesandbox](https://simpleicons.org/?q=codesandbox) - [codechef](https://simpleicons.org/?q=codechef) - [codepen](https://simpleicons.org/?q=codepen) +- [cs:go](https://simpleicons.org/?q=counterstrike) +- [cyberdefenders](https://simpleicons.org/?q=cyberdefenders) - dev - [deviantart](https://simpleicons.org/?q=deviantart) - [discogs](https://simpleicons.org/?q=discogs) - [discord](https://simpleicons.org/?q=discord) - [docker](https://simpleicons.org/?q=docker) - [dribbble](https://simpleicons.org/?q=dribbble) +- [duolingo](https://simpleicons.org/?q=duolingo) - [email](https://feathericons.com/?query=mail) - [facebook](https://simpleicons.org/?q=facebook) +- [facebook-messenger](https://simpleicons.org/?q=messenger) - [fitbit](https://simpleicons.org/?q=fitbit) - git - [gitbook](https://simpleicons.org/?q=gitbook) @@ -27,10 +32,14 @@ - [goodreads](https://simpleicons.org/?q=goodreads) - [googleplay](https://simpleicons.org/?q=googleplay) - [googlescholar](https://simpleicons.org/?q=googlescholar) +- gpg - [hackerone](https://simpleicons.org/?q=hackerone) - [hackerrank](https://simpleicons.org/?q=hackerrank) - [hackthebox](https://simpleicons.org/?q=hackthebox) +- [imdb](https://simpleicons.org/?q=imdb) - [instagram](https://feathericons.com/?query=instagram) +- [itch.io](https://simpleicons.org/?q=itch.io) +- [jenkins](https://feathericons.com/?query=jenkins) - [kaggle](https://simpleicons.org/?q=kaggle) - [keybase](https://simpleicons.org/?q=keybase) - [lastfm](https://simpleicons.org/?q=lastfm) @@ -44,30 +53,43 @@ - [medium](https://simpleicons.org/?q=medium) - [mixcloud](https://simpleicons.org/?q=mixcloud) - [npm](https://simpleicons.org/?q=npm) +- [opencollective](https://simpleicons.org/?q=opencollective) - [orcid](https://simpleicons.org/?q=orcid) +- [patreon](https://simpleicons.org/?q=patreon) +- [paypal](https://simpleicons.org/?q=paypal) - [peertube](https://simpleicons.org/?q=peertube) - [pinterest](https://simpleicons.org/?q=pinterest) - [pixelfed](https://github.com/pixelfed/pixelfed/blob/dev/public/img/pixelfed-icon-black.svg) +- [pleroma](https://simpleicons.org/?q=pleroma) - [podcasts-apple](https://simpleicons.org/?q=podcast) - [podcasts-google](https://simpleicons.org/?q=podcast) - [polywork](https://simpleicons.org/?q=polywork) - [reddit](https://simpleicons.org/?q=reddit) +- repec - [researchgate](https://simpleicons.org/?q=researchgate) +- [revolut](https://simpleicons.org/?q=revolut) +- [rss](https://simpleicons.org/?q=rss) - [signal](https://simpleicons.org/?q=signal) - [slack](https://simpleicons.org/?q=slack) - [soundcloud](https://simpleicons.org/?q=soundcloud) +- [sourcehut](https://simpleicons.org/?q=sourcehut) - [spotify](https://simpleicons.org/?q=spotify) - [stackoverflow](https://simpleicons.org/?q=stackoverflow) - [steam](https://simpleicons.org/?q=Steam) +- [strava](https://simpleicons.org/?q=strava) - [telegram](https://simpleicons.org/?q=telegram) +- threads - [threema](https://simpleicons.org/?q=threema) +- [tiktok](https://simpleicons.org/?q=tiktok) - [tryhackme](https://simpleicons.org/?q=tryhackme) - [tumblr](https://simpleicons.org/?q=tumblr) - [twitch](https://simpleicons.org/?q=twitch) - [twitter](https://simpleicons.org/?q=twitter) - [unsplash](https://simpleicons.org/?q=unsplash) - [whatsapp](https://simpleicons.org/?q=whatsapp) +- [X](https://simpleicons.org/?q=X) - [xampp](https://simpleicons.org/?q=xampp) +- [xda](https://simpleicons.org/?q=xda) - [xing](https://simpleicons.org/?q=xing) - [xmpp](https://simpleicons.org/?q=xmpp) - [ycombinator](https://simpleicons.org/?q=ycombinator) diff --git a/themes/hello-friend-ng-clone/exampleSite/config.toml b/themes/hello-friend-ng-clone/exampleSite/config.toml index 460cfe7..f28becc 100644 --- a/themes/hello-friend-ng-clone/exampleSite/config.toml +++ b/themes/hello-friend-ng-clone/exampleSite/config.toml @@ -6,13 +6,8 @@ theme = "hello-friend-ng" PygmentsCodeFences = true PygmentsStyle = "monokai" -paginate = 10 -rssLimit = 10 # Maximum number of items in the RSS feed. copyright = "This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License." # This message is only used by the RSS template. -# googleAnalytics = "" -# disqusShortname = "" - archetypeDir = "archetypes" contentDir = "content" dataDir = "data" @@ -33,12 +28,24 @@ disableSitemap = false disable404 = false disableHugoGeneratorInject = false +[pagination] + disableAliases = false + pagerSize = 20 + path = 'page' + +[services] + [services.rss] + # Maximum number of items in the RSS feed. + limit = 42 + +# [services.disqus] +# shortname = 'your-disqus-shortname' +# [services.googleAnalytics] +# ID = 'G-MEASUREMENT_ID' + [permalinks] posts = "/posts/:year/:month/:title/" -[author] - name = "Jane Doe" - [blackfriday] hrefTargetBlank = true @@ -78,7 +85,7 @@ disableHugoGeneratorInject = false # # This options enables the theme toggle for the theme. # Per default, this option is off. - # The theme is respecting the prefers-color-scheme of the operating systeme. + # The theme is respecting the prefers-color-scheme of the operating system. # With this option on, the page user is able to set the scheme he wants. enableThemeToggle = false @@ -90,6 +97,12 @@ disableHugoGeneratorInject = false # enableSharingButtons = true + # Global language menu + # + # Enables the global language menu. + # + enableGlobalLanguageMenu = true + # Integrate Javascript files or stylesheets by adding the url to the external assets or by # linking local files with their path relative to the static folder, e.g. "css/styles.css" # @@ -100,11 +113,18 @@ disableHugoGeneratorInject = false # justifyContent = false # Set "text-align: justify" to .post-content. + # Integrate Plausible.io + # plausibleDataDomain = 'test.com' + # plausibleScriptSource = 'https://plausible.io/js/script.js' + + [params.author] + name = "Jane Doe" + # Custom footer # If you want, you can easily override the default footer with your own content. # [params.footer] - trademark = true + trademark = 2023 rss = true copyright = true author = true @@ -132,7 +152,22 @@ disableHugoGeneratorInject = false # logoCursorColor = "#67a2c9" # Set to a valid CSS time value to change the animation duration, "0s" to disable. # logoCursorAnimate = "2s" + # Append the current url pathname to logoText + # logoCursorPathname = true + # # # # # # # # # # # # # # # # # # # # # # # # # # # # # + # Addon: Startpage portrait + # # # # # # # # # # # # # # # # # # # # # # # # # # # # # + # Uncomment this if you want a portrait on your start page + # + # [params.portrait] + # path = "/img/image.jpg" + # alt = "Portrait" + # maxWidth = "50px" + + # # # # # # # # # # # # # # # # # # # # # # # # # # # # # + # Addon: Commento + # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # Commento is more than just a comments widget you can embed — # it’s a return to the roots of the internet. # An internet without the tracking and invasions of privacy. @@ -144,14 +179,50 @@ disableHugoGeneratorInject = false # [params.commento] # url = "" - # Uncomment this if you want a portrait on your start page + # # # # # # # # # # # # # # # # # # # # # # # # # # # # # + # Addon: Utteranc.es + # # # # # # # # # # # # # # # # # # # # # # # # # # # # # + # Utteranc.es is a lightweight comments widget built on GitHub issues. + # See https://utteranc.es/ for documentation + # Uncomment this to enable Utteranc.es. # - # [params.portrait] - # path = "/img/image.jpg" - # alt = "Portrait" - # maxWidth = "50px" + # [params.utterances] + # Your GitHub repository + # + # repository = "" + # + # label used for GitHub issues + # + # label = "" + # + # Blog Post <-> Issue mapping. This parameter is optional. Possible values are: + # - pathname + # - url + # - title + # - og:title + # - issue number + # - specific term + # + # issueTerm = "" + # + # Theme used: possible values are: + # - github-light + # - github-dark + # - preferred-color-scheme + # - github-dark-orange + # - icy-dark + # - dark-blue + # - photon-dark + # - boxy-light + # - gruvbox-dark + # + # theme = "" + # - # Social icons + # # # # # # # # # # # # # # # # # # # # # # # # # # # # # + # Addon: Social icons + # # # # # # # # # # # # # # # # # # # # # # # # # # # # # + # [[params.social]] name = "twitter" url = "https://twitter.com/" @@ -174,14 +245,16 @@ disableHugoGeneratorInject = false [languages] [languages.en] - subtitle = "Hello Friend NG Theme" weight = 1 copyright = 'CC BY-NC 4.0' + [languages.en.params] + subtitle = "Hello Friend NG Theme" [languages.fr] - subtitle = "Hello Friend NG Theme" weight = 2 copyright = 'CC BY-NC 4.0' + [languages.fr.params] + subtitle = "Hello Friend NG Theme" [menu] [[menu.main]] diff --git a/themes/hello-friend-ng-clone/i18n/da.toml b/themes/hello-friend-ng-clone/i18n/da.toml new file mode 100644 index 0000000..15c1152 --- /dev/null +++ b/themes/hello-friend-ng-clone/i18n/da.toml @@ -0,0 +1,39 @@ +# Translations for Danish +# https://gohugo.io/content-management/multilingual/#translation-of-strings + +# Generic +# +[translations] +other = "Oversættelser" + +[postAvailable] +other = "Også tilgængelig på" + + +# 404.html +# +[archives] +other = "Arkiver" + +[home] +other = "Hjem" + +[notFound] +other = "Ups, siden blev ikke fundet…" + + +# posts/single.html +# +[readingTime] +one = "Ét minut" +other = "{{ .Count }} minutter" + +[tableOfContents] +other = "Indholdsfortegnelse" + +[wordCount] +one = "Ét Ord" +other = "{{ .Count }} Ord" + +[lastModified] +other = "Sidst opdateret" diff --git a/themes/hello-friend-ng-clone/i18n/de.toml b/themes/hello-friend-ng-clone/i18n/de.toml index 7ef99a2..dfcfc14 100644 --- a/themes/hello-friend-ng-clone/i18n/de.toml +++ b/themes/hello-friend-ng-clone/i18n/de.toml @@ -37,3 +37,8 @@ other = "{{ .Count }} Wörter" [lastModified] other = "Letzte Aktualisierung" + +# partials/pagination-list.html +[pagination] +newerPosts = "Neuere Beiträge" +olderPosts = "Ältere Beiträge" diff --git a/themes/hello-friend-ng-clone/i18n/en.toml b/themes/hello-friend-ng-clone/i18n/en.toml index 03c0444..9783c83 100644 --- a/themes/hello-friend-ng-clone/i18n/en.toml +++ b/themes/hello-friend-ng-clone/i18n/en.toml @@ -37,3 +37,8 @@ other = "{{ .Count }} Words" [lastModified] other = "Last updated" + +# partials/pagination-list.html +[pagination] +newerPosts = "Newer posts" +olderPosts = "Older posts" diff --git a/themes/hello-friend-ng-clone/i18n/es.toml b/themes/hello-friend-ng-clone/i18n/es.toml index 1dce9bb..98faacc 100644 --- a/themes/hello-friend-ng-clone/i18n/es.toml +++ b/themes/hello-friend-ng-clone/i18n/es.toml @@ -37,3 +37,8 @@ other = "{{ .Count }} Palabras" [lastModified] other = "Ultima actualización" + +# partials/pagination-list.html +[pagination] +newerPosts = "Entradas más recientes" +olderPosts = "Entradas antiguas" diff --git a/themes/hello-friend-ng-clone/i18n/fr.toml b/themes/hello-friend-ng-clone/i18n/fr.toml index 1ba6fe9..ead83f5 100644 --- a/themes/hello-friend-ng-clone/i18n/fr.toml +++ b/themes/hello-friend-ng-clone/i18n/fr.toml @@ -37,3 +37,8 @@ other = "{{ .Count }} Mots" [lastModified] other = "Mise à jour" + +# partials/pagination-list.html +[pagination] +newerPosts = "Articles plus récents" +olderPosts = "Articles plus anciens" diff --git a/themes/hello-friend-ng-clone/i18n/gl.toml b/themes/hello-friend-ng-clone/i18n/gl.toml index 21e0e89..e805f0d 100644 --- a/themes/hello-friend-ng-clone/i18n/gl.toml +++ b/themes/hello-friend-ng-clone/i18n/gl.toml @@ -34,3 +34,8 @@ other = "Táboa de contidos" [wordCount] one = "Unha Palabra" other = "{{ .Count }} Palabras" + +# partials/pagination-list.html +[pagination] +newerPosts = "Entradas más recientes" +olderPosts = "Entradas antiguas" diff --git a/themes/hello-friend-ng-clone/i18n/id.toml b/themes/hello-friend-ng-clone/i18n/id.toml new file mode 100644 index 0000000..c817730 --- /dev/null +++ b/themes/hello-friend-ng-clone/i18n/id.toml @@ -0,0 +1,44 @@ +# Translations for Indonesia +# https://gohugo.io/content-management/multilingual/#translation-of-strings + +# Generic +# +[translations] +other = "Terjemahan" + +[postAvailable] +other = "Tersedia juga di" + + +# 404.html +# +[archives] +other = "Arsip" + +[home] +other = "Beranda" + +[notFound] +other = "Oops, halaman tidak ditemukan…" + + +# posts/single.html +# +[readingTime] +one = "Satu menit" +other = "{{ .Count }} menit" + +[tableOfContents] +other = "Daftar isi" + +[wordCount] +one = "Satu Kata" +other = "{{ .Count }} Kata" + +[lastModified] +other = "Terakhir diupdate" + +# partials/pagination-list.html +[pagination] +newerPosts = "Postingan yang lebih baru" +olderPosts = "Postingan yang lebih lama" diff --git a/themes/hello-friend-ng-clone/i18n/it.toml b/themes/hello-friend-ng-clone/i18n/it.toml index f78a5a0..3f89d6f 100644 --- a/themes/hello-friend-ng-clone/i18n/it.toml +++ b/themes/hello-friend-ng-clone/i18n/it.toml @@ -1,4 +1,4 @@ -# Translations for English +# Translations for Italian # https://gohugo.io/content-management/multilingual/#translation-of-strings # Generic @@ -37,3 +37,8 @@ other = "{{ .Count }} parole" [lastModified] other = "Ultimo aggiornamento" + +# partials/pagination-list.html +[pagination] +newerPosts = "Voci più recenti" +olderPosts = "Voci più vecchie" diff --git a/themes/hello-friend-ng-clone/i18n/ja.toml b/themes/hello-friend-ng-clone/i18n/ja.toml index 7350c23..8e949f2 100644 --- a/themes/hello-friend-ng-clone/i18n/ja.toml +++ b/themes/hello-friend-ng-clone/i18n/ja.toml @@ -37,3 +37,8 @@ other = "{{ .Count }}文字" [lastModified] other = "最終更新" + +# partials/pagination-list.html +[pagination] +newerPosts = "新しいエントリー" +olderPosts = "古いエントリー" diff --git a/themes/hello-friend-ng-clone/i18n/lmo.toml b/themes/hello-friend-ng-clone/i18n/lmo.toml index 7616dda..4cfbbaa 100644 --- a/themes/hello-friend-ng-clone/i18n/lmo.toml +++ b/themes/hello-friend-ng-clone/i18n/lmo.toml @@ -1,4 +1,4 @@ -# Translations for English +# Translations for Lombardian # https://gohugo.io/content-management/multilingual/#translation-of-strings # Generic diff --git a/themes/hello-friend-ng-clone/i18n/pt-br.toml b/themes/hello-friend-ng-clone/i18n/pt-br.toml index b53cbcc..16db33f 100644 --- a/themes/hello-friend-ng-clone/i18n/pt-br.toml +++ b/themes/hello-friend-ng-clone/i18n/pt-br.toml @@ -1,4 +1,4 @@ -# Translations for Portuguese +# Translations for Portuguese (Brasilian) # https://gohugo.io/content-management/multilingual/#translation-of-strings # Generic @@ -37,3 +37,8 @@ other = "{{ .Count }} Palavras" [lastModified] other = "Última actualização" + +# partials/pagination-list.html +[pagination] +newerPosts = "Entradas mais recentes" +olderPosts = "Entradas mais antigas" diff --git a/themes/hello-friend-ng-clone/i18n/ro.toml b/themes/hello-friend-ng-clone/i18n/ro.toml index af97a55..8b9ece4 100644 --- a/themes/hello-friend-ng-clone/i18n/ro.toml +++ b/themes/hello-friend-ng-clone/i18n/ro.toml @@ -37,3 +37,8 @@ other = "{{ .Count }} de cuvinte" [lastModified] other = "Ultima modificare" + +# partials/pagination-list.html +[pagination] +newerPosts = "Intrări mai noi" +olderPosts = "Intrări mai vechi" diff --git a/themes/hello-friend-ng-clone/i18n/ru.toml b/themes/hello-friend-ng-clone/i18n/ru.toml index 2f16ec4..d7df61a 100644 --- a/themes/hello-friend-ng-clone/i18n/ru.toml +++ b/themes/hello-friend-ng-clone/i18n/ru.toml @@ -41,3 +41,8 @@ other = "{{ .Count }} слов" [lastModified] other = "Последнее обновление" + +# partials/pagination-list.html +[pagination] +newerPosts = "Более новые записи" +olderPosts = "Старые записи" diff --git a/themes/hello-friend-ng-clone/i18n/tr.toml b/themes/hello-friend-ng-clone/i18n/tr.toml index df7af32..70d20ab 100644 --- a/themes/hello-friend-ng-clone/i18n/tr.toml +++ b/themes/hello-friend-ng-clone/i18n/tr.toml @@ -1,4 +1,4 @@ -# Translations for English +# Translations for Turkish # https://gohugo.io/content-management/multilingual/#translation-of-strings # Generic @@ -37,3 +37,8 @@ other = "{{ .Count }} Kelime" [lastModified] other = "Son güncelleme" + +# partials/pagination-list.html +[pagination] +newerPosts = "Daha yeni girişler" +olderPosts = "Eski girişler" diff --git a/themes/hello-friend-ng-clone/i18n/uk.toml b/themes/hello-friend-ng-clone/i18n/uk.toml index 890a618..c0669f4 100644 --- a/themes/hello-friend-ng-clone/i18n/uk.toml +++ b/themes/hello-friend-ng-clone/i18n/uk.toml @@ -41,3 +41,8 @@ other = "{{ .Count }} слів" [lastModified] other = "Останнє оновлення" + +# partials/pagination-list.html +[pagination] +newerPosts = "Нові записи" +olderPosts = "Старіші записи" diff --git a/themes/hello-friend-ng-clone/i18n/zh-cn.toml b/themes/hello-friend-ng-clone/i18n/zh-cn.toml index 7ed72a0..2f106a0 100644 --- a/themes/hello-friend-ng-clone/i18n/zh-cn.toml +++ b/themes/hello-friend-ng-clone/i18n/zh-cn.toml @@ -37,3 +37,8 @@ other = "{{ .Count }}字" [lastModified] other = "最后修改" + +# partials/pagination-list.html +[pagination] +newerPosts = "较新条目" +olderPosts = "旧条目" diff --git a/themes/hello-friend-ng-clone/layouts/_default/_markup/render-codeblock-mermaid.html b/themes/hello-friend-ng-clone/layouts/_default/_markup/render-codeblock-mermaid.html new file mode 100644 index 0000000..bb7bf42 --- /dev/null +++ b/themes/hello-friend-ng-clone/layouts/_default/_markup/render-codeblock-mermaid.html @@ -0,0 +1,4 @@ +
+  {{- .Inner | safeHTML }}
+
+{{ .Page.Store.Set "hasMermaid" true }} \ No newline at end of file diff --git a/themes/hello-friend-ng-clone/layouts/_default/list.html b/themes/hello-friend-ng-clone/layouts/_default/list.html index b440287..b9ae462 100644 --- a/themes/hello-friend-ng-clone/layouts/_default/list.html +++ b/themes/hello-friend-ng-clone/layouts/_default/list.html @@ -1,6 +1,6 @@ {{ define "main" }} {{ $paginator := .Paginate .Data.Pages }} - +

{{ .Title }}

@@ -15,13 +15,13 @@