diff --git a/static/stylesheet/style.less b/static/stylesheet/style.less index 0551ed92..7ea85d02 100644 --- a/static/stylesheet/style.less +++ b/static/stylesheet/style.less @@ -155,6 +155,18 @@ main { } } + header { + max-width: 760px; + + .translations { + float: right; + + .active { + font-weight: 600; + } + } + } + article { margin: 0 8% 2% 8%; @@ -167,14 +179,6 @@ main { color: @header-text-color; font-size: 0.86em; } - - .translations { - float: right; - - .active { - font-weight: 600; - } - } } code, kbd, samp, pre { diff --git a/static/stylesheet/style.min.css b/static/stylesheet/style.min.css index 18be363a..f4d91008 100644 --- a/static/stylesheet/style.min.css +++ b/static/stylesheet/style.min.css @@ -1 +1 @@ -body,html{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.1}h1{font-size:2.4em}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.36em}h5{font-size:1.2em}h6{font-size:1.1em}body{margin:0;padding:0;background-color:#fff;color:#242121;font-family:Source Sans Pro,Roboto,Open Sans,Liberation Sans,DejaVu Sans,Verdana,Helvetica,Arial,sans-serif;font-size:1.02em;line-height:1.2em}a{color:#d9411e;text-decoration:none}a:hover{color:#ff5a09}hr{color:#eee;background-color:#eee;height:1px;border:none;margin-top:40px;margin-bottom:40px}img{max-width:100%}aside{background-color:#333;text-align:center}aside,aside a{color:#fff}aside a:hover{color:#eee}aside div{padding:20px;margin:0}aside div img{border-radius:50%;max-width:140px}aside div h1{margin:15px 0 5px}aside div p{margin:0 0 15px;font-size:.92em}aside nav ul li{display:inline;line-height:1.6em;font-size:1.28em;text-transform:lowercase}main nav{text-align:center;text-transform:uppercase;padding:14px 0;border-bottom:1px solid #eee;font-size:0}main .translations a,main nav a{font-size:12px;padding:0 4px;border-right:1px solid #eee}main .translations :last-child,main nav :last-child{border-right:none}main .neighbors{margin:4% 0;height:20px}main .pagination{margin:4% 8%;height:20px}main .social-share p{font-size:.8em}main article{margin:0 8% 2%}main article header h1,main article header h2{margin-bottom:0}main article header p{color:#999;font-size:.86em}main article header .translations{float:right}main article header .translations .active{font-weight:600}main article code,main article kbd,main article pre,main article samp{font-family:Source Code Pro,Consolas,Liberation Mono,DejaVu Sans Mono,monospace}main article blockquote,main article pre{background-color:hsla(0,0%,50%,.05);border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:8px solid hsla(0,0%,50%,.075);border-left-width:10px}main article blockquote{margin:0;padding:10px 20px;font-weight:300;font-size:1.1em}main article pre{padding:4px;font-size:.9em;overflow-x:auto}main article samp{white-space:pre;display:block;overflow-x:auto}main article kbd{padding:.1em .6em;border:1px solid rgba(63,63,63,.25);box-shadow:0 1px 0 rgba(63,63,63,.25);background-color:#fff;color:#333;border-radius:3px;display:inline-block;margin:0 .1em;white-space:nowrap;font-size:.78em}main article :not(pre)>code{font-size:.8em;white-space:nowrap;color:#c25;padding:1px 3px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:3px}main article .comment-count{font-size:.8em}main article table{border-collapse:collapse;border-spacing:0}main article table thead:first-child tr:first-child th{border-top:0}main article table td,main article table th{padding:8px;line-height:20px;vertical-align:top;border-top:1px solid #ddd}main article table.highlighttable{width:100%;table-layout:fixed}main article table.highlighttable td{border-style:none;padding:0}main article table.highlighttable td.linenos{width:2.5em}main article table.highlighttable td.linenos pre{padding-right:.8em;background-color:inherit;text-align:right}main article section#isso-thread .auth-section .input-wrapper{margin-right:5px}main article .toc{margin-top:2em}main article .toc .toctitle{font-size:1.3em}main article .toc ul{list-style:none;padding-inline-start:1rem}main article .toc>ul{padding:0}main footer{padding-top:4px;border-top:1px solid #eee}main footer p{margin:2px;text-align:center;padding:0 40px;color:#999;font-size:11px}main footer span.footer-separator{margin:0 6px}.tag-cloud a{background-color:#d9411e;padding:.2em .6em;font-size:.74em;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.tag-cloud a:hover{background-color:#ff5a09}a.btn,section#isso-thread section.auth-section p.post-action input{background-color:#d9411e;padding:.6em;font-size:.8em;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border:none;border-radius:.25em}a.btn:hover{background-color:#ff5a09}.center,.text-center{text-align:center}.align-center,.img-center{margin-left:auto;margin-right:auto;display:block}.float-left{float:left}.float-right{float:right}div.related-posts{margin:15px 0;padding-bottom:20px;border-top:1px solid #eee;border-bottom:1px solid #eee}div.related-posts h4{margin:20px 0 25px}div.related-posts ul{font-size:1.1em;padding-left:12px}div.related-posts ul li{padding:4px 0}ul.list,ul.related-posts,ul.social{list-style-type:none;margin:0;padding:0}ul.list{padding:1em 0}ul.list li{padding:4px}ul.social{font-size:1.6em;padding-top:20px}ul.social li{display:inline}ul.social a:hover{z-index:1;transform:translateY(-2px)}ul.social a{display:inline-block;width:36px;height:36px;border-radius:100%;text-align:center;font-size:.8em;line-height:36px}ul.social a.sc-facebook{background-color:#3e5b98}ul.social a.sc-google{background-color:#d93e2d}ul.social a.sc-instagram{background-color:#125688}ul.social a.sc-keybase{background-color:#4c8dff}ul.social a.sc-pinterest{background-color:#c92619}ul.social a.sc-linkedin{background-color:#3371b7}ul.social a.sc-medium{background-color:#00ab6b}ul.social a.sc-rss{background-color:#f26109}ul.social a.sc-stack-overflow{background-color:#f90}ul.social a.sc-tumblr{background-color:#36465d}ul.social a.sc-twitch{background-color:#a970ff}ul.social a.sc-twitter{background-color:#4da7de}ul.social a.sc-youtube{background-color:#e02a20}ul.social a.sc-github,ul.social a.sc-github-alt{background-color:#111010}ul.social a.sc-at,ul.social a.sc-envelope,ul.social a.sc-mailbox{background-color:#578ad6}ul.social a.sc-reddit{background-color:#ff4500}ul.social a.sc-soundcloud{background-color:#f50}ul.social a.sc-gitlab{background-color:#fca326}ul.social a.sc-xing{background-color:#007575}ul.social a.sc-bitbucket{background-color:#0747a6}ul.social a.sc-mastodon{background-color:#3088d4}ul.social a.sc-diaspora{color:#000;background-color:#d5d5d5}ul.social a.sc-flickr{background-color:#ff0084}ul.social a.sc-lastfm{background-color:#d92323}.ads-aside{display:inline-block;height:90px;width:70%}.ads-responsive{display:inline-block;margin:6px 0;width:90%;height:70px;margin-left:5%}@media screen and (min-width:768px){aside{width:25vw;height:100vh;position:fixed;z-index:2;top:0;left:0}aside div{padding:36px 18px}aside div nav ul li{padding:0!important;display:block}aside div ul.social{padding-top:32px}main{height:100vh;position:relative;padding-left:25vw}main article{max-width:760px}main article ul.list li{padding:2px}.ads-aside{height:250px}.ads-responsive{height:90px}}div.admonition{margin-bottom:2.5rem;border-radius:4px;padding:.5em 1.25em 1.25em}div.admonition p.admonition-title:before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-family:Font Awesome\ 5 Free}div.admonition p.admonition-title{font-weight:600;line-height:1.25em;margin-bottom:1.25em;margin-top:inherit}div.admonition div,div.admonition p,div.admonition pre{margin-bottom:0}div.admonition{color:#242121;background-color:#ccc}div.admonition.attention{color:#856404;background-color:#fff3cd}div.admonition.attention p.admonition-title:before{content:"\f071\00a0 "}div.admonition.caution{color:#856404;background-color:#fff3cd}div.admonition.caution p.admonition-title:before{content:"\f071\00a0 "}div.admonition.danger{color:#721c24;background-color:#f8d7da}div.admonition.danger p.admonition-title:before{content:"\f06a\00a0 "}div.admonition.error{color:#721c24;background-color:#f8d7da}div.admonition.error p.admonition-title:before{content:"\f06a\00a0 "}div.admonition.hint{color:#004085;background-color:#cce5ff}div.admonition.hint p.admonition-title:before{content:"\f0eb\00a0 "}div.admonition.important{color:#155724;background-color:#d4edda}div.admonition.important p.admonition-title:before{content:"\f05a\00a0 "}div.admonition.note{color:#155724;background-color:#d4edda}div.admonition.note p.admonition-title:before{content:"\f05a\00a0 "}div.admonition.tip{color:#004085;background-color:#cce5ff}div.admonition.tip p.admonition-title:before{content:"\f0eb\00a0 "}div.admonition.warning{color:#856404;background-color:#fff3cd}div.admonition.warning p.admonition-title:before{content:"\f071\00a0 "}div.figure,figure{font-size:90%;color:#6c757d}div.figure figcaption,figure figcaption{margin-top:.5em;text-align:center;color:#242121}div.figure img,figure img{vertical-align:middle;line-height:1;display:inline}div.figure p,figure p{margin-top:0;margin-bottom:0}div.figure p.caption,figure p.caption{font-style:italic}div.figure div.legend,figure div.legend{text-align:initial}div.figure.align-left,figure.align-left{text-align:left}div.figure.align-center,figure.align-center{text-align:center}div.figure.align-right,figure.align-right{text-align:right}.github-corner:hover .octo-arm{animation:a .56s ease-in-out}@keyframes a{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:a .56s ease-in-out}} \ No newline at end of file +html,body{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.1}h1{font-size:2.4em}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.36em}h5{font-size:1.2em}h6{font-size:1.1em}body{margin:0;padding:0;background-color:#ffffff;color:#242121;font-family:'Source Sans Pro','Roboto','Open Sans','Liberation Sans','DejaVu Sans','Verdana','Helvetica','Arial',sans-serif;font-size:1.02em;line-height:1.2em}a{color:#D9411E;text-decoration:none}a:hover{color:#FF5A09}hr{color:#eeeeee;background-color:#eeeeee;height:1px;border:none;margin-top:40px;margin-bottom:40px}img{max-width:100%}aside{background-color:#333333;color:#ffffff;text-align:center}aside a{color:#ffffff}aside a:hover{color:#eeeeee}aside div{padding:20px;margin:0}aside div img{border-radius:50%;max-width:140px}aside div h1{margin:15px 0 5px 0}aside div p{margin:0 0 15px 0;font-size:.92em}aside nav ul li{display:inline;line-height:1.6em;font-size:1.28em;text-transform:lowercase}main nav{text-align:center;text-transform:uppercase;padding:14px 0 14px 0;border-bottom:#eeeeee 1px solid;font-size:0}main nav a,main .translations a{font-size:12px;padding:0 4px;border-right:#eeeeee 1px solid}main nav :last-child,main .translations :last-child{border-right:none}main .neighbors{margin:4% 0% 4% 0%;height:20px}main .pagination{margin:4% 8% 4% 8%;height:20px}main .social-share p{font-size:.8em}main header{max-width:760px}main header .translations{float:right}main header .translations .active{font-weight:600}main article{margin:0 8% 2% 8%}main article header h1,main article header h2{margin-bottom:0}main article header p{color:#999999;font-size:.86em}main article code,main article kbd,main article samp,main article pre{font-family:'Source Code Pro','Consolas','Liberation Mono','DejaVu Sans Mono',monospace}main article blockquote,main article pre{background-color:rgba(128,128,128,0.05);border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:8px solid rgba(128,128,128,0.075);border-left-width:10px}main article blockquote{margin:0;padding:10px 20px;font-weight:300;font-size:1.1em}main article pre{padding:4px;font-size:.9em;overflow-x:auto}main article samp{white-space:pre;display:block;overflow-x:auto}main article kbd{padding:.1em .6em;border:1px solid rgba(63,63,63,0.25);box-shadow:0 1px 0 rgba(63,63,63,0.25);background-color:#fff;color:#333;border-radius:3px;display:inline-block;margin:0 .1em;white-space:nowrap;font-size:.78em}main article *:not(pre)>code{font-size:.8em;white-space:nowrap;color:#c25;padding:1px 3px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:3px}main article .comment-count{font-size:.8em}main article table{border-collapse:collapse;border-spacing:0}main article table thead:first-child tr:first-child th{border-top:0}main article table th,main article table td{padding:8px;line-height:20px;vertical-align:top;border-top:1px solid #ddd}main article table.highlighttable{width:100%;table-layout:fixed}main article table.highlighttable td{border-style:none;padding:0px}main article table.highlighttable td.linenos{width:2.5em}main article table.highlighttable td.linenos pre{padding-right:.8em;background-color:inherit;text-align:right}main article section#isso-thread .auth-section .input-wrapper{margin-right:5px}main article .toc{margin-top:2em}main article .toc .toctitle{font-size:1.3em}main article .toc ul{list-style:none;padding-inline-start:1rem}main article .toc>ul{padding:0}main footer{padding-top:4px;border-top:#eeeeee 1px solid}main footer p{margin:2px;text-align:center;padding:0 40px 0 40px;color:#999999;font-size:11px}main footer span.footer-separator{margin:0 6px}.tag-cloud a{background-color:#D9411E;padding:.2em .6em .2em;font-size:.74em;line-height:1;color:#ffffff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.tag-cloud a:hover{background-color:#FF5A09}a.btn,section#isso-thread section.auth-section p.post-action input{background-color:#D9411E;padding:.6em .6em;font-size:.8em;line-height:1;color:#ffffff;text-align:center;white-space:nowrap;vertical-align:baseline;border:none;border-radius:.25em}a.btn:hover{background-color:#FF5A09}.center,.text-center{text-align:center}.img-center{margin-left:auto;margin-right:auto;display:block}.align-center{margin-left:auto;margin-right:auto;display:block}.float-left{float:left}.float-right{float:right}div.related-posts{margin:15px 0 15px 0;padding-bottom:20px;border-top:#eeeeee 1px solid;border-bottom:#eeeeee 1px solid}div.related-posts h4{margin:20px 0 25px 0}div.related-posts ul{font-size:1.1em;padding-left:12px}div.related-posts ul li{padding:4px 0 4px 0}ul.list,ul.social,ul.related-posts{list-style-type:none;margin:0;padding:0}ul.list{padding:1em 0 1em 0}ul.list li{padding:4px}ul.social{font-size:1.6em;padding-top:20px}ul.social li{display:inline}ul.social a:hover{z-index:2;-webkit-transform:translateY(-2px);transform:translateY(-2px)}ul.social a{display:inline-block;width:36px;height:36px;border-radius:100%;text-align:center;font-size:.8em;line-height:36px}ul.social a.sc-facebook{background-color:#3e5b98}ul.social a.sc-google{background-color:#d93e2d}ul.social a.sc-instagram{background-color:#125688}ul.social a.sc-keybase{background-color:#4c8dff}ul.social a.sc-pinterest{background-color:#c92619}ul.social a.sc-linkedin{background-color:#3371b7}ul.social a.sc-medium{background-color:#00ab6b}ul.social a.sc-rss{background-color:#f26109}ul.social a.sc-stack-overflow{background-color:#ff9900}ul.social a.sc-tumblr{background-color:#36465d}ul.social a.sc-twitch{background-color:#a970ff}ul.social a.sc-twitter{background-color:#4da7de}ul.social a.sc-youtube{background-color:#e02a20}ul.social a.sc-github,ul.social a.sc-github-alt{background-color:#111010}ul.social a.sc-at,ul.social a.sc-mailbox,ul.social a.sc-envelope{background-color:#578ad6}ul.social a.sc-reddit{background-color:#ff4500}ul.social a.sc-soundcloud{background-color:#ff5500}ul.social a.sc-gitlab{background-color:#fca326}ul.social a.sc-xing{background-color:#007575}ul.social a.sc-bitbucket{background-color:#0747A6}ul.social a.sc-mastodon{background-color:#3088d4}ul.social a.sc-diaspora{color:#000000;background-color:#D5D5D5}ul.social a.sc-flickr{background-color:#ff0084}ul.social a.sc-lastfm{background-color:#d92323}.ads-aside{display:inline-block;height:90px;width:70%}.ads-responsive{display:inline-block;margin:6px 0 6px 0;width:90%;height:70px;margin-left:5%}@media screen and (min-width:768px){aside{width:25vw;height:100vh;position:fixed;z-index:1000;top:0;left:0}aside div{padding:36px 18px}aside div nav ul li{padding:0 !important;display:block}aside div ul.social{padding-top:32px}main{height:100vh;position:relative;padding-left:25vw}main article{max-width:760px}main article ul.list li{padding:2px}.ads-aside{height:250px}.ads-responsive{height:90px}}div.admonition{margin-bottom:2.5rem;border-radius:4px;padding:.5em 1.25em 1.25em 1.25em}div.admonition p.admonition-title::before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-family:"Font Awesome 5 Free"}div.admonition p.admonition-title{font-weight:600;line-height:1.25em;margin-bottom:1.25em;margin-top:inherit}div.admonition p,div.admonition div,div.admonition pre{margin-bottom:0}div.admonition{color:#242121;background-color:#cccccc}div.admonition.attention{color:#856404;background-color:#fff3cd}div.admonition.attention p.admonition-title::before{content:"\f071\00a0 "}div.admonition.caution{color:#856404;background-color:#fff3cd}div.admonition.caution p.admonition-title::before{content:"\f071\00a0 "}div.admonition.danger{color:#721c24;background-color:#f8d7da}div.admonition.danger p.admonition-title::before{content:"\f06a\00a0 "}div.admonition.error{color:#721c24;background-color:#f8d7da}div.admonition.error p.admonition-title::before{content:"\f06a\00a0 "}div.admonition.hint{color:#004085;background-color:#cce5ff}div.admonition.hint p.admonition-title::before{content:"\f0eb\00a0 "}div.admonition.important{color:#155724;background-color:#d4edda}div.admonition.important p.admonition-title::before{content:"\f05a\00a0 "}div.admonition.note{color:#155724;background-color:#d4edda}div.admonition.note p.admonition-title::before{content:"\f05a\00a0 "}div.admonition.tip{color:#004085;background-color:#cce5ff}div.admonition.tip p.admonition-title::before{content:"\f0eb\00a0 "}div.admonition.warning{color:#856404;background-color:#fff3cd}div.admonition.warning p.admonition-title::before{content:"\f071\00a0 "}figure,div.figure{font-size:90%;color:#6c757d}figure figcaption,div.figure figcaption{margin-top:.5em;text-align:center;color:#242121}figure img,div.figure img{vertical-align:middle;line-height:1;display:inline}figure p,div.figure p{margin-top:0;margin-bottom:0}figure p.caption,div.figure p.caption{font-style:italic}figure div.legend,div.figure div.legend{text-align:initial}figure.align-left,div.figure.align-left{text-align:left}figure.align-center,div.figure.align-center{text-align:center}figure.align-right,div.figure.align-right{text-align:right}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}} \ No newline at end of file diff --git a/templates/index.html b/templates/index.html index 5a076429..bb342775 100644 --- a/templates/index.html +++ b/templates/index.html @@ -12,6 +12,17 @@ {% endif %} +
+{% if extra_siteurls %} +
+ {{ DEFAULT_LANG }} + {% for lang, url in extra_siteurls.items() %} + {{ lang }} + {% endfor %} +
+{% endif %} +
+ {% for article in articles_page.object_list %}