This commit is contained in:
Yann Esposito (Yogsototh) 2019-07-05 23:29:02 +02:00
parent 3fd4cd900f
commit 218305dbfe
Signed by untrusted user who does not match committer: yogsototh
GPG Key ID: 7B19A4C650D59646
18 changed files with 235 additions and 1088 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
_site

View File

@ -1,39 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2019-07-05 Fri 17:08 -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blog Posts</title>
<meta name="generator" content="Org mode">
<meta name="author" content="yaesposi">
<link rel="stylesheet" type="text/css" href="/css/minimal.css"/>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div class="content-wrapper container">
<div class="row"> <div class="col"> </div> <div class="col-sm-6 col-md-8">
<div id="preamble" class="status">
<strong><code>Programing Heresy</code></strong>
</div>
<div id="content">
<header>
<h1 class="title">Blog Posts</h1>
</header><div class="archive">
<p>
<li> <span class="archive-item"><span class="archive-date"> Jul 04, 2019 </span> <a href="posts/index.html">her.esy.fun</a> </span> </li>
</p>
</div>
</div>
<div id="postamble" class="status">
<hr/>
<a href="/">Home</a> -
<a href="/archive.html">Posts</a>
</div>
</div>
<div class="col"></div></div>
</div>
</body>
</html>

View File

@ -1,117 +0,0 @@
body { font-family: sans-serif;
font-size: 15px;
line-height: 20px;
max-width: 50em;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens:auto;
-ms-hyphens:auto; }
h1, h2, h3, h4, h5, h6,
pre, code, blockquote, ol, ul,
ol ol, ul ul, ul ol, ol ul, li,
p, section, header, footer {
float: none;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6,
pre, code, blockquote,
p, ul, ol, section, header, footer, .figure {
margin-top: 20px;
margin-bottom: 20px;
}
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
h1::before { content: "# "; opacity: 0.5; }
h2::before { content: "## "; opacity: 0.5; }
h3::before { content: "### "; opacity: 0.5; }
h4::before { content: "#### "; opacity: 0.5; }
h5::before { content: "##### "; opacity: 0.5; }
h6::before { content: "###### "; opacity: 0.5; }
p { margin: 0; padding: 0; }
hr {
position: relative;
height: 20px;
font-size: 0;
line-height: 0;
overflow: hidden;
border: 0;
margin-bottom: 20px;
}
hr:after {
content: "----------------------------------------------------------------------------------------------------";
font-family: monospace;
position: absolute;
top: 0;
left: 0;
font-size: 14px;
line-height: 20px;
width: 100%;
word-wrap: break-word;
}
blockquote { margin-left: 0; }
pre::after,pre::before { content: "~~~~~~"; display: block; font-size: 1.25em; opacity: 0.3; }
code {
font-family: "courrier new", monospace;
background: #f2f2f2;
}
pre code { background: none; }
blockquote {
position: relative;
padding-left: 17px;
padding-left: 2ch;
overflow: hidden;
}
blockquote:after {
content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";
white-space: pre;
position: absolute;
top: 0;
left: 0;
font-size: 14px;
line-height: 20px;
opacity: 0.3;
}
li {
position: relative;
display: block;
padding-left: 18px;
}
li:after {
position: absolute;
top: 0;
left: 0;
}
ul > li:after {
content: "▪";
opacity: 0.2;
}
ol {
counter-reset: ol;
}
ol > li:after {
content: counter(ol) ".";
counter-increment: ol;
}
/* colors */
a, a:visited { color: #008AFF; }
a:active, a:hover, a:focus { color: #0085a1; }
h1 { color: #6c71c4;}
h2 { color: #d33682;}
h3 { color: #dc322f;}
h4 { color: #cb4b16;}
h5 { color: #b58900;}
h6 { color: #859900;}
img { max-width: 100%;
max-height: 800px;
margin: 20px auto; }

View File

@ -1,175 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2019-07-05 Fri 16:55 -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>her.esy.fun</title>
<meta name="generator" content="Org mode">
<meta name="author" content="Yann Esposito">
<meta name="keywords" content="programming">
<link rel="stylesheet" type="text/css" href="/minimalist.css" />
<link rel="stylesheet" type="text/css" href="./minimalist.css" />
<link rel="stylesheet" type="text/css" href="/css/minimal.css"/>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div class="content-wrapper container">
<div class="row"> <div class="col"> </div> <div class="col-sm-6 col-md-8">
<div id="preamble" class="status">
<div class="banner">
<a href="/"> Ramblings from a Corner </a>
</div>
<ul class="banner-links">
<li><a href="/"> About Me </a> </li>
<li><a href="/archive.html"> Posts </a> </li>
</ul>
<hr>
</div>
<div id="content">
<header>
<h1 class="title">her.esy.fun</h1>
</header><p>
Welcome to <a href="https://her.esy.fun">her.esy.fun</a>!
</p>
<div id="outline-container-orgb0500a5" class="outline-2">
<h2 id="orgb0500a5">Testing</h2>
<div class="outline-text-2" id="text-orgb0500a5">
<p>
I will test some classical things.
First let&rsquo;s test <b>bold</b>, then <i>italic</i> then, <code>code</code> and <code>terminal</code>.
Also forgot <del>barré</del>.
And a veryveryveryverylongwordlike Supercalifragilisticexpialidocious
and even longer SupercalifragilisticexpialidociousSupercalifragilisticexpialidocious
and even very very longer
SupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidocious
</p>
<div class="org-src-container">
<pre class="src src-clojure"><span style="color: #2aa198;">(</span><span style="color: #859900; font-weight: bold;">def</span> <span style="color: #268bd2;">foo</span>
<span style="color: #2aa198;">"this is some clojure code"</span>
<span style="color: #b58900;">[</span>&amp; args<span style="color: #b58900;">]</span>
<span style="color: #b58900;">(</span><span style="color: #b58900;">string</span>/join <span style="color: #2aa198;">", "</span> args<span style="color: #b58900;">)</span><span style="color: #2aa198;">)</span>
</pre>
</div>
<p>
Then let&rsquo;s try some blockquote:
</p>
<blockquote>
<p>
This is a quote here. I&rsquo;m fond of using it.
</p>
<p>
&#x2013; Shakespeare
</p>
</blockquote>
<ul class="org-ul">
<li>item 1</li>
<li>item 2
<ul class="org-ul">
<li>sub-item</li>
<li>re-sub-item
<ul class="org-ul">
<li>sub-sub-item</li>
</ul></li>
<li>sub</li>
</ul></li>
<li>item 3</li>
<li>item 4</li>
</ul>
<ol class="org-ol">
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ol>
<hr>
<p>
some text
</p>
<p>
A figure with a caption:
</p>
<figure>
<img src="./img/a.png" alt="The bomb">
<figcaption><span class="figure-number">Figure 1: </span>The bomb that started the expriment in Twin Peaks</figcaption>
</figure>
</div>
</div>
<div id="outline-container-orgaba935b" class="outline-2">
<h2 id="orgaba935b">h2 test</h2>
<div class="outline-text-2" id="text-orgaba935b">
</div>
<div id="outline-container-orgc67a137" class="outline-3">
<h3 id="orgc67a137">h3 test</h3>
<div class="outline-text-3" id="text-orgc67a137">
</div>
<div id="outline-container-org7fe6390" class="outline-4">
<h4 id="org7fe6390">h4 test</h4>
<div class="outline-text-4" id="text-org7fe6390">
</div>
<div id="outline-container-org6239f90" class="outline-5">
<h5 id="org6239f90">h5 test</h5>
<div class="outline-text-5" id="text-org6239f90">
</div>
<div id="outline-container-org60ecb9c" class="outline-6">
<h6 id="org60ecb9c">h6 test</h6>
<div class="outline-text-6" id="text-org60ecb9c">
</div>
<div id="outline-container-org22b4957" class="outline-7">
<h7 id="org22b4957">h7 does not exists</h7>
<div class="outline-text-7" id="text-org22b4957">
</div>
<ul class="org-ul">
<li><a id="orgfb943bc"></a>lower &#x2026;<br>
<ul class="org-ul">
<li><a id="org01f85a1"></a>deeper<br>
<ul class="org-ul">
<li><a id="org3549e95"></a>even deeper&#x2026;<br>
<ul class="org-ul">
<li><a id="org95b427c"></a>still even deeeeper<br>
<div class="outline-text-11" id="text-org95b427c">
<p>
Deep enough now :)
</p>
</div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="postamble" class="status">
<footer class="footer">
<!-- Footer Definition -->
</footer>
</div>
</div>
<div class="col"></div></div>
</div>
</body>
</html>

View File

@ -1,50 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2019-07-05 Fri 17:08 -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>her.esy.fun</title>
<meta name="generator" content="Org mode">
<meta name="author" content="Yann Esposito">
<meta name="keywords" content="programming">
<link rel="stylesheet" type="text/css" href="./assets/minimalist.css" />
</head>
<body>
<div class="content-wrapper container">
<div class="row"> <div class="col"> </div> <div class="col-sm-6 col-md-8">
<div id="preamble" class="status">
<strong><code>Programing Heresy</code></strong>
</div>
<div id="content">
<header>
<h1 class="title">her.esy.fun</h1>
</header><div id="outline-container-org95e2129" class="outline-2">
<h2 id="org95e2129">Welcome!</h2>
<div class="outline-text-2" id="text-org95e2129">
<p>
<a href="https://her.esy.fun">her.esy.fun</a>
</p>
<p>
This is a new take on my personal blog.
With a lot more minimalism in mind.
</p>
</div>
</div>
<div id="outline-container-org482b6ca" class="outline-2">
<h2 id="org482b6ca">Posts</h2>
<div class="outline-text-2" id="text-org482b6ca">
<ul class="org-ul">
<li><a href="./posts/index.html">index.org</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col"></div></div>
</div>
</body>
</html>

View File

@ -1,47 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2019-07-05 Fri 16:55 -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>her.esy.fun</title>
<meta name="generator" content="Org mode">
<meta name="author" content="Yann Esposito">
<meta name="keywords" content="programming">
<link rel="stylesheet" type="text/css" href="./minimalist.css" />
</head>
<body>
<div class="content-wrapper container">
<div class="row"> <div class="col"> </div> <div class="col-sm-6 col-md-8">
<div id="preamble" class="status">
<div class="banner">
<a href="/"> Ramblings from a Corner </a>
</div>
<ul class="banner-links">
<li><a href="/"> About Me </a> </li>
<li><a href="/archive.html"> Posts </a> </li>
</ul>
<hr>
</div>
<div id="content">
<header>
<h1 class="title">her.esy.fun</h1>
</header><p>
<a href="https://her.esy.fun">her.esy.fun</a>
</p>
<p>
This is a new take on my personal blog.
With a lot more minimalism in mind.
</p>
<div id="outline-container-orgaca4334" class="outline-2">
<h2 id="orgaca4334">Articles</h2>
</div>
</div>
</div>
<div class="col"></div></div>
</div>
</body>
</html>

View File

@ -1,34 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
xmlns:georss="http://www.georss.org/georss"
xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
xmlns:media="http://search.yahoo.com/mrss/"><channel>
<title>Blog Posts</title>
<atom:link href="https://her.esy.fun/archive.xml" rel="self" type="application/rss+xml" />
<link>https://her.esy.fun/</link>
<description><![CDATA[]]></description>
<language>en</language>
<pubDate>Fri, 05 Jul 2019 17:08:36 +0200</pubDate>
<lastBuildDate>Fri, 05 Jul 2019 17:08:36 +0200</lastBuildDate>
<generator>Emacs 26.1 Org-mode 9.2.3</generator>
<webMaster>yaesposi@YAESPOSI-M-82JZ (yaesposi)</webMaster>
<image>
<url>https://orgmode.org/img/org-mode-unicorn-logo.png</url>
<title>Blog Posts</title>
<link>https://her.esy.fun/</link>
</image>
<div class="archive">
<p>
<li> <span class="archive-item"><span class="archive-date"> Jul 04, 2019 </span> <a href="posts/index.html">her.esy.fun</a> </span> </li>
</p>
</div>
</channel>
</rss>

View File

@ -2,5 +2,5 @@
#+begin_archive
@@html:<li>@@ @@html:<span class="archive-item"><span class="archive-date">@@ Jul 04, 2019 @@html:</span>@@ [[file:posts/index.org][her.esy.fun]] @@html:</span>@@ @@html:</li>@@
@@html:<li>@@ @@html:<span class="archive-item"><span class="archive-date">@@ Jul 05, 2019 @@html:</span>@@ [[file:posts/2019-07-04-org-publish.org][org-publish]] @@html:</span>@@ @@html:</li>@@
#+end_archive

View File

@ -56,7 +56,12 @@ hr:after {
word-wrap: break-word;
}
blockquote { margin-left: 0; }
pre::after,pre::before { content: "~~~~~~"; display: block; font-size: 1.25em; opacity: 0.3; }
pre { max-width: 100%; overflow: scroll; font-size: 12px; }
pre::after,pre::before {
content: "~~~~~~~~~";
font-size: 12px;
display: block;
opacity: 1; }
code {
font-family: "courrier new", monospace;
background: #f2f2f2;

View File

Before

Width:  |  Height:  |  Size: 3.1 MiB

After

Width:  |  Height:  |  Size: 3.1 MiB

View File

@ -1,117 +0,0 @@
body { font-family: sans-serif;
font-size: 15px;
line-height: 20px;
max-width: 50em;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens:auto;
-ms-hyphens:auto; }
h1, h2, h3, h4, h5, h6,
pre, code, blockquote, ol, ul,
ol ol, ul ul, ul ol, ol ul, li,
p, section, header, footer {
float: none;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6,
pre, code, blockquote,
p, ul, ol, section, header, footer, .figure {
margin-top: 20px;
margin-bottom: 20px;
}
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
h1::before { content: "# "; opacity: 0.5; }
h2::before { content: "## "; opacity: 0.5; }
h3::before { content: "### "; opacity: 0.5; }
h4::before { content: "#### "; opacity: 0.5; }
h5::before { content: "##### "; opacity: 0.5; }
h6::before { content: "###### "; opacity: 0.5; }
p { margin: 0; padding: 0; }
hr {
position: relative;
height: 20px;
font-size: 0;
line-height: 0;
overflow: hidden;
border: 0;
margin-bottom: 20px;
}
hr:after {
content: "----------------------------------------------------------------------------------------------------";
font-family: monospace;
position: absolute;
top: 0;
left: 0;
font-size: 14px;
line-height: 20px;
width: 100%;
word-wrap: break-word;
}
blockquote { margin-left: 0; }
pre::after,pre::before { content: "~~~~~~"; display: block; font-size: 1.25em; opacity: 0.3; }
code {
font-family: "courrier new", monospace;
background: #f2f2f2;
}
pre code { background: none; }
blockquote {
position: relative;
padding-left: 17px;
padding-left: 2ch;
overflow: hidden;
}
blockquote:after {
content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";
white-space: pre;
position: absolute;
top: 0;
left: 0;
font-size: 14px;
line-height: 20px;
opacity: 0.3;
}
li {
position: relative;
display: block;
padding-left: 18px;
}
li:after {
position: absolute;
top: 0;
left: 0;
}
ul > li:after {
content: "▪";
opacity: 0.2;
}
ol {
counter-reset: ol;
}
ol > li:after {
content: counter(ol) ".";
counter-increment: ol;
}
/* colors */
a, a:visited { color: #008AFF; }
a:active, a:hover, a:focus { color: #0085a1; }
h1 { color: #6c71c4;}
h2 { color: #d33682;}
h3 { color: #dc322f;}
h4 { color: #cb4b16;}
h5 { color: #b58900;}
h6 { color: #859900;}
img { max-width: 100%;
max-height: 800px;
margin: 20px auto; }

View File

@ -1,56 +0,0 @@
<p>Welcome to <a href="https://her.esy.fun">her.esy.fun</a>!</p>
<h1 id="testing">Testing</h1>
<p>I will test some classical things. First let's test <strong>bold</strong>, then <em>italic</em> then, <code>code</code> and <code>terminal</code>. Also forgot <del>barré</del>. And a veryveryveryverylongwordlike Supercalifragilisticexpialidocious and even longer SupercalifragilisticexpialidociousSupercalifragilisticexpialidocious and even very very longer SupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidocious</p>
<div class="sourceCode" id="cb1"><pre class="sourceCode clojure"><code class="sourceCode clojure"><a class="sourceLine" id="cb1-1" title="1">(<span class="bu">def</span><span class="fu"> foo</span></a>
<a class="sourceLine" id="cb1-2" title="2"> <span class="st">&quot;this is some clojure code&quot;</span></a>
<a class="sourceLine" id="cb1-3" title="3"> [&amp; args]</a>
<a class="sourceLine" id="cb1-4" title="4"> (string/join <span class="st">&quot;, &quot;</span> args))</a></code></pre></div>
<p>Then let's try some blockquote:</p>
<blockquote>
<p>This is a quote here. I'm fond of using it.</p>
<p> Shakespeare</p>
</blockquote>
<ul>
<li>item 1</li>
<li>item 2
<ul>
<li>sub-item</li>
<li>re-sub-item
<ul>
<li>sub-sub-item</li>
</ul></li>
<li>sub</li>
</ul></li>
<li>item 3</li>
<li>item 4</li>
</ul>
<ol>
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ol>
<hr />
<p>some text</p>
<p>A figure with a caption:</p>
<figure>
<img src="./img/a.png" alt="The bomb that started the expriment in Twin Peaks" alt="The bomb" /><figcaption>The bomb that started the expriment in Twin Peaks</figcaption>
</figure>
<h1 id="h2-test">h2 test</h1>
<h2 id="h3-test">h3 test</h2>
<h3 id="h4-test">h4 test</h3>
<h4 id="h5-test">h5 test</h4>
<h5 id="h6-test">h6 test</h5>
<h6 id="h7-does-not-exists">h7 does not exists</h6>
<ol>
<li><p>lower …</p>
<ol>
<li><p>deeper</p>
<ol>
<li><p>even deeper…</p>
<ol>
<li><p>still even deeeeper</p>
<p>Deep enough now :)</p></li>
</ol></li>
</ol></li>
</ol></li>
</ol>

View File

@ -1,205 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2019-07-04 Jeu 22:31 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>her.esy.fun</title>
<meta name="generator" content="Org mode" />
<meta name="author" content="Yann Esposito" />
<meta name="keywords" content="programming" />
<link rel="stylesheet" type="text/css" href="/minimalist.css" />
<link rel="stylesheet" type="text/css" href="./minimalist.css" />
<script type="text/javascript">
/*
@licstart The following is the entire license notice for the
JavaScript code in this tag.
Copyright (C) 2012-2019 Free Software Foundation, Inc.
The JavaScript code in this tag is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this tag.
*/
<!--/*--><![CDATA[/*><!--*/
function CodeHighlightOn(elem, id)
{
var target = document.getElementById(id);
if(null != target) {
elem.cacheClassElem = elem.className;
elem.cacheClassTarget = target.className;
target.className = "code-highlighted";
elem.className = "code-highlighted";
}
}
function CodeHighlightOff(elem, id)
{
var target = document.getElementById(id);
if(elem.cacheClassElem)
elem.className = elem.cacheClassElem;
if(elem.cacheClassTarget)
target.className = elem.cacheClassTarget;
}
/*]]>*///-->
</script>
</head>
<body>
<div id="content">
<h1 class="title">her.esy.fun</h1>
<p>
Welcome to <a href="https://her.esy.fun">her.esy.fun</a>!
</p>
<div id="outline-container-orgb735553" class="outline-2">
<h2 id="orgb735553">Testing</h2>
<div class="outline-text-2" id="text-orgb735553">
<p>
I will test some classical things.
First let&rsquo;s test <b>bold</b>, then <i>italic</i> then, <code>code</code> and <code>terminal</code>.
Also forgot <del>barré</del>.
And a veryveryveryverylongwordlike Supercalifragilisticexpialidocious
and even longer SupercalifragilisticexpialidociousSupercalifragilisticexpialidocious
and even very very longer
SupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidocious
</p>
<div class="org-src-container">
<pre class="src src-clojure"><span style="color: #2aa198;">(</span><span style="color: #859900; font-weight: bold;">def</span> <span style="color: #268bd2;">foo</span>
<span style="color: #2aa198;">"this is some clojure code"</span>
<span style="color: #b58900;">[</span>&amp; args<span style="color: #b58900;">]</span>
<span style="color: #b58900;">(</span><span style="color: #b58900;">string</span>/join <span style="color: #2aa198;">", "</span> args<span style="color: #b58900;">)</span><span style="color: #2aa198;">)</span>
</pre>
</div>
<p>
Then let&rsquo;s try some blockquote:
</p>
<blockquote>
<p>
This is a quote here. I&rsquo;m fond of using it.
</p>
<p>
&#x2013; Shakespeare
</p>
</blockquote>
<ul class="org-ul">
<li>item 1</li>
<li>item 2
<ul class="org-ul">
<li>sub-item</li>
<li>re-sub-item
<ul class="org-ul">
<li>sub-sub-item</li>
</ul></li>
<li>sub</li>
</ul></li>
<li>item 3</li>
<li>item 4</li>
</ul>
<ol class="org-ol">
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ol>
<hr />
<p>
some text
</p>
<p>
A figure with a caption:
</p>
<div class="figure">
<p><img src="./img/a.png" alt="The bomb" />
</p>
<p><span class="figure-number">Figure 1: </span>The bomb that started the expriment in Twin Peaks</p>
</div>
</div>
</div>
<div id="outline-container-org87a77f4" class="outline-2">
<h2 id="org87a77f4">h2 test</h2>
<div class="outline-text-2" id="text-org87a77f4">
</div>
<div id="outline-container-org3d95a99" class="outline-3">
<h3 id="org3d95a99">h3 test</h3>
<div class="outline-text-3" id="text-org3d95a99">
</div>
<div id="outline-container-org7ed52bf" class="outline-4">
<h4 id="org7ed52bf">h4 test</h4>
<div class="outline-text-4" id="text-org7ed52bf">
</div>
<div id="outline-container-orgc2240ec" class="outline-5">
<h5 id="orgc2240ec">h5 test</h5>
<div class="outline-text-5" id="text-orgc2240ec">
</div>
<div id="outline-container-org449734c" class="outline-6">
<h6 id="org449734c">h6 test</h6>
<div class="outline-text-6" id="text-org449734c">
</div>
<div id="outline-container-org91376ad" class="outline-7">
<h7 id="org91376ad">h7 does not exists</h7>
<div class="outline-text-7" id="text-org91376ad">
</div>
<ul class="org-ul">
<li><a id="org0c18e4c"></a>lower &#x2026;<br />
<ul class="org-ul">
<li><a id="org89b0fdd"></a>deeper<br />
<ul class="org-ul">
<li><a id="org63ae6d0"></a>even deeper&#x2026;<br />
<ul class="org-ul">
<li><a id="orga8ea658"></a>still even deeeeper<br />
<div class="outline-text-11" id="text-orga8ea658">
<p>
Deep enough now :)
</p>
</div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="postamble" class="status">
<p class="author">Author: Yann Esposito</p>
<p class="date">Created: 2019-07-04 Jeu 22:31</p>
<p class="creator">Spacemacs, org-mode (Emacs 26.1, Org mode 9.2.3)</p>
<p class="validation"><a href="http://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
</html>

View File

@ -3,27 +3,10 @@
#+EMAIL: yann.esposito@gmail.com
#+KEYWORDS: programming
#+DESCRIPTION:
#+OPTIONS: H:6
Welcome to [[https://her.esy.fun][her.esy.fun]]!
* Writer :noexport:
#+BIND: org-exporet-publishing-directory "./dist"
#+LANGUAGE: en
#+LANG: en
#+OPTIONS: ':t *:t -:t ::t <:t H:3 \n:nil ^:t arch:headline author:t c:nil
#+OPTIONS: creator:comment d:(not LOGBOOK) date:t e:t email:nil f:t inline:t
#+OPTIONS: p:nil pri:nil stat:t tags:t tasks:t tex:t timestamp:t
#+OPTIONS: html-style:nil num:nil toc:nil
#+OPTIONS: todo:t |:t
#+CREATOR: Spacemacs, org-mode (Emacs 26.1, Org mode 9.2.3)
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="/minimalist.css" />
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="./minimalist.css" />
#+OPTIONS: H:6
#+BIND: org-export-publishing-directory "./dist"
* Testing
I will test some classical things.

View File

@ -1,83 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2019-07-05 Fri 08:26 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>her.esy.fun</title>
<meta name="generator" content="Org mode" />
<meta name="author" content="Yann Esposito" />
<meta name="keywords" content="programming" />
<link rel="stylesheet" type="text/css" href="./minimalist.css" />
<script type="text/javascript">
/*
@licstart The following is the entire license notice for the
JavaScript code in this tag.
Copyright (C) 2012-2019 Free Software Foundation, Inc.
The JavaScript code in this tag is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this tag.
*/
<!--/*--><![CDATA[/*><!--*/
function CodeHighlightOn(elem, id)
{
var target = document.getElementById(id);
if(null != target) {
elem.cacheClassElem = elem.className;
elem.cacheClassTarget = target.className;
target.className = "code-highlighted";
elem.className = "code-highlighted";
}
}
function CodeHighlightOff(elem, id)
{
var target = document.getElementById(id);
if(elem.cacheClassElem)
elem.className = elem.cacheClassElem;
if(elem.cacheClassTarget)
target.className = elem.cacheClassTarget;
}
/*]]>*///-->
</script>
</head>
<body>
<div id="content">
<h1 class="title">her.esy.fun</h1>
<p>
<a href="https://her.esy.fun">her.esy.fun</a>
</p>
<p>
This is a new take on my personal blog.
With a lot more minimalism in mind.
</p>
<div id="outline-container-orgb5f7112" class="outline-2">
<h2 id="orgb5f7112">Posts</h2>
<div class="outline-text-2" id="text-orgb5f7112">
<ul class="org-ul">
<li><a href="./posts/index.html">index.org</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>

View File

@ -1,4 +1,4 @@
* Code magic :noexport:
* Code magic :noexport:
#+TITLE: her.esy.fun
#+AUTHOR: Yann Esposito
#+EMAIL: yann.esposito@gmail.com
@ -7,136 +7,118 @@
#+LANGUAGE: en
#+LANG: en
#+CREATOR: Spacemacs, org-mode (Emacs 26.1, Org mode 9.2.3)
#+OPTIONS: ':t *:t -:t ::t <:t H:3 \n:nil ^:t arch:headline author:t c:nil
#+OPTIONS: creator:comment d:(not LOGBOOK) date:t e:t email:nil f:t inline:t
#+OPTIONS: p:nil pri:nil stat:t tags:t tasks:t tex:t timestamp:t
#+OPTIONS: html-style:nil num:nil toc:nil
#+OPTIONS: html-postamble:nil
#+OPTIONS: H:6
#+OPTIONS: todo:t |:t
#+HTML_HEAD_EXTRA: <link rel="stylesheet" type="text/css" href="./assets/minimalist.css" />
#+begin_src elisp :results none
(require 'org)
(require 'ox-publish)
(require 'ox-html)
(require 'org-element)
(require 'ox-rss)
(require 'org)
(require 'ox-publish)
(require 'ox-html)
(require 'org-element)
(require 'ox-rss)
(defun org-blog-prepare (project-plist)
"With help from `https://github.com/howardabrams/dot-files'.
Touch `index.org' to rebuilt it.
Argument `PROJECT-PLIST' contains information about the current project."
(let* ((base-directory (plist-get project-plist :base-directory))
(buffer (find-file-noselect (expand-file-name "index.org" base-directory) t)))
(with-current-buffer buffer
(set-buffer-modified-p t)
(save-buffer 0))
(kill-buffer buffer)))
(defun org-blog-prepare (project-plist)
"With help from `https://github.com/howardabrams/dot-files'.
Touch `index.org' to rebuilt it.
Argument `PROJECT-PLIST' contains information about the current project."
(let* ((base-directory (plist-get project-plist :base-directory))
(buffer (find-file-noselect (expand-file-name "index.org" base-directory) t)))
(with-current-buffer buffer
(set-buffer-modified-p t)
(save-buffer 0))
(kill-buffer buffer)))
(defvar org-blog-head
"<link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/minimal.css\"/>
<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/favicon.ico\">")
(defvar org-blog-head
"<link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/css/minimalist.css\"/>
<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/favicon.ico\">")
(defun org-blog-preamble (_plist)
"Pre-amble for whole blog."
"<strong><code>Programing Heresy</code></strong>")
(defun org-blog-preamble (_plist)
"Pre-amble for whole blog."
"<strong><code>Programing Heresy</code></strong>")
(defun org-blog-postamble (_plist)
"Post-amble for whole blog."
"<hr/>
<a href=\"/\">Home</a> -
<a href=\"/archive.html\">Posts</a>")
"Post-amble for whole blog."
"<hr/>
<a href=\"/\">Home</a> -
<a href=\"/archive.html\">Posts</a>")
(defun org-blog-sitemap-format-entry (entry _style project)
"Return string for each ENTRY in PROJECT."
(when (s-starts-with-p "posts/" entry)
(format "@@html:<span class=\"archive-item\"><span class=\"archive-date\">@@ %s @@html:</span>@@ [[file:%s][%s]] @@html:</span>@@"
(format-time-string "%h %d, %Y"
(org-publish-find-date entry project))
entry
(org-publish-find-title entry project))))
(defun org-blog-sitemap-format-entry (entry _style project)
"Return string for each ENTRY in PROJECT."
(when (s-starts-with-p "posts/" entry)
(format "@@html:<span class=\"archive-item\"><span class=\"archive-date\">@@ %s @@html:</span>@@ [[file:%s][%s]] @@html:</span>@@"
(format-time-string "%h %d, %Y"
(org-publish-find-date entry project))
entry
(org-publish-find-title entry project))))
(defun org-blog-publish-to-html (plist filename pub-dir)
"Same as `org-html-publish-to-html' but modifies html before finishing."
(let ((file-path (org-html-publish-to-html plist filename pub-dir)))
(with-current-buffer (find-file-noselect file-path)
(goto-char (point-min))
(search-forward "<body>")
(insert (concat "\n<div class=\"content-wrapper container\">\n "
" <div class=\"row\"> <div class=\"col\"> </div> "
" <div class=\"col-sm-6 col-md-8\"> "))
(goto-char (point-max))
(search-backward "</body>")
(insert "\n</div>\n<div class=\"col\"></div></div>\n</div>\n")
(save-buffer)
(kill-buffer))
file-path))
(defun org-blog-sitemap-function (title list)
"Return sitemap using TITLE and LIST returned by `org-blog-sitemap-format-entry'."
(concat "#+TITLE: " title "\n\n"
"\n#+begin_archive\n"
(mapconcat (lambda (li)
(format "@@html:<li>@@ %s @@html:</li>@@" (car li)))
(seq-filter #'car (cdr list))
"\n")
"\n#+end_archive\n"))
(defun org-blog-sitemap-function (title list)
"Return sitemap using TITLE and LIST returned by `org-blog-sitemap-format-entry'."
(concat "#+TITLE: " title "\n\n"
"\n#+begin_archive\n"
(mapconcat (lambda (li)
(format "@@html:<li>@@ %s @@html:</li>@@" (car li)))
(seq-filter #'car (cdr list))
"\n")
"\n#+end_archive\n"))
(setq base-dir (concat (projectile-project-root) "src"))
(setq publish-dir (concat (projectile-project-root) "_site"))
(setq assets-dir (concat base-dir "/assets"))
(setq publish-assets-dir (concat publish-dir "/assets"))
(setq rss-dir base-dir)
(setq publish-rss-dir publish-dir)
(setq org-publish-project-alist
`(("orgfiles"
:base-directory ,base-dir
:exclude ".*drafts/.*"
:base-extension "org"
(setq org-publish-project-alist
`(("orgfiles"
:base-directory "~/y/her.esy.fun/src/"
:exclude ".*drafts/.*"
:base-extension "org"
:publishing-directory ,publish-dir
:publishing-directory "~/y/her.esy.fun/_site/"
:recursive t
:preparation-function org-blog-prepare
:publishing-function org-html-publish-to-html
:recursive t
:preparation-function org-blog-prepare
:publishing-function org-blog-publish-to-html
:with-toc nil
:with-title t
:with-date t
:section-numbers nil
:html-doctype "html5"
:html-html5-fancy t
:html-head-include-default-style nil
:html-head-include-scripts nil
:htmlized-source t
:html-head-extra ,org-blog-head
:html-preamble org-blog-preamble
:html-postamble org-blog-postamble
:with-toc nil
:with-title t
:with-date t
:section-numbers nil
:html-doctype "html5"
:html-html5-fancy t
:html-head-include-default-style nil
:html-head-include-scripts nil
:htmlized-source t
:html-head-extra ,org-blog-head
:html-preamble org-blog-preamble
:html-postamble org-blog-postamble
:auto-sitemap t
:sitemap-filename "archive.org"
:sitemap-title "Blog Posts"
:sitemap-style list
:sitemap-sort-files anti-chronologically
:sitemap-format-entry org-blog-sitemap-format-entry
:sitemap-function org-blog-sitemap-function)
:auto-sitemap t
:sitemap-filename "archive.org"
:sitemap-title "Blog Posts"
:sitemap-style list
:sitemap-sort-files anti-chronologically
:sitemap-format-entry org-blog-sitemap-format-entry
:sitemap-function org-blog-sitemap-function)
("assets"
:base-directory ,assets-dir
:base-extension ".*"
:publishing-directory ,publish-assets-dir
:publishing-function org-publish-attachment
:recursive t)
("assets"
:base-directory "~/y/her.esy.fun/src/assets/"
:base-extension ".*"
:publishing-directory "~/y/her.esy.fun/_site/assets/"
:publishing-function org-publish-attachment
:recursive t)
("rss"
:base-directory "~/y/her.esy.fun/src/"
:base-extension "org"
:html-link-home "https://her.esy.fun/"
:html-link-use-abs-url t
:rss-extension "xml"
:publishing-directory "~/y/her.esy.fun/"
:publishing-function (org-rss-publish-to-rss)
:exclude ".*"
:include ("archive.org")
:section-numbers nil
:table-of-contents nil)
("blog" :components ("orgfiles" "assets" "rss"))))
("rss"
:base-directory ,rss-dir
:base-extension "org"
:html-link-home "https://her.esy.fun/"
:html-link-use-abs-url t
:rss-extension "xml"
:publishing-directory ,publish-rss-dir
:publishing-function (org-rss-publish-to-rss)
:exclude ".*"
:include ("archive.org")
:section-numbers nil
:table-of-contents nil)
("blog" :components ("orgfiles" "assets" "rss"))))
#+end_src
* Welcome!
@ -146,12 +128,4 @@
This is a new take on my personal blog.
With a lot more minimalism in mind.
* Posts
#+begin_src elisp :results value list :exports results
(mapcar (lambda (d) (concat "[[./posts/" d "][" d "]]"))
(directory-files "posts" nil "\\.org"))
#+end_src
#+RESULTS:
- [[posts/index.org][index.org]]
With [[http://orgmode.org][org-mode]]

View File

@ -0,0 +1,129 @@
#+TITLE: Static blog with org-mode
#+AUTHOR: Yann Esposito
#+EMAIL: yann.esposito@gmail.com
#+KEYWORDS: programming, blog
[[https://her.esy.fun][her.esy.fun]]
This is a new take on my personal blog.
With a lot more minimalism in mind.
Fully done with [[https://orgmode.org][=org-mode=]].
* Code magic
Here is how I publish this website in emacs using org-mode.
I just eval that code and then do a simple `org-publish` for the blog.
And that's it.
#+begin_src elisp :results none
(require 'org)
(require 'ox-publish)
(require 'ox-html)
(require 'org-element)
(require 'ox-rss)
(defun org-blog-prepare (project-plist)
"With help from `https://github.com/howardabrams/dot-files'.
Touch `index.org' to rebuilt it.
Argument `PROJECT-PLIST' contains information about the current project."
(let* ((base-directory (plist-get project-plist :base-directory))
(buffer (find-file-noselect (expand-file-name "index.org" base-directory) t)))
(with-current-buffer buffer
(set-buffer-modified-p t)
(save-buffer 0))
(kill-buffer buffer)))
(defvar org-blog-head
"<link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/css/minimalist.css\"/>
<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/favicon.ico\">")
(defun org-blog-preamble (_plist)
"Pre-amble for whole blog."
"<strong><code>Programming Heresy</code></strong>")
(defun org-blog-postamble (_plist)
"Post-amble for whole blog."
"<hr/>
<a href=\"/\">Home</a> -
<a href=\"/archive.html\">Posts</a>")
(defun org-blog-sitemap-format-entry (entry _style project)
"Return string for each ENTRY in PROJECT."
(when (s-starts-with-p "posts/" entry)
(format (concat "@@html:<span class=\"archive-item\">"
"<span class=\"archive-date\">"
"@@ %s @@html:</span>@@ [[file:%s][%s]] @@html:</span>@@")
(format-time-string "%Y-%m-%d"
(org-publish-find-date entry project))
entry
(org-publish-find-title entry project))))
(defun org-blog-sitemap-function (title list)
"Return sitemap using TITLE and LIST returned by `org-blog-sitemap-format-entry'."
(concat "#+TITLE: " title "\n\n"
"\n#+begin_archive\n"
(mapconcat (lambda (li)
(format "@@html:<li>@@ %s @@html:</li>@@" (car li)))
(seq-filter #'car (cdr list))
"\n")
"\n#+end_archive\n"))
(setq rootdir (projectile-project-root))
(setq org-publish-project-alist
`(("orgfiles"
:base-directory (concat rootdir "/src/")
:exclude ".*drafts/.*"
:base-extension "org"
:publishing-directory (concat rootdir "/_site/")
:recursive t
:preparation-function org-blog-prepare
:publishing-function org-html-publish-to-html
:with-toc nil
:with-title t
:with-date t
:section-numbers nil
:html-doctype "html5"
:html-html5-fancy t
:html-head-include-default-style nil
:html-head-include-scripts nil
:htmlized-source t
:html-head-extra ,org-blog-head
:html-preamble org-blog-preamble
:html-postamble org-blog-postamble
:auto-sitemap t
:sitemap-filename "archive.org"
:sitemap-title "Blog Posts"
:sitemap-style list
:sitemap-sort-files anti-chronologically
:sitemap-format-entry org-blog-sitemap-format-entry
:sitemap-function org-blog-sitemap-function)
("assets"
:base-directory (concat rootdir "/src/assets/")
:base-extension ".*"
:publishing-directory (concat rootdir "/_site/assets/")
:publishing-function org-publish-attachment
:recursive t)
("rss"
:base-directory (concat rootdir "/src/")
:base-extension "org"
:html-link-home "https://her.esy.fun/"
:html-link-use-abs-url t
:rss-extension "xml"
:publishing-directory (concat rootdir "/")
:publishing-function (org-rss-publish-to-rss)
:exclude ".*"
:include ("archive.org")
:section-numbers nil
:table-of-contents nil)
("blog" :components ("orgfiles" "assets" "rss"))))
#+end_src

View File

@ -1,22 +0,0 @@
#+TITLE: her.esy.fun
#+AUTHOR: Yann Esposito
#+EMAIL: yann.esposito@gmail.com
#+KEYWORDS: programming
#+DESCRIPTION:
#+LANGUAGE: en
#+LANG: en
#+CREATOR: Spacemacs, org-mode (Emacs 26.1, Org mode 9.2.3)
#+OPTIONS: ':t *:t -:t ::t <:t H:3 \n:nil ^:t arch:headline author:t c:nil
#+OPTIONS: creator:comment d:(not LOGBOOK) date:t e:t email:nil f:t inline:t
#+OPTIONS: p:nil pri:nil stat:t tags:t tasks:t tex:t timestamp:t
#+OPTIONS: html-style:nil num:nil toc:nil
#+OPTIONS: html-postamble:nil
#+OPTIONS: todo:t |:t
#+HTML_HEAD_EXTRA: <link rel="stylesheet" type="text/css" href="./minimalist.css" />
[[https://her.esy.fun][her.esy.fun]]
This is a new take on my personal blog.
With a lot more minimalism in mind.
* Articles