diff --git a/LAST_VERSION b/LAST_VERSION index 429d94a..b0a1227 100644 --- a/LAST_VERSION +++ b/LAST_VERSION @@ -1 +1 @@ -0.0.9 \ No newline at end of file +0.0.10 \ No newline at end of file diff --git a/docs/index.md b/docs/index.md index 61a4a23..cc3ba8f 100644 --- a/docs/index.md +++ b/docs/index.md @@ -1,4 +1,6 @@ -Jan 1, 2025 +# Home + +January 1, 2025 --- @@ -20,7 +22,7 @@ docs/ ... # Other markdown pages, images and other files. ``` -### Installation MkDocs +## Installation MkDocs To install MkDocs, run the following command from the command line: @@ -28,7 +30,7 @@ To install MkDocs, run the following command from the command line: pip install mkdocs ``` -### Installation theme +## Installation theme Install the theme using PIP: @@ -36,7 +38,7 @@ Install the theme using PIP: pip install mkdocs-simple-blog ``` -### Activating theme +## Activating theme After the theme is installed, edit your `mkdocs.yml` file and set the theme name to `simple-blog`: diff --git a/docs/nav/development/development-guide.md b/docs/nav/development/development-guide.md index db7c629..f9188be 100644 --- a/docs/nav/development/development-guide.md +++ b/docs/nav/development/development-guide.md @@ -1,4 +1,6 @@ -Last updated January 1, 2025 +# Development guide + +Last updated January 28, 2024 --- diff --git a/docs/nav/development/release-notes.md b/docs/nav/development/release-notes.md index deb18ea..d5587b6 100644 --- a/docs/nav/development/release-notes.md +++ b/docs/nav/development/release-notes.md @@ -1,4 +1,6 @@ -Jan 1, 2025 +# Release + +March 25, 2023 --- diff --git a/docs/nav/getting-started.md b/docs/nav/getting-started.md index 8fef5d3..aa9a367 100644 --- a/docs/nav/getting-started.md +++ b/docs/nav/getting-started.md @@ -1,10 +1,10 @@ +# Getting Started + March 25, 2023 --- -## Install - -### Installation MkDocs +## Installation MkDocs To install MkDocs, run the following command from the command line: @@ -12,7 +12,7 @@ To install MkDocs, run the following command from the command line: pip install mkdocs ``` -### Installation theme +## Installation theme Install the theme using PIP: @@ -20,7 +20,7 @@ Install the theme using PIP: pip install mkdocs-simple-blog ``` -### Activating theme +## Activating theme After the theme is installed, edit your `mkdocs.yml` file and set the theme name to `simple-blog`: diff --git a/docs/nav/styles/colors.md b/docs/nav/styles/colors.md index 34c0be8..235eff6 100644 --- a/docs/nav/styles/colors.md +++ b/docs/nav/styles/colors.md @@ -1,4 +1,6 @@ -Jan 1, 2025 +# Colors + +January 17, 2023 --- @@ -14,7 +16,7 @@ theme: ``` ### Text color @@ -66,28 +68,28 @@ theme: ``` ### Title color @@ -101,28 +103,28 @@ theme: ``` ### Background color @@ -136,26 +138,26 @@ theme: ``` \ No newline at end of file diff --git a/docs/nav/styles/components.md b/docs/nav/styles/components.md index 90b8757..e3bd1a6 100644 --- a/docs/nav/styles/components.md +++ b/docs/nav/styles/components.md @@ -1,4 +1,6 @@ -Jan 1, 2025 +# Components + +January 21, 2023 --- diff --git a/docs/nav/styles/favicon.md b/docs/nav/styles/favicon.md index 1793cb8..37049ba 100644 --- a/docs/nav/styles/favicon.md +++ b/docs/nav/styles/favicon.md @@ -1,4 +1,6 @@ -Jan 1, 2025 +# Favicon + +January 17, 2023 --- diff --git a/docs/nav/styles/fonts.md b/docs/nav/styles/fonts.md index 5646eb1..c0e26c0 100644 --- a/docs/nav/styles/fonts.md +++ b/docs/nav/styles/fonts.md @@ -1,4 +1,6 @@ -Jan 1, 2025 +# Fonts + +January 17, 2023 --- @@ -14,22 +16,22 @@ theme: ``` @@ -43,20 +45,20 @@ theme: ``` diff --git a/docs/nav/styles/logo.md b/docs/nav/styles/logo.md index 2a14998..8ed7e1e 100644 --- a/docs/nav/styles/logo.md +++ b/docs/nav/styles/logo.md @@ -1,4 +1,6 @@ -Jan 1, 2025 +# Logo + +January 17, 2023 --- diff --git a/docs/nav/styles/sidebar.md b/docs/nav/styles/sidebar.md new file mode 100644 index 0000000..7f7932c --- /dev/null +++ b/docs/nav/styles/sidebar.md @@ -0,0 +1,14 @@ +# Sidebar + +January 28, 2025 + +--- + +## How to activate + +- Default: false + +``` +theme: + sidebar: true +``` diff --git a/mkdocs.yml b/mkdocs.yml index a325acf..c78089b 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -29,6 +29,8 @@ theme: theme_style: light site_name_style: normal title_style: bold + sidebar: true + navigation_depth: 5 highlightjs: true - yaml - python @@ -39,7 +41,7 @@ theme: background: white components: site_name: true - title: true + title: false menu: true preview: true footer: true diff --git a/mkdocs_simple_blog/assets/css/main.min.css b/mkdocs_simple_blog/assets/css/main.min.css index c7bf47d..159c74b 100644 --- a/mkdocs_simple_blog/assets/css/main.min.css +++ b/mkdocs_simple_blog/assets/css/main.min.css @@ -1 +1 @@ -@import url(root.min.css);body,p,small{color:var(--text)}a,a:focus,a:hover,p a{text-decoration:underline}.title-color,h1,h2,h3,h4,h5,h6{color:var(--title)}body,h1,h2,h3,h4,h5,h6{letter-spacing:.0625em}.navigation a,.pagination li{display:inline}.list ul,pre code{padding:0}.centered .about ul li a,.list ul li a,.navigation a,h1,h2,h3,h4,h5,h6{text-transform:uppercase}.centered .about ul li a,.navigation ul li a{margin-left:1rem;margin-right:1rem}.list ul li,.navigation a{font-size:1.6rem}.centered,.wrapper,body{display:flex}.normal,body,p a{font-weight:400}html{box-sizing:border-box;font-size:80%}body{background-color:var(--background);font-family:"Fira Mono",monospace;font-size:1.6em;line-height:1.8em}main{margin-left:10%;margin-right:10%}img{max-width:100%;margin-left:auto;margin-right:auto}figcaption{font-size:75%;font-weight:700;text-align:center}code{background-color:var(--primary);padding:.4rem .8rem}pre{margin:1.6rem 0 1rem;padding:1.6rem;overflow-x:auto;color:#e5e5e5;tab-size:2;font-size:.775em;line-height:30px}*,:after,:before{box-sizing:inherit}.blog-header{max-width:700px}.date{margin-top:5px}a{color:var(--text)!important}a:focus,a:hover{color:#5c5c5c;color:var(--primary)!important}p{margin:1.6rem 0}p a{color:var(--primary);text-underline-position:under}h1,h2,h3,h4,h5,h6{margin:3.2rem 0 1.6rem}h1{font-size:3.2rem;line-height:3.2rem}h2{font-size:2.8rem;line-height:2.8rem}h3{font-size:2.4rem;line-height:2.4rem}h4{font-size:2.2rem;line-height:2.2rem}h5{font-size:2rem;line-height:2rem}h6{font-size:1.4rem;line-height:1.4rem}blockquote{border-left:2px solid #dcdcdc;padding-left:1.6rem;font-style:italic}td,th{padding:1rem}table{border-collapse:collapse}table td,table th{border:2px solid var(--primary)}table tr:first-child th{border-top:0}table tr:last-child td{border-bottom:0}table tr td:first-child,table tr th:first-child{border-left:0}table tr td:last-child,table tr th:last-child{border-right:0}.wrapper{flex-direction:column;min-height:100vh;width:100%}.container{margin:0 auto;max-width:120rem;width:100%;padding-left:2rem;padding-right:2rem}.navigation{height:6rem;width:100%}.navigation a{line-height:6rem;letter-spacing:.1rem}.navigation ul{list-style:none;margin-bottom:0;margin-top:0}.navigation ul li{float:left;margin:0;position:relative}.content{flex:1;margin-top:1.6rem;margin-bottom:3.2rem}.content article header{margin-top:3.2rem;margin-bottom:3.2rem}.content article header h1,.content article header h2{margin:0}.content article header h2{margin-top:1rem;font-size:1.8rem;color:#323232}.list ul{margin:3.2rem 0;list-style:none}.list ul li span{display:inline-block;text-align:right;width:25rem;margin-right:3rem}.centered .about,.centered .error,.footer,.nav-scroller .nav,.pagination,.pagination li,.search-query{text-align:center}.pagination{margin-top:6rem}.pagination li a span,.pagination li span{margin:0;text-align:center;width:3.2rem}.centered{height:100%;align-items:center;justify-content:center}.centered .about h1{margin-top:2rem;margin-bottom:.5rem}.centered .about h2{margin-top:1rem;margin-bottom:.5rem;font-size:2.4rem}.centered .about ul{list-style:none;margin:3rem 0 1rem;padding:0}.centered .about ul li{display:inline-block;position:relative}.centered .about ul li a{font-size:1.6rem}.centered .error h1{margin-top:2rem;margin-bottom:.5rem;font-size:4.6rem}.centered .error h2{margin-top:2rem;margin-bottom:3.2rem;font-size:3.2rem}@media only screen and (min-device-width:320px) and (max-device-width:480px){body{font-size:1em;line-height:1.6em}h1{font-size:2.8rem;line-height:2.8rem}h2{font-size:2.4rem;line-height:2.4rem}h3{font-size:2rem;line-height:2rem}h4{font-size:1.8rem;line-height:1.8rem}h5{font-size:1.6rem;line-height:1.6rem}.centered .about ul li a,.navigation a{font-size:1.4rem}.content article header h2{font-size:1.6rem}.list ul li{font-size:1.4rem;margin:1.6rem 0}.list ul li span{display:block;text-align:left}.centered .about h2{font-size:2rem}.centered .error h1{font-size:3.2rem}.centered .error h2{font-size:2.8rem}}.footer{height:6rem;width:100%;line-height:6rem}.float-right{float:right}.float-left{float:left}.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){.bd-placeholder-img-lg{font-size:3.5rem}}.b-example-divider{height:3rem;background-color:rgba(0,0,0,.1);border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em rgba(0,0,0,.1),inset 0 .125em .5em rgba(0,0,0,.15)}.b-example-vr{flex-shrink:0;width:1.5rem;height:100vh}.bi{vertical-align:-.125em;fill:currentColor}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.fa:hover{opacity:.5}.navbar-collapse{align-items:end}.md-source{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;font-size:18px;line-height:1.2;white-space:nowrap}.search-query{margin-top:2%;width:100%}.md-search-icon,.md-source-repo-icon{display:inline-block;vertical-align:middle;margin-right:10px;margin-left:10px;font-size:xx-large}.md-source-repo-text{display:flex;font-size:14px;text-align:left;gap:.4rem;list-style-type:none;margin:.1rem 0 0;opacity:.75;overflow:hidden;padding:0;width:100%}.md-source-repo-url{display:inline-block;max-width:calc(100% - 1.2rem);white-space:nowrap;width:15em;overflow:hidden;text-overflow:ellipsis;font-size:16px;text-align:left;vertical-align:middle}@media all and (min-width:992px){.dropdown-menu li{position:relative}.nav-item .submenu{display:none;position:absolute;left:100%;top:-7px}.nav-item .submenu-left{right:100%;left:auto}.dropdown-menu>li:hover{background-color:#f1f1f1}.dropdown-menu>li:hover>.submenu{display:block}}@media (max-width:991px){.dropdown-menu .dropdown-menu{margin-left:.7rem;margin-right:.7rem;margin-bottom:.5rem}}.logo{width:50px;margin:10px}.normal{font-style:normal;text-decoration:none}.bold{font-weight:700}.italic{font-style:italic}.scratched{text-decoration:line-through}.underline{text-decoration:underline}.overline{text-decoration:overline}@media only screen and (max-width:780px){a,code,h1,h2,h3,h4,h5,h6,li,p,small{margin-top:1rem!important;margin-bottom:1rem!important}.site-name{font-size:14px!important}.title,h1,h2,h3,h4,h5,h6{font-size:18px!important}.container{padding-left:5%!important;padding-right:5%!important}main{margin-left:0!important;margin-right:0!important;line-height:1.8!important}a,code,li,p,small{font-size:12px!important}}.dropdown-menu{color:var(--background);background-color:var(--background);border-color:var(--primary)}.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover{color:var(--background)!important;background-color:var(--primary)!important}@media only screen and (max-width:1200px){.source-detail{margin-top:10px;padding:15px;border-top:solid;border-color:#e8e8e8;border-color:var(--primary)}} \ No newline at end of file +body,p,small{color:var(--text)}.underline,a,a:focus,a:hover,p a{text-decoration:underline}.title-color,h1,h2,h3,h4,h5,h6{color:var(--title)}body,h1,h2,h3,h4,h5,h6{letter-spacing:.0625em}.navigation a,.pagination li{display:inline}.list ul,pre code{padding:0}.centered .about ul li a,.list ul li a,.navigation a,h1,h2,h3,h4,h5,h6{text-transform:uppercase}.centered .about ul li a,.navigation ul li a{margin-left:1rem;margin-right:1rem}.centered .about ul li a,.list ul li,.navigation a{font-size:1.6rem}.centered,.wrapper,body{display:flex}.normal,body,p a{font-weight:400}.bold,.sidebar .nav>li>a,figcaption{font-weight:700}:root{--text:#000;--title:#000;--primary:#000;--background:#fff;--color-black:#000;--color-white:#fff;--color-blue:#4051b5;--color-green:#4cae4f;--color-yellow:#f1dc15;--color-orange:#ffa724;--color-purple:#ab47bd;--color-red:#ff2c06}.dropdown-menu,code{color:var(--background)}html{box-sizing:border-box;font-size:80%}body{background-color:var(--background);font-family:"Fira Mono",monospace;font-size:1.6em;line-height:1.8em}code,pre{background-color:var(--primary)!important}main{margin-left:10%;margin-right:10%}img{max-width:100%;margin-left:auto;margin-right:auto}figcaption{font-size:75%;text-align:center}code{padding:.4rem .8rem}pre{margin:1.6rem 0 1rem;padding:1.6rem;overflow-x:auto;color:#e5e5e5;tab-size:2;font-size:.775em;line-height:30px}*,:after,:before{box-sizing:inherit}.blog-header{max-width:700px}.date{margin-top:5px}a{color:var(--text)!important}a:focus,a:hover{color:#5c5c5c;color:var(--primary)!important}p{margin:1.6rem 0}p a{color:var(--primary);text-underline-position:under}h1,h2,h3,h4,h5,h6{margin:3.2rem 0 1.6rem}h1{font-size:3.2rem;line-height:3.2rem}h2{font-size:2.8rem;line-height:2.8rem}h3{font-size:2.4rem;line-height:2.4rem}h4{font-size:2.2rem;line-height:2.2rem}h5{font-size:2rem;line-height:2rem}h6{font-size:1.4rem;line-height:1.4rem}blockquote{border-left:2px solid #dcdcdc;padding-left:1.6rem;font-style:italic}td,th{padding:1rem}table{border-collapse:collapse}table td,table th{border:2px solid var(--primary)}table tr:first-child th{border-top:0}table tr:last-child td{border-bottom:0}table tr td:first-child,table tr th:first-child{border-left:0}table tr td:last-child,table tr th:last-child{border-right:0}.wrapper{flex-direction:column;min-height:100vh;width:100%}.container{margin:0 auto;max-width:140rem;width:100%;padding-left:2rem;padding-right:2rem}.navigation{height:6rem;width:100%}.navigation a{line-height:6rem;letter-spacing:.1rem}.navigation ul{list-style:none;margin-bottom:0;margin-top:0}.navigation ul li{float:left;margin:0;position:relative}.content{flex:1;margin-top:1.6rem;margin-bottom:3.2rem}.content article header{margin-top:3.2rem;margin-bottom:3.2rem}.content article header h1,.content article header h2{margin:0}.content article header h2{margin-top:1rem;font-size:1.8rem;color:#323232}.list ul{margin:3.2rem 0;list-style:none}.list ul li span{display:inline-block;text-align:right;width:25rem;margin-right:3rem}.centered .about,.centered .error,.footer,.nav-scroller .nav,.pagination,.pagination li,.search-query{text-align:center}.pagination{margin-top:6rem}.pagination li a span,.pagination li span{margin:0;text-align:center;width:3.2rem}.centered{height:100%;align-items:center;justify-content:center}.centered .about h1{margin-top:2rem;margin-bottom:.5rem}.centered .about h2{margin-top:1rem;margin-bottom:.5rem;font-size:2.4rem}.centered .about ul{list-style:none;margin:3rem 0 1rem;padding:0}.centered .about ul li{display:inline-block;position:relative}.centered .error h1{margin-top:2rem;margin-bottom:.5rem;font-size:4.6rem}.centered .error h2{margin-top:2rem;margin-bottom:3.2rem;font-size:3.2rem}@media only screen and (min-device-width:320px) and (max-device-width:480px){.centered .about ul li a,.list ul li,.navigation a{font-size:1.4rem}body{font-size:1em;line-height:1.6em}h1{font-size:2.8rem;line-height:2.8rem}h2{font-size:2.4rem;line-height:2.4rem}.centered .about h2,h3{font-size:2rem}h3{line-height:2rem}h4{font-size:1.8rem;line-height:1.8rem}.content article header h2,h5{font-size:1.6rem}h5{line-height:1.6rem}.list ul li{margin:1.6rem 0}.list ul li span{display:block;text-align:left}.centered .error h1{font-size:3.2rem}.centered .error h2{font-size:2.8rem}}.footer{height:6rem;width:100%;line-height:6rem}.float-right{float:right}.float-left{float:left}.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){.bd-placeholder-img-lg{font-size:3.5rem}}.b-example-divider{height:3rem;background-color:rgba(0,0,0,.1);border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em rgba(0,0,0,.1),inset 0 .125em .5em rgba(0,0,0,.15)}.b-example-vr{flex-shrink:0;width:1.5rem;height:100vh}.bi{vertical-align:-.125em;fill:currentColor}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.fa:hover{opacity:.5}.navbar-collapse{align-items:end}.md-source{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;font-size:18px;line-height:1.2;white-space:nowrap}.search-query{margin-top:2%;width:100%}.md-search-icon,.md-source-repo-icon{display:inline-block;vertical-align:middle;margin-right:10px;margin-left:10px;font-size:xx-large}.md-source-repo-text{display:flex;font-size:14px;text-align:left;gap:.4rem;list-style-type:none;margin:.1rem 0 0;opacity:.75;overflow:hidden;padding:0;width:100%}.md-source-repo-url,.menu-button{display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap}.md-source-repo-url{max-width:calc(100% - 1.2rem);width:15em;text-overflow:ellipsis;font-size:16px;text-align:left}@media all and (min-width:992px){.dropdown-menu li{position:relative}.nav-item .submenu{display:none;position:absolute;left:100%;top:-7px}.nav-item .submenu-left{right:100%;left:auto}.dropdown-menu>li:hover{background-color:#f1f1f1}.dropdown-menu>li:hover>.submenu{display:block}}@media (max-width:991px){.dropdown-menu .dropdown-menu{margin-left:.7rem;margin-right:.7rem;margin-bottom:.5rem}}.logo{width:50px;margin:10px}.normal{font-style:normal;text-decoration:none}.italic{font-style:italic}.scratched{text-decoration:line-through}.overline{text-decoration:overline}@media only screen and (max-width:780px){a,code,h1,h2,h3,h4,h5,h6,li,p,small{margin-top:1rem!important;margin-bottom:1rem!important}.site-name{font-size:14px!important}.title,h1,h2,h3,h4,h5,h6{font-size:18px!important}.container{padding-left:5%!important;padding-right:5%!important}main{margin-left:0!important;margin-right:0!important;line-height:1.8!important}a,code,li,p,small{font-size:12px!important}}.dropdown-menu{background-color:var(--background);border-color:var(--primary)}.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover{color:var(--background)!important;background-color:var(--primary)!important}@media only screen and (max-width:1200px){.source-detail{margin-top:10px;padding:15px;border-top:solid;border-color:#e8e8e8;border-color:var(--primary)}}.sidebar{height:100%;width:100%;color:#000!important;background-color:#f1f1f1!important}.bar-block .bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}.menu-button{border:none;padding:8px 16px;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer}.menu-button:hover{color:#000!important;background-color:#ccc!important}.preview{padding-top:50px!important}.sidebar{background-color:var(--background)!important;margin-top:3.2rem}.sidebar .nav{align-self:flex-start!important}.sidebar .nav .nav>li>a{font-weight:400;font-size:medium} diff --git a/mkdocs_simple_blog/base.html b/mkdocs_simple_blog/base.html index cae0cff..8b6c311 100644 --- a/mkdocs_simple_blog/base.html +++ b/mkdocs_simple_blog/base.html @@ -20,17 +20,15 @@ {% endif %} - {%- block libs %} - {%- if config.theme.highlightjs %} - - - - {%- for lang in config.theme.hljs_languages %} - - {%- endfor %} - - {%- endif %} - {%- endblock %} + {%- if config.theme.highlightjs %} + + + + {%- for lang in config.hljs_languages %} + + {%- endfor %} + + {%- endif %} {%- endblock %} @@ -85,9 +83,27 @@ {%- if 'search' in config['plugins'] %}{%- include "searchbox.html" %}{%- endif %} {%- endblock %} - {%- block content %} - {% include "/modules/content.html" %} - {%- endblock %} + {% if config.theme.sidebar %} +
+
+
+ {%- block sidebar %} + {% include "/modules/sidebar.html" %} + {%- endblock %} +
+
+ {%- block content_with_sidebar %} + {% include "/modules/content.html" %} + {%- endblock %} +
+
+
+ {% else %} + {%- block content %} + {% include "/modules/content.html" %} + {%- endblock %} + {% endif %} + {% if config.theme.components and config.theme.components.preview == False %} diff --git a/mkdocs_simple_blog/mkdocs_theme.yml b/mkdocs_simple_blog/mkdocs_theme.yml index 2cb2944..e9e2900 100644 --- a/mkdocs_simple_blog/mkdocs_theme.yml +++ b/mkdocs_simple_blog/mkdocs_theme.yml @@ -3,5 +3,8 @@ language: en include_search_page: true search_index_only: false -highlightjs: true -hljs_languages: [] \ No newline at end of file +theme: + sidebar: false + navigation_depth: 4 + highlightjs: false + hljs_languages: [] diff --git a/mkdocs_simple_blog/modules/preview.html b/mkdocs_simple_blog/modules/preview.html index 514c752..33602ed 100644 --- a/mkdocs_simple_blog/modules/preview.html +++ b/mkdocs_simple_blog/modules/preview.html @@ -1,19 +1,17 @@ -{%- block next_prev %} - {%- if page and (page.next_page or page.previous_page) %} -
-
- -
-
-
- -
+{%- if page and (page.next_page or page.previous_page) %} +
+
+
- {%- endif %} -{%- endblock %} +
+
+ +
+
+{%- endif %} \ No newline at end of file diff --git a/mkdocs_simple_blog/modules/sidebar.html b/mkdocs_simple_blog/modules/sidebar.html new file mode 100644 index 0000000..4cab5c4 --- /dev/null +++ b/mkdocs_simple_blog/modules/sidebar.html @@ -0,0 +1,22 @@ + + + diff --git a/mkdocs_simple_blog/modules/source.html b/mkdocs_simple_blog/modules/source.html index be069e1..3dd6ca6 100644 --- a/mkdocs_simple_blog/modules/source.html +++ b/mkdocs_simple_blog/modules/source.html @@ -6,29 +6,34 @@
- {{ config.repo_name }} + {{ config.repo_name }}
-
- \ No newline at end of file + diff --git a/template/assets/css/grayscale-dark.css b/template/assets/css/grayscale-dark.css index f3f7a95..3316ca2 100644 --- a/template/assets/css/grayscale-dark.css +++ b/template/assets/css/grayscale-dark.css @@ -67,7 +67,7 @@ code.hljs { .hljs-code, .hljs-string, .hljs-title.class_.inherited__ { - color: #8e8e8e; + color: #ffffff; } .hljs-built_in, .hljs-doctag, diff --git a/template/assets/css/grayscale-dark.min.css b/template/assets/css/grayscale-dark.min.css index c5fec35..176ffe5 100644 --- a/template/assets/css/grayscale-dark.min.css +++ b/template/assets/css/grayscale-dark.min.css @@ -4,4 +4,4 @@ License: ~ MIT (or more permissive) [via base16-schemes-source] Maintainer: @highlightjs/core-team Version: 2021.09.0css -*/.hljs-meta .hljs-keyword,.hljs-meta-keyword,.hljs-strong{font-weight:700}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b9b9b9;background:var(--primary)}.hljs ::selection,.hljs::selection{background-color:#464646;color:#b9b9b9}.hljs-comment{color:#525252}.hljs-tag{color:#ababab}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b9b9b9}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#7c7c7c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#999}.hljs-class .hljs-title,.hljs-strong,.hljs-title,.hljs-title.class_{color:#a0a0a0}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#8e8e8e}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#868686}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#686868}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#747474}.hljs-emphasis{color:#747474;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5e5e5e} \ No newline at end of file +*/.hljs-meta .hljs-keyword,.hljs-meta-keyword,.hljs-strong{font-weight:700}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#b9b9b9;background:#101010}.hljs ::selection,.hljs::selection{background-color:#464646;color:#b9b9b9}.hljs-comment{color:#525252}.hljs-tag{color:#ababab}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#b9b9b9}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#7c7c7c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#999}.hljs-class .hljs-title,.hljs-strong,.hljs-title,.hljs-title.class_{color:#a0a0a0}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#ffffff}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#868686}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#686868}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#747474}.hljs-emphasis{color:#747474;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#5e5e5e} diff --git a/template/assets/css/main.css b/template/assets/css/main.css index c8a3878..1462aec 100644 --- a/template/assets/css/main.css +++ b/template/assets/css/main.css @@ -1,3 +1,7 @@ +<<<<<<< HEAD +body, +p, +======= @import url("root.min.css"); html { @@ -54,649 +58,642 @@ pre code { padding: 0; } +>>>>>>> develop small { - color: var(--text); + color: var(--text); } - -*, -*:after, -*:before { - box-sizing: inherit; +a, +a:focus, +a:hover, +p a { + text-decoration: underline; } - -.container { - max-width: 960px; +.title-color, +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--title); } - -.blog-header { - max-width: 700px; +body, +h1, +h2, +h3, +h4, +h5, +h6 { + letter-spacing: 0.0625em; } - -.title-color { - color: var(--title); +.navigation a, +.pagination li { + display: inline; } - -.date { - margin-top: 5px; +.list ul, +pre code { + padding: 0; } - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - body { - font-size: 1em; - line-height: 1.6em; - } +.centered .about ul li a, +.list ul li a, +.navigation a, +h1, +h2, +h3, +h4, +h5, +h6 { + text-transform: uppercase; +} +.centered .about ul li a, +.navigation ul li a { + margin-left: 1rem; + margin-right: 1rem; +} +.list ul li, +.navigation a { + font-size: 1.6rem; +} +.centered, +.wrapper, +body { + display: flex; +} +.normal, +body, +p a { + font-weight: 400; +} +:root { + --text: #000; + --title: #000; + --primary: #000; + --background: #fff; + --color-black: #000; + --color-white: #fff; + --color-blue: #4051b5; + --color-green: #4cae4f; + --color-yellow: #f1dc15; + --color-orange: #ffa724; + --color-purple: #ab47bd; + --color-red: #ff2c06; +} +html { + box-sizing: border-box; + font-size: 80%; +} +body { + background-color: var(--background); + font-family: "Fira Mono", monospace; + font-size: 1.6em; + line-height: 1.8em; +} +code, +pre { + background-color: var(--primary) !important; +} +main { + margin-left: 10%; + margin-right: 10%; +} +img { + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +figcaption { + font-size: 75%; + font-weight: 700; + text-align: center; +} +code { + color: var(--background); + padding: 0.4rem 0.8rem; +} +pre { + margin: 1.6rem 0 1rem; + padding: 1.6rem; + overflow-x: auto; + color: #e5e5e5; + tab-size: 2; + font-size: 0.775em; + line-height: 30px; +} +*, +:after, +:before { + box-sizing: inherit; +} +.blog-header { + max-width: 700px; +} +.date { + margin-top: 5px; } - a { - color: var(--text)!important; - text-decoration: underline; + color: var(--text) !important; } - a:focus, a:hover { - color: #5c5c5c; - text-decoration: underline; + color: #5c5c5c; + color: var(--primary) !important; } - p { - margin: 1.6rem 0; - color: var(--text); + margin: 1.6rem 0; } - p a { - font-weight: 400; - color: var(--primary); - text-decoration: underline; - text-underline-position: under; -} - -a:focus, -a:hover { - color: var(--primary)!important; - text-decoration: underline; + color: var(--primary); + text-underline-position: under; } - h1, h2, h3, h4, h5, h6 { - color: var(--title); - letter-spacing: 0.0625em; - margin: 3.2rem 0 1.6rem; - text-transform: uppercase; + margin: 3.2rem 0 1.6rem; } - h1 { - font-size: 3.2rem; - line-height: 3.2rem; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - h1 { - font-size: 2.8rem; - line-height: 2.8rem; - } + font-size: 3.2rem; + line-height: 3.2rem; } - h2 { - font-size: 2.8rem; - line-height: 2.8rem; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - h2 { - font-size: 2.4rem; - line-height: 2.4rem; - } + font-size: 2.8rem; + line-height: 2.8rem; } h3 { - font-size: 2.4rem; - line-height: 2.4rem; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - h3 { - font-size: 2rem; - line-height: 2rem; - } + font-size: 2.4rem; + line-height: 2.4rem; } h4 { - font-size: 2.2rem; - line-height: 2.2rem; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - h4 { - font-size: 1.8rem; - line-height: 1.8rem; - } + font-size: 2.2rem; + line-height: 2.2rem; } - h5 { - font-size: 2rem; - line-height: 2rem; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - h5 { - font-size: 1.6rem; - line-height: 1.6rem; - } + font-size: 2rem; + line-height: 2rem; } - h6 { - font-size: 1.4rem; - line-height: 1.4rem; + font-size: 1.4rem; + line-height: 1.4rem; } - blockquote { - border-left: 2px solid #dcdcdc; - padding-left: 1.6rem; - font-style: italic; + border-left: 2px solid #dcdcdc; + padding-left: 1.6rem; + font-style: italic; } - td, th { - padding: 1rem; + padding: 1rem; } - table { - border-collapse: collapse; + border-collapse: collapse; } - table td, table th { - border: 2px solid var(--primary); + border: 2px solid var(--primary); } - table tr:first-child th { - border-top: 0; + border-top: 0; } - table tr:last-child td { - border-bottom: 0; + border-bottom: 0; } - table tr td:first-child, table tr th:first-child { - border-left: 0; + border-left: 0; } - table tr td:last-child, table tr th:last-child { - border-right: 0; + border-right: 0; } - .wrapper { - display: flex; - flex-direction: column; - min-height: 100vh; - width: 100%; + flex-direction: column; + min-height: 100vh; + width: 100%; } - .container { - margin: 0 auto; - max-width: 120rem; - width: 100%; - padding-left: 2rem; - padding-right: 2rem; + margin: 0 auto; + max-width: 140rem; + width: 100%; + padding-left: 2rem; + padding-right: 2rem; } - .navigation { - height: 6rem; - width: 100%; + height: 6rem; + width: 100%; } - .navigation a { - display: inline; - font-size: 1.6rem; - text-transform: uppercase; - line-height: 6rem; - letter-spacing: 0.1rem; + line-height: 6rem; + letter-spacing: 0.1rem; } - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - .navigation a { - font-size: 1.4rem; - } -} - .navigation ul { - list-style: none; - margin-bottom: 0; - margin-top: 0; + list-style: none; + margin-bottom: 0; + margin-top: 0; } - .navigation ul li { - float: left; - margin: 0; - position: relative; -} - -.navigation ul li a { - margin-left: 1rem; - margin-right: 1rem; + float: left; + margin: 0; + position: relative; } - .content { - flex: 1; - margin-top: 1.6rem; - margin-bottom: 3.2rem; + flex: 1; + margin-top: 1.6rem; + margin-bottom: 3.2rem; } - .content article header { - margin-top: 3.2rem; - margin-bottom: 3.2rem; + margin-top: 3.2rem; + margin-bottom: 3.2rem; } - .content article header h1, .content article header h2 { - margin: 0; + margin: 0; } - .content article header h2 { - margin-top: 1rem; - font-size: 1.8rem; - color: #323232; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - .content article header h2 { - font-size: 1.6rem; - } + margin-top: 1rem; + font-size: 1.8rem; + color: #323232; } - .list ul { - margin: 3.2rem 0; - list-style: none; - padding: 0; -} - -.list ul li { - font-size: 1.6rem; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - .list ul li { - font-size: 1.4rem; - margin: 1.6rem 0; - } + margin: 3.2rem 0; + list-style: none; } - .list ul li span { - display: inline-block; - text-align: right; - width: 25rem; - margin-right: 3rem; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - .list ul li span { - display: block; - text-align: left; - } -} - -.list ul li a { - text-transform: uppercase; + display: inline-block; + text-align: right; + width: 25rem; + margin-right: 3rem; +} +.centered .about, +.centered .error, +.footer, +.nav-scroller .nav, +.pagination, +.pagination li, +.search-query { + text-align: center; } - .pagination { - margin-top: 6rem; - text-align: center; -} - -.pagination li { - display: inline; - text-align: center; + margin-top: 6rem; } - +.pagination li a span, .pagination li span { - margin: 0; - text-align: center; - width: 3.2rem; -} - -.pagination li a span { - margin: 0; - text-align: center; - width: 3.2rem; + margin: 0; + text-align: center; + width: 3.2rem; } - .centered { - display: flex; - height: 100%; - align-items: center; - justify-content: center; -} - -.centered .about { - text-align: center; + height: 100%; + align-items: center; + justify-content: center; } - .centered .about h1 { - margin-top: 2rem; - margin-bottom: 0.5rem; + margin-top: 2rem; + margin-bottom: 0.5rem; } - .centered .about h2 { - margin-top: 1rem; - margin-bottom: 0.5rem; - font-size: 2.4rem; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - .centered .about h2 { - font-size: 2rem; - } + margin-top: 1rem; + margin-bottom: 0.5rem; + font-size: 2.4rem; } - .centered .about ul { - list-style: none; - margin: 3rem 0 1rem; - padding: 0; + list-style: none; + margin: 3rem 0 1rem; + padding: 0; } - .centered .about ul li { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } - .centered .about ul li a { - text-transform: uppercase; - margin-left: 1rem; - margin-right: 1rem; - font-size: 1.6rem; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - .centered .about ul li a { - font-size: 1.4rem; - } + font-size: 1.6rem; } - -.centered .error { - text-align: center; -} - .centered .error h1 { - margin-top: 2rem; - margin-bottom: 0.5rem; - font-size: 4.6rem; -} - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - .centered .error h1 { - font-size: 3.2rem; - } + margin-top: 2rem; + margin-bottom: 0.5rem; + font-size: 4.6rem; } - .centered .error h2 { - margin-top: 2rem; - margin-bottom: 3.2rem; + margin-top: 2rem; + margin-bottom: 3.2rem; + font-size: 3.2rem; +} +@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { + body { + font-size: 1em; + line-height: 1.6em; + } + h1 { + font-size: 2.8rem; + line-height: 2.8rem; + } + h2 { + font-size: 2.4rem; + line-height: 2.4rem; + } + h3 { + font-size: 2rem; + line-height: 2rem; + } + h4 { + font-size: 1.8rem; + line-height: 1.8rem; + } + h5 { + font-size: 1.6rem; + line-height: 1.6rem; + } + .centered .about ul li a, + .navigation a { + font-size: 1.4rem; + } + .content article header h2 { + font-size: 1.6rem; + } + .list ul li { + font-size: 1.4rem; + margin: 1.6rem 0; + } + .list ul li span { + display: block; + text-align: left; + } + .centered .about h2 { + font-size: 2rem; + } + .centered .error h1 { font-size: 3.2rem; + } + .centered .error h2 { + font-size: 2.8rem; + } } - -@media only screen and (min-device-width:320px) and (max-device-width:480px) { - .centered .error h2 { - font-size: 2.8rem; - } -} - .footer { - height: 6rem; - width: 100%; - text-align: center; - line-height: 6rem; + height: 6rem; + width: 100%; + line-height: 6rem; } - .float-right { - float: right; + float: right; } - .float-left { - float: left; + float: left; } - .bd-placeholder-img { - font-size: 1.125rem; - text-anchor: middle; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + font-size: 1.125rem; + text-anchor: middle; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } - -@media (min-width:768px) { - .bd-placeholder-img-lg { - font-size: 3.5rem; - } +@media (min-width: 768px) { + .bd-placeholder-img-lg { + font-size: 3.5rem; + } } - .b-example-divider { - height: 3rem; - background-color: rgba(0,0,0,.1); - border: solid rgba(0,0,0,.15); - border-width: 1px 0; - box-shadow: inset 0 0.5em 1.5em rgba(0,0,0,.1),inset 0 0.125em 0.5em rgba(0,0,0,.15); + height: 3rem; + background-color: rgba(0, 0, 0, 0.1); + border: solid rgba(0, 0, 0, 0.15); + border-width: 1px 0; + box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1), + inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15); } - .b-example-vr { - flex-shrink: 0; - width: 1.5rem; - height: 100vh; + flex-shrink: 0; + width: 1.5rem; + height: 100vh; } - .bi { - vertical-align: -.125em; - fill: currentColor; + vertical-align: -0.125em; + fill: currentColor; } - .nav-scroller { - position: relative; - z-index: 2; - height: 2.75rem; - overflow-y: hidden; + position: relative; + z-index: 2; + height: 2.75rem; + overflow-y: hidden; } - .nav-scroller .nav { - display: flex; - flex-wrap: nowrap; - padding-bottom: 1rem; - margin-top: -1px; - overflow-x: auto; - text-align: center; - white-space: nowrap; - -webkit-overflow-scrolling: touch; + display: flex; + flex-wrap: nowrap; + padding-bottom: 1rem; + margin-top: -1px; + overflow-x: auto; + white-space: nowrap; + -webkit-overflow-scrolling: touch; } - .fa:hover { - opacity: 0.5; + opacity: 0.5; } - .navbar-collapse { - align-items: end; + align-items: end; } - .md-source { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - display: block; - font-size: 18px; - line-height: 1.2; - white-space: nowrap; -} - -@media only screen and (max-width:1200px) { - .source-detail { - margin-top: 10px; - padding: 15px; - border-top: solid; - border-color: #e8e8e8; - } + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + display: block; + font-size: 18px; + line-height: 1.2; + white-space: nowrap; } - .search-query { - margin-top: 2%; - width: 100%; - text-align: center; -} - -.md-search-icon { - display: inline-block; - vertical-align: middle; - margin-right: 10px; - margin-left: 10px; - font-size: xx-large; + margin-top: 2%; + width: 100%; } - +.md-search-icon, .md-source-repo-icon { - display: inline-block; - vertical-align: middle; - margin-right: 10px; - margin-left: 10px; - font-size: xx-large; + display: inline-block; + vertical-align: middle; + margin-right: 10px; + margin-left: 10px; + font-size: xx-large; } - .md-source-repo-text { - display: flex; - font-size: 14px; - text-align: left; - gap: 0.4rem; - list-style-type: none; - margin: 0.1rem 0 0; - opacity: 0.75; - overflow: hidden; - padding: 0; - width: 100%; + display: flex; + font-size: 14px; + text-align: left; + gap: 0.4rem; + list-style-type: none; + margin: 0.1rem 0 0; + opacity: 0.75; + overflow: hidden; + padding: 0; + width: 100%; +} +.md-source-repo-url, +.menu-button { + display: inline-block; + vertical-align: middle; + overflow: hidden; + white-space: nowrap; } - .md-source-repo-url { - display: inline-block; - max-width: calc(100% - 1.2rem); - white-space: nowrap; - width: 15em; - overflow: hidden; - text-overflow: ellipsis; - font-size: 16px; - text-align: left; - vertical-align: middle; -} - -@media all and (min-width:992px) { - .dropdown-menu li { - position: relative; - } - .nav-item .submenu { - display: none; - position: absolute; - left: 100%; - top: -7px; - } - .nav-item .submenu-left { - right: 100%; - left: auto; - } - .dropdown-menu > li:hover { - background-color: #f1f1f1; - } - .dropdown-menu > li:hover > .submenu { - display: block; - } + max-width: calc(100% - 1.2rem); + width: 15em; + text-overflow: ellipsis; + font-size: 16px; + text-align: left; +} +@media all and (min-width: 992px) { + .dropdown-menu li { + position: relative; + } + .nav-item .submenu { + display: none; + position: absolute; + left: 100%; + top: -7px; + } + .nav-item .submenu-left { + right: 100%; + left: auto; + } + .dropdown-menu > li:hover { + background-color: #f1f1f1; + } + .dropdown-menu > li:hover > .submenu { + display: block; + } } - -@media (max-width:991px) { - .dropdown-menu .dropdown-menu { - margin-left: 0.7rem; - margin-right: 0.7rem; - margin-bottom: 0.5rem; - } +@media (max-width: 991px) { + .dropdown-menu .dropdown-menu { + margin-left: 0.7rem; + margin-right: 0.7rem; + margin-bottom: 0.5rem; + } } - .logo { - width: 50px; - margin: 10px; + width: 50px; + margin: 10px; } - .normal { - font-weight: 400; - font-style: normal; - text-decoration: none; + font-style: normal; + text-decoration: none; } - .bold { - font-weight: 700; + font-weight: 700; } - .italic { - font-style: italic; + font-style: italic; } - .scratched { - text-decoration: line-through; + text-decoration: line-through; } - .underline { - text-decoration: underline; + text-decoration: underline; } - .overline { - text-decoration: overline; -} - -@media only screen and (max-width:780px) { - .site-name { - font-size: 14px!important; - } - .title { - font-size: 18px!important; - } - .container { - padding-left: 5%!important; - padding-right: 5%!important; - } - main { - margin-left: 0%!important; - margin-right: 0%!important; - line-height: 1.8!important; - } - h1, - h2, - h3, - h4, - h5, - h6 { - font-size: 18px!important; - margin-top: 1rem!important; - margin-bottom: 1rem!important; - } - a, - code, - li, - p, - small { - font-size: 12px!important; - margin-top: 1rem!important; - margin-bottom: 1rem!important; - } + text-decoration: overline; +} +@media only screen and (max-width: 780px) { + a, + code, + h1, + h2, + h3, + h4, + h5, + h6, + li, + p, + small { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .site-name { + font-size: 14px !important; + } + .title, + h1, + h2, + h3, + h4, + h5, + h6 { + font-size: 18px !important; + } + .container { + padding-left: 5% !important; + padding-right: 5% !important; + } + main { + margin-left: 0 !important; + margin-right: 0 !important; + line-height: 1.8 !important; + } + a, + code, + li, + p, + small { + font-size: 12px !important; + } } - .dropdown-menu { - color: var(--background); - background-color: var(--background); - border-color: var(--primary); + color: var(--background); + background-color: var(--background); + border-color: var(--primary); } - .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { - color: var(--background)!important; - background-color: var(--primary)!important; -} - -@media only screen and (max-width:1200px) { - .source-detail { - border-color: var(--primary); - } -} + color: var(--background) !important; + background-color: var(--primary) !important; +} +@media only screen and (max-width: 1200px) { + .source-detail { + margin-top: 10px; + padding: 15px; + border-top: solid; + border-color: #e8e8e8; + border-color: var(--primary); + } +} +.sidebar { + height: 100%; + width: 100%; + color: #000 !important; + background-color: #f1f1f1 !important; +} +.bar-block .bar-item { + width: 100%; + display: block; + padding: 8px 16px; + text-align: left; + border: none; + white-space: normal; + float: none; + outline: 0; +} +.menu-button { + border: none; + padding: 8px 16px; + text-decoration: none; + color: inherit; + background-color: inherit; + text-align: center; + cursor: pointer; +} +.menu-button:hover { + color: #000 !important; + background-color: #ccc !important; +} +.preview { + padding-top: 50px !important; +} +.sidebar { + background-color: var(--background) !important; + margin-top: 3.2rem; +} +.sidebar .nav { + align-self: flex-start !important; +} +.sidebar .nav > li > a { + font-weight: bold; +} +.sidebar .nav .nav > li > a { + font-weight: normal; + font-size: medium; +} \ No newline at end of file diff --git a/template/assets/css/main.min.css b/template/assets/css/main.min.css index c7bf47d..569998b 100644 --- a/template/assets/css/main.min.css +++ b/template/assets/css/main.min.css @@ -1 +1 @@ -@import url(root.min.css);body,p,small{color:var(--text)}a,a:focus,a:hover,p a{text-decoration:underline}.title-color,h1,h2,h3,h4,h5,h6{color:var(--title)}body,h1,h2,h3,h4,h5,h6{letter-spacing:.0625em}.navigation a,.pagination li{display:inline}.list ul,pre code{padding:0}.centered .about ul li a,.list ul li a,.navigation a,h1,h2,h3,h4,h5,h6{text-transform:uppercase}.centered .about ul li a,.navigation ul li a{margin-left:1rem;margin-right:1rem}.list ul li,.navigation a{font-size:1.6rem}.centered,.wrapper,body{display:flex}.normal,body,p a{font-weight:400}html{box-sizing:border-box;font-size:80%}body{background-color:var(--background);font-family:"Fira Mono",monospace;font-size:1.6em;line-height:1.8em}main{margin-left:10%;margin-right:10%}img{max-width:100%;margin-left:auto;margin-right:auto}figcaption{font-size:75%;font-weight:700;text-align:center}code{background-color:var(--primary);padding:.4rem .8rem}pre{margin:1.6rem 0 1rem;padding:1.6rem;overflow-x:auto;color:#e5e5e5;tab-size:2;font-size:.775em;line-height:30px}*,:after,:before{box-sizing:inherit}.blog-header{max-width:700px}.date{margin-top:5px}a{color:var(--text)!important}a:focus,a:hover{color:#5c5c5c;color:var(--primary)!important}p{margin:1.6rem 0}p a{color:var(--primary);text-underline-position:under}h1,h2,h3,h4,h5,h6{margin:3.2rem 0 1.6rem}h1{font-size:3.2rem;line-height:3.2rem}h2{font-size:2.8rem;line-height:2.8rem}h3{font-size:2.4rem;line-height:2.4rem}h4{font-size:2.2rem;line-height:2.2rem}h5{font-size:2rem;line-height:2rem}h6{font-size:1.4rem;line-height:1.4rem}blockquote{border-left:2px solid #dcdcdc;padding-left:1.6rem;font-style:italic}td,th{padding:1rem}table{border-collapse:collapse}table td,table th{border:2px solid var(--primary)}table tr:first-child th{border-top:0}table tr:last-child td{border-bottom:0}table tr td:first-child,table tr th:first-child{border-left:0}table tr td:last-child,table tr th:last-child{border-right:0}.wrapper{flex-direction:column;min-height:100vh;width:100%}.container{margin:0 auto;max-width:120rem;width:100%;padding-left:2rem;padding-right:2rem}.navigation{height:6rem;width:100%}.navigation a{line-height:6rem;letter-spacing:.1rem}.navigation ul{list-style:none;margin-bottom:0;margin-top:0}.navigation ul li{float:left;margin:0;position:relative}.content{flex:1;margin-top:1.6rem;margin-bottom:3.2rem}.content article header{margin-top:3.2rem;margin-bottom:3.2rem}.content article header h1,.content article header h2{margin:0}.content article header h2{margin-top:1rem;font-size:1.8rem;color:#323232}.list ul{margin:3.2rem 0;list-style:none}.list ul li span{display:inline-block;text-align:right;width:25rem;margin-right:3rem}.centered .about,.centered .error,.footer,.nav-scroller .nav,.pagination,.pagination li,.search-query{text-align:center}.pagination{margin-top:6rem}.pagination li a span,.pagination li span{margin:0;text-align:center;width:3.2rem}.centered{height:100%;align-items:center;justify-content:center}.centered .about h1{margin-top:2rem;margin-bottom:.5rem}.centered .about h2{margin-top:1rem;margin-bottom:.5rem;font-size:2.4rem}.centered .about ul{list-style:none;margin:3rem 0 1rem;padding:0}.centered .about ul li{display:inline-block;position:relative}.centered .about ul li a{font-size:1.6rem}.centered .error h1{margin-top:2rem;margin-bottom:.5rem;font-size:4.6rem}.centered .error h2{margin-top:2rem;margin-bottom:3.2rem;font-size:3.2rem}@media only screen and (min-device-width:320px) and (max-device-width:480px){body{font-size:1em;line-height:1.6em}h1{font-size:2.8rem;line-height:2.8rem}h2{font-size:2.4rem;line-height:2.4rem}h3{font-size:2rem;line-height:2rem}h4{font-size:1.8rem;line-height:1.8rem}h5{font-size:1.6rem;line-height:1.6rem}.centered .about ul li a,.navigation a{font-size:1.4rem}.content article header h2{font-size:1.6rem}.list ul li{font-size:1.4rem;margin:1.6rem 0}.list ul li span{display:block;text-align:left}.centered .about h2{font-size:2rem}.centered .error h1{font-size:3.2rem}.centered .error h2{font-size:2.8rem}}.footer{height:6rem;width:100%;line-height:6rem}.float-right{float:right}.float-left{float:left}.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){.bd-placeholder-img-lg{font-size:3.5rem}}.b-example-divider{height:3rem;background-color:rgba(0,0,0,.1);border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em rgba(0,0,0,.1),inset 0 .125em .5em rgba(0,0,0,.15)}.b-example-vr{flex-shrink:0;width:1.5rem;height:100vh}.bi{vertical-align:-.125em;fill:currentColor}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.fa:hover{opacity:.5}.navbar-collapse{align-items:end}.md-source{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;font-size:18px;line-height:1.2;white-space:nowrap}.search-query{margin-top:2%;width:100%}.md-search-icon,.md-source-repo-icon{display:inline-block;vertical-align:middle;margin-right:10px;margin-left:10px;font-size:xx-large}.md-source-repo-text{display:flex;font-size:14px;text-align:left;gap:.4rem;list-style-type:none;margin:.1rem 0 0;opacity:.75;overflow:hidden;padding:0;width:100%}.md-source-repo-url{display:inline-block;max-width:calc(100% - 1.2rem);white-space:nowrap;width:15em;overflow:hidden;text-overflow:ellipsis;font-size:16px;text-align:left;vertical-align:middle}@media all and (min-width:992px){.dropdown-menu li{position:relative}.nav-item .submenu{display:none;position:absolute;left:100%;top:-7px}.nav-item .submenu-left{right:100%;left:auto}.dropdown-menu>li:hover{background-color:#f1f1f1}.dropdown-menu>li:hover>.submenu{display:block}}@media (max-width:991px){.dropdown-menu .dropdown-menu{margin-left:.7rem;margin-right:.7rem;margin-bottom:.5rem}}.logo{width:50px;margin:10px}.normal{font-style:normal;text-decoration:none}.bold{font-weight:700}.italic{font-style:italic}.scratched{text-decoration:line-through}.underline{text-decoration:underline}.overline{text-decoration:overline}@media only screen and (max-width:780px){a,code,h1,h2,h3,h4,h5,h6,li,p,small{margin-top:1rem!important;margin-bottom:1rem!important}.site-name{font-size:14px!important}.title,h1,h2,h3,h4,h5,h6{font-size:18px!important}.container{padding-left:5%!important;padding-right:5%!important}main{margin-left:0!important;margin-right:0!important;line-height:1.8!important}a,code,li,p,small{font-size:12px!important}}.dropdown-menu{color:var(--background);background-color:var(--background);border-color:var(--primary)}.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover{color:var(--background)!important;background-color:var(--primary)!important}@media only screen and (max-width:1200px){.source-detail{margin-top:10px;padding:15px;border-top:solid;border-color:#e8e8e8;border-color:var(--primary)}} \ No newline at end of file +body,p,small{color:var(--text)}a,a:focus,a:hover,p a{text-decoration:underline}.title-color,h1,h2,h3,h4,h5,h6{color:var(--title)}body,h1,h2,h3,h4,h5,h6{letter-spacing:.0625em}.navigation a,.pagination li{display:inline}.list ul,pre code{padding:0}.centered .about ul li a,.list ul li a,.navigation a,h1,h2,h3,h4,h5,h6{text-transform:uppercase}.centered .about ul li a,.navigation ul li a{margin-left:1rem;margin-right:1rem}.list ul li,.navigation a{font-size:1.6rem}.centered,.wrapper,body{display:flex}.normal,body,p a{font-weight:400}:root{--text:#000;--title:#000;--primary:#000;--background:#fff;--color-black:#000;--color-white:#fff;--color-blue:#4051b5;--color-green:#4cae4f;--color-yellow:#f1dc15;--color-orange:#ffa724;--color-purple:#ab47bd;--color-red:#ff2c06}html{box-sizing:border-box;font-size:80%}body{background-color:var(--background);font-family:"Fira Mono",monospace;font-size:1.6em;line-height:1.8em}code,pre{background-color:var(--primary)!important}main{margin-left:10%;margin-right:10%}img{max-width:100%;margin-left:auto;margin-right:auto}figcaption{font-size:75%;font-weight:700;text-align:center}code{color:var(--background);padding:.4rem .8rem}pre{margin:1.6rem 0 1rem;padding:1.6rem;overflow-x:auto;color:#e5e5e5;tab-size:2;font-size:.775em;line-height:30px}*,:after,:before{box-sizing:inherit}.blog-header{max-width:700px}.date{margin-top:5px}a{color:var(--text)!important}a:focus,a:hover{color:#5c5c5c;color:var(--primary)!important}p{margin:1.6rem 0}p a{color:var(--primary);text-underline-position:under}h1,h2,h3,h4,h5,h6{margin:3.2rem 0 1.6rem}h1{font-size:3.2rem;line-height:3.2rem}h2{font-size:2.8rem;line-height:2.8rem}h3{font-size:2.4rem;line-height:2.4rem}h4{font-size:2.2rem;line-height:2.2rem}h5{font-size:2rem;line-height:2rem}h6{font-size:1.4rem;line-height:1.4rem}blockquote{border-left:2px solid #dcdcdc;padding-left:1.6rem;font-style:italic}td,th{padding:1rem}table{border-collapse:collapse}table td,table th{border:2px solid var(--primary)}table tr:first-child th{border-top:0}table tr:last-child td{border-bottom:0}table tr td:first-child,table tr th:first-child{border-left:0}table tr td:last-child,table tr th:last-child{border-right:0}.wrapper{flex-direction:column;min-height:100vh;width:100%}.container{margin:0 auto;max-width:140rem;width:100%;padding-left:2rem;padding-right:2rem}.navigation{height:6rem;width:100%}.navigation a{line-height:6rem;letter-spacing:.1rem}.navigation ul{list-style:none;margin-bottom:0;margin-top:0}.navigation ul li{float:left;margin:0;position:relative}.content{flex:1;margin-top:1.6rem;margin-bottom:3.2rem}.content article header{margin-top:3.2rem;margin-bottom:3.2rem}.content article header h1,.content article header h2{margin:0}.content article header h2{margin-top:1rem;font-size:1.8rem;color:#323232}.list ul{margin:3.2rem 0;list-style:none}.list ul li span{display:inline-block;text-align:right;width:25rem;margin-right:3rem}.centered .about,.centered .error,.footer,.nav-scroller .nav,.pagination,.pagination li,.search-query{text-align:center}.pagination{margin-top:6rem}.pagination li a span,.pagination li span{margin:0;text-align:center;width:3.2rem}.centered{height:100%;align-items:center;justify-content:center}.centered .about h1{margin-top:2rem;margin-bottom:.5rem}.centered .about h2{margin-top:1rem;margin-bottom:.5rem;font-size:2.4rem}.centered .about ul{list-style:none;margin:3rem 0 1rem;padding:0}.centered .about ul li{display:inline-block;position:relative}.centered .about ul li a{font-size:1.6rem}.centered .error h1{margin-top:2rem;margin-bottom:.5rem;font-size:4.6rem}.centered .error h2{margin-top:2rem;margin-bottom:3.2rem;font-size:3.2rem}@media only screen and (min-device-width:320px) and (max-device-width:480px){body{font-size:1em;line-height:1.6em}h1{font-size:2.8rem;line-height:2.8rem}h2{font-size:2.4rem;line-height:2.4rem}h3{font-size:2rem;line-height:2rem}h4{font-size:1.8rem;line-height:1.8rem}h5{font-size:1.6rem;line-height:1.6rem}.centered .about ul li a,.navigation a{font-size:1.4rem}.content article header h2{font-size:1.6rem}.list ul li{font-size:1.4rem;margin:1.6rem 0}.list ul li span{display:block;text-align:left}.centered .about h2{font-size:2rem}.centered .error h1{font-size:3.2rem}.centered .error h2{font-size:2.8rem}}.footer{height:6rem;width:100%;line-height:6rem}.float-right{float:right}.float-left{float:left}.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){.bd-placeholder-img-lg{font-size:3.5rem}}.b-example-divider{height:3rem;background-color:rgba(0,0,0,.1);border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em rgba(0,0,0,.1),inset 0 .125em .5em rgba(0,0,0,.15)}.b-example-vr{flex-shrink:0;width:1.5rem;height:100vh}.bi{vertical-align:-.125em;fill:currentColor}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.fa:hover{opacity:.5}.navbar-collapse{align-items:end}.md-source{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;font-size:18px;line-height:1.2;white-space:nowrap}.search-query{margin-top:2%;width:100%}.md-search-icon,.md-source-repo-icon{display:inline-block;vertical-align:middle;margin-right:10px;margin-left:10px;font-size:xx-large}.md-source-repo-text{display:flex;font-size:14px;text-align:left;gap:.4rem;list-style-type:none;margin:.1rem 0 0;opacity:.75;overflow:hidden;padding:0;width:100%}.md-source-repo-url,.menu-button{display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap}.md-source-repo-url{max-width:calc(100% - 1.2rem);width:15em;text-overflow:ellipsis;font-size:16px;text-align:left}@media all and (min-width:992px){.dropdown-menu li{position:relative}.nav-item .submenu{display:none;position:absolute;left:100%;top:-7px}.nav-item .submenu-left{right:100%;left:auto}.dropdown-menu>li:hover{background-color:#f1f1f1}.dropdown-menu>li:hover>.submenu{display:block}}@media (max-width:991px){.dropdown-menu .dropdown-menu{margin-left:.7rem;margin-right:.7rem;margin-bottom:.5rem}}.logo{width:50px;margin:10px}.normal{font-style:normal;text-decoration:none}.bold{font-weight:700}.italic{font-style:italic}.scratched{text-decoration:line-through}.underline{text-decoration:underline}.overline{text-decoration:overline}@media only screen and (max-width:780px){a,code,h1,h2,h3,h4,h5,h6,li,p,small{margin-top:1rem!important;margin-bottom:1rem!important}.site-name{font-size:14px!important}.title,h1,h2,h3,h4,h5,h6{font-size:18px!important}.container{padding-left:5%!important;padding-right:5%!important}main{margin-left:0!important;margin-right:0!important;line-height:1.8!important}a,code,li,p,small{font-size:12px!important}}.dropdown-menu{color:var(--background);background-color:var(--background);border-color:var(--primary)}.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover{color:var(--background)!important;background-color:var(--primary)!important}@media only screen and (max-width:1200px){.source-detail{margin-top:10px;padding:15px;border-top:solid;border-color:#e8e8e8;border-color:var(--primary)}}.sidebar{height:100%;width:100%;color:#000!important;background-color:#f1f1f1!important}.bar-block .bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}.menu-button{border:none;padding:8px 16px;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer}.menu-button:hover{color:#000!important;background-color:#ccc!important}.preview{padding-top:50px!important}.sidebar{background-color:var(--background)!important} diff --git a/template/assets/stylesheets/styles.css b/template/assets/stylesheets/styles.css deleted file mode 100644 index 78ef430..0000000 --- a/template/assets/stylesheets/styles.css +++ /dev/null @@ -1,93 +0,0 @@ -:root { - --text: black; - --title: black; - --primary: black; - --background: white; - --color-black: #000000; - --color-white: #ffffff; - --color-blue: #4051b5; - --color-green: #4cae4f; - --color-yellow: #f1dc15; - --color-orange: #ffa724; - --color-purple: #ab47bd; - --color-red: #ff2c06; -} - -body { - color: var(--text); - background-color: var(--background); -} - -small { - color: var(--text); -} - -code { - background-color: var(--primary); - color: var(--background) !important; -} - -pre { - background-color: var(--primary); -} - -a { - color: var(--text) !important; - text-decoration: underline; -} - -a:focus,a:hover { - color: var(--primary) !important; - text-decoration: underline; -} - -p { - color: var(--text); -} - -p a { - font-weight: 400; - color: var(--primary); - text-decoration: underline; - text-underline-position: under; -} - -p a:focus,p a:hover { - color: var(--primary); -} - -h1,h2,h3,h4,h5,h6 { - color: var(--title); - letter-spacing: .0625em; - margin: 3.2rem 0 1.6rem 0; -} - -blockquote { - border-left: 2px solid #dcdcdc; -} - -table td,table th { - border: 2px solid var(--primary); -} - -.title-color { - color: var(--title); -} - -.dropdown-menu { - color: var(--background); - background-color: var(--background); - border-color: var(--primary); -} - -.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { - color: var(--background) !important; - background-color: var(--primary) !important; -} - - -@media only screen and (max-width: 1200px) { - .source-detail { - border-color: var(--primary); - } -} diff --git a/template/assets/stylesheets/theme.css b/template/assets/stylesheets/theme.css deleted file mode 100644 index 67bea04..0000000 --- a/template/assets/stylesheets/theme.css +++ /dev/null @@ -1,570 +0,0 @@ -html { - box-sizing: border-box; - font-size: 80%; -} -body { - display: flex; - color: #323232; - background-color: #fefefe; - font-family: "Fira Mono", monospace; - font-size: 1.6em; - font-weight: 400; - letter-spacing: 0.0625em; - line-height: 1.8em; -} -main { - margin-left: 10%; - margin-right: 10%; -} -img { - max-width: 100%; - margin-left: auto; - margin-right: auto; -} -figcaption { - font-size: 75%; - font-weight: bold; - text-align: center; -} -code { - background-color: #000; - color: #fefefe; - padding: 0.4rem 0.8rem 0.4rem 0.8rem; -} -pre { - margin: 1.6rem 0 1rem 0; - padding: 1.6rem; - overflow-x: auto; - color: #e5e5e5; - background-color: #000; - tab-size: 2; - font-size: 0.775em; - line-height: 30px; -} -*, -*:after, -*:before { - box-sizing: inherit; -} -.container { - max-width: 960px; -} -.blog-header { - max-width: 700px; -} -.title-color { - color: black; -} -.date { - margin-top: 5px; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - body { - font-size: 1em; - line-height: 1.6em; - } -} -a { - color: #000000; - text-decoration: underline; -} -a:focus, -a:hover { - color: #5c5c5c; - text-decoration: underline; -} -p { - margin: 1.6rem 0 1.6rem 0; -} -p a { - font-weight: 400; - color: #000; - text-decoration: underline; - text-underline-position: under; -} -p a:focus, -p a:hover { - color: #000000; -} -h1, -h2, -h3, -h4, -h5, -h6 { - color: #000; - letter-spacing: 0.0625em; - margin: 3.2rem 0 1.6rem 0; - text-transform: uppercase; -} -h1 { - font-size: 3.2rem; - line-height: 3.2rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - h1 { - font-size: 2.8rem; - line-height: 2.8rem; - } -} -h2 { - font-size: 2.8rem; - line-height: 2.8rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - h2 { - font-size: 2.4rem; - line-height: 2.4rem; - } -} -h3 { - font-size: 2.4rem; - line-height: 2.4rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - h3 { - font-size: 2rem; - line-height: 2rem; - } -} -h4 { - font-size: 2.2rem; - line-height: 2.2rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - h4 { - font-size: 1.8rem; - line-height: 1.8rem; - } -} -h5 { - font-size: 2rem; - line-height: 2rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - h5 { - font-size: 1.6rem; - line-height: 1.6rem; - } -} -h6 { - font-size: 1.4rem; - line-height: 1.4rem; -} -blockquote { - border-left: 2px solid #dcdcdc; - padding-left: 1.6rem; - font-style: italic; -} -th, -td { - padding: 1rem; -} -table { - border-collapse: collapse; -} -table td, -table th { - border: 2px solid #000000; -} -table tr:first-child th { - border-top: 0; -} -table tr:last-child td { - border-bottom: 0; -} -table tr td:first-child, -table tr th:first-child { - border-left: 0; -} -table tr td:last-child, -table tr th:last-child { - border-right: 0; -} -.wrapper { - display: flex; - flex-direction: column; - min-height: 100vh; - width: 100%; -} -.container { - margin: 0 auto; - max-width: 120rem; - width: 100%; - padding-left: 2rem; - padding-right: 2rem; -} -.navigation { - height: 6rem; - width: 100%; -} -.navigation a { - display: inline; - font-size: 1.6rem; - text-transform: uppercase; - line-height: 6rem; - letter-spacing: 0.1rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - .navigation a { - font-size: 1.4rem; - } -} -.navigation ul { - list-style: none; - margin-bottom: 0; - margin-top: 0; -} -.navigation ul li { - float: left; - margin: 0; - position: relative; -} -.navigation ul li a { - margin-left: 1rem; - margin-right: 1rem; -} -.content { - flex: 1; - margin-top: 1.6rem; - margin-bottom: 3.2rem; -} -.content article header { - margin-top: 3.2rem; - margin-bottom: 3.2rem; -} -.content article header h1, -.content article header h2 { - margin: 0; -} -.content article header h2 { - margin-top: 1rem; - font-size: 1.8rem; - color: #323232; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - .content article header h2 { - font-size: 1.6rem; - } -} -.list ul { - margin: 3.2rem 0 3.2rem 0; - list-style: none; - padding: 0; -} -.list ul li { - font-size: 1.6rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - .list ul li { - font-size: 1.4rem; - margin: 1.6rem 0 1.6rem 0; - } -} -.list ul li span { - display: inline-block; - text-align: right; - width: 25rem; - margin-right: 3rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - .list ul li span { - display: block; - text-align: left; - } -} -.list ul li a { - text-transform: uppercase; -} -.pagination { - margin-top: 6rem; - text-align: center; -} -.pagination li { - display: inline; - text-align: center; -} -.pagination li span { - margin: 0; - text-align: center; - width: 3.2rem; -} -.pagination li a span { - margin: 0; - text-align: center; - width: 3.2rem; -} -.centered { - display: flex; - height: 100%; - align-items: center; - justify-content: center; -} -.centered .about { - text-align: center; -} -.centered .about h1 { - margin-top: 2rem; - margin-bottom: 0.5rem; -} -.centered .about h2 { - margin-top: 1rem; - margin-bottom: 0.5rem; - font-size: 2.4rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - .centered .about h2 { - font-size: 2rem; - } -} -.centered .about ul { - list-style: none; - margin: 3rem 0 1rem 0; - padding: 0; -} -.centered .about ul li { - display: inline-block; - position: relative; -} -.centered .about ul li a { - text-transform: uppercase; - margin-left: 1rem; - margin-right: 1rem; - font-size: 1.6rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - .centered .about ul li a { - font-size: 1.4rem; - } -} -.centered .error { - text-align: center; -} -.centered .error h1 { - margin-top: 2rem; - margin-bottom: 0.5rem; - font-size: 4.6rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - .centered .error h1 { - font-size: 3.2rem; - } -} -.centered .error h2 { - margin-top: 2rem; - margin-bottom: 3.2rem; - font-size: 3.2rem; -} -@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { - .centered .error h2 { - font-size: 2.8rem; - } -} -.footer { - height: 6rem; - width: 100%; - text-align: center; - line-height: 6rem; -} -.float-right { - float: right; -} -.float-left { - float: left; -} -.bd-placeholder-img { - font-size: 1.125rem; - text-anchor: middle; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -@media (min-width: 768px) { - .bd-placeholder-img-lg { - font-size: 3.5rem; - } -} -.b-example-divider { - height: 3rem; - background-color: rgba(0, 0, 0, 0.1); - border: solid rgba(0, 0, 0, 0.15); - border-width: 1px 0; - box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1), inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15); -} -.b-example-vr { - flex-shrink: 0; - width: 1.5rem; - height: 100vh; -} -.bi { - vertical-align: -0.125em; - fill: currentColor; -} -.nav-scroller { - position: relative; - z-index: 2; - height: 2.75rem; - overflow-y: hidden; -} -.nav-scroller .nav { - display: flex; - flex-wrap: nowrap; - padding-bottom: 1rem; - margin-top: -1px; - overflow-x: auto; - text-align: center; - white-space: nowrap; - -webkit-overflow-scrolling: touch; -} -.fa:hover { - opacity: 0.5; -} -.navbar-collapse { - align-items: end; -} -.md-source { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - display: block; - font-size: 18px; - line-height: 1.2; - white-space: nowrap; -} -@media only screen and (max-width: 1200px) { - .source-detail { - margin-top: 10px; - padding: 15px; - border-top: solid; - border-color: #e8e8e8; - } -} -.search-query { - margin-top: 2%; - width: 100%; - text-align: center; -} -.md-search-icon { - display: inline-block; - vertical-align: middle; - margin-right: 10px; - margin-left: 10px; - font-size: xx-large; -} -.md-source-repo-icon { - display: inline-block; - vertical-align: middle; - margin-right: 10px; - margin-left: 10px; - font-size: xx-large; -} -.md-source-repo-text { - display: flex; - font-size: 14px; - text-align: left; - gap: 0.4rem; - list-style-type: none; - margin: 0.1rem 0 0; - opacity: 0.75; - overflow: hidden; - padding: 0; - width: 100%; -} -.md-source-repo-url { - display: inline-block; - max-width: calc(100% - 1.2rem); - white-space: nowrap; - width: 15em; - overflow: hidden; - text-overflow: ellipsis; - font-size: 16px; - text-align: left; - vertical-align: middle; -} -@media all and (min-width: 992px) { - .dropdown-menu li { - position: relative; - } - .nav-item .submenu { - display: none; - position: absolute; - left: 100%; - top: -7px; - } - .nav-item .submenu-left { - right: 100%; - left: auto; - } - .dropdown-menu > li:hover { - background-color: #f1f1f1; - } - .dropdown-menu > li:hover > .submenu { - display: block; - } -} -@media (max-width: 991px) { - .dropdown-menu .dropdown-menu { - margin-left: 0.7rem; - margin-right: 0.7rem; - margin-bottom: 0.5rem; - } -} -.logo { - width: 50px; - margin: 10px; -} -.normal { - font-weight: normal; - font-style: normal; - text-decoration: none; -} -.bold { - font-weight: bold; -} -.italic { - font-style: italic; -} -.scratched { - text-decoration: line-through; -} -.underline { - text-decoration: underline; -} -.overline { - text-decoration: overline; -} -@media only screen and (max-width: 780px) { - .site-name { - font-size: 14px !important; - } - .title { - font-size: 18px !important; - } - .container { - padding-left: 5% !important; - padding-right: 5% !important; - } - main { - margin-left: 0% !important; - margin-right: 0% !important; - line-height: 1.8 !important; - } - h1, - h2, - h3, - h4, - h5, - h6 { - font-size: 18px !important; - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - p, - a, - li, - code, - small { - font-size: 12px !important; - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } -} diff --git a/template/index.html b/template/index.html index 6dad908..baf3c49 100644 --- a/template/index.html +++ b/template/index.html @@ -1,210 +1,426 @@ - - - - + + + MkDocs Simple Blog - - + + + + + + - - - + - + + + + - - - - - - + + + + - +
-
- - + +
+ + +
+
+ +
- -
+
+
+
+ + +
+
+ +
-
- -

Home

- -
-

-

March 25, 2023

-
-

For full documentation visit mkdocs.org.

-

Commands

-
    -
  • mkdocs new [dir-name] - Create a new project.
    • -
  • mkdocs serve - Start the live-reloading docs server.
    • -
  • mkdocs build - Build the documentation site.
    • -
  • mkdocs -h - Print help message and exit.
    • -
-

Project layout

- 
mkdocs.yml    # The configuration file.
+                  

+                    
Home

+                  

+                  

+                  
January 1, 2025

+                  

+                  

+                    For full documentation visit
+                    mkdocs.org.
+                  

+                  
Commands

+                  
    
+                    
  • 
+                      mkdocs new [dir-name] - Create a new project.
+                    
    • 
+                    
  • 
+                      mkdocs serve - Start the live-reloading docs
+                      server.
+                    
    • 
+                    
  • 
+                      mkdocs build - Build the documentation site.
+                    
    • 
+                    
  • 
+                      mkdocs -h - Print help message and exit.
+                    
    • 
+                  

+                  
Project layout

+
mkdocs.yml    # The configuration file.
 docs/
     index.md  # The documentation homepage.
-    ...       # Other markdown pages, images and other files.

-                    

+    ...       # Other markdown pages, images and other files.
+
+

Installation MkDocs

+

+ To install MkDocs, run the following command from the + command line: +

+ 
pip install mkdocs
+
+

Installation theme

+

Install the theme using PIP:

+ 
pip install mkdocs-simple-blog
+
+

Activating theme

+

+ After the theme is installed, edit your + mkdocs.yml file and set the theme name to + simple-blog: +

+ 
theme:
+    name: simple-blog
+
+

Getting Help

+

+ We use GitHub issues for tracking bugs and feature requests + and have limited bandwidth to address them. If you need + anything, I ask you to please follow our templates for + opening issues or discussions. +

+ +

Commit Style

+
    +
  • ⚙️ FEATURE
    • +
  • 📝 PEP8
    • +
  • 📌 ISSUE
    • +
  • 🪲 BUG
    • +
  • 📘 DOCS
    • +
  • 📦 PyPI
    • +
  • ❤️️ TEST
    • +
  • ⬆️ CI/CD
    • +
  • ⚠️ SECURITY
    • +
+

License

+

+ GitHub +

+

+ This project is licensed under the terms of the GNU General + Public License v3.0 license. +

+

-
- -
- - -
-
- -
-
-
- + +
+
- - - - - + + + +
+
+ +
+
+
+ +
+
+ + + + - - - - \ No newline at end of file + +