wip

2019-07-04 08:38:15 +02:00 · 2019-07-04 08:38:15 +02:00 · a4263afbe4
commit a4263afbe4
6 changed files with 380 additions and 0 deletions
--- a/dist/homepage.html
+++ b/dist/homepage.html
@ -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&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>
+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>
--- a/dist/img/a.png
+++ b/dist/img/a.png
--- a/dist/index.html
+++ b/dist/index.html
@ -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>
--- a/dist/minimalist.css
+++ b/dist/minimalist.css
@ -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; }
--- a/homepage.org
+++ b/homepage.org
@ -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 :)
--- a/serve.sh
+++ b/serve.sh
@ -0,0 +1,2 @@
+#!/usr/bin/env bash
+cd dist && sws --local --no-auth . --port 5443