Header, footers and nav fixed

This commit is contained in:
NikaZhenya 2018-10-04 09:26:36 -05:00
parent 8b6eb89448
commit 59ee5fe71b
7 changed files with 21 additions and 52 deletions

View File

@ -14,20 +14,18 @@ section h1 {margin-bottom:0;}
footer {border-top: 1px dashed black; width:calc(100% - 2em); margin: 1em;}
footer {font-size: .75em;}
footer p {text-align: center;}
footer p + p {margin-top:.25em;}
footer > *:first-child {margin-top: 1em;}
@media screen and (max-width: 768px) {
body > * {float:none;}
body > section {width:calc(100% - 5em);margin:2.5em;}
header {width:calc(100% - 5em);margin-top:0;border-radius:0;}
header > p:first-of-type {display:inline;}
header nav {display:inline;}
header nav.vertical-space1 {margin-top:0 !important;}
header nav {margin-top:1em;}
header nav > * {display:inline;}
header nav > p:before {content:"| ";}
header h3 {display: none;}
header h3 + p:before {content: none;}
header h3:before {content:"\a\a";white-space: pre;}
header h3:first-of-type:before {content:"\a";}
header h3:after {content: " > ";}
footer {word-wrap: break-word;}
}

View File

@ -18,7 +18,7 @@
nika.zhenya@cliteratu.re (Nika Zhenya)
</managingEditor>
<lastBuildDate>
Wed, 03 Oct 2018 00:00:00 -0500
Thu, 04 Oct 2018 00:00:00 -0500
</lastBuildDate>
<image>
<title>

View File

@ -16,23 +16,11 @@
<h1><a href="https://blog.cliteratu.re">Publishing is Coding: Change My Mind</a></h1>
<p>A broken english version of some entries published in <a target="_blank" href="https://marianaeguaras.com/blog/">Mariana Eguaras's blog</a>.</p>
<nav>
<h3>Repos</h3>
<p><a target="_blank" href="https://gitlab.com/NikaZhenya/publishing-is-coding">GitLab</a></p>
<p><a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding">GitHub</a></p>
<p><a target="_blank" href="http://git.cliteratu.re/publishing-is-coding">GitList</a></p>
</nav>
<nav class="vertical-space1">
<h3>Contact</h3>
<p><a target="_blank" href="mailto:nika.zhenya@cliteratu.re">Email</a></p>
<p><a target="_blank" href="https://mastodon.social/@_perroTuerto">Mastodon</a></p>
<p><a target="_blank" href="https://twitter.com/_perroTuerto">Twitter</a></p>
</nav>
<nav class="vertical-space1">
<h3>Donations</h3>
<p><a target="_blank" href="https://etherscan.io/address/0x39b0bf0cf86776060450aba23d1a6b47f5570486"><span class="smallcap">ETH</span></a></p>
<p><a target="_blank" href="https://dogechain.info/address/DMbxM4nPLVbzTALv5n8G16TTzK4WDUhC7G"><span class="smallcap">DOGE</span></a></p>
<p><a target="_blank" href="https://www.paypal.me/perrotuerto">PayPal</a></p>
</nav>
</header>
<section>
<h1 id="digital-publishing-as-publishing-from-scratch">Digital Publishing as Publishing from Scratch</h1>
@ -44,14 +32,16 @@
<p>The entries were originally wrote in spanish. Some of them are now kind of old: for some things I already have a different opinion or distinct approach. And as is obvious, english is not my first language. Therefore, you are going to find a lot of grammar mistakes or typos and I will only translate (in a very free way) the entries that I still consider relevant. So when you find this kind of box with a yellow border, it means that it is an <i>addendum</i> for this broken english version.</p>
</blockquote>
<blockquote class="addenda">
<p>Do you want to improve this mess? You can always help through <a href="https://gitlab.com/NikaZhenya/publishing-is-coding">GitLab</a> or <a href="https://github.com/NikaZhenya/publishing-is-coding">GitHub</a>.</p>
<p>Do you want to improve this mess? You can always help through <a href="https://gitlab.com/NikaZhenya/publishing-is-coding">GitLab</a> or <a href="https://github.com/NikaZhenya/publishing-is-coding">GitHub</a> (the links are always in the footer).</p>
</blockquote>
</section>
<footer>
<p>Last build: October 3, 2018 | <span class="smallcap"><a target="_blank" href="https://blog.cliteratu.re/feed/rss.xml">RSS</a></span></p>
<p class="vertical-space1">All content is under <a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding#license">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
<p class="vertical-space1"><a target="_blank" href="https://ted.cliteratu.re/">ted.cliteratu.re</a> | <a target="_blank" href="https://ed.cliteratu.re/">ed.cliteratu.re</a> | <a target="_blank" href="https://pecas.cliteratu.re/">pecas.cliteratu.re</a> | <a target="_blank" href="https://xxx.cliteratu.re/">xxx.cliteratu.re</a></p>
<p><a target="_blank" href="https://ted.cliteratu.re/">ted.cliteratu.re</a> | <a target="_blank" href="https://ed.cliteratu.re/">ed.cliteratu.re</a> | <a target="_blank" href="https://pecas.cliteratu.re/">pecas.cliteratu.re</a> | <a target="_blank" href="https://xxx.cliteratu.re/">xxx.cliteratu.re</a></p>
<p>All content is under <a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding#license">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
<p>Last build: October 4, 2018 | <span class="smallcap"><a target="_blank" href="https://blog.cliteratu.re/feed/rss.xml">RSS</a></span></p>
<p><a target="_blank" href="https://gitlab.com/NikaZhenya/publishing-is-coding">GitLab</a> | <a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding">GitHub</a> | <a target="_blank" href="http://git.cliteratu.re/publishing-is-coding">GitList</a></p>
<p><a target="_blank" href="https://etherscan.io/address/0x39b0bf0cf86776060450aba23d1a6b47f5570486"><span class="smallcap">ETH</span></a> | <a target="_blank" href="https://dogechain.info/address/DMbxM4nPLVbzTALv5n8G16TTzK4WDUhC7G"><span class="smallcap">DOGE</span></a> | <a target="_blank" href="https://www.paypal.me/perrotuerto">PayPal</a></p>
</footer>
</body>
</html>

View File

@ -16,31 +16,21 @@
<h1><a href="https://blog.cliteratu.re">Publishing is Coding: Change My Mind</a></h1>
<p>A broken english version of some entries published in <a target="_blank" href="https://marianaeguaras.com/blog/">Mariana Eguaras's blog</a>.</p>
<nav>
<h3>Repos</h3>
<p><a target="_blank" href="https://gitlab.com/NikaZhenya/publishing-is-coding">GitLab</a></p>
<p><a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding">GitHub</a></p>
<p><a target="_blank" href="http://git.cliteratu.re/publishing-is-coding">GitList</a></p>
</nav>
<nav class="vertical-space1">
<h3>Contact</h3>
<p><a target="_blank" href="mailto:nika.zhenya@cliteratu.re">Email</a></p>
<p><a target="_blank" href="https://mastodon.social/@_perroTuerto">Mastodon</a></p>
<p><a target="_blank" href="https://twitter.com/_perroTuerto">Twitter</a></p>
</nav>
<nav class="vertical-space1">
<h3>Donations</h3>
<p><a target="_blank" href="https://etherscan.io/address/0x39b0bf0cf86776060450aba23d1a6b47f5570486"><span class="smallcap">ETH</span></a></p>
<p><a target="_blank" href="https://dogechain.info/address/DMbxM4nPLVbzTALv5n8G16TTzK4WDUhC7G"><span class="smallcap">DOGE</span></a></p>
<p><a target="_blank" href="https://www.paypal.me/perrotuerto">PayPal</a></p>
</nav>
</header>
<section>
<div id="entry001"><p><a href="./html/entry001.html">Digital Publishing as Publishing from Scratch</a></p><p class="meta">October 3, 2018 | Methodology</p><p>A general comparation between the most common methods for developing EPUBs.</p></div>
</section>
<footer>
<p>Last build: October 3, 2018 | <span class="smallcap"><a target="_blank" href="https://blog.cliteratu.re/feed/rss.xml">RSS</a></span></p>
<p class="vertical-space1">All content is under <a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding#license">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
<p class="vertical-space1"><a target="_blank" href="https://ted.cliteratu.re/">ted.cliteratu.re</a> | <a target="_blank" href="https://ed.cliteratu.re/">ed.cliteratu.re</a> | <a target="_blank" href="https://pecas.cliteratu.re/">pecas.cliteratu.re</a> | <a target="_blank" href="https://xxx.cliteratu.re/">xxx.cliteratu.re</a></p>
<p><a target="_blank" href="https://ted.cliteratu.re/">ted.cliteratu.re</a> | <a target="_blank" href="https://ed.cliteratu.re/">ed.cliteratu.re</a> | <a target="_blank" href="https://pecas.cliteratu.re/">pecas.cliteratu.re</a> | <a target="_blank" href="https://xxx.cliteratu.re/">xxx.cliteratu.re</a></p>
<p>All content is under <a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding#license">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
<p>Last build: October 4, 2018 | <span class="smallcap"><a target="_blank" href="https://blog.cliteratu.re/feed/rss.xml">RSS</a></span></p>
<p><a target="_blank" href="https://gitlab.com/NikaZhenya/publishing-is-coding">GitLab</a> | <a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding">GitHub</a> | <a target="_blank" href="http://git.cliteratu.re/publishing-is-coding">GitList</a></p>
<p><a target="_blank" href="https://etherscan.io/address/0x39b0bf0cf86776060450aba23d1a6b47f5570486"><span class="smallcap">ETH</span></a> | <a target="_blank" href="https://dogechain.info/address/DMbxM4nPLVbzTALv5n8G16TTzK4WDUhC7G"><span class="smallcap">DOGE</span></a> | <a target="_blank" href="https://www.paypal.me/perrotuerto">PayPal</a></p>
</footer>
</body>
</html>

View File

@ -34,4 +34,5 @@ of our cultural background.
> Do you want to improve this mess? You can always help
> through [GitLab](https://gitlab.com/NikaZhenya/publishing-is-coding)
> or [GitHub](https://github.com/NikaZhenya/publishing-is-coding). {.addenda}
> or [GitHub](https://github.com/NikaZhenya/publishing-is-coding)
> (the links are always in the footer). {.addenda}

View File

@ -1,8 +1,10 @@
</section>
<footer>
<p><a target="_blank" href="https://ted.cliteratu.re/">ted.cliteratu.re</a> | <a target="_blank" href="https://ed.cliteratu.re/">ed.cliteratu.re</a> | <a target="_blank" href="https://pecas.cliteratu.re/">pecas.cliteratu.re</a> | <a target="_blank" href="https://xxx.cliteratu.re/">xxx.cliteratu.re</a></p>
<p>All content is under <a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding#license">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
<p>Last build: $date$ | <span class="smallcap"><a target="_blank" href="https://blog.cliteratu.re/feed/rss.xml">RSS</a></span></p>
<p class="vertical-space1">All content is under <a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding#license">Licencia Editorial Abierta y Libre (<span class="smallcap">LEAL</span>)</a>.</p>
<p class="vertical-space1"><a target="_blank" href="https://ted.cliteratu.re/">ted.cliteratu.re</a> | <a target="_blank" href="https://ed.cliteratu.re/">ed.cliteratu.re</a> | <a target="_blank" href="https://pecas.cliteratu.re/">pecas.cliteratu.re</a> | <a target="_blank" href="https://xxx.cliteratu.re/">xxx.cliteratu.re</a></p>
<p><a target="_blank" href="https://gitlab.com/NikaZhenya/publishing-is-coding">GitLab</a> | <a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding">GitHub</a> | <a target="_blank" href="http://git.cliteratu.re/publishing-is-coding">GitList</a></p>
<p><a target="_blank" href="https://etherscan.io/address/0x39b0bf0cf86776060450aba23d1a6b47f5570486"><span class="smallcap">ETH</span></a> | <a target="_blank" href="https://dogechain.info/address/DMbxM4nPLVbzTALv5n8G16TTzK4WDUhC7G"><span class="smallcap">DOGE</span></a> | <a target="_blank" href="https://www.paypal.me/perrotuerto">PayPal</a></p>
</footer>
</body>
</html>

View File

@ -2,22 +2,10 @@
<h1><a href="$site_link$">$site_name$</a></h1>
<p>$site_description$</p>
<nav>
<h3>Repos</h3>
<p><a target="_blank" href="https://gitlab.com/NikaZhenya/publishing-is-coding">GitLab</a></p>
<p><a target="_blank" href="https://github.com/NikaZhenya/publishing-is-coding">GitHub</a></p>
<p><a target="_blank" href="http://git.cliteratu.re/publishing-is-coding">GitList</a></p>
</nav>
<nav class="vertical-space1">
<h3>Contact</h3>
<p><a target="_blank" href="mailto:nika.zhenya@cliteratu.re">Email</a></p>
<p><a target="_blank" href="https://mastodon.social/@_perroTuerto">Mastodon</a></p>
<p><a target="_blank" href="https://twitter.com/_perroTuerto">Twitter</a></p>
</nav>
<nav class="vertical-space1">
<h3>Donations</h3>
<p><a target="_blank" href="https://etherscan.io/address/0x39b0bf0cf86776060450aba23d1a6b47f5570486"><span class="smallcap">ETH</span></a></p>
<p><a target="_blank" href="https://dogechain.info/address/DMbxM4nPLVbzTALv5n8G16TTzK4WDUhC7G"><span class="smallcap">DOGE</span></a></p>
<p><a target="_blank" href="https://www.paypal.me/perrotuerto">PayPal</a></p>
</nav>
</header>
<section>