Commit 01da519f authored by julientaq's avatar julientaq
Browse files

fix mobile part

parent fa1c12a4
......@@ -29,8 +29,9 @@ header: "this is fun"
<!-- Paged.js is an open source and free library <br/>to paginate content in the browser,<br/>to turn webpages in beautiful PDF. -->
<a href="about">
{{< pagedjs-logo class="intro-logo" >}}
</a>
*by* Cabbage Tree Labs
......
......@@ -20,4 +20,4 @@
}}@page:first{background:var(--color-lightest-grey);@bottom-left{content: element(logo);
}@top-left{content: none;
}@top-right{content: none;
}}@media print{body{display:block;margin:0;padding:0}footer{position:running(footer);font-size:.8em;margin:0}.paginator{display:none}#print{display:none}#title{string-set:title content(text)}body{--color-body: black;widows:3;orphans:3}header{break-after:page}header #title,header .intro{text-shadow:none}#print{display:none}#tableOfContents{font-size:10pt}.list .content{grid-column:left/end;font-size:.8em}.list .content li{break-inside:avoid}main{width:unset;height:unset;margin:0;padding:0}article{padding:0;margin:0;display:block;font-size:14px}.menu{display:none}.running-head{border:0 solid transparent}.crop-marks{display:none}header .intro{margin-bottom:0}.running-head{position:running(logo);background:unset;box-shadow:none;display:block}.running-head menu{display:none}.running-head .back-home svg{width:14ch}.running-head .back-home svg path{fill:#fff}}html{scroll-behavior:smooth;background:var(--color-background)}html *{box-sizing:border-box}body{overflow-y:scroll;box-sizing:border-box;display:grid;grid-template-columns:[left] 20% [main] 60% [right] 20% [end];width:80%;grid-gap:0;padding:0;background:var(--color-background);margin:0;max-width:1000px;margin:4em auto;position:relative;z-index:0;padding:3em}article{grid-column:left/end}.crop-marks{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.crop-mark{position:absolute;border:solid var(--color-cropmark)}.crop-mark.vertical{position:absolute;top:-15px;left:20px;right:20px;bottom:-15px;border-width:0 1px}.crop-mark.horizontal{position:absolute;top:20px;left:-15px;right:-15px;bottom:20px;border-width:1px 0}.paper{background:var(--color-paper);top:2px;right:2px;bottom:2px;left:2px;position:absolute;z-index:0}.paginator{margin-top:4em;padding-top:1em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;grid-column:left/end}.paginator.both{justify-content:space-between}.paginator a{font-style:normal;background:var(--color-paper)}.paginator .previous::before,.paginator .next::before{content:"Previously ";display:block;font-family:var(--font-sans);text-transform:uppercase;font-size:.7em;letter-spacing:.2ch;margin-bottom:1em}.paginator .next::before{content:"Next";text-align:right}.paginator .next{border-right:2px solid #000;padding-right:2ch}.paginator .previous{border-left:2px solid #000;padding-left:2ch}#breadcrumbs{font-family:var(--font-sans);padding-bottom:.7em;color:var(--color-grey)}#breadcrumbs .delimiter{color:inherit;font-weight:400}#breadcrumbs a{color:inherit;background:var(--color-paper)}#breadcrumbs a::after{content:none}#breadcrumbs a:last-child{color:var(--color-body)}#breadcrumbs a:hover{color:var(--color-accent)}article .note{padding-left:1em;font-size:.8em;margin-left:2em;border-left:2px solid var(--color-primary);font-family:var(--font-sans);float:right;width:30ch}article .note :first-child{padding-top:0}article{display:grid;grid-template-columns:[left] 20% [main] 70% 10%[end]}article .top{grid-column:left/end}article #breadcrumbs{grid-column:left/end}article header{grid-column:left/end}article figure{grid-column:left/end}article p,article ul,article ol,article h1,article h2,article h3,article h4,article h5,article h6,article blockquote{grid-column:main/main}article pre,article table,article .highlight,article .talkyard-comments{grid-column:left/end}article .signature{max-width:50ch;grid-column:main/end;font-family:var(--font-sans);margin-top:2em;font-size:.8em;line-height:1.6em;color:var(--color-primary)}article .signature .name{margin-left:-3em;padding-left:3em;max-width:max-content;padding-right:.3ch}article .signature img{border:2px solid var(--color-lightest-grey);float:left;display:block;width:73px;margin-left:-90px;height:auto;margin-right:1em;border-radius:50%;padding:5px;background:var(--color-paper);margin-top:-6px}.tags{margin-top:1em;font-size:.8em}a.tag{font-family:var(--font-sans);margin-right:2ch;text-decoration:underline;font-style:normal;font-weight:400;margin-top:1em}.talkyard-comments{margin-top:100px!important}.symbol-text{font-family:var(--font-sans);font-size:1em;position:absolute;color:grey;width:20ch;background:var(--color-paper);padding-right:1em;left:-33ch;margin-top:3em;text-align:right}.symbol-text a{text-decoration:underline;white-space:nowrap}.symbol-text::before{content:" ";transform:rotate(-11deg);height:1px;background:grey;display:block;right:-52px;width:11ch;position:absolute;z-index:-1;top:11px}.list{counter-reset:doc;grid-column:main/end}.list a{text-decoration:none;background:0 0;font-style:normal}.list *{max-width:unset}.list ul ul{padding-left:2ch;border-left:1px solid var(--color-lightest-grey);margin-left:2ch}.list nav:not(".menu")>ul{margin-left:5ch}.list ul li{list-style-type:none;font-size:1em}.list ul li>ul{margin-bottom:.5em;padding-left:2ch;margin-left:1ch;border-left:1px solid var(--color-lightest-grey)}.list ul li::before{content:none}.list ul li:hover::before{color:var(--color-accent)}.list p{max-width:45ch;font-size:1em;font-family:var(--font-sans)}.list .article{margin-left:0;margin-top:3em}.list .article .intro{font-family:var(--font-sans);font-size:1em;line-height:1.5;max-width:50ch;margin-top:.8em;color:var(--color-primary);padding-left:1em;border-left:2px solid;max-width:51ch;display:block;font-family:var(--font-serif)}.list .article h2{width:100%;font-size:1.5em;font-weight:400;margin-top:0;position:relative;border-color:transparent;margin-bottom:0;line-height:1.1}.list .article h2::before{content:".................................................................................................................................................";text-align:right;color:#ccc;font-size:.8em;bottom:2px;position:absolute;width:98%;padding-left:5px;letter-spacing:2px;overflow:hidden}.list .article h2 a{counter-increment:doc;position:relative;z-index:100;padding-right:.5ch;font-style:italic;line-height:1.1}.list .article h2 a span{background:var(--color-paper);display:inline;padding-right:1ch}.list .article h2 a::after{padding-left:1ch;content:counter(doc);float:right;background:var(--color-paper);font-style:normal;font-size:.8em;bottom:0;position:relative;top:.2em}.list .article .toc-emoji{float:right;position:relative;background:var(--color-paper);padding-left:1ch}.homepage{}.homepage main{}.homepage{min-height:80vh}.homepage .running-head{height:50px;display:flex;justify-content:flex-end}.homepage article{display:flex;align-content:center;justify-content:center;grid-template-columns:[left] 50% [main];grid-column:left/end;grid-gap:8ch;font-size:1em}.homepage article p{margin:0 auto;margin-bottom:0;max-width:40ch;margin-bottom:1em;text-align:center;font-size:1.5em}.homepage .contents{flex-direction:column;display:flex;flex:1 2;justify-items:space-around}.homepage .intro-logo{width:41%;margin:0 auto 2em;display:block}.homepage article ul{list-style-type:none;text-transform:uppercase;font-size:.8em;display:flex;justify-content:center;justify-self:flex-end;margin-top:auto}.homepage article ul li::before{content:none}.homepage article ul li{letter-spacing:.2ch;display:flex;padding:0;margin:0;flex-direction:row;display:inline-block;font-family:var(--font-sans);padding:1em}.about .meta{display:none}.posts article{}.posts .article h2{}.documentation{counter-reset:doc}.documentation .list .content .article{}.cookbook{}@media screen and (max-width:570px){body{width:100%;padding:0}body .article{grid-template-columns:[left] 2% [main] 96% 2%[end]}body .crop-marks{}}@media screen and (max-width:1540px){.symbol-text{display:none}body{padding:1.5em;width:90%}}@media screen and (max-width:1000px){body{padding:1.5em;margin:1em;width:auto}.running-head{flex-direction:column;align-items:center;justify-content:center;height:auto;padding-top:0;width:100%;background:#fff}article{grid-template-columns:[left] 10% [main] 80% 10% [end]}.menu{width:100%}.menu ul{justify-content:space-around;padding:0}.menu ul li{margin:0 1ch}}@media screen and (max-width:767px){:root{--font-size: 16px}article{grid-template-columns:[left] 10% [main] 80% 10%[end]}body{padding:0;margin:1em;width:auto;grid-template-columns:5% [left] 5% [main] 80% [right] 5% [end] 5%}.running-head{flex-direction:column;align-items:center;justify-content:center;height:auto;padding-top:0;width:100%;background:#fff}.running-head .back-home{position:unset;background:0 0;padding-top:1em;width:100%;background:#fff;padding:1.5em 35% .5em}.running-head .menu{margin-top:0;transition:all .6s;opacity:1;padding-top:0;display:flex;flex-direction:column}.running-head .menu.hide{opacity:0;height:0}.running-head .menu ul{padding:0;text-align:center;flex-direction:column}.running-head .menu ul li{margin:0;border-bottom:1px solid grey;padding:1em}.running-head .menu ul li:last-of-type{border-bottom:none}header{grid-column:main/main;margin-top:4em}header #title{font-size:3.25em}.symbol-text{display:none}.paginator{grid-column:main;flex-direction:column;align-items:center;font-size:1.7em}.paginator .next{width:100%;text-align:center;border:none;padding:0;margin-top:2em}.paginator .next::before{font-size:.3em;text-align:center}.paginator .previous{text-align:center;width:100%;border:none;padding:0}.paginator .previous::before{font-size:.3em;text-align:center}.paginator .alone{}footer{padding:0 5em 3em;text-align:center}footer a{white-space:pre}body .article{grid-template-columns:[left] 2% [main] 96% 2%[end]}.list{grid-column:main/main}.list ul{padding-left:0}#print{display:none}}.hide{display:none}
\ No newline at end of file
}}@media print{body{display:block;margin:0;padding:0}footer{position:running(footer);font-size:.8em;margin:0}.paginator{display:none}#print{display:none}#title{string-set:title content(text)}body{--color-body: black;widows:3;orphans:3}header{break-after:page}header #title,header .intro{text-shadow:none}#print{display:none}#tableOfContents{font-size:10pt}.list .content{grid-column:left/end;font-size:.8em}.list .content li{break-inside:avoid}main{width:unset;height:unset;margin:0;padding:0}article{padding:0;margin:0;display:block;font-size:14px}.menu{display:none}.running-head{border:0 solid transparent}.crop-marks{display:none}header .intro{margin-bottom:0}.running-head{position:running(logo);background:unset;box-shadow:none;display:block}.running-head menu{display:none}.running-head .back-home svg{width:14ch}.running-head .back-home svg path{fill:#fff}}html{scroll-behavior:smooth;background:var(--color-background)}html *{box-sizing:border-box}body{overflow-y:scroll;box-sizing:border-box;display:grid;grid-template-columns:[left] 20% [main] 60% [right] 20% [end];width:80%;grid-gap:0;padding:0;background:var(--color-background);margin:0;max-width:1000px;margin:4em auto;position:relative;z-index:0;padding:3em}article{grid-column:left/end}.crop-marks{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.crop-mark{position:absolute;border:solid var(--color-cropmark)}.crop-mark.vertical{position:absolute;top:-15px;left:20px;right:20px;bottom:-15px;border-width:0 1px}.crop-mark.horizontal{position:absolute;top:20px;left:-15px;right:-15px;bottom:20px;border-width:1px 0}.paper{background:var(--color-paper);top:2px;right:2px;bottom:2px;left:2px;position:absolute;z-index:0}.paginator{margin-top:4em;padding-top:1em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;grid-column:left/end}.paginator.both{justify-content:space-between}.paginator a{font-style:normal;background:var(--color-paper)}.paginator .previous::before,.paginator .next::before{content:"Previously ";display:block;font-family:var(--font-sans);text-transform:uppercase;font-size:.7em;letter-spacing:.2ch;margin-bottom:1em}.paginator .next::before{content:"Next";text-align:right}.paginator .next{border-right:2px solid #000;padding-right:2ch}.paginator .previous{border-left:2px solid #000;padding-left:2ch}#breadcrumbs{font-family:var(--font-sans);padding-bottom:.7em;color:var(--color-grey)}#breadcrumbs .delimiter{color:inherit;font-weight:400}#breadcrumbs a{color:inherit;background:var(--color-paper)}#breadcrumbs a::after{content:none}#breadcrumbs a:last-child{color:var(--color-body)}#breadcrumbs a:hover{color:var(--color-accent)}article .note{padding-left:1em;font-size:.8em;margin-left:2em;border-left:2px solid var(--color-primary);font-family:var(--font-sans);float:right;width:30ch}article .note :first-child{padding-top:0}article{display:grid;grid-template-columns:[left] 20% [main] 70% 10%[end]}article .top{grid-column:left/end}article #breadcrumbs{grid-column:left/end}article header{grid-column:left/end}article figure{grid-column:left/end}article p,article ul,article ol,article h1,article h2,article h3,article h4,article h5,article h6,article blockquote{grid-column:main/main}article pre,article table,article .highlight,article .talkyard-comments{grid-column:left/end}article .signature{max-width:50ch;grid-column:main/end;font-family:var(--font-sans);margin-top:2em;font-size:.8em;line-height:1.6em;color:var(--color-primary)}article .signature .name{margin-left:-3em;padding-left:3em;max-width:max-content;padding-right:.3ch}article .signature img{border:2px solid var(--color-lightest-grey);float:left;display:block;width:73px;margin-left:-90px;height:auto;margin-right:1em;border-radius:50%;padding:5px;background:var(--color-paper);margin-top:-6px}.tags{margin-top:1em;font-size:.8em}a.tag{font-family:var(--font-sans);margin-right:2ch;text-decoration:underline;font-style:normal;font-weight:400;margin-top:1em}.talkyard-comments{margin-top:100px!important}.symbol-text{font-family:var(--font-sans);font-size:1em;position:absolute;color:grey;width:20ch;background:var(--color-paper);padding-right:1em;left:-33ch;margin-top:3em;text-align:right}.symbol-text a{text-decoration:underline;white-space:nowrap}.symbol-text::before{content:" ";transform:rotate(-11deg);height:1px;background:grey;display:block;right:-52px;width:11ch;position:absolute;z-index:-1;top:11px}.list{counter-reset:doc;grid-column:main/end}.list a{text-decoration:none;background:0 0;font-style:normal}.list *{max-width:unset}.list ul ul{padding-left:2ch;border-left:1px solid var(--color-lightest-grey);margin-left:2ch}.list nav:not(".menu")>ul{margin-left:5ch}.list ul li{list-style-type:none;font-size:1em}.list ul li>ul{margin-bottom:.5em;padding-left:2ch;margin-left:1ch;border-left:1px solid var(--color-lightest-grey)}.list ul li::before{content:none}.list ul li:hover::before{color:var(--color-accent)}.list p{max-width:45ch;font-size:1em;font-family:var(--font-sans)}.list .article{margin-left:0;margin-top:3em}.list .article .intro{font-family:var(--font-sans);font-size:1em;line-height:1.5;max-width:50ch;margin-top:.8em;color:var(--color-primary);padding-left:1em;border-left:2px solid;max-width:51ch;display:block;font-family:var(--font-serif)}.list .article h2{width:100%;font-size:1.5em;font-weight:400;margin-top:0;position:relative;border-color:transparent;margin-bottom:0;line-height:1.1}.list .article h2::before{content:".................................................................................................................................................";text-align:right;color:#ccc;font-size:.8em;bottom:2px;position:absolute;width:98%;padding-left:5px;letter-spacing:2px;overflow:hidden}.list .article h2 a{counter-increment:doc;position:relative;z-index:100;padding-right:.5ch;font-style:italic;line-height:1.1}.list .article h2 a span{background:var(--color-paper);display:inline;padding-right:1ch}.list .article h2 a::after{padding-left:1ch;content:counter(doc);float:right;background:var(--color-paper);font-style:normal;font-size:.8em;bottom:0;position:relative;top:.2em}.list .article .toc-emoji{float:right;position:relative;background:var(--color-paper);padding-left:1ch}.homepage{}.homepage main{}.homepage{min-height:80vh}.homepage .running-head{height:50px;display:flex;justify-content:flex-end}.homepage .running-head .menu{height:auto}.homepage .back-home{background:0 0;border:none;box-shadow:none}.homepage article{display:flex;align-content:center;justify-content:center;grid-template-columns:[left] 50% [main];grid-column:left/end;grid-gap:8ch;font-size:1em}.homepage article p{margin:0 auto;margin-bottom:0;max-width:40ch;margin-bottom:1em;text-align:center;font-size:1.5em}.homepage .contents{flex-direction:column;display:flex;flex:1 2;justify-items:space-around}.homepage .intro-logo{width:41%;margin:0 auto 2em;display:block}.homepage article ul{list-style-type:none;text-transform:uppercase;font-size:.8em;display:flex;justify-content:center;justify-self:flex-end;margin-top:auto}.homepage article ul li::before{content:none}.homepage article ul li{letter-spacing:.2ch;display:flex;padding:0;margin:0;flex-direction:row;display:inline-block;font-family:var(--font-sans);padding:1em}.about .meta{display:none}.posts article{}.posts .article h2{}.documentation{counter-reset:doc}.documentation .list .content .article{}.cookbook{}@media screen and (max-width:570px){body{width:100%;padding:0}body .article{grid-template-columns:[left] 2% [main] 96% 2%[end]}body .crop-marks{}}@media screen and (max-width:1540px){.symbol-text{display:none}body{padding:1.5em;width:90%}}@media screen and (max-width:1000px){body{padding:1.5em;margin:1em;width:auto}.running-head{flex-direction:column;align-items:center;justify-content:center;height:auto;padding-top:0;width:100%;background:#fff}article{grid-template-columns:[left] 10% [main] 80% 10% [end]}.menu{width:100%}.menu ul{justify-content:space-around;padding:0}.menu ul li{margin:0 1ch}}@media screen and (max-width:767px){:root{--font-size: 16px}.homepage #paged-logo{display:block}article{grid-template-columns:[left] 10% [main] 80% 10%[end]}body{padding:0;margin:1em;width:auto;grid-template-columns:5% [left] 5% [main] 80% [right] 5% [end] 5%}.running-head{flex-direction:column;align-items:center;justify-content:center;height:auto;padding-top:0;width:100%;background:#fff}.running-head .back-home{position:unset;background:0 0;padding-top:1em;width:100%;background:#fff;padding:1.5em 35% .5em}.running-head .menu{margin-top:0;transition:all .6s;opacity:1;padding-top:0;display:flex;flex-direction:column}.running-head .menu.hide{opacity:0;height:0}.running-head .menu ul{padding:0;text-align:center;flex-direction:column}.running-head .menu ul li{margin:0;border-bottom:1px solid grey;padding:1em}.running-head .menu ul li:last-of-type{border-bottom:none}header{grid-column:main/main;margin-top:4em}header #title{font-size:3.25em}.symbol-text{display:none}.paginator{grid-column:main;flex-direction:column;align-items:center;font-size:1.7em}.paginator .next{width:100%;text-align:center;border:none;padding:0;margin-top:2em}.paginator .next::before{font-size:.3em;text-align:center}.paginator .previous{text-align:center;width:100%;border:none;padding:0}.paginator .previous::before{font-size:.3em;text-align:center}.paginator .alone{}footer{padding:0 5em 3em;text-align:center}footer a{white-space:pre}body .article{grid-template-columns:[left] 2% [main] 96% 2%[end]}.list{grid-column:main/main}.list ul{padding-left:0}#print{display:none}}.hide{display:none}
\ No newline at end of file
{"Target":"css/main.min.f391eda0558ed578ebedabc3f19ab0c8.css","MediaType":"text/css","Data":{"Integrity":"md5-85HtoFWO1Xjr7avD8ZqwyA=="}}
\ No newline at end of file
{"Target":"css/main.min.d9c2653f1030b6ef6f8e788580a7b16e.css","MediaType":"text/css","Data":{"Integrity":"md5-2cJlPxAwtu9vjniFgKexbg=="}}
\ No newline at end of file
......@@ -103,5 +103,7 @@
#paged-logo {
display: none;
}
}
......@@ -78,6 +78,10 @@ width: auto;
--font-size: 16px;
}
.homepage #paged-logo {
display: block;
}
article {
grid-template-columns: [left] 10% [main] 80% 10%[end];
}
......
......@@ -21,7 +21,18 @@
padding: 0;
}
*/
.menu {
height: auto;
}
}
.back-home {
background: transparent;
border: none;
box-shadow: none;
}
}
.homepage article {
......@@ -84,4 +95,4 @@
font-family: var(--font-sans);
padding: 1em;
}
}
\ No newline at end of file
}
......@@ -30,7 +30,6 @@
{{ partial "cropmarks.html" }}
{{ block "running" . }}
<div class="running-head">
<!-- <a class="back-home" href="{{ .Site.BaseURL }}"> -->
<button class="back-home">
{{ partial "paged-logo.html" . }}
</button>
......
......@@ -5,6 +5,9 @@
{{ define "running" }}
<div class="running-head">
<!-- <button class="back-home">
{{ partial "paged-logo" .}}
</button> -->
{{ partial "menu" . }}
</div>
{{ end }}
......
......@@ -7,6 +7,10 @@
{{ if eq .Page.Section "documentation"}}
{{ .TableOfContents }}
{{else}}
<div class="meta">
{{ if .Params.author }}Written by <span class="author"> {{ .Params.author }} </span> {{ end }}
{{ if .Params.date }}, the <span class="date"> {{ .Params.date }} </span> {{ end }}
</div>
{{ if .Params.intro }}<span class="intro"> {{ .Params.intro }} </span> {{ end }}
{{end}}
</a>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment