pbsimply 3.2.2 → 3.3.1

data/themes/kramdown/init322/.pbsimply.yaml

@@ -0,0 +1,96 @@
+---
+# Built documents output path.
+# ../Build means Build directory on Source document root's parent directory.
+outdir: ../Build
+#outdir: /home/foo/public_html/
+#
+# Template file path.
+# ./template.html by default.
+template: template.erb
+#
+# Loading CSS files (userd by Pandoc's default template.)
+# This values must be *server's URL*.
+# This settings is not avilable on rdoc, rdoc_markdown, kramdown, redcarpet or cmark engine.
+#css:
+#  - /css/layout.css
+#  - /css/base.css#
+# Enable TOC. true or false. false by default.
+# This settings is not avilable on rdoc, rdoc_markdown, kramdown, redcarpet, cmark or docutils engine.
+# toc: true
+#
+# Enable eRuby template expansion. true or false. false by default.
+# This settings is not avilable on rdoc, rdoc_markdown, kramdown, redcarpet or cmark engine.
+post_eruby: false
+# Default metadata. If same key exists in document's frontmatter, document's frontmatter is given priority to this settings.
+default_meta:
+  author: "John Doe"
+  site_title: "My first blog"
+#
+# Override every ACCS index page's frontmatter.
+alt_frontmatter:
+  title: Serial documents by ACCS
+#
+# Testserver (pbsimply-testserver.rb)'s port. 8000 by default.
+#testserver_port: 8000
+#
+# Generated document's URL absolute prefix. This value replaces reading /.
+#self_url_prefix: /foowebsite/
+#
+# Generated document's URL absolute prefix. This value replaces reading /. Used by page_url_encoded_external.
+self_url_external_prefix: https://example.com/
+# Database format. use JSON if set json or oj.
+#dbstyle: json
+#
+# Blessing way. If cmd given, you external command instead of Ruby function.
+#bless_style: cmd
+#
+# Blessing external command
+#bless_cmd: [echo, BLESS]
+#
+# Blessing external command on ACCS.
+#bless_accscmd: [echo, ACCS]
+#
+# Method control for find ACCS next/prev.
+# numbering, date, timestamp, lexical
+#blessmethod_accs_rel: date
+#
+# Delete output file automatically when lose source document.
+#auto_delete: yes
+#
+#################################################
+# Pandoc engine option
+#################################################
+#pbsimply_processor: pandoc
+#
+# Pandoc's default file settings.
+# It is merge into default file. See https://pandoc.org/MANUAL.html#default-files
+# This option used only by pandoc engine.
+#pandoc_additional_options:
+#  metadata:
+#    lang: ja
+#    title-prefix: "Powered by PureBuilder Simply"
+#  include-before-body:
+#    - before.html
+#  include-after-body:
+#    - after.html
+#
+#################################################
+# Kramdown engine option
+#################################################
+pbsimply_processor: kramdown
+# An associative array passed as the second argument to `Kramdown::Document.new`. See the https://kramdown.gettalong.org/rdoc/Kramdown/Options.html for detail.
+#kramdown_features: {}
+#
+#################################################
+# RedCarpet engine option
+#################################################
+#pbsimply_processor: redcarpet
+# An associative array showing the extensions to Redcarpet. See the https://github.com/vmg/redcarpet for details.
+#redcarpet_extensions: {}
+#
+#################################################
+# Docutils engine option
+#################################################
+#pbsimply_processor: docutils
+# rst2html5 command line options.
+#docutils_options: []

data/themes/kramdown/init322/.theme.yaml

@@ -0,0 +1,5 @@
+name: Init_3.2.2
+description: Theme used in PureBuilder Simply 3.2.2's pbsimply-init.
+initial_control:
+  build_cpr:
+    - [css]

data/themes/kramdown/init322/articles/.accs.yaml

@@ -0,0 +1,2 @@
+---
+title: 1st series

data/themes/kramdown/init322/articles/20231028-untitled.md

@@ -0,0 +1,22 @@
+---
+title: Untitled series 1
+date: 2023-10-28
+category: PureBuilder Simply
+---
+
+# Untitled article
+
+This is a series article sample.
+
+`/articles` folder is set up as ACCS directory.
+ACCS recognize articles as series, and generate index page automatically.
+
+# How to add new article?
+
+Add source document on `/articles`, and do `pbsimply articles`.
+
+`pbsimply` will detect modified or new article and build it.
+
+# How to remove this article?
+
+Remove `/articles/20231028-untitled.md` and `../Build/articles/20231028-untitled.html`, and do `pbsimply articles`.

data/themes/kramdown/init322/css/style.css

@@ -0,0 +1,91 @@
+body, html {
+  margin: 0;
+  padding: 0;
+}
+#Overall {
+  max-width: 800px;
+  margin: 0 auto;
+}
+#BannerHeader {
+  height: 200px;
+  width: 100%;
+}
+#ContentContainer {
+  display: flex;
+  width: 100%;
+}
+#BannerHeader {
+  background-color: #8eafe3;
+  border-radius: 2px;
+  color: #000;
+}
+#BannerHeader h1 {
+  font-size: 2.1rem;
+  text-align: center;
+  position: relative;
+  top: calc(50% - 1em);
+}
+#BannerHeader h2 {
+  font-size: 1.2rem;
+  text-align: center;
+  position: relative;
+  top: 1.25em;
+}
+
+#NavigationColumn ul {
+  list-style-type: none;
+  list-style-position: outside;
+  margin: 3px;
+  padding: 0;
+  text-align: center;
+}
+#NavigationColumn li {
+  background-color: #b9bced;
+  border: 2px solid #6367a1;
+  color: #000;
+  border-radius: 4px;
+  margin: 3px 1px;
+  padding: 2px;
+}
+#NavigationColumn a {
+  color: rgb(57, 18, 183);
+  text-decoration: none;
+}
+#MainArticle {
+  color: #666;
+  padding: 8px;
+}
+#MainArticle h1, #MainArticle h2, #MainArticle h3, #MainArticle h4, #MainArticle h5, #MainArticle h6 {
+  color: #333;
+}
+#PBSimply {
+  padding: 8px;
+  text-align: right;
+  border-top: 2px solid #6b84df;
+}
+@media screen and (min-width: 800px) {
+  #ContentContainer { flex-direction: row; }
+  #NavigationColumn {
+    order: 1;
+    width: 250px;
+  }
+  #MainArticle {
+    order: 2;
+    width: 550px;
+  }
+}
+@media screen and (max-width: 799px) {
+  #ContentContainer { flex-direction: column; }
+  #NavigationColumn {
+    order: 2;
+    width: 100%;
+  }
+  #MainArticle {
+    order: 1;
+    width: 100%;
+  }
+}
+
+a {
+  color: #4e1efd;
+}

data/themes/kramdown/init322/index.md

@@ -0,0 +1,10 @@
+---
+title: First article
+date: 1970-01-01
+---
+
+# This is first article
+
+This file is shown at top page.
+
+The first step, edit index.md file on document source root.

data/themes/kramdown/init322/menu.yaml

@@ -0,0 +1,3 @@
+---
+Top page: /
+Article list: /articles

data/themes/kramdown/init322/template.erb

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+    <meta name="date" content="<%= frontmatter["date"] %>" />
+    <link rel="stylesheet" href="/css/style.css" />
+    <title><%= frontmatter["title"] %></title>
+  </head>
+  <body>
+    <div id="Overall">
+      <div id="BannerHeader">
+        <h1><%= frontmatter["site_title"] %></h1>
+        <h2><%= frontmatter["title"] %></h2>
+      </div>
+      <div id="ContentContainer">
+        <nav id="NavigationColumn">
+          <ul>
+          <%
+require 'yaml'
+menu = YAML.load File.read("menu.yaml")
+        %><% menu.each {|k, v| %><%= sprintf('<li><a href="%s">%s</a></li>', v, k) %><% } %>
+          </ul>
+        </nav>
+        <article id="MainArticle"><%= article_body %></aritcle>
+      </div>
+      <footer id="PBSimply">
+        Powered by <a href="https://purebuilder.app/">PureBuilder Simply</a>
+      </footer>
+    </div>
+  </body>
+</html>

data/themes/pandoc/_pandoc_base/.accsindex.erb

@@ -0,0 +1,50 @@
+<%= YAML.dump(
+  {
+    "title" => @index["title"],
+    "date" => @index["date"],
+    "author" => @index["author"]
+  }
+) %>
+---
+
+<%
+articles = Hash.new {|h,k| h[k] = Array.new }
+
+if @config["accs_across_category"]
+  @indexes.each {|filename, index| articles["default"].push index }
+else
+  @indexes.each {|filename, index| articles[(index["category"] || "default")].push index }
+end
+
+%>
+
+% articles.keys.sort.each do |catname|
+% cat = articles[catname]
+
+% unless articles.length == 1
+# <%= catname %>
+% end
+
+<%
+  sort_method = case @config["accs_sort_by"]
+  when "title"
+    lambda {|i| [i["title"].to_s, i["date"]] }
+  when "name"
+    lambda {|i| [i["_filename"].to_s, i["title"].to_s, i["date"]] }
+  when "serial"
+    lambda {|i| [i["serial"].to_s, i["date"], i["_filename"].to_s] }
+  else
+    lambda {|i| [i["date"], i["title"].to_s, i["_last_update"].to_i] }
+  end
+  
+  list = if @config["accs_order"] == "desc"
+    cat.sort_by(&sort_method).reverse
+  else
+    cat.sort_by(&sort_method)
+  end
+
+  list.each do |i|
+%>* [<%= i["title"] %>](<%= i["page_url"] %>)
+<% end %>
+
+% end

data/themes/pandoc/_pandoc_base/.pbsimply.yaml

@@ -0,0 +1,107 @@
+---
+# Built documents output path.
+# ../Build means Build directory on Source document root's parent directory.
+outdir: ../Build
+#outdir: /home/foo/public_html/
+#
+# Template file path.
+# ./template.html by default.
+template: template.html
+#
+# Loading CSS files (userd by Pandoc's default template.)
+# This values must be *server's URL*.
+# This settings is not avilable on rdoc, rdoc_markdown, kramdown, redcarpet or cmark engine.
+css:
+  - /css/theme.css
+# Enable TOC. true or false. false by default.
+# This settings is not avilable on rdoc, rdoc_markdown, kramdown, redcarpet, cmark or docutils engine.
+toc: true
+#
+# Enable eRuby template expansion. true or false. false by default.
+# This settings is not avilable on rdoc, rdoc_markdown, kramdown, redcarpet or cmark engine.
+post_eruby: false
+# Default metadata. If same key exists in document's frontmatter, document's frontmatter is given priority to this settings.
+default_meta:
+  author: "John Doe"
+  sitename: "John Doe's Homepage"
+#
+# Override every ACCS index page's frontmatter.
+alt_frontmatter:
+  title: Serial documents by ACCS
+#
+# Testserver (pbsimply-testserver.rb)'s port. 8000 by default.
+#testserver_port: 8000
+#
+# Generated document's URL absolute prefix. This value replaces reading /.
+#self_url_prefix: /foowebsite/
+#
+# Generated document's URL absolute prefix. This value replaces reading /. Used by page_url_encoded_external.
+self_url_external_prefix: https://example.com/
+# Database format. use JSON if set json or oj.
+# marshal, json, oj or yaml.
+#dbstyle: json
+#
+# Blessing way. If cmd given, you external command instead of Ruby function.
+#bless_style: cmd
+#
+# Blessing external command
+#bless_cmd: [echo, BLESS]
+#
+# Blessing external command on ACCS.
+#bless_accscmd: [echo, ACCS]
+#
+# Method control for find ACCS next/prev.
+# numbering, date, timestamp, lexical
+#blessmethod_accs_rel: date
+#
+# Delete output file automatically when lose source document.
+#auto_delete: yes
+#
+#################################################
+# Pandoc engine option
+#################################################
+#pbsimply_processor: pandoc
+#
+# Pandoc's default file settings.
+# It is merge into default file. See https://pandoc.org/MANUAL.html#default-files
+# This option used only by pandoc engine.
+pandoc_additional_options:
+  metadata:
+    lang: ja
+    title-prefix: "Powered by PureBuilder Simply"
+  shift-heading-level-by: 1
+#  include-before-body:
+#    - before.html
+#  include-after-body:
+#    - after.html
+#
+#################################################
+# Kramdown engine option
+#################################################
+#pbsimply_processor: kramdown
+#
+# An associative array passed as the second argument to `Kramdown::Document.new`. See the https://kramdown.gettalong.org/rdoc/Kramdown/Options.html for detail.
+#kramdown_features: {}
+#
+#################################################
+# RedCarpet engine option
+#################################################
+#pbsimply_processor: redcarpet
+#
+# An associative array showing the extensions to Redcarpet. See the https://github.com/vmg/redcarpet for details.
+#redcarpet_extensions: {}
+#
+#################################################
+# Docutils engine option
+#################################################
+#pbsimply_processor: docutils
+#
+# rst2html5 command line options.
+#docutils_options: []
+#
+#################################################
+# Other engines without options
+#################################################
+#pbsimply_processor: rdoc
+#pbsimply_processor: rdoc_markdown
+#pbsimply_processor: cmark

data/themes/pandoc/_pandoc_base/css/base.css

@@ -0,0 +1,84 @@
+body {
+    color: #666;
+    background-color: #fff;
+    font-family: serif;
+}
+
+#MainArticle {
+    padding: 1em;
+}
+
+#TitleHeader {
+    text-align: center;
+    border-bottom: 1px solid #333;
+}
+
+h1, h2, h3, h4, h5, h6, figure, figcaption, caption, dt {
+    font-family: sans-serif;
+}
+
+a:visited {
+    color: #c16ab8;
+}
+
+a:hover {
+    color: #c28850;
+}
+
+a {
+    color: #4a69ff;
+}
+
+.toc {
+    border: #999 solid 1px;
+    background-color: #fcfcff;
+    margin: 0.5em;
+}
+
+#SideBar {
+    padding-top: 15px;
+}
+
+.menu {
+    border: #41484c solid 1px;
+    background-color: #fff;
+    margin: auto;
+    padding: 1em;
+    max-width: 100%;
+}
+
+/****** SOUECE CODE ******/
+a.sourceLine { display: inline-block; line-height: 1.25; }
+a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; }
+a.sourceLine:empty { height: 1.2em; }
+.sourceCode { overflow: visible; }
+code.sourceCode { white-space: pre; position: relative; }
+div.sourceCode { margin: 1em 0; }
+pre.sourceCode { margin: 0; }
+@media screen {
+div.sourceCode { overflow: auto; }
+}
+@media print {
+code.sourceCode { white-space: pre-wrap; }
+a.sourceLine { text-indent: -1em; padding-left: 1em; }
+}
+pre.numberSource a.sourceLine
+  { position: relative; left: -4em; }
+pre.numberSource a.sourceLine::before
+  { content: attr(data-line-number);
+    position: relative; left: -1em; text-align: right; vertical-align: baseline;
+    border: none; pointer-events: all; display: inline-block;
+    -webkit-touch-callout: none; -webkit-user-select: none;
+    -khtml-user-select: none; -moz-user-select: none;
+    -ms-user-select: none; user-select: none;
+    padding: 0 4px; width: 4em;
+    color: #c8a280;
+  }
+pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa;  padding-left: 4px; }
+div.sourceCode
+  {  }
+@media screen {
+a.sourceLine::before { text-decoration: underline; }
+}
+/*************************/
+

data/themes/pandoc/_pandoc_base/css/layout.css

@@ -0,0 +1,55 @@
+body {
+	margin: 0px;
+	padding: 0px;
+}
+
+header#TopHeader {
+	display: none;
+	height: 180px;
+	width: 100vw;
+	margin: 0px;
+}
+
+header#TitleHeader {
+	width: 100vw;
+	margin: 0px;
+}
+
+@media screen and (min-width: 900px){
+	#MainContainer {
+		display: table;
+		width: 900px;
+		margin: auto;
+	}
+
+	article#MainArticle {
+		display: table-cell;
+		width: 600px;
+		max-width: 600px;
+	}
+
+	#SideBar {
+		display: table-cell;
+		width: 300px;
+		max-width: 300px;
+		overflow: hidden;
+	}
+}
+
+@media screen and (max-width: 899px){
+	#MainContainer {
+		display: block;
+		width: 100vw;
+	}
+
+	article#MainArticle {
+		display: block;
+		width: 100%
+	}
+
+	#SideBar {
+		display: block;
+		width: 100%
+	}
+
+}

data/themes/pandoc/_pandoc_base/css/lightbox.css

@@ -0,0 +1,9 @@
+#LightboxWindow {
+	background-color: rgb(0,0,0);
+	position: fixed;
+	top: 0px;
+	left: 0px;
+	height: 100vh;
+	width: 100vw;
+	z-index: 5000;
+}

data/themes/pandoc/_pandoc_base/css/skylightning.css

@@ -0,0 +1,29 @@
+code span.al { color: #ff0000; font-weight: bold; } /* Alert */
+code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
+code span.at { color: #7d9029; } /* Attribute */
+code span.bn { color: #40a070; } /* BaseN */
+code span.bu { } /* BuiltIn */
+code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
+code span.ch { color: #4070a0; } /* Char */
+code span.cn { color: #880000; } /* Constant */
+code span.co { color: #60a0b0; font-style: italic; } /* Comment */
+code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
+code span.do { color: #ba2121; font-style: italic; } /* Documentation */
+code span.dt { color: #902000; } /* DataType */
+code span.dv { color: #40a070; } /* DecVal */
+code span.er { color: #ff0000; font-weight: bold; } /* Error */
+code span.ex { } /* Extension */
+code span.fl { color: #40a070; } /* Float */
+code span.fu { color: #06287e; } /* Function */
+code span.im { } /* Import */
+code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
+code span.kw { color: #007020; font-weight: bold; } /* Keyword */
+code span.op { color: #666666; } /* Operator */
+code span.ot { color: #007020; } /* Other */
+code span.pp { color: #bc7a00; } /* Preprocessor */
+code span.sc { color: #4070a0; } /* SpecialChar */
+code span.ss { color: #bb6688; } /* SpecialString */
+code span.st { color: #4070a0; } /* String */
+code span.va { color: #19177c; } /* Variable */
+code span.vs { color: #4070a0; } /* VerbatimString */
+code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */

data/themes/pandoc/_pandoc_base/javascript/lightbox.js

@@ -0,0 +1,69 @@
+/******************************************* 
+ * LIGHTBOX PLUGIN by Masaki Haruka 2017
+ * 
+ * USAGE:
+ *  - Load this script on your HTML.
+ *  - Wrap your main article with box with #MainArticle ID.
+ *  - Put lightbox modal window on your HTML.
+ *  - Put target image into figure.
+ *  - Puts image files .../thumb/* to thumbnail and .../full/* to fullsized.
+ *    (you should be able to get fullsize image path with s@/thumb/@/full/@ replacement.)
+ * 
+*******************************************/
+
+(function() {
+  if (! document.addEventListener ) { return false; }
+  Element.prototype._tn = Element.prototype.getElementsByTagName
+  
+  var wrapper = document.getElementById("WrapWindow") /* ModalWindow */
+  var fadingTimer = false /* IntervalTimer */
+  var alpha = 0.0 /* ModalWindows's alpha number */
+  var lboxImage = document.getElementById("LBoxImage") /* target img object */
+  
+  /* fading out (interval callback) */
+  var fadeout = function() {
+    if (alpha < 0.8) {
+      alpha = alpha + 0.05
+      wrapper.style.backgroundColor = "rgba(0,0,0," + alpha + ")"
+    } else {
+      clearInterval(fadingTimer)
+      fadingTimer = false
+    }
+  }
+  
+  /* set this for event callback */
+  var setLightboxTrigger = function(e) {
+  
+    /* Set next image */
+    lboxImage.src = e.currentTarget.src.replace("/thumb/", "/full/")
+    lboxImage.style.maxHeight = window.innerHeight || document.documentElement.clientHeight
+    lboxImage.style.maxWidth = window.innerWidth || document.documentElement.clientWidth
+  
+    wrapper.style.visibility = "visible"
+    fadingTimer = setInterval(fadeout, 30)
+  }
+
+  /* Return from lightbox */
+  wrapper.addEventListener("click", function(e) {
+    if (fadingTimer) {
+      clearInterval(fadingTimer)
+    }
+    wrapper.style.backgroundColor = "transparent"
+    wrapper.style.visibility = "hidden"
+    alpha = 0.0
+    lboxImage.src = ""
+  }, false)
+
+  
+  /***** Set event listener *****/
+  
+  var art = document.getElementById("MainArticle")
+  var figs = art._tn("figure")
+  for(var i=0,l=figs.length; i<l; i++) {
+    var fi = figs[i]._tn("img").item(0)
+    if ( fi.src.indexOf("/thumb/") >= 0 ) {
+      fi.addEventListener("click", setLightboxTrigger, false)
+    }
+  }
+  
+})()

data/themes/pandoc/_pandoc_base/post/.accs.yaml

@@ -0,0 +1 @@
+title: You give name of article.