commit a4263afbe4214129853c34676dc9886cb92943e0 Author: Yann Esposito (Yogsototh) Date: Thu Jul 4 08:38:15 2019 +0200 wip diff --git a/dist/homepage.html b/dist/homepage.html new file mode 100644 index 0000000..2a185fc --- /dev/null +++ b/dist/homepage.html @@ -0,0 +1,158 @@ + + + + + + + +her.esy.fun + + + + + + + +
+

her.esy.fun

+
+

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 +

+ +
+
(def foo
+  "this is some clojure code"
+  [& args]
+  (string/join ", " args))
+
+
+ +

+Then let’s try some blockquote: +

+ +
+

+This is a quote here. I’m fond of using it. +

+ +

+– Shakespeare +

+
+ +
    +
  • item 1
    • +
  • item 2 +
      +
    • sub-item
      • +
    • re-sub-item +
        +
      • sub-sub-item
        • +
      • +
    • sub
      • +
    • +
  • item 3
    • +
  • item 4
    • +
+ + +
    +
  1. foo
    2. +
  2. bar
    3. +
  3. baz
    4. +
+ + +
+ +

+some text +

+ +

+Single image: +

+ + +
+

The bomb +

+
+ +

+And a figure with a caption: +

+ + +
+

The bomb +

+

Figure 2: The bomb that started the expriment in Twin Peaks

+
+
+
+
+
+

Author: Yann Esposito

+

Created: 2019-07-04 Thu 08:37

+

Spacemacs, org-mode (Emacs 26.1, Org mode 9.2.3)

+

Validate

+
+ + diff --git a/dist/img/a.png b/dist/img/a.png new file mode 100644 index 0000000..02db7b0 Binary files /dev/null and b/dist/img/a.png differ diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 0000000..27fff50 --- /dev/null +++ b/dist/index.html @@ -0,0 +1,20 @@ + + + HER.ESY.FUN + + + +

HER.ESY.FUN

+

This is just a test

+
This is just a blockquote test
+

A longer paragraph of text. Just to see where is the limit. Also let's just put some + link self-link and some code as well as + link with code. + And why not a very long word. + For example, whyareyoulookingatmelikethatthisisnotwhatyoushoulddoreallyitisupsettingmeandyoushouldtakealookatthehappyfrighteninggirlgifaboutthattheme. + 

+(defn foo :- Schema
+  [arg]
+  (do-something arg))
+ + diff --git a/dist/minimalist.css b/dist/minimalist.css new file mode 100644 index 0000000..895ce6a --- /dev/null +++ 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; } diff --git a/homepage.org b/homepage.org new file mode 100644 index 0000000..0de3316 --- /dev/null +++ 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: + +#+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 :) diff --git a/serve.sh b/serve.sh new file mode 100755 index 0000000..8416362 --- /dev/null +++ b/serve.sh @@ -0,0 +1,2 @@ +#!/usr/bin/env bash +cd dist && sws --local --no-auth . --port 5443