🚧 WIP 🚧
This commit is contained in:
parent
cc42a76a47
commit
3fd4cd900f
18 changed files with 751 additions and 27 deletions
39
_site/archive.html
Normal file
39
_site/archive.html
Normal file
|
@ -0,0 +1,39 @@
|
||||||
|
<!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>
|
175
_site/homepage.html
Normal file
175
_site/homepage.html
Normal file
|
@ -0,0 +1,175 @@
|
||||||
|
<!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’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>& 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’s try some blockquote:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>
|
||||||
|
This is a quote here. I’m fond of using it.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
– 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 …<br>
|
||||||
|
<ul class="org-ul">
|
||||||
|
<li><a id="org01f85a1"></a>deeper<br>
|
||||||
|
<ul class="org-ul">
|
||||||
|
<li><a id="org3549e95"></a>even deeper…<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>
|
50
_site/index.html
Normal file
50
_site/index.html
Normal file
|
@ -0,0 +1,50 @@
|
||||||
|
<!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>
|
47
_site/posts/index.html
Normal file
47
_site/posts/index.html
Normal file
|
@ -0,0 +1,47 @@
|
||||||
|
<!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>
|
34
archive.xml
Normal file
34
archive.xml
Normal file
|
@ -0,0 +1,34 @@
|
||||||
|
<?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>
|
117
assets/minimalist.css
Normal file
117
assets/minimalist.css
Normal file
|
@ -0,0 +1,117 @@
|
||||||
|
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; }
|
23
dist/index.org
vendored
23
dist/index.org
vendored
|
@ -1,23 +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: H:6
|
|
||||||
#+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
|
|
2
serve.sh
2
serve.sh
|
@ -1,2 +1,2 @@
|
||||||
#!/usr/bin/env bash
|
#!/usr/bin/env bash
|
||||||
cd dist && sws --local --no-auth . --port 5443
|
cd _site && sws --local --no-auth . --port 5443
|
||||||
|
|
6
src/archive.org
Normal file
6
src/archive.org
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
#+TITLE: Blog Posts
|
||||||
|
|
||||||
|
|
||||||
|
#+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>@@
|
||||||
|
#+end_archive
|
117
src/assets/minimalist.css
Normal file
117
src/assets/minimalist.css
Normal file
|
@ -0,0 +1,117 @@
|
||||||
|
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; }
|
Before Width: | Height: | Size: 3.1 MiB After Width: | Height: | Size: 3.1 MiB |
|
@ -3,7 +3,7 @@
|
||||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||||
<head>
|
<head>
|
||||||
<!-- 2019-07-04 Jeu 11:00 -->
|
<!-- 2019-07-05 Fri 08:26 -->
|
||||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<title>her.esy.fun</title>
|
<title>her.esy.fun</title>
|
||||||
|
@ -70,8 +70,13 @@ This is a new take on my personal blog.
|
||||||
With a lot more minimalism in mind.
|
With a lot more minimalism in mind.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div id="outline-container-org70f1768" class="outline-2">
|
<div id="outline-container-orgb5f7112" class="outline-2">
|
||||||
<h2 id="org70f1768">Articles</h2>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
157
src/index.org
Normal file
157
src/index.org
Normal file
|
@ -0,0 +1,157 @@
|
||||||
|
* Code magic :noexport:
|
||||||
|
#+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: 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)
|
||||||
|
|
||||||
|
(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\">")
|
||||||
|
|
||||||
|
(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>")
|
||||||
|
|
||||||
|
(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"))
|
||||||
|
|
||||||
|
(setq org-publish-project-alist
|
||||||
|
`(("orgfiles"
|
||||||
|
:base-directory "~/y/her.esy.fun/src/"
|
||||||
|
:exclude ".*drafts/.*"
|
||||||
|
:base-extension "org"
|
||||||
|
|
||||||
|
:publishing-directory "~/y/her.esy.fun/_site/"
|
||||||
|
|
||||||
|
: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
|
||||||
|
|
||||||
|
: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 "~/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"))))
|
||||||
|
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
* Welcome!
|
||||||
|
|
||||||
|
[[https://her.esy.fun][her.esy.fun]]
|
||||||
|
|
||||||
|
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]]
|
Loading…
Reference in a new issue