move layout into user content

2 files changed, 389 insertions, 0 deletions

diff --git a/root/$mmm/plugins/layout/converts: text$lua -> table.lua b/root/$mmm/plugins/layout/converts: text$lua -> table.lua
new file mode 100644
index 0000000..196e39e
--- /dev/null
+++ b/root/$mmm/plugins/layout/converts: text$lua -> table.lua
@@ -0,0 +1,209 @@
+local header, aside, footer, div, svg, script, g, circle, h1, span, b, a, img
+do
+  local _obj_0 = require('mmm.dom')
+  header, aside, footer, div, svg, script, g, circle, h1, span, b, a, img = _obj_0.header, _obj_0.aside, _obj_0.footer, _obj_0.div, _obj_0.svg, _obj_0.script, _obj_0.g, _obj_0.circle, _obj_0.h1, _obj_0.span, _obj_0.b, _obj_0.a, _obj_0.img
+end
+local navigate_to
+navigate_to = (require('mmm.mmmfs.util'))(require('mmm.dom')).navigate_to
+local get_plugins
+get_plugins = require('mmm.mmmfs.meta').get_plugins
+local pick
+pick = function(...)
+  local num = select('#', ...)
+  local i = math.ceil(math.random() * num)
+  return (select(i, ...))
+end
+local iconlink
+iconlink = function(href, src, alt, style)
+  return a({
+    class = 'iconlink',
+    target = '_blank',
+    rel = 'me',
+    href = href,
+    img({
+      src = src,
+      alt = alt,
+      style = style
+    })
+  })
+end
+local logo = svg({
+  class = 'sun',
+  viewBox = '-0.75 -1 1.5 2',
+  xmlns = 'http://www.w3.org/2000/svg',
+  baseProfile = 'full',
+  version = '1.1',
+  g({
+    transform = 'translate(0 .18)',
+    g({
+      class = 'circle out',
+      circle({
+        r = '.6',
+        fill = 'none',
+        ['stroke-width'] = '.12'
+      })
+    }),
+    g({
+      class = 'circle  in',
+      circle({
+        r = '.2',
+        stroke = 'none'
+      })
+    })
+  })
+})
+local gen_header
+gen_header = function()
+  return header({
+    div({
+      h1({
+        navigate_to('', logo),
+        span({
+          span('mmm', {
+            class = 'bold'
+          }),
+          '​',
+          '.s‑ol.nu'
+        })
+      }),
+      table.concat({
+        pick('fun', 'cool', 'weird', 'interesting', 'new', 'pleasant'),
+        pick('stuff', 'things', 'projects', 'experiments', 'visuals', 'ideas'),
+        pick("with", 'and'),
+        pick('mostly code', 'code and wires', 'silicon', 'electronics', 'shaders', 'oscilloscopes', 'interfaces', 'hardware', 'FPGAs')
+      }, ' ')
+    }),
+    aside({
+      navigate_to('/about', 'about me'),
+      navigate_to('/portfolio', 'portfolio'),
+      navigate_to('/games', 'games'),
+      navigate_to('/projects', 'other'),
+      a({
+        href = 'mailto:s%20[removethis]%20[at]%20s-ol.nu',
+        'contact',
+        script("\n          var l = document.currentScript.parentElement;\n          l.href = l.href.replace('%20[at]%20', '@');\n          l.href = l.href.replace('%20[removethis]', '') + '?subject=Hey there :)';\n        ")
+      })
+    })
+  })
+end
+footer = footer({
+  span({
+    'made with \xe2\x98\xbd by ',
+    a('s-ol', {
+      href = 'https://twitter.com/S0lll0s'
+    }),
+    ", " .. tostring(os.date('%Y'))
+  }),
+  div({
+    class = 'icons',
+    iconlink('https://github.com/s-ol', 'https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/github.svg', 'github'),
+    iconlink('https://merveilles.town/@s_ol', 'https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/mastodon.svg', 'mastodon'),
+    iconlink('https://twitter.com/S0lll0s', 'https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/twitter.svg', 'twitter'),
+    iconlink('https://webring.xxiivv.com/#random', 'https://webring.xxiivv.com/icon.black.svg', 'webring', {
+      height = '1.3em',
+      ['margin-left'] = '.3em',
+      ['margin-top'] = '-0.12em'
+    })
+  })
+})
+local get_header_tags
+get_header_tags = function(self)
+  local title = (self:get('title: text/plain')) or self:gett('name: alpha')
+  local l
+  l = function(str)
+    str = str:gsub('[%s\n]+$', '')
+    return str:gsub('\n', ' ')
+  end
+  local e
+  e = function(str)
+    return string.format('%q', l(str))
+  end
+  local meta = "\n    <meta charset=\"UTF-8\">\n    <title>" .. tostring(l(title)) .. "</title>\n  "
+  do
+    local page_meta = self:get('_meta: mmm/dom')
+    if page_meta then
+      meta = meta .. page_meta
+    else
+      meta = meta .. "\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n    <meta property=\"og:title\" content=" .. tostring(e(title)) .. " />\n    <meta property=\"og:type\"  content=\"website\" />\n    <meta property=\"og:url\"   content=\"https://mmm.s-ol.nu" .. tostring(self.path) .. "/\" />\n    <meta property=\"og:site_name\" content=\"mmm\" />"
+      do
+        local desc = self:get('description: text/plain')
+        if desc then
+          meta = meta .. "\n    <meta property=\"og:description\" content=" .. tostring(e(desc)) .. " />"
+        end
+      end
+    end
+  end
+  return meta
+end
+local get_scripts
+get_scripts = function(self)
+  local scripts = ''
+  for plugin in get_plugins(self) do
+    do
+      local snippet = plugin:get('scripts: text/html+frag')
+      if snippet then
+        scripts = scripts .. snippet
+      end
+    end
+  end
+  return scripts
+end
+local render
+render = function(content, fileder, opts)
+  if opts == nil then
+    opts = { }
+  end
+  opts.meta = opts.meta or get_header_tags(fileder)
+  opts.scripts = opts.scripts or ''
+  if not (opts.noview) then
+    content = [[      <div class="view main">
+        <div class="content">
+      ]] .. content .. [[        </div>
+      </div>
+    ]]
+  end
+  local buf = [[<!DOCTYPE html>
+<html>
+  <head>]]
+  buf = buf .. (function()
+    if STATIC then
+      return STATIC.style
+    else
+      return [[<link rel="stylesheet" type="text/css" href="/static/style/:text/css" />]]
+    end
+  end)()
+  buf = buf .. [[<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600" />]]
+  buf = buf .. "\n    " .. tostring(opts.meta) .. "\n    " .. tostring(get_scripts(fileder)) .. "\n  </head>\n  <body>\n    " .. tostring(gen_header()) .. "\n\n    " .. tostring(content) .. "\n\n    " .. tostring(footer)
+  buf = buf .. (function()
+    if STATIC then
+      return ''
+    else
+      return [[    <script type="text/javascript" src="/static/highlight-pack/:text/javascript"></script>
+    <script type="text/javascript">hljs.initHighlighting()</script>]]
+    end
+  end)()
+  buf = buf .. opts.scripts
+  if STATIC then
+    buf = buf .. STATIC.scripts
+  end
+  buf = buf .. "\n  </body>\n</html>"
+  return buf
+end
+return {
+  {
+    inp = 'mmm/dom',
+    out = 'text/html',
+    cost = 3,
+    transform = function(self, html, fileder)
+      return render(html, fileder)
+    end
+  },
+  {
+    inp = 'mmm/dom%+noview',
+    out = 'text/html',
+    cost = 3,
+    transform = function(self, html, fileder)
+      return render(html, fileder, { noview = true })
+    end
+  }
+}
diff --git a/root/$mmm/plugins/layout/converts: text$moonscript -> table.moon b/root/$mmm/plugins/layout/converts: text$moonscript -> table.moon
new file mode 100644
index 0000000..732f2ea
--- /dev/null
+++ b/root/$mmm/plugins/layout/converts: text$moonscript -> table.moon
@@ -0,0 +1,180 @@
+import header, aside, footer, div, svg, script, g, circle, h1, span, b, a, img from require 'mmm.dom'
+import navigate_to from (require 'mmm.mmmfs.util') require 'mmm.dom'
+import get_plugins from require 'mmm.mmmfs.meta'
+
+pick = (...) ->
+  num = select '#', ...
+  i = math.ceil math.random! * num
+  (select i, ...)
+
+iconlink = (href, src, alt, style) -> a {
+  class: 'iconlink',
+  target: '_blank',
+  rel: 'me',
+  :href,
+  img :src, :alt, :style
+}
+
+logo = svg {
+  class: 'sun'
+  viewBox: '-0.75 -1 1.5 2'
+  xmlns: 'http://www.w3.org/2000/svg'
+  baseProfile: 'full'
+  version: '1.1'
+
+  g {
+    transform: 'translate(0 .18)'
+
+    g { class: 'circle out', circle r: '.6', fill: 'none', 'stroke-width': '.12' }
+    g { class: 'circle  in', circle r: '.2', stroke: 'none' }
+  }
+}
+
+gen_header = ->
+  header {
+    div {
+      h1 {
+        navigate_to '', logo
+        span {
+          span 'mmm', class: 'bold'
+          '&#8203;'
+          '.s&#8209;ol.nu'
+        }
+      }
+      -- span "fun stuff with code and wires"
+      table.concat {
+        pick 'fun', 'cool', 'weird', 'interesting', 'new', 'pleasant'
+        pick 'stuff', 'things', 'projects', 'experiments', 'visuals', 'ideas'
+        pick "with", 'and'
+        pick 'mostly code', 'code and wires', 'silicon', 'electronics', 'shaders',
+             'oscilloscopes', 'interfaces', 'hardware', 'FPGAs'
+      }, ' '
+    }
+    aside {
+      navigate_to '/about', 'about me'
+      navigate_to '/portfolio', 'portfolio'
+      navigate_to '/games', 'games'
+      navigate_to '/projects', 'other'
+      a {
+        href: 'mailto:s%20[removethis]%20[at]%20s-ol.nu'
+        'contact'
+        script "
+          var l = document.currentScript.parentElement;
+          l.href = l.href.replace('%20[at]%20', '@');
+          l.href = l.href.replace('%20[removethis]', '') + '?subject=Hey there :)';
+        "
+      }
+    }
+  }
+
+footer = footer {
+  span {
+    'made with \xe2\x98\xbd by '
+    a 's-ol', href: 'https://twitter.com/S0lll0s'
+    ", #{os.date '%Y'}"
+  }
+  div {
+    class: 'icons',
+    iconlink 'https://github.com/s-ol', 'https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/github.svg', 'github'
+    iconlink 'https://merveilles.town/@s_ol', 'https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/mastodon.svg', 'mastodon'
+    iconlink 'https://twitter.com/S0lll0s', 'https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/twitter.svg', 'twitter'
+    iconlink 'https://webring.xxiivv.com/#random', 'https://webring.xxiivv.com/icon.black.svg', 'webring',
+      { height: '1.3em', 'margin-left': '.3em', 'margin-top': '-0.12em' }
+  }
+}
+
+get_header_tags = =>
+  title = (@get 'title: text/plain') or @gett 'name: alpha'
+
+  l = (str) ->
+    str = str\gsub '[%s\n]+$', ''
+    str\gsub '\n', ' '
+  e = (str) -> string.format '%q', l str
+
+  meta = "
+    <meta charset=\"UTF-8\">
+    <title>#{l title}</title>
+  "
+
+  if page_meta = @get '_meta: mmm/dom'
+    meta ..= page_meta
+  else
+    meta ..= "
+    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
+
+    <meta property=\"og:title\" content=#{e title} />
+    <meta property=\"og:type\"  content=\"website\" />
+    <meta property=\"og:url\"   content=\"https://mmm.s-ol.nu#{@path}/\" />
+    <meta property=\"og:site_name\" content=\"mmm\" />"
+
+    if desc = @get 'description: text/plain'
+      meta ..= "
+    <meta property=\"og:description\" content=#{e desc} />"
+
+  meta
+
+get_scripts = =>
+  scripts = ''
+  for plugin in get_plugins @
+    if snippet = plugin\get 'scripts: text/html+frag'
+      scripts ..= snippet
+
+  scripts
+
+render = (content, fileder, opts={}) ->
+  opts.meta or= get_header_tags fileder
+  opts.scripts or= ''
+
+  unless opts.noview
+    content = [[
+      <div class="view main">
+        <div class="content">
+      ]] .. content .. [[
+        </div>
+      </div>
+    ]]
+
+  buf = [[
+<!DOCTYPE html>
+<html>
+  <head>]]
+  buf ..= if STATIC then STATIC.style else [[<link rel="stylesheet" type="text/css" href="/static/style/:text/css" />]]
+  buf ..= [[<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600" />]]
+  buf ..= "
+    #{opts.meta}
+    #{get_scripts fileder}
+  </head>
+  <body>
+    #{gen_header!}
+
+    #{content}
+
+    #{footer}"
+  buf ..= if STATIC then '' else [[
+    <script type="text/javascript" src="/static/highlight-pack/:text/javascript"></script>
+    <script type="text/javascript">hljs.initHighlighting()</script>]]
+
+  buf ..= opts.scripts
+  buf ..= STATIC.scripts if STATIC
+  buf ..= "
+  </body>
+</html>"
+
+  buf
+
+{
+  {
+    -- inp: 'text/html%+frag',
+    -- @TODO: this doesn't feel right... maybe mmm/dom has to go?
+    inp: 'mmm/dom',
+    out: 'text/html',
+    cost: 3
+    transform: (html, fileder) => render html, fileder
+  },
+  {
+    inp: 'mmm/dom%+noview',
+    out: 'text/html',
+    cost: 3
+    transform: (html, fileder) => render html, fileder, noview: true
+  }
+}