wip
This commit is contained in:
commit
a4263afbe4
6 changed files with 380 additions and 0 deletions
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 :)
|
2
serve.sh
Executable file
2
serve.sh
Executable file
|
@ -0,0 +1,2 @@
|
|||
#!/usr/bin/env bash
|
||||
cd dist && sws --local --no-auth . --port 5443
|
Loading…
Reference in a new issue