Commit c45711bf authored by ak's avatar ak
Browse files

bump epihphaneia

parent 8bd7abf9
Pipeline #2149 passed with stage
in 13 seconds
......@@ -5,3 +5,4 @@
.config.yml
ak/*
my_lipsum/*
*.orig
Subproject commit 9157d1dae4e669135eca16423bd5fb178cf46c50
Subproject commit 1872ea2c0f49bc780d1a9dca7773427808f9b265
......@@ -107,4 +107,4 @@ A better way to embedd audio files may be implemented in a future version. Contr
How-to with Pykyll
How to work with pictures, audio, iframe and video embedds
How to work with pictures, audio, iframe and video embedds
\ No newline at end of file
......@@ -92,22 +92,22 @@
<!-- HERECredits -->
<section>
<section id="credits" data-background="https://cloud.c3pb.de/s/wPGaWp4SPGCA86i/preview">
<h1 class="fragment fade-down" data-autoslide="2500" data-fragment-index="1">
<a href="https://git.c3pb.de/ak/epiphaneia" data-preview-link="false"><img src="https://ak.pages.c3pb.de/epiphaneia/cyber/documentation/fork.svg" width="33%"></a>
</h1>
<p class="fragment fade-down" data-autoslide="2500" data-fragment-index="1">
<a href="https://git.c3pb.de/ak/epiphaneia" data-preview-link="false"><img src="https://ak.pages.c3pb.de/epiphaneia/cyber/documentation/fork.svg" width="25%"></a>
</p>
<p class="fragment fade-in-then-out" data-autoslide="5000" data-fragment-index="2">&uarr; your own &darr;</p>
<h2>επιφανεια</h2>
<p>επιφανεια</p>
<div class="fragment fade-up" data-autoslide="2500">
<p class="fragment fade-out" data-autoslide="2500">this one hacked together by</p>
<p class="small fragment fade-out" data-autoslide="2500">this one hacked together by</p>
<img class="plain" src="https://cloud.c3pb.de/s/Zn47cKspfMiA3Gj/preview" alt="Default">
</div>
</section>
<section data-background="https://cloud.c3pb.de/s/wPGaWp4SPGCA86i/preview" data-autoslide="2500">
<section data-background="https://cloud.c3pb.de/s/4bbe5MpM7Wx8qk9/preview" data-autoslide="2500">
<p class="fragment fade-in-then-semi-out">a word by no sponsor</p>
<div class="fragment fade-up" data-autoslide="30000">
<a href="#lobby"><h1>Live long</h1>
<a href="#lobby"><h1>basically</h1>
<p>επιφανεια</p>
<h1>& prop her</h1>
<h1>your space</h1>
</a>
</div>
</section>
......
......@@ -83,11 +83,7 @@
<h1 class="title">Pictures and More</h1>
<p class="subtitle">How-to with Pykyll</p>
<p class="author">ak</p>
<<<<<<< HEAD
<p class="date">2021-Mar-16 10:14</p>
=======
<p class="date">2021-Mar-17 00:02</p>
>>>>>>> dev
</header>
<nav id="TOC" role="doc-toc">
<ul>
......@@ -107,8 +103,6 @@
</div>
<p>
How to work with pictures, audio, iframe and video embedds
<<<<<<< HEAD
=======
</p>
<table>
<tr>
......@@ -121,7 +115,6 @@ How to work with pictures, audio, iframe and video embedds
</h2>
<p>
View, have others <a href="slides.html">view along</a> or read right here:
>>>>>>> dev
</p>
</td>
</tr>
......@@ -141,15 +134,10 @@ View, have others <a href="slides.html">view along</a> or read right here:
<hr />
<p>An Icon with <code>class="icon"</code></p>
<p><a href="https://wikipedia.org"><img alt="Link Symbol" class="icon" src="link-symbol.svg"></a></p>
<<<<<<< HEAD
<p>Full width picture</p>
<p><img alt="Full width picture" width=100% src="black-arrow.svg"></p>
=======
<hr />
<p>Full width picture</p>
<p><img alt="Full width picture" width=100% src="black-arrow.svg"></p>
<hr />
>>>>>>> dev
<p>Local pictures should just be dropped into the post folder. In this case: <code>.examples/picture_test</code>. The same goes for any other local content.</p>
<h2 id="embedds">Embedds</h2>
<p>Basically all HTML Tags are simply passed through to index.html just like <em>this emphasized text</em>. To make a <strong>bold</strong> point, in a markdown document you can simply emphasize <em>like this</em>.</p>
......@@ -159,19 +147,13 @@ View, have others <a href="slides.html">view along</a> or read right here:
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/-FBzpxJh5Ck" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
<p>Just look into <code>./examples/picture_test/index.md</code> to get the picture, e.g. <a href="https://git.c3pb.de/ak/pykyll/-/blob/master/examples/picture_test/index.md">here</a>.</p>
<<<<<<< HEAD
=======
<hr />
>>>>>>> dev
<p>As Pykyll comes as a no-JS website, i.e. without any client side scripting, using the HTML5 Video Tag seems the better option for a low traffic web site.</p>
<h3 id="html5-video">HTML5 Video</h3>
<p>This is a html <code>video</code> tag pointing to a file.</p>
<video width="50%" controls src="https://cloud.harmlos.info/index.php/s/MZFPQf8Pk7g3xZp/download" type="video/ogg">
</video>
<<<<<<< HEAD
=======
<hr />
>>>>>>> dev
<p>Here, the video is stored in a NextCloud instance. How to:</p>
<ul>
<li>Upload video</li>
......@@ -182,10 +164,7 @@ View, have others <a href="slides.html">view along</a> or read right here:
<div class="sourceCode" id="cb1"><pre class="sourceCode html"><code class="sourceCode html"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true"></a></span>
<span id="cb1-2"><a href="#cb1-2" aria-hidden="true"></a><span class="kw">&lt;video</span><span class="ot"> width=</span><span class="st">&quot;50%&quot;</span><span class="ot"> controls src=</span><span class="st">&quot;https://cloud.harmlos.info/index.php/s/MZFPQf8Pk7g3xZp/download&quot;</span><span class="ot"> type=</span><span class="st">&quot;video/ogg&quot;</span><span class="kw">&gt;&lt;/video&gt;</span></span></code></pre></div>
<p><strong>Tip</strong> Pykyll features screen recording. Just [i] [r] from the main menu. A <code>.webm</code> and a <code>.gif</code> are created and placed in the root folder.</p>
<<<<<<< HEAD
=======
<hr />
>>>>>>> dev
<h3 id="audio">Audio</h3>
<audio controls src="audio.mp3" type="audio/mpeg">
</audio>
......
......@@ -92,22 +92,22 @@
<!-- HERECredits -->
<section>
<section id="credits" data-background="https://cloud.c3pb.de/s/wPGaWp4SPGCA86i/preview">
<h1 class="fragment fade-down" data-autoslide="2500" data-fragment-index="1">
<a href="https://git.c3pb.de/ak/epiphaneia" data-preview-link="false"><img src="https://ak.pages.c3pb.de/epiphaneia/../../epiphaneia/cyber/documentation/fork.svg" width="33%"></a>
</h1>
<p class="fragment fade-down" data-autoslide="2500" data-fragment-index="1">
<a href="https://git.c3pb.de/ak/epiphaneia" data-preview-link="false"><img src="https://ak.pages.c3pb.de/epiphaneia/../../epiphaneia/cyber/documentation/fork.svg" width="25%"></a>
</p>
<p class="fragment fade-in-then-out" data-autoslide="5000" data-fragment-index="2">&uarr; your own &darr;</p>
<h2>επιφανεια</h2>
<p>επιφανεια</p>
<div class="fragment fade-up" data-autoslide="2500">
<p class="fragment fade-out" data-autoslide="2500">this one hacked together by</p>
<p class="small fragment fade-out" data-autoslide="2500">this one hacked together by</p>
<img class="plain" src="https://cloud.c3pb.de/s/Zn47cKspfMiA3Gj/preview" alt="Default">
</div>
</section>
<section data-background="https://cloud.c3pb.de/s/wPGaWp4SPGCA86i/preview" data-autoslide="2500">
<section data-background="https://cloud.c3pb.de/s/4bbe5MpM7Wx8qk9/preview" data-autoslide="2500">
<p class="fragment fade-in-then-semi-out">a word by no sponsor</p>
<div class="fragment fade-up" data-autoslide="30000">
<a href="#lobby"><h1>Live long</h1>
<a href="#lobby"><h1>basically</h1>
<p>επιφανεια</p>
<h1>& prop her</h1>
<h1>your space</h1>
</a>
</div>
</section>
......
......@@ -92,22 +92,22 @@
<!-- HERECredits -->
<section>
<section id="credits" data-background="https://cloud.c3pb.de/s/wPGaWp4SPGCA86i/preview">
<h1 class="fragment fade-down" data-autoslide="2500" data-fragment-index="1">
<a href="https://git.c3pb.de/ak/epiphaneia" data-preview-link="false"><img src="https://ak.pages.c3pb.de/epiphaneia/../../epiphaneia/cyber/documentation/fork.svg" width="33%"></a>
</h1>
<p class="fragment fade-down" data-autoslide="2500" data-fragment-index="1">
<a href="https://git.c3pb.de/ak/epiphaneia" data-preview-link="false"><img src="https://ak.pages.c3pb.de/epiphaneia/../../epiphaneia/cyber/documentation/fork.svg" width="25%"></a>
</p>
<p class="fragment fade-in-then-out" data-autoslide="5000" data-fragment-index="2">&uarr; your own &darr;</p>
<h2>επιφανεια</h2>
<p>επιφανεια</p>
<div class="fragment fade-up" data-autoslide="2500">
<p class="fragment fade-out" data-autoslide="2500">this one hacked together by</p>
<p class="small fragment fade-out" data-autoslide="2500">this one hacked together by</p>
<img class="plain" src="https://cloud.c3pb.de/s/Zn47cKspfMiA3Gj/preview" alt="Default">
</div>
</section>
<section data-background="https://cloud.c3pb.de/s/wPGaWp4SPGCA86i/preview" data-autoslide="2500">
<section data-background="https://cloud.c3pb.de/s/4bbe5MpM7Wx8qk9/preview" data-autoslide="2500">
<p class="fragment fade-in-then-semi-out">a word by no sponsor</p>
<div class="fragment fade-up" data-autoslide="30000">
<a href="#lobby"><h1>Live long</h1>
<a href="#lobby"><h1>basically</h1>
<p>επιφανεια</p>
<h1>& prop her</h1>
<h1>your space</h1>
</a>
</div>
</section>
......
......@@ -92,22 +92,22 @@
<!-- HERECredits -->
<section>
<section id="credits" data-background="https://cloud.c3pb.de/s/wPGaWp4SPGCA86i/preview">
<h1 class="fragment fade-down" data-autoslide="2500" data-fragment-index="1">
<a href="https://git.c3pb.de/ak/epiphaneia" data-preview-link="false"><img src="https://ak.pages.c3pb.de/epiphaneia/../../epiphaneia/cyber/documentation/fork.svg" width="33%"></a>
</h1>
<p class="fragment fade-down" data-autoslide="2500" data-fragment-index="1">
<a href="https://git.c3pb.de/ak/epiphaneia" data-preview-link="false"><img src="https://ak.pages.c3pb.de/epiphaneia/../../epiphaneia/cyber/documentation/fork.svg" width="25%"></a>
</p>
<p class="fragment fade-in-then-out" data-autoslide="5000" data-fragment-index="2">&uarr; your own &darr;</p>
<h2>επιφανεια</h2>
<p>επιφανεια</p>
<div class="fragment fade-up" data-autoslide="2500">
<p class="fragment fade-out" data-autoslide="2500">this one hacked together by</p>
<p class="small fragment fade-out" data-autoslide="2500">this one hacked together by</p>
<img class="plain" src="https://cloud.c3pb.de/s/Zn47cKspfMiA3Gj/preview" alt="Default">
</div>
</section>
<section data-background="https://cloud.c3pb.de/s/wPGaWp4SPGCA86i/preview" data-autoslide="2500">
<section data-background="https://cloud.c3pb.de/s/4bbe5MpM7Wx8qk9/preview" data-autoslide="2500">
<p class="fragment fade-in-then-semi-out">a word by no sponsor</p>
<div class="fragment fade-up" data-autoslide="30000">
<a href="#lobby"><h1>Live long</h1>
<a href="#lobby"><h1>basically</h1>
<p>επιφανεια</p>
<h1>& prop her</h1>
<h1>your space</h1>
</a>
</div>
</section>
......
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