diff --git a/assets/scss/_home.scss b/assets/scss/_home.scss new file mode 100644 index 0000000..e69de29 diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 618e7c2..a537f70 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -1,24 +1,80 @@ @import "_syntax.scss"; +$font-inter: 'Inter', sans-serif; +$color-dark: #202020; +$color-medium-dark: #303030; +$color-grey: #5C5C5C; +$color-light-dark: #252525; + +@mixin font-style-normal { + font-style: normal; + font-weight: 500; + line-height: normal; +} + +%link-shared { + color: #252525; + font-family: Inter; + font-style: normal; + font-size: 40px; + font-weight: 400; + line-height: 150%; + /* 60px */ + text-decoration-line: underline; +} + +%footer-shared { + width: 100%; + + p { + color: #5C5C5C; + font-family: Inter; + font-size: 20px; + font-style: normal; + font-weight: 300; + line-height: normal; + + display: flex; + gap: 8px; + justify-content: center; + } + + a { + color: #5C5C5C; + font-family: Inter; + font-size: 20px; + font-style: normal; + font-weight: 300; + line-height: normal; + + display: flex; + gap: 8px; + justify-content: center; + text-decoration: none; + + &:hover { + text-decoration: underline; + } + } +} + body { font-family: Inter; line-height: 1.4; background-color: #ebf4f3; + margin: 0; } -#page { - height: 100vh; - margin: 0 -} - -#spotlight { +#home-main { display: flex; - min-height: 100vh; flex-direction: column; align-items: start; justify-content: space-between; + height: 100vh; + max-width: 720px; margin: auto; + font-size: 1.5rem; @media (max-width: 768px) { @@ -29,7 +85,6 @@ body { #home-center { display: flex; flex-direction: column; - flex-grow: 1; align-items: flex-start; margin-top: 10vh; } @@ -99,52 +154,6 @@ body { } -%link-shared { - color: #252525; - font-family: Inter; - font-size: 40px; - font-style: normal; - font-weight: 400; - line-height: 150%; - /* 60px */ - text-decoration-line: underline; -} - -%footer-shared { - width: 100%; - - p { - color: #5C5C5C; - font-family: Inter; - font-size: 20px; - font-style: normal; - font-weight: 300; - line-height: normal; - - display: flex; - gap: 8px; - justify-content: center; - } - - a { - color: #5C5C5C; - font-family: Inter; - font-size: 20px; - font-style: normal; - font-weight: 300; - line-height: normal; - - display: flex; - gap: 8px; - justify-content: center; - text-decoration: none; - - &:hover { - text-decoration: underline; - } - } -} - #home-footer { @extend %footer-shared; } diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index fdd40d2..e7e0191 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -31,30 +31,10 @@ {{- end }} -
-- © {{ now.Format "2006" }} {{ .Site.Params.author.name }}{{ .Site.Params.footerCopyright | safeHTML }} -
- {{ if .IsTranslated }} -·
- - {{ end }} + diff --git a/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.content b/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.content index 3664276..25f1e30 100644 --- a/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.content +++ b/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.content @@ -1 +1 @@ -.bg{background-color:#f8f8f8}.chroma{background-color:#f8f8f8;padding:16px;border-radius:4px;border:1px dashed grey}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#dfdfdf}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#a2f;font-weight:700}.chroma .kc{color:#a2f;font-weight:700}.chroma .kd{color:#a2f;font-weight:700}.chroma .kn{color:#a2f;font-weight:700}.chroma .kp{color:#a2f}.chroma .kr{color:#a2f;font-weight:700}.chroma .kt{color:#0b0;font-weight:700}.chroma .na{color:#b44}.chroma .nb{color:#a2f}.chroma .nc{color:#00f}.chroma .no{color:#800}.chroma .nd{color:#a2f}.chroma .ni{color:#999;font-weight:700}.chroma .ne{color:#d2413a;font-weight:700}.chroma .nf{color:#00a000}.chroma .nl{color:#a0a000}.chroma .nn{color:#00f;font-weight:700}.chroma .nt{color:green;font-weight:700}.chroma .nv{color:#b8860b}.chroma .s{color:#b44}.chroma .sa{color:#b44}.chroma .sb{color:#b44}.chroma .sc{color:#b44}.chroma .dl{color:#b44}.chroma .sd{color:#b44;font-style:italic}.chroma .s2{color:#b44}.chroma .se{color:#b62;font-weight:700}.chroma .sh{color:#b44}.chroma .si{color:#b68;font-weight:700}.chroma .sx{color:green}.chroma .sr{color:#b68}.chroma .s1{color:#b44}.chroma .ss{color:#b8860b}.chroma .m{color:#666}.chroma .mb{color:#666}.chroma .mf{color:#666}.chroma .mh{color:#666}.chroma .mi{color:#666}.chroma .il{color:#666}.chroma .mo{color:#666}.chroma .o{color:#666}.chroma .ow{color:#a2f;font-weight:700}.chroma .c{color:#080;font-style:italic}.chroma .ch{color:#080;font-style:italic}.chroma .cm{color:#080;font-style:italic}.chroma .c1{color:#080;font-style:italic}.chroma .cs{color:#080;font-weight:700}.chroma .cp{color:#080}.chroma .cpf{color:#080}.chroma .gd{color:#a00000}.chroma .ge{font-style:italic}.chroma .gr{color:red}.chroma .gh{color:navy;font-weight:700}.chroma .gi{color:#00a000}.chroma .go{color:#888}.chroma .gp{color:navy;font-weight:700}.chroma .gs{font-weight:700}.chroma .gu{color:purple;font-weight:700}.chroma .gt{color:#04d}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}body{font-family:Inter;line-height:1.4;background-color:#ebf4f3}#page{height:100vh;margin:0}#spotlight{display:flex;min-height:100vh;flex-direction:column;align-items:start;justify-content:space-between;max-width:720px;margin:auto;font-size:1.5rem}@media(max-width:768px){#spotlight{margin-left:24px}}#home-center{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;margin-top:10vh}#home-title{color:#202020;font-family:Inter;font-style:normal;font-weight:500;line-height:normal}#post-title{color:#202020;font-family:Inter;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.post-header{margin-bottom:40px}.post-meta{margin-top:.5em}.post-meta span{color:#303030}.post-tags{margin:10px 0;display:flex;gap:6px}.post-tags .tag{font-size:.7em;padding:3px 14px;text-transform:lowercase;border:1px solid;margin-bottom:6px}.post-tags .tag a{outline:none;text-decoration:none;color:#5c5c5c}#home-nav{display:flex;flex-direction:column}#home-nav a{color:#252525;font-family:Inter;font-size:40px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:underline}.post-item .post-day,.post-item a{color:#252525;font-family:Inter;font-size:40px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:underline}#site-footer,#home-footer{width:100%}#site-footer p,#home-footer p{color:#5c5c5c;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:flex;gap:8px;justify-content:center}#site-footer a,#home-footer a{color:#5c5c5c;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:flex;gap:8px;justify-content:center;text-decoration:none}#site-footer a:hover,#home-footer a:hover{text-decoration:underline}.posts-group{width:400px}.back-title{font-family:Inter;font-size:20px;font-style:normal;font-weight:400}.back-title a{text-decoration:none;color:#656565}.back-title a:hover{text-decoration:underline;color:#151515}.post-item{display:flex;justify-content:space-between;align-items:center;width:100%}.post-item a{font-size:30px}.post-item .post-day{font-size:30px;text-decoration:none;color:#787878}.pagination{display:flex;list-style:none;padding:0;margin:0;justify-content:center;align-items:center;font-family:Inter}.pagination a{text-decoration:none;color:#252525}.pagination .page-item{margin:0}.pagination .page-link{display:block;padding:5px 10px;margin:0 2px}#site-footer{width:100%;user-select:none}#site-footer #copyright{display:flex;align-items:center;justify-content:center}#home-footer{width:400px}[aria-disabled=true]{text-decoration:none!important}.page-item.active a{text-decoration:none!important}.content{max-width:720px;font-size:1em;color:#303030} \ No newline at end of file +.bg{background-color:#f8f8f8}.chroma{background-color:#f8f8f8;padding:16px;border-radius:4px;border:1px dashed grey}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#dfdfdf}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#a2f;font-weight:700}.chroma .kc{color:#a2f;font-weight:700}.chroma .kd{color:#a2f;font-weight:700}.chroma .kn{color:#a2f;font-weight:700}.chroma .kp{color:#a2f}.chroma .kr{color:#a2f;font-weight:700}.chroma .kt{color:#0b0;font-weight:700}.chroma .na{color:#b44}.chroma .nb{color:#a2f}.chroma .nc{color:#00f}.chroma .no{color:#800}.chroma .nd{color:#a2f}.chroma .ni{color:#999;font-weight:700}.chroma .ne{color:#d2413a;font-weight:700}.chroma .nf{color:#00a000}.chroma .nl{color:#a0a000}.chroma .nn{color:#00f;font-weight:700}.chroma .nt{color:green;font-weight:700}.chroma .nv{color:#b8860b}.chroma .s{color:#b44}.chroma .sa{color:#b44}.chroma .sb{color:#b44}.chroma .sc{color:#b44}.chroma .dl{color:#b44}.chroma .sd{color:#b44;font-style:italic}.chroma .s2{color:#b44}.chroma .se{color:#b62;font-weight:700}.chroma .sh{color:#b44}.chroma .si{color:#b68;font-weight:700}.chroma .sx{color:green}.chroma .sr{color:#b68}.chroma .s1{color:#b44}.chroma .ss{color:#b8860b}.chroma .m{color:#666}.chroma .mb{color:#666}.chroma .mf{color:#666}.chroma .mh{color:#666}.chroma .mi{color:#666}.chroma .il{color:#666}.chroma .mo{color:#666}.chroma .o{color:#666}.chroma .ow{color:#a2f;font-weight:700}.chroma .c{color:#080;font-style:italic}.chroma .ch{color:#080;font-style:italic}.chroma .cm{color:#080;font-style:italic}.chroma .c1{color:#080;font-style:italic}.chroma .cs{color:#080;font-weight:700}.chroma .cp{color:#080}.chroma .cpf{color:#080}.chroma .gd{color:#a00000}.chroma .ge{font-style:italic}.chroma .gr{color:red}.chroma .gh{color:navy;font-weight:700}.chroma .gi{color:#00a000}.chroma .go{color:#888}.chroma .gp{color:navy;font-weight:700}.chroma .gs{font-weight:700}.chroma .gu{color:purple;font-weight:700}.chroma .gt{color:#04d}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}.post-item .post-day,.post-item a{color:#252525;font-family:Inter;font-style:normal;font-size:40px;font-weight:400;line-height:150%;text-decoration-line:underline}#site-footer,#home-footer{width:100%}#site-footer p,#home-footer p{color:#5c5c5c;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:flex;gap:8px;justify-content:center}#site-footer a,#home-footer a{color:#5c5c5c;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:flex;gap:8px;justify-content:center;text-decoration:none}#site-footer a:hover,#home-footer a:hover{text-decoration:underline}body{font-family:Inter;line-height:1.4;background-color:#ebf4f3;margin:0}#home-main{display:flex;flex-direction:column;align-items:start;justify-content:space-between;height:100vh;max-width:720px;margin:auto;font-size:1.5rem}@media(max-width:768px){#home-main{margin-left:24px}}#home-center{display:flex;flex-direction:column;align-items:flex-start;margin-top:10vh}#home-title{color:#202020;font-family:Inter;font-style:normal;font-weight:500;line-height:normal}#post-title{color:#202020;font-family:Inter;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.post-header{margin-bottom:40px}.post-meta{margin-top:.5em}.post-meta span{color:#303030}.post-tags{margin:10px 0;display:flex;gap:6px}.post-tags .tag{font-size:.7em;padding:3px 14px;text-transform:lowercase;border:1px solid;margin-bottom:6px}.post-tags .tag a{outline:none;text-decoration:none;color:#5c5c5c}#home-nav{display:flex;flex-direction:column}#home-nav a{color:#252525;font-family:Inter;font-size:40px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:underline}.posts-group{width:400px}.back-title{font-family:Inter;font-size:20px;font-style:normal;font-weight:400}.back-title a{text-decoration:none;color:#656565}.back-title a:hover{text-decoration:underline;color:#151515}.post-item{display:flex;justify-content:space-between;align-items:center;width:100%}.post-item a{font-size:30px}.post-item .post-day{font-size:30px;text-decoration:none;color:#787878}.pagination{display:flex;list-style:none;padding:0;margin:0;justify-content:center;align-items:center;font-family:Inter}.pagination a{text-decoration:none;color:#252525}.pagination .page-item{margin:0}.pagination .page-link{display:block;padding:5px 10px;margin:0 2px}#site-footer{width:100%;user-select:none}#site-footer #copyright{display:flex;align-items:center;justify-content:center}#home-footer{width:400px}[aria-disabled=true]{text-decoration:none!important}.page-item.active a{text-decoration:none!important}.content{max-width:720px;font-size:1em;color:#303030} \ No newline at end of file diff --git a/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.json b/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.json index 8d8f729..f96441a 100644 --- a/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.json +++ b/resources/_gen/assets/scss/scss/style.scss_871e1d33253f63f556fbcaa4227752be.json @@ -1 +1 @@ -{"Target":"css/style.min.13b66600e3edbc9d2db3b022baef0d2e945f2475557c2e39ba61bd09bec0863c.css","MediaType":"text/css","Data":{"Integrity":"sha256-E7ZmAOPtvJ0ts7Aiuu8NLpRfJHVVfC45umG9Cb7Ahjw="}} \ No newline at end of file +{"Target":"css/style.min.682f60937cda65aa30e003286b93e0c1f9d4c3ad1c90c7c69c3a762af1b19465.css","MediaType":"text/css","Data":{"Integrity":"sha256-aC9gk3zaZaow4AMoa5PgwfnUw60ckMfGnDp2KvGxlGU="}} \ No newline at end of file