Update documentation with darksun theme.

diff --git a/doc/index.org b/doc/index.org
index 6d20bd7..6d95c01 100644 (file)
--- a/doc/index.org
+++ b/doc/index.org
@@ -1,4 +1,29 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Fifth - virtual machine, operating system, programming language
+#+LANGUAGE: en
+
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+begin_export html
+<style>
+  .flex-center {
+    display: flex;            /* activate flexbox */
+    justify-content: center;  /* horizontally center anything inside   */
+  }
+
+  .flex-center video {
+    width: min(90%, 1000px); /* whichever is smaller wins */
+    height: auto;            /* preserve aspect ratio */
+  }
+
+  .responsive-img {
+    width: min(100%, 1000px);
+    height: auto;
+  }
+</style>
+#+end_export
+
 
 * General
 - This program is free software: released under Creative Commons Zero

diff --git a/doc/language.org b/doc/language.org
index 82fba1b..230ec29 100644 (file)
--- a/doc/language.org
+++ b/doc/language.org
@@ -1,11 +1,34 @@
 :PROPERTIES:
 :ID:       da7fff9b-0b67-4843-828a-52a404d7f401
 :END:
-
+#+SETUPFILE: ~/.emacs.d/org-styles/html/darksun.theme
 #+TITLE: Fifth - language
 #+AUTHOR: Svjatoslav Agejenko
 #+LANGUAGE: en
 
+#+OPTIONS: H:20 num:20
+#+OPTIONS: author:nil
+
+#+begin_export html
+<style>
+  .flex-center {
+    display: flex;            /* activate flexbox */
+    justify-content: center;  /* horizontally center anything inside   */
+  }
+
+  .flex-center video {
+    width: min(90%, 1000px); /* whichever is smaller wins */
+    height: auto;            /* preserve aspect ratio */
+  }
+
+  .responsive-img {
+    width: min(100%, 1000px);
+    height: auto;
+  }
+</style>
+#+end_export
+
+
 - [[file:5TH_ET.txt][Example Fifth source file - text editor]]
 
 * Fifth source format