fronde 0.4.0 → 0.5.0

data/lib/fronde/config/data/themes/umaneti/css/htmlize.css

@@ -0,0 +1,364 @@
+/**
+ * This file has been generated with the `org-html-htmlize-generate-css'
+ * command of org mode, with the Dracula theme enabled.
+ * The Dracula theme is released under an MIT license and thus the
+ * following is also released under this license.
+ * See https://github.com/dracula/emacs for details.
+ */
+
+pre.src {
+    color: #f8f8f2;
+    background-color: #282a36;
+    padding: .6em 1em;
+    padding-top: .6em !important; /* Override default style */
+    overflow: visible !important; /* Fix default style */
+}
+pre.src a:hover {
+    text-decoration: underline;
+}
+pre.src::before {
+    color: #282a36;
+    border-color: #282a36;
+}
+.org-src-container {
+    overflow: auto;
+}
+.org-src-container label.org-src-name {
+    display: block;
+    text-align: center;
+    font-size: .9em;
+    color: #666666;
+}
+.org-src-container label.org-src-name+pre.src {
+    margin-top: .5em;
+}
+
+.org-bold {
+    /* bold */
+    font-weight: bold;
+}
+.org-bold-italic {
+    /* bold-italic */
+    font-weight: bold;
+    font-style: italic;
+}
+
+.org-builtin {
+    /* font-lock-builtin-face */
+    color: #ffb86c;
+}
+.org-button {
+    /* button */
+    color: #8be9fd;
+    text-decoration: underline;
+}
+.org-comment {
+    /* font-lock-comment-face */
+    color: #6272a4;
+}
+.org-comment-delimiter {
+    /* font-lock-comment-delimiter-face */
+    color: #6272a4;
+}
+.org-constant {
+    /* font-lock-constant-face */
+    color: #8be9fd;
+}
+.org-cursor {
+    /* cursor */
+    background-color: #8be9fd;
+}
+.org-doc {
+    /* font-lock-doc-face */
+    color: #6272a4;
+}
+.org-error {
+    /* error */
+    color: #ffc0cb;
+    font-weight: bold;
+}
+.org-escape-glyph {
+    /* escape-glyph */
+    color: #00ffff;
+}
+.org-file-name-shadow {
+    /* file-name-shadow */
+    color: #b3b3b3;
+}
+.org-fringe {
+    /* fringe */
+    color: #b6b6b2;
+    background-color: #282a36;
+}
+.org-function-name {
+    /* font-lock-function-name-face */
+    color: #50fa7b;
+    font-weight: bold;
+}
+.org-glyphless-char {
+    /* glyphless-char */
+    font-size: 60%;
+}
+.org-header-line {
+    /* header-line */
+    background-color: #282a36;
+}
+.org-header-line-highlight {
+    /* header-line-highlight */
+    color: #ccccc7;
+    background-color: #464752;
+}
+.org-help-argument-name {
+    /* help-argument-name */
+    font-style: italic;
+}
+.org-highlight {
+    /* highlight */
+    color: #ccccc7;
+    background-color: #464752;
+}
+.org-hl-line {
+    /* hl-line */
+    background-color: #44475a;
+}
+.org-homoglyph {
+    /* homoglyph */
+    color: #00ffff;
+}
+.org-italic {
+    /* italic */
+    font-style: italic;
+}
+.org-keyword {
+    /* font-lock-keyword-face */
+    color: #ff79c6;
+    font-weight: bold;
+}
+.org-lazy-highlight {
+    /* lazy-highlight */
+    color: #e2e2dc;
+    background-color: #464752;
+}
+.org-line-number-current-line {
+    /* line-number-current-line */
+    color: #b3b3b3;
+    background-color: #282a36;
+}
+.org-link {
+    /* link */
+    color: #8be9fd;
+    text-decoration: underline;
+}
+.org-link-visited {
+    /* link-visited */
+    color: #ee82ee;
+    text-decoration: underline;
+}
+.org-linum {
+    /* linum */
+    color: #565761;
+    background-color: #282a36;
+    font-style: italic;
+}
+.org-match {
+    /* match */
+    background-color: #3a5fcd;
+}
+.org-negation-char {
+    /* font-lock-negation-char-face */
+    color: #8be9fd;
+}
+.org-next-error {
+    /* next-error */
+    color: #282a36;
+    background-color: #f1fa8c;
+}
+.org-nobreak-hyphen {
+    /* nobreak-hyphen */
+    color: #00ffff;
+}
+.org-nobreak-space {
+    /* nobreak-space */
+    color: #00ffff;
+    text-decoration: underline;
+}
+.org-outline-1 {
+    /* outline-1 */
+    color: #50fa7b;
+}
+.org-outline-2 {
+    /* outline-2 */
+    color: #bd93f9;
+}
+.org-outline-3 {
+    /* outline-3 */
+    color: #8be9fd;
+}
+.org-outline-4 {
+    /* outline-4 */
+    color: #ffb86c;
+}
+.org-outline-5 {
+    /* outline-5 */
+    color: #ffb86c;
+}
+.org-outline-6 {
+    /* outline-6 */
+    color: #0189cc;
+}
+.org-outline-7 {
+    /* outline-7 */
+    color: #ffb86c;
+}
+.org-outline-8 {
+    /* outline-8 */
+    color: #f1fa8c;
+}
+.org-page-break-lines {
+    /* page-break-lines */
+    color: #6272a4;
+}
+.org-preprocessor {
+    /* font-lock-preprocessor-face */
+    color: #ffb86c;
+}
+.org-py-builtins {
+    /* py-builtins-face */
+    color: #ffb86c;
+}
+.org-py-class-name {
+    /* py-class-name-face */
+    color: #bd93f9;
+}
+.org-py-decorators {
+    /* py-decorators-face */
+    color: #ff79c6;
+    font-weight: bold;
+}
+.org-py-def-class {
+    /* py-def-class-face */
+    color: #ff79c6;
+    font-weight: bold;
+}
+.org-py-exception-name {
+    /* py-exception-name-face */
+    color: #ffb86c;
+}
+.org-py-import-from {
+    /* py-import-from-face */
+    color: #ff79c6;
+    font-weight: bold;
+}
+.org-py-number {
+    /* py-number-face */
+    color: #f8f8f2;
+    background-color: #282a36;
+}
+.org-py-object-reference {
+    /* py-object-reference-face */
+    color: #ff79c6;
+    font-weight: bold;
+}
+.org-py-pseudo-keyword {
+    /* py-pseudo-keyword-face */
+    color: #ff79c6;
+    font-weight: bold;
+}
+.org-py-try-if {
+    /* py-try-if-face */
+    color: #ff79c6;
+    font-weight: bold;
+}
+.org-py-variable-name {
+    /* py-variable-name-face */
+    color: #f8f8f2;
+    background-color: #282a36;
+}
+.org-py-xxx-tag {
+    /* py-XXX-tag-face */
+    color: #f1fa8c;
+}
+.org-query-replace {
+    /* query-replace */
+    color: #ffb86c;
+    background-color: #464752;
+    font-weight: bold;
+}
+.org-regexp-grouping-backslash {
+    /* font-lock-regexp-grouping-backslash */
+    font-weight: bold;
+}
+.org-regexp-grouping-construct {
+    /* font-lock-regexp-grouping-construct */
+    font-weight: bold;
+}
+.org-region {
+    /* region */
+    color: #282a36;
+    background-color: #f1fa8c;
+}
+.org-shadow {
+    /* shadow */
+    color: #b3b3b3;
+}
+.org-show-paren-match {
+    /* show-paren-match */
+    background-color: #4f94cd;
+}
+.org-show-paren-match-expression {
+    /* show-paren-match-expression */
+    background-color: #4f94cd;
+}
+.org-show-paren-mismatch {
+    /* show-paren-mismatch */
+    color: #ffffff;
+    background-color: #a020f0;
+}
+.org-string {
+    /* font-lock-string-face */
+    color: #f1fa8c;
+}
+.org-success {
+    /* success */
+    color: #00ff00;
+    font-weight: bold;
+}
+.org-tooltip {
+    /* tooltip */
+    color: #000000;
+    background-color: #ffffe0;
+}
+.org-trailing-whitespace {
+    /* trailing-whitespace */
+    background-color: #ffb86c;
+}
+.org-type {
+    /* font-lock-type-face */
+    color: #bd93f9;
+}
+.org-underline {
+    /* underline */
+    text-decoration: underline;
+}
+.org-variable-name {
+    /* font-lock-variable-name-face */
+    color: #f8f8f2;
+}
+.org-vertical-border {
+    /* vertical-border */
+    color: #373844;
+}
+.org-warning {
+    /* warning */
+    color: #ffb86c;
+}
+.org-warning-1 {
+    /* font-lock-warning-face */
+    color: #ffb86c;
+    background-color: #373844;
+}
+.org-which-func {
+    /* which-func */
+    color: #50fa7b;
+    font-weight: bold;
+}

data/lib/fronde/config/data/themes/umaneti/css/style.css

@@ -0,0 +1,250 @@
+body {
+    font-size: 10pt;
+    color: #000000;
+    font-family: sans-serif;
+    margin: 0;
+}
+
+h1 {color: #ffba53;}
+
+h2 {color: #68a5c3;}
+
+h3 {color:#ffba53;}
+
+a[hreflang]:after {
+    content: "\00a0[" attr(hreflang) "]";
+    color: #cccccc;
+    background: transparent;
+}
+
+a, a:visited {color: #666666;}
+a:hover {text-decoration: none;}
+
+img {border: 0;}
+
+blockquote {
+    font-style: italic;
+    border-left: 4px solid #666666;
+    padding-left: 1em;
+}
+
+acronym {
+    border-bottom:dotted 1px #666666;
+    cursor:help;
+}
+
+code {
+    font-family: monospace;
+    color: #bb1111;
+}
+h2 code {color: #68a5c3;}
+h3 code {color: #ffba53;}
+h4 code {color: #000000;}
+
+ul {
+    list-style: url('/assets/umaneti/img/tic.png');
+    padding-left: 2em;
+}
+
+ol {padding-left: 2em;}
+
+p, li {
+    text-align: justify;
+    line-height: 1.75em;
+}
+
+dt {
+    font-weight: bold;
+}
+
+.underline {
+    text-decoration: underline;
+}
+
+.org-center {
+    text-align: center;
+}
+
+fieldset {border: 0;}
+
+input, textarea {
+    border: 1px solid #cccccc;
+    margin: 3px 0px;
+    background: #ffffff;
+}
+input:hover,
+input:focus,
+textarea:hover,
+textarea:focus {
+    border: 1px solid #ffba53;
+    background: #ffffff;
+}
+
+/* Sidebar */
+
+nav#table-of-contents {
+    width: 300px;
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    padding: 1em 10px;
+    height: 100%;
+    height: calc(100% - 2em);
+    overflow: auto;
+    background-color: #666666;
+    color: #cccccc;
+}
+nav#table-of-contents a,
+nav#table-of-contents a:hover,
+nav#table-of-contents a:visited {
+    color: #cccccc;
+    text-decoration: none;
+    display: inline-block;
+    padding: .2em .5em;
+    width: 100%;
+    width: calc(100% - 1em);
+}
+nav#table-of-contents a code { color: #cccccc; }
+
+#text-table-of-contents ul { padding-left: 0; }
+#text-table-of-contents li {
+    font-weight: bold;
+    list-style: none;
+    line-height: 2em;
+}
+#text-table-of-contents li:hover {
+    background-color: #444444;
+}
+#text-table-of-contents li li {
+    font-weight: normal;
+}
+#text-table-of-contents li li:hover {
+    background-color: #222222;
+}
+#text-table-of-contents li li li:hover {
+    background-color: #000000;
+}
+
+/* Main content */
+
+#content, #postamble {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 0 1.5em;
+    background-image: url('/assets/umaneti/img/top.png');
+    background-position: top left;
+    background-repeat: repeat-x;
+}
+
+nav#table-of-contents ~ #content,
+nav#table-of-contents ~ #postamble {
+    margin: 0 0 0 320px;
+}
+
+div.tipblock,
+div.warningblock,
+div.cautionblock,
+div.noteblock {
+    border-width: 1px;
+    border-style: solid;
+    margin: 1.2em;
+    padding: 0 1em;
+    box-shadow: 3px 3px 3px #eeeeee;
+}
+div.tipblock::before,
+div.warningblock::before,
+div.cautionblock::before,
+div.noteblock::before {
+    font-size: 2em;
+    margin-top: 0.3em;
+    padding-right: .5em;
+    position: absolute;
+}
+div.tipblock > *,
+div.warningblock > *,
+div.cautionblock > *,
+div.noteblock > * {
+    margin-left: 4em;
+}
+
+div.warningblock {
+    border-color: #ffba53;
+}
+div.warningblock::before {
+    content: "⚠️";
+    border-right: 1px solid #ffba53;
+}
+div.noteblock {
+    border-color: #68a5c3;
+}
+div.noteblock::before {
+    content: "ℹ️";
+    border-right: 1px solid #68a5c3;
+}
+div.tipblock {
+    border-color: #87C25D;
+}
+div.tipblock::before {
+    content: "💡";
+    border-right: 1px solid #87C25D;
+}
+div.cautionblock {
+    border-color: #ff5555;
+}
+div.cautionblock::before {
+    content: "🔥";
+    border-right: 1px solid #ff5555;
+}
+
+
+@media screen and (max-width: 660px) {
+    nav#table-of-contents {
+        display: none;
+    }
+    #content, #postamble {
+        max-width: 95%;
+        margin: 0;
+    }
+    nav#table-of-contents ~ #content,
+    nav#table-of-contents ~ #postamble {
+        max-width: 95%;
+        margin: 0;
+    }
+}
+
+#postamble {
+    border-top: 1px solid #cccccc;
+    font-size: .8em;
+    text-align: center;
+    line-height: 1.5em;
+    padding: 1em 1.5em;
+}
+
+.post-meta {
+    font-size: .9em;
+    font-style: italic;
+}
+
+/* Header */
+#content header {
+    padding: 1em;
+    padding-bottom: 1.5em;
+}
+#content header h1 {
+    text-align: center;
+}
+
+#preamble nav ul {
+    list-style: none;
+    padding-left: 0;
+}
+#preamble li {
+    display: inline;
+    line-height: 1em;
+}
+#preamble li::before {
+    content: " · ";
+}
+#preamble li:first-child::before {
+    content: "";
+}

data/lib/fronde/config/helpers.rb

@@ -30,24 +30,6 @@ module Fronde
         config
       end
 
-      # Generate emacs directory variables file.
-      #
-      # This method generate the file ~.dir-locals.el~, which is
-      # responsible to load fronde Org settings when visiting an Org file
-      # of this fronde instance.
-      #
-      # @return [Integer] the length written (as returned by the
-      #   underlying ~File.write~ method call)
-      def self.write_dir_locals
-        workdir = Dir.pwd
-        # rubocop:disable Layout/LineLength
-        File.write(
-          "#{workdir}/.dir-locals.el",
-          "((org-mode . ((eval . (load-file \"#{workdir}/var/lib/org-config.el\")))))"
-        )
-        # rubocop:enable Layout/LineLength
-      end
-
       def self.render_liquid_template(content, data)
         template = Liquid::Template.parse(content)
         template.render(data)

data/lib/fronde/config/lisp.rb

@@ -22,7 +22,6 @@ module Fronde
       #
       # @return [Integer] the length written (as returned by the
       #   underlying ~File.write~ method call)
-      # rubocop:disable Metrics/MethodLength
       def write_org_lisp_config
         workdir = Dir.pwd
         all_projects = sources.map(&:org_config).flatten
@@ -37,16 +36,27 @@ module Fronde
           'long_date_fmt' => R18n.t.full_datetime_format.to_s,
           'author' => { 'email' => get('author_email', ''),
                         'name' => get('author') },
+          'domain' => get('domain'),
           'all_projects' => all_projects + all_themes
         )
         File.write("#{workdir}/var/lib/org-config.el", content)
       end
-      # rubocop:enable Metrics/MethodLength
 
       private
 
+      def theme_directory(theme)
+        # User theme first to allow overwriting
+        directory = File.expand_path("themes/#{theme}")
+        return directory if Dir.exist? directory
+
+        directory = File.expand_path("data/themes/#{theme}", __dir__)
+        return directory if Dir.exist? directory
+
+        raise Errno::ENOENT, "Theme #{theme} not found"
+      end
+
       def org_theme_config(theme)
-        { 'base-directory' => File.expand_path("themes/#{theme}"),
+        { 'base-directory' => theme_directory(theme),
           # rubocop:disable Layout/LineLength
           'base-extension' => %w[css js gif jpg png svg otf ttf woff2?].join('\\\\|'),
           'publishing-directory' => "#{get('html_public_folder')}/assets/#{theme}",