🚧 WIP 🚧
This commit is contained in:
parent
cc42a76a47
commit
3fd4cd900f
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
|
||||
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">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<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 name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<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.
|
||||
</p>
|
||||
|
||||
<div id="outline-container-org70f1768" class="outline-2">
|
||||
<h2 id="org70f1768">Articles</h2>
|
||||
<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>
|
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