wip
This commit is contained in:
commit
a4263afbe4
158
dist/homepage.html
vendored
Normal file
158
dist/homepage.html
vendored
Normal file
|
@ -0,0 +1,158 @@
|
||||||
|
<?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 Thu 08:37 -->
|
||||||
|
<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>
|
||||||
|
<div id="outline-container-orgeeb78dc" class="outline-2">
|
||||||
|
<h2 id="orgeeb78dc">Testing</h2>
|
||||||
|
<div class="outline-text-2" id="text-orgeeb78dc">
|
||||||
|
<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>
|
||||||
|
Single image:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="figure">
|
||||||
|
<p><img src="./img/a.png" alt="The bomb" />
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
And 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 2: </span>The bomb that started the expriment in Twin Peaks</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="postamble" class="status">
|
||||||
|
<p class="author">Author: Yann Esposito</p>
|
||||||
|
<p class="date">Created: 2019-07-04 Thu 08:37</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>
|
BIN
dist/img/a.png
vendored
Normal file
BIN
dist/img/a.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.1 MiB |
20
dist/index.html
vendored
Normal file
20
dist/index.html
vendored
Normal file
|
@ -0,0 +1,20 @@
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>HER.ESY.FUN</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="/minimalist.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>HER.ESY.FUN</h1>
|
||||||
|
<p>This is just a test</p>
|
||||||
|
<blockquote>This is just a blockquote test</blockquote>
|
||||||
|
<p>A longer paragraph of text. Just to see where is the limit. Also let's just put some
|
||||||
|
link <a href="/">self-link</a> and some <code>code</code> as well as
|
||||||
|
<a href="/"><code>link with code</code></a>.
|
||||||
|
And why not a very long word.
|
||||||
|
For example, whyareyoulookingatmelikethatthisisnotwhatyoushoulddoreallyitisupsettingmeandyoushouldtakealookatthehappyfrighteninggirlgifaboutthattheme.
|
||||||
|
<pre>
|
||||||
|
(defn foo :- Schema
|
||||||
|
[arg]
|
||||||
|
(do-something arg))</pre>
|
||||||
|
</body>
|
||||||
|
</html>
|
114
dist/minimalist.css
vendored
Normal file
114
dist/minimalist.css
vendored
Normal file
|
@ -0,0 +1,114 @@
|
||||||
|
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; }
|
||||||
|
h5::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: #af005f;}
|
||||||
|
h2 { color: #5f5faf;}
|
||||||
|
h3 { color: #0087ff;}
|
||||||
|
|
||||||
|
img { max-width: 100%;
|
||||||
|
max-height: 800px;
|
||||||
|
margin: 20px auto; }
|
86
homepage.org
Normal file
86
homepage.org
Normal file
|
@ -0,0 +1,86 @@
|
||||||
|
#+TITLE: her.esy.fun
|
||||||
|
#+AUTHOR: Yann Esposito
|
||||||
|
#+EMAIL: yann.esposito@gmail.com
|
||||||
|
#+KEYWORDS: programming
|
||||||
|
#+DESCRIPTION:
|
||||||
|
|
||||||
|
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" />
|
||||||
|
|
||||||
|
#+BIND: org-export-publishing-directory "./dist"
|
||||||
|
|
||||||
|
|
||||||
|
* Testing
|
||||||
|
|
||||||
|
I will test some classical things.
|
||||||
|
First let's test *bold*, then /italic/ then, =code= and ~terminal~.
|
||||||
|
Also forgot +barré+.
|
||||||
|
And a veryveryveryverylongwordlike Supercalifragilisticexpialidocious
|
||||||
|
and even longer SupercalifragilisticexpialidociousSupercalifragilisticexpialidocious
|
||||||
|
and even very very longer
|
||||||
|
SupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidociousSupercalifragilisticexpialidocious
|
||||||
|
|
||||||
|
#+begin_src clojure
|
||||||
|
(def foo
|
||||||
|
"this is some clojure code"
|
||||||
|
[& args]
|
||||||
|
(string/join ", " args))
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
Then let's try some blockquote:
|
||||||
|
|
||||||
|
#+begin_quote
|
||||||
|
This is a quote here. I'm fond of using it.
|
||||||
|
|
||||||
|
-- Shakespeare
|
||||||
|
#+end_quote
|
||||||
|
|
||||||
|
- item 1
|
||||||
|
- item 2
|
||||||
|
- sub-item
|
||||||
|
- re-sub-item
|
||||||
|
- sub-sub-item
|
||||||
|
- sub
|
||||||
|
- item 3
|
||||||
|
- item 4
|
||||||
|
|
||||||
|
|
||||||
|
1. foo
|
||||||
|
2. bar
|
||||||
|
3. baz
|
||||||
|
|
||||||
|
|
||||||
|
------------------------
|
||||||
|
|
||||||
|
some text
|
||||||
|
|
||||||
|
A figure with a caption:
|
||||||
|
|
||||||
|
#+CAPTION: The bomb that started the expriment in Twin Peaks
|
||||||
|
#+ATTR_HTML: :alt The bomb
|
||||||
|
[[file:./img/a.png]]
|
||||||
|
|
||||||
|
* h1 test
|
||||||
|
** h2 test
|
||||||
|
*** h3 test
|
||||||
|
**** h4 test
|
||||||
|
***** h5 test
|
||||||
|
****** h6 test
|
||||||
|
******* lower ...
|
||||||
|
******** deeper
|
||||||
|
********* even deeper...
|
||||||
|
********** still even deeeeper
|
||||||
|
Deep enough now :)
|
Loading…
Reference in a new issue