From 6e2a8e847385defae28baf6cac28be708a4409b2 Mon Sep 17 00:00:00 2001 From: JimZhang Date: Thu, 25 Aug 2022 16:20:51 +0800 Subject: [PATCH] feat: css --- config.toml | 2 +- public/no-style-please.css | 2 +- sass/no-style-please.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/config.toml b/config.toml index d16d062..ef70226 100644 --- a/config.toml +++ b/config.toml @@ -8,7 +8,7 @@ compile_sass = true build_search_index = false taxonomies = [{ name = "tags" }] title = "JimZhang's Blog" - +generate_feed = true [markdown] # Whether to do syntax highlighting # Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola diff --git a/public/no-style-please.css b/public/no-style-please.css index cdd6fd7..adfdff6 100644 --- a/public/no-style-please.css +++ b/public/no-style-please.css @@ -1 +1 @@ -html[data-theme="dark"]{--page-back-color: rgb(27, 27, 27);--main-text-color: rgb(240, 240, 240);--main-back-color: rgb(17, 17, 17);--link-text-color: rgb(120, 217, 113);--target-highlight-color: rgb(255, 255, 0);--code-back-color:rgba(99,110,123,0.4);--github-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/github.png);--twitter-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/twitter-squared.png);--email-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/email.png);--coffee-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/kawaii-coffee.png);--webring-icon-url: url(https://webring.xxiivv.com/icon.white.svg);--rss-icon-url: url(https://img.icons8.com/material/64/f0f0f0/rss.png);--search-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/search.png);--cc-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons.png);--attribution-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-by.png);--non_com-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-nc.png);--share_alike-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-sa.png);--copyright-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/copyright.png)}html[data-theme="light"]{--page-back-color: rgb(240, 240, 240);--main-text-color: rgb(0, 0, 0);--main-back-color: rgb(255, 255, 255);--link-text-color: rgb(255, 76, 31);--code-back-color:rgba(175,184,193,0.2);--target-highlight-color: rgb(125, 0, 255);--github-icon-url: url(https://img.icons8.com/material-sharp/64/000000/github.png);--twitter-icon-url: url(https://img.icons8.com/material-sharp/64/000000/twitter-squared.png);--email-icon-url: url(https://img.icons8.com/material-sharp/64/000000/email.png);--coffee-icon-url: url(https://img.icons8.com/material-sharp/64/000000/kawaii-coffee.png);--webring-icon-url: url(https://webring.xxiivv.com/icon.black.svg);--rss-icon-url: url(https://img.icons8.com/material/64/000000/rss.png);--search-icon-url: url(https://img.icons8.com/material-sharp/64/000000/search.png);--cc-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons.png);--attribution-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-by.png);--non_com-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-nc.png);--share_alike-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-sa.png);--copyright-icon-url: url(https://img.icons8.com/material-outlined/64/000000/copyright.png)}:root{--text-0: rgba(0, 0, 0, 87%);--text-1: rgba(0, 0, 0, 66%);--bordercl: rebeccapurple;--bg-0: #fff;--bg-1: #f2f2f2;--primary-color: #ef5350;--hover-color: white}body[a="dark"]{filter:invert(1)}body[a="dark"] img{filter:invert(1)}body[a="dark"] img.ioda{filter:invert(0)}@media (prefers-color-scheme: dark){body[a="auto"]{filter:invert(1)}body[a="auto"] img{filter:invert(1)}body[a="auto"] img.ioda{filter:invert(0)}}html,input,select,textarea,label,button{color:var(--main-text-color);background-color:var(--page-back-color);font-family:'MapleMono';font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}.post-meta{text-align:right}h2,h3,h4,h5,h6{margin-top:3rem}hr{margin:2rem 0}p{margin:1rem 0}li{margin:0.4rem 0}*:target{background-color:var(--target-highlight-color);color:var(--main-back-color)}.wrapper{position:relative;background-color:var(--main-back-color);min-height:calc(100vh - 8rem);max-width:70ch;margin:2rem auto;padding:2rem 2rem}hr{margin:2rem 0;text-align:center;border:0;color:var(--main-text-color)}hr:before{content:"| | |"}hr:after{content:attr(data-content) "| | |"}table{width:100%}table,th,td{border:thin solid var(--main-text-color);border-collapse:collapse;padding:0.4rem}p code{background-color:var(--code-back-color);padding:.2em .4em;margin:0;font-size:85%;border-radius:6px}div.highlighter-rouge code{display:block;overflow-x:auto;white-space:pre-wrap;padding:1rem}blockquote{font-style:italic;border:thin solid black;padding:1rem}blockquote p{margin:0}img{max-width:100%;display:block;margin:0 auto}a{color:var(--link-text-color);cursor:pointer}.post_date{font-size:1rem;font-style:italic;font-weight:bold;margin-bottom:2rem;margin-right:1rem}.github_icon{content:var(--github-icon-url)}.twitter_icon{content:var(--twitter-icon-url)}.email_icon{content:var(--email-icon-url)}.coffee_icon{content:var(--coffee-icon-url)}.search_icon{content:var(--search-icon-url)}.webring_icon{content:var(--webring-icon-url)}.rss_icon{content:var(--rss-icon-url)}a.cc_list{text-decoration:none}.copyright_icon{content:var(--copyright-icon-url);height:16px;margin:-3px}.cc_icon{content:var(--cc-icon-url);height:16px;margin:-3px}.attribution_icon{content:var(--attribution-icon-url);height:16px;margin:-3px}.non_com_icon{content:var(--non_com-icon-url);height:16px;margin:-3px}.share_alike_icon{content:var(--share_alike-icon-url);height:16px;margin:-3px}.octicon:hover{visibility:hidden}h1 .octicon{margin-left:-2.4em;margin-right:calc(2.4em - 1.8em)}h2 .octicon{margin-left:-2.9em;margin-right:calc(2.9em - 1.8em)}h3 .octicon{margin-left:-3.4em;margin-right:calc(3.4em - 1.8em)}h4 .octicon{margin-left:-3.9em;margin-right:calc(3.9em - 1.8em)}h5 .octicon{margin-left:-4.4em;margin-right:calc(4.4em - 1.8em)}h6 .octicon{margin-left:-4.9em;margin-right:calc(4.9em - 1.8em)}.octicon{fill:currentColor;visibility:visible;pointer-events:all;vertical-align:middle;width:1.2em;height:1.2em}input,select,textarea,label,button{border-radius:0.3em;margin-left:0}fieldset{border:none;padding:0}.textfield{max-width:100%;padding-bottom:1rem}.narrowfield{width:420px}.hp{display:none}textarea{vertical-align:top}.textfield__input{border:1px solid rgba(0,0,0,0.12);border-radius:0.3em;padding:0.4em;width:100%;max-width:-webkit-fill-available}.notify-me,.g-recaptcha{padding-bottom:1rem;max-width:min-content}.button{border:1px solid rgba(0,0,0,0.12);background:var(--page-back-color);border-radius:0.3em;padding:0.4em;overflow:hidden;cursor:pointer}button:hover{background-color:var(--main-text-color);color:var(--main-back-color)}footer{bottom:0;position:absolute;left:0;right:0;display:flex;align-items:center;flex-direction:column;padding-bottom:0.5rem}.soc{display:flex;align-items:center;justify-content:center;margin-right:1rem}.soc:hover{color:var(--main-back-color);background:var(--link-text-color)}.footer-info{padding:var(--footer-padding)}.list{margin-bottom:2rem}.horizon{display:flex;justify-content:end}.horizon .start{width:100%}article{margin-bottom:2rem}article .body{word-wrap:break-word}.pagination{margin-bottom:2rem}pre{padding:1rem;overflow:auto}pre[data-linenos]{padding:1rem 0}pre table td{padding:0}pre table td:nth-of-type(1){text-align:center;user-select:none}pre mark{display:block;background-color:rgba(254,252,232,0.9)}pre table{width:100%;border-collapse:collapse} +html[data-theme="dark"]{--page-back-color: rgb(27, 27, 27);--main-text-color: rgb(240, 240, 240);--main-back-color: rgb(17, 17, 17);--link-text-color: rgb(120, 217, 113);--target-highlight-color: rgb(255, 255, 0);--code-back-color:rgba(99,110,123,0.4);--github-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/github.png);--twitter-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/twitter-squared.png);--email-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/email.png);--coffee-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/kawaii-coffee.png);--webring-icon-url: url(https://webring.xxiivv.com/icon.white.svg);--rss-icon-url: url(https://img.icons8.com/material/64/f0f0f0/rss.png);--search-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/search.png);--cc-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons.png);--attribution-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-by.png);--non_com-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-nc.png);--share_alike-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-sa.png);--copyright-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/copyright.png)}html[data-theme="light"]{--page-back-color: rgb(240, 240, 240);--main-text-color: rgb(0, 0, 0);--main-back-color: rgb(255, 255, 255);--link-text-color: rgb(255, 76, 31);--code-back-color:rgba(175,184,193,0.2);--target-highlight-color: rgb(125, 0, 255);--github-icon-url: url(https://img.icons8.com/material-sharp/64/000000/github.png);--twitter-icon-url: url(https://img.icons8.com/material-sharp/64/000000/twitter-squared.png);--email-icon-url: url(https://img.icons8.com/material-sharp/64/000000/email.png);--coffee-icon-url: url(https://img.icons8.com/material-sharp/64/000000/kawaii-coffee.png);--webring-icon-url: url(https://webring.xxiivv.com/icon.black.svg);--rss-icon-url: url(https://img.icons8.com/material/64/000000/rss.png);--search-icon-url: url(https://img.icons8.com/material-sharp/64/000000/search.png);--cc-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons.png);--attribution-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-by.png);--non_com-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-nc.png);--share_alike-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-sa.png);--copyright-icon-url: url(https://img.icons8.com/material-outlined/64/000000/copyright.png)}:root{--text-0: rgba(0, 0, 0, 87%);--text-1: rgba(0, 0, 0, 66%);--bordercl: rebeccapurple;--bg-0: #fff;--bg-1: #f2f2f2;--primary-color: #ef5350;--hover-color: white}body[a="dark"]{filter:invert(1)}body[a="dark"] img{filter:invert(1)}body[a="dark"] img.ioda{filter:invert(0)}@media (prefers-color-scheme: dark){body[a="auto"]{filter:invert(1)}body[a="auto"] img{filter:invert(1)}body[a="auto"] img.ioda{filter:invert(0)}}html,input,select,textarea,label,button{color:var(--main-text-color);background-color:var(--page-back-color);font-family:'MapleMono';font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}.post-meta{text-align:right}h2,h3,h4,h5,h6{margin-top:3rem}hr{margin:2rem 0}p{margin:1rem 0}li{margin:0.4rem 0}*:target{background-color:var(--target-highlight-color);color:var(--main-back-color)}.wrapper{position:relative;background-color:var(--main-back-color);min-height:calc(100vh - 8rem);max-width:70ch;margin:2rem auto;padding:2rem 2rem}hr{margin:2rem 0;text-align:center;border:0;color:var(--main-text-color)}hr:before{content:"| | |"}hr:after{content:attr(data-content) "| | |"}table{width:100%}table,th,td{border:thin solid var(--main-text-color);border-collapse:collapse;padding:0.4rem}p code{background-color:var(--code-back-color);padding:.2em .4em;margin:0;font-size:85%;border-radius:6px}div.highlighter-rouge code{display:block;overflow-x:auto;white-space:pre-wrap;padding:1rem}blockquote{font-style:italic;border:thin solid black;padding:1rem}blockquote p{margin:0}img{max-width:100%;display:block;margin:0 auto}a{color:var(--link-text-color);cursor:pointer}.post_date{font-size:1rem;font-style:italic;font-weight:bold;margin-bottom:2rem;margin-right:1rem}.github_icon{content:var(--github-icon-url)}.twitter_icon{content:var(--twitter-icon-url)}.email_icon{content:var(--email-icon-url)}.coffee_icon{content:var(--coffee-icon-url)}.search_icon{content:var(--search-icon-url)}.webring_icon{content:var(--webring-icon-url)}.rss_icon{content:var(--rss-icon-url)}a.cc_list{text-decoration:none}.copyright_icon{content:var(--copyright-icon-url);height:16px;margin:-3px}.cc_icon{content:var(--cc-icon-url);height:16px;margin:-3px}.attribution_icon{content:var(--attribution-icon-url);height:16px;margin:-3px}.non_com_icon{content:var(--non_com-icon-url);height:16px;margin:-3px}.share_alike_icon{content:var(--share_alike-icon-url);height:16px;margin:-3px}.octicon:hover{visibility:hidden}h1 .octicon{margin-left:-2.4em;margin-right:calc(2.4em - 1.8em)}h2 .octicon{margin-left:-2.9em;margin-right:calc(2.9em - 1.8em)}h3 .octicon{margin-left:-3.4em;margin-right:calc(3.4em - 1.8em)}h4 .octicon{margin-left:-3.9em;margin-right:calc(3.9em - 1.8em)}h5 .octicon{margin-left:-4.4em;margin-right:calc(4.4em - 1.8em)}h6 .octicon{margin-left:-4.9em;margin-right:calc(4.9em - 1.8em)}.octicon{fill:currentColor;visibility:visible;pointer-events:all;vertical-align:middle;width:1.2em;height:1.2em}input,select,textarea,label,button{border-radius:0.3em;margin-left:0}fieldset{border:none;padding:0}.textfield{max-width:100%;padding-bottom:1rem}.narrowfield{width:420px}.hp{display:none}textarea{vertical-align:top}.textfield__input{border:1px solid rgba(0,0,0,0.12);border-radius:0.3em;padding:0.4em;width:100%;max-width:-webkit-fill-available}.notify-me,.g-recaptcha{padding-bottom:1rem;max-width:min-content}.button{border:1px solid rgba(0,0,0,0.12);background:var(--page-back-color);border-radius:0.3em;padding:0.4em;overflow:hidden;cursor:pointer}button:hover{background-color:var(--main-text-color);color:var(--main-back-color)}footer{bottom:0;position:absolute;left:0;right:0;display:flex;align-items:center;flex-direction:column;padding-bottom:0.5rem}.soc{display:flex;align-items:center;justify-content:center;border-radius:4px;margin-right:1rem}.soc:hover{color:var(--main-back-color);background:var(--link-text-color)}.footer-info{padding:var(--footer-padding)}.list{margin-bottom:2rem}.horizon{display:flex;justify-content:end}.horizon .start{width:100%}article{margin-bottom:2rem}article .body{word-wrap:break-word}.pagination{margin-bottom:2rem}pre{padding:1rem;overflow:auto}pre[data-linenos]{padding:1rem 0}pre table td{padding:0}pre table td:nth-of-type(1){text-align:center;user-select:none}pre mark{display:block;background-color:rgba(254,252,232,0.9)}pre table{width:100%;border-collapse:collapse} diff --git a/sass/no-style-please.scss b/sass/no-style-please.scss index daa22c0..4b06c30 100644 --- a/sass/no-style-please.scss +++ b/sass/no-style-please.scss @@ -337,7 +337,7 @@ footer { display: flex; align-items: center; justify-content: center; - + border-radius: 4px; margin-right: 1rem; } .soc:hover {