1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
|
local header, aside, footer, div, svg, title, script, g, path, h1, span, b, a, img
do
local _obj_0 = require('mmm.dom')
header, aside, footer, div, svg, title, script, g, path, h1, span, b, a, img = _obj_0.header, _obj_0.aside, _obj_0.footer, _obj_0.div, _obj_0.svg, _obj_0.title, _obj_0.script, _obj_0.g, _obj_0.path, _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 unpack = unpack or table.unpack
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 0 1 1',
xmlns = 'http://www.w3.org/2000/svg',
baseProfile = 'full',
version = '1.1',
title('Home'),
g({
transform = 'translate(0.5, 0.52)',
g({
class = 'circle out',
path({
fill = 'none',
['stroke-width'] = 0.053,
d = 'M 0.5 0.15625 C 0.44839986 0.15625 0.22697194 0.28343797 0.20117188 0.328125 C 0.17537181 0.37281203 0.1753718 0.62718797 0.20117188 0.671875 C 0.22697195 0.71656203 0.44839986 0.84375 0.5 0.84375 C 0.55160014 0.84375 0.77302806 0.71656203 0.79882812 0.671875 C 0.82462819 0.62718797 0.8246282 0.37281203 0.79882812 0.328125 C 0.77302805 0.28343797 0.55160014 0.15625 0.5 0.15625 z',
transform = 'translate(-0.5, -0.5)'
})
}),
g({
class = 'circle in',
path({
stroke = 'none',
d = 'M 0.50195312 0.38476562 C 0.4851293 0.38476563 0.41466191 0.42683639 0.40625 0.44140625 C 0.39783809 0.45597611 0.39783809 0.53816452 0.40625 0.55273438 C 0.41466191 0.56730423 0.4851293 0.609375 0.50195312 0.609375 C 0.51877695 0.609375 0.59119746 0.56730423 0.59960938 0.55273438 C 0.60802129 0.53816452 0.60802129 0.45597611 0.59960938 0.44140625 C 0.59119746 0.42683639 0.51877695 0.38476562 0.50195312 0.38476562 z',
transform = 'translate(-0.5, -0.5)'
})
})
})
})
local gen_header
gen_header = function()
return header({
div({
h1({
navigate_to('', logo, {
title = 'Home'
}),
span({
span('hw', {
class = 'bold'
}),
'​',
'.s‑ol.nu'
})
}),
"low-profile hexagon keyboards."
})
})
end
footer = footer({
span({
"made with \xe2\x98\xbd by ",
a('s-ol', {
href = 'https://s-ol.nu'
}),
", " .. tostring(os.date('%Y'))
}),
div({
style = 'flex: 1'
}),
a({
target = '_blank',
rel = 'license',
href = 'http://creativecommons.org/licenses/by/4.0/',
img({
src = '/static/icons/cc-by: image/png',
alt = 'Creative Commons Attribution 4.0 International License'
})
}),
div({
class = 'icons',
iconlink('https://merveilles.town/@s_ol', '/static/icons/mastodon: image/svg+xml', 'mastodon'),
iconlink('https://twitter.com/S0lll0s', '/static/icons/twitter: image/svg+xml', 'twitter'),
iconlink('https://www.youtube.com/channel/UCWBiBzZvRzf0hzHbsJnwqsA', '/static/icons/youtube: image/svg+xml', 'youtube'),
iconlink('https://instagram.com/s_ol.pics', '/static/icons/instagram: image/svg+xml', 'instagram')
})
})
local get_header_tags
get_header_tags = function(self)
local title_text = (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_text)) .. "</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_text)) .. " />\n <meta property=\"og:type\" content=\"website\" />\n <meta property=\"og:url\" content=\"https://hw.s-ol.nu" .. tostring(self.path) .. "/\" />\n <meta property=\"og:site_name\" content=\"mmm\" />"
do
local url = (self:get('_image: URL -> image/jpeg')) or self:get('preview: URL -> image/jpeg')
if url then
meta = meta .. "\n <meta property=\"og:image\" content=" .. tostring(e(url)) .. " />"
end
end
do
local desc = self:get('_description: text/plain')
if desc then
meta = meta .. "\n <meta property=\"og:description\" content=" .. tostring(e(desc)) .. " />\n <meta name=\"description\" content=" .. tostring(e(desc)) .. " />"
end
end
do
local keywords = self:get('_keywords: text/plain')
if keywords then
meta = meta .. "\n <meta name=\"keywords\" content=" .. tostring(e(keywords)) .. " />"
end
end
do
local url = self:get('_canonical: URL')
if url then
meta = meta .. "\n <link rel=\"canonical\" href=" .. tostring(e(url)) .. " />"
end
end
end
end
return meta
end
local get_plugin_snippets
get_plugin_snippets = function(self, type)
local buf = ''
for plugin in get_plugins(self) do
do
local snippet = plugin:get(type)
if snippet then
buf = buf .. snippet
end
end
end
return buf
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 lang="en">
<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 .. "\n " .. tostring(get_plugin_snippets(fileder, 'styles: text/html+frag')) .. "\n " .. tostring(opts.meta) .. "\n </head>\n <body>\n " .. tostring(gen_header()) .. "\n\n " .. tostring(content) .. "\n\n " .. tostring(footer) .. "\n " .. tostring(get_plugin_snippets(fileder, 'scripts: text/html+frag'))
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
}
}
|
