├── .datignore
├── .gitignore
├── LICENSE
├── README.md
├── config.json
├── content.json
├── content
    └── how-to-use-orkl.txt
├── feed.xml
├── index.html
├── package-lock.json
├── package.json
├── src
    ├── components
    │   ├── content.js
    │   ├── customize.js
    │   ├── delete.js
    │   ├── form.js
    │   ├── format.js
    │   ├── input.js
    │   ├── notfound.js
    │   ├── select.js
    │   ├── textarea.js
    │   └── wrapper.js
    ├── index.js
    ├── orkl.js
    ├── styles
    │   └── ff.css
    └── views
    │   ├── edit.js
    │   ├── entry.js
    │   ├── main.js
    │   ├── new.js
    │   ├── no_archive.js
    │   └── notfound.js
└── styles
    ├── fonts.css
    ├── fonts
        ├── AUTHENTIC-Sans.woff
        ├── AUTHENTIC-Sans.woff2
        ├── lunchtype22-light-webfont.woff
        ├── lunchtype22-light-webfont.woff2
        ├── lunchtype22-medium-webfont.woff
        └── lunchtype22-medium-webfont.woff2
    └── interui
        ├── Inter-UI-Bold.woff
        ├── Inter-UI-Bold.woff2
        ├── Inter-UI-BoldItalic.woff
        ├── Inter-UI-BoldItalic.woff2
        ├── Inter-UI-Italic.woff
        ├── Inter-UI-Italic.woff2
        ├── Inter-UI-Medium.woff
        ├── Inter-UI-Medium.woff2
        ├── Inter-UI-MediumItalic.woff
        ├── Inter-UI-MediumItalic.woff2
        ├── Inter-UI-Regular.woff
        └── Inter-UI-Regular.woff2


/.datignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | src
3 | .gitignore
4 | package-lock.json
5 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | bundle.js
3 | dat.json
4 | 
5 | content/*
6 | files
7 | !content/how-to-use-orkl.txt
8 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Hunor Karamán
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ##### orkl
 2 | ###### Super simple peer-to-peer blogging site based on [Beaker](https://beakerbrowser.com).
 3 | ―
 4 | #### Why?
 5 | I wanted to build a peer-to-peer only blog; kind of like the p2p child of Svbtle and Telegra.ph. Fell in love with the idea of a site, which feels the same for the writer and the reader. The only difference is that the writer can change things and the reader can't. Thanks to [Dat](https://datproject.org/), we can easily decide if a computer is the owner or not of a site.
 6 | 
 7 | orkl is also 100% dynamic, so it's basically just a bunch of ```txt``` files (using [smarkt](https://github.com/jondashkyle/smarkt)) = no site generation or building.
 8 | 
 9 | #### Usage
10 | The magic of Beaker Browser is the possibility to fork a site. To get started you can fork any orkl site, but for the sake of simplicity we will use an empty site I've made.
11 | 
12 | - Download [Beaker Browser](https://beakerbrowser.com)
13 | - Navigate to [dat://orkl-kodedninja.hashbase.io](dat://orkl-kodedninja.hashbase.io)
14 | - Find the "Fork this site" button, click it and fill out with your information
15 | - Navigate to your site
16 | - Edit the site's dat.json, adding `"fallback_page": "index.html"` (from Beaker 0.8 prerelease.1 this is not needed)
17 | - Read the "How to use orkl?" entry
18 | 
19 | ##### ```config.json```
20 | ```
21 | {
22 |   "directory": <directory of the content - required>,
23 |   "title": <site title (overrides title in dat.json>,
24 |   "style": <style object, set automatically>,
25 |   "nohttp": <if true, no content is rendered if accessed through http>
26 | }
27 | ```
28 | 
29 | #### Development
30 | Make a new site in Beaker then put the source code into it's directory. Run:
31 | ```
32 | npm install
33 | npm start
34 | ```
35 | to start the bundler.
36 | 
37 | 
38 | Thanks to [choo](https://choo.io), [Jon Kyle](https://jon-kyle.com) (for Enoki and Dropout), [Rasmus](https://rsms.me) (for [Inter UI](https://rsms.me/inter)) and the guys at Beaker.
39 | 


--------------------------------------------------------------------------------
/config.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"directory": "content",
 3 | 	"style": {
 4 | 		"fontfamily": "'Inter UI', sans-serif",
 5 | 		"fontsize": "15",
 6 | 		"hsize": "24.00",
 7 | 		"background": "#ffffff",
 8 | 		"color": "#000000"
 9 | 	},
10 | 	"title": "orkl"
11 | }
12 | 


--------------------------------------------------------------------------------
/content.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"content": [
 3 | 		{
 4 | 			"title": "How to use orkl?",
 5 | 			"date": "2018-04-28",
 6 | 			"url": "how-to-use-orkl",
 7 | 			"public": true,
 8 | 			"ctime": "1524900259526",
 9 | 			"text": "If you are reading this, then you've probably [forked the site](https://github.com/kodedninja/orkl#readme) successfully. This is a short guide on how to use orkl (it's really not hard). Read through this guide to learn about the functionalities of orkl.\n\nIf you have an older Beaker Browser (< version 0.8.0 pre-release-1) this is an important step. Open the ```dat.json``` file of your site and add the ```\"fallback_page: \"index.html\"``` property to the JSON. This will tell Beaker to route every request to the ```index.html```.\n\nOrkl is now ready to use.\n\n## Writing a new entry\nNavigate to the [homepage](/) of the site and click the [write your first entry](/new) button at the top right corner.\n\nWelcome to the editor. You can enter a title, specify a date and write beautiful text. That's all. To style your text content you can use [Markdown](https://daringfireball.net/projects/markdown/) ([cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)), a common \"lightweight markup language with plain text formatting syntax\" ^1^.\n\nYou can also include images. Simply drag-and-drop the image into the editor and it'll be uploaded and inserted at the cursor's current position. You can group images with a custom syntax. Add them between the `{images}` and `{/images}` tags with an empty line between everything (empty line after the opening and closing tags and also between the images).\n\n### Publishing\n\nNext to the date field there's a \"published/draft\" button, which represents the current status of the entry. Draft entries can only be seen by you.\n\n## Modifying entries\nIf you navigate to one of the entries you can see that at the top right corner there's an \"edit\" button. If you click on that it'll navigate to the editor and you already know how to use that.\n\nYou can also delete an entry with the red \"delete\" button. Pretty obvious. You have to click it twice!\n\n## Customization\n_Version 0.3.0_. You can customize orkl a bit to make sure the content matches the design. If you click the _customize_ button -90° rotated in the top-right corner a few fields appear. You can set the font size, the font family, the background and foreground colors. It's very minimalistic (there are only 4 fonts currently) but more to come.\n\n## Updating\nI've included my module ```forkup``` so you can update your fork if there's a new version on the main site. You only have to navigate to ```dat://[yoursite]/update``` and then reload the page and everything will be updated.\n\n## RSS\nOrkl automatically generates an RSS feed to [```dat://[yoursite]/feed.xml```](/feed.xml) (you must directly navigate to this). Naturally, it's also accessible on ```https```.\n\n### ~\n\nThat's all. I said it won't be complicated. You can delete this entry if you want and access it anytime [here](dat://orkl-kodedninja.hashbase.io/how-to-use-orkl). Feel free to contribute and to give feedback.\n\n<div class=\"tac my2\"><a href=\"/\" class=\"button\">go to homepage</a></div>\n\n[Source](https://github.com/kodedninja/orkl) | [Typeface](https://rsms.me/inter) | Version 0.4.2\n\n---\n1. According to [Wikipedia](https://en.wikipedia.org/wiki/Markdown)."
10 | 		}
11 | 	],
12 | 	"config": {
13 | 		"directory": "content",
14 | 		"style": {
15 | 			"fontfamily": "'Inter UI', sans-serif",
16 | 			"fontsize": "15",
17 | 			"hsize": "24.00",
18 | 			"background": "#ffffff",
19 | 			"color": "#000000"
20 | 		},
21 | 		"title": "orkl"
22 | 	}
23 | }


--------------------------------------------------------------------------------
/content/how-to-use-orkl.txt:
--------------------------------------------------------------------------------
 1 | title: How to use orkl?
 2 | ----
 3 | date: 2018-04-28
 4 | ----
 5 | url: how-to-use-orkl
 6 | ----
 7 | public: true
 8 | ----
 9 | ctime: 1524900259526
10 | ----
11 | text: If you are reading this, then you've probably [forked the site](https://github.com/kodedninja/orkl#readme) successfully. This is a short guide on how to use orkl (it's really not hard). Read through this guide to learn about the functionalities of orkl.
12 | 
13 | If you have an older Beaker Browser (< version 0.8.0 pre-release-1) this is an important step. Open the ```dat.json``` file of your site and add the ```"fallback_page: "index.html"``` property to the JSON. This will tell Beaker to route every request to the ```index.html```.
14 | 
15 | Orkl is now ready to use.
16 | 
17 | ## Writing a new entry
18 | Navigate to the [homepage](/) of the site and click the [write your first entry](/new) button at the top right corner.
19 | 
20 | Welcome to the editor. You can enter a title, specify a date and write beautiful text. That's all. To style your text content you can use [Markdown](https://daringfireball.net/projects/markdown/) ([cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)), a common "lightweight markup language with plain text formatting syntax" ^1^.
21 | 
22 | You can also include images. Simply drag-and-drop the image into the editor and it'll be uploaded and inserted at the cursor's current position. You can group images with a custom syntax. Add them between the `{images}` and `{/images}` tags with an empty line between everything (empty line after the opening and closing tags and also between the images).
23 | 
24 | ### Publishing
25 | 
26 | Next to the date field there's a "published/draft" button, which represents the current status of the entry. Draft entries can only be seen by you.
27 | 
28 | ## Modifying entries
29 | If you navigate to one of the entries you can see that at the top right corner there's an "edit" button. If you click on that it'll navigate to the editor and you already know how to use that.
30 | 
31 | You can also delete an entry with the red "delete" button. Pretty obvious. You have to click it twice!
32 | 
33 | ## Customization
34 | _Version 0.3.0_. You can customize orkl a bit to make sure the content matches the design. If you click the _customize_ button -90° rotated in the top-right corner a few fields appear. You can set the font size, the font family, the background and foreground colors. It's very minimalistic (there are only 4 fonts currently) but more to come.
35 | 
36 | ## Updating
37 | I've included my module ```forkup``` so you can update your fork if there's a new version on the main site. You only have to navigate to ```dat://[yoursite]/update``` and then reload the page and everything will be updated.
38 | 
39 | ## RSS
40 | Orkl automatically generates an RSS feed to [```dat://[yoursite]/feed.xml```](/feed.xml) (you must directly navigate to this). Naturally, it's also accessible on ```https```.
41 | 
42 | ### ~
43 | 
44 | That's all. I said it won't be complicated. You can delete this entry if you want and access it anytime [here](dat://orkl-kodedninja.hashbase.io/how-to-use-orkl). Feel free to contribute and to give feedback.
45 | 
46 | <div class="tac my2"><a href="/" class="button">go to homepage</a></div>
47 | 
48 | [Source](https://github.com/kodedninja/orkl) | [Typeface](https://rsms.me/inter) | Version 0.4.2
49 | 
50 | ---
51 | 1. According to [Wikipedia](https://en.wikipedia.org/wiki/Markdown).


--------------------------------------------------------------------------------
/feed.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
 2 |     <channel>
 3 |         <title><![CDATA[orkl]]></title>
 4 |         <description><![CDATA[orkl]]></description>
 5 |         <link>/</link>
 6 |         <generator>RSS for Node</generator>
 7 |         <lastBuildDate>Sat, 20 Oct 2018 07:43:24 GMT</lastBuildDate>
 8 |         <atom:link href="/feed.xml" rel="self" type="application/rss+xml"/>
 9 |         <item>
10 |             <title><![CDATA[How to use orkl?]]></title>
11 |             <description><![CDATA[<p>If you are reading this, then you've probably <a href="https://github.com/kodedninja/orkl#readme">forked the site</a> successfully. This is a short guide on how to use orkl (it's really not hard). Read through this guide to learn about the functionalities of orkl.</p>
12 | ]]></description>
13 |             <link>/how-to-use-orkl</link>
14 |             <guid isPermaLink="true">/how-to-use-orkl</guid>
15 |             <pubDate>Sat, 28 Apr 2018 00:00:00 GMT</pubDate>
16 |         </item>
17 |     </channel>
18 | </rss>


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | 	<head>
 4 | 		<meta charset="utf-8">
 5 | 		<title>orkl</title>
 6 | 
 7 | 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 8 | 		<meta name="description" content="Super simple peer-to-peer blogging site">
 9 | 
10 | 		<link rel="alternate" href="/feed.xml" type="application/rss+xml">
11 | 
12 | 		<link rel="stylesheet" href="/styles/fonts.css">
13 | 	</head>
14 | 	<body>
15 | 		<script src="/bundle.js"></script>
16 | 	</body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "orkl",
 3 |   "version": "0.4.6",
 4 |   "description": "Super simple peer-to-peer blogging site",
 5 |   "main": "src/index.js",
 6 |   "scripts": {
 7 |     "start": "watchify src/index.js -t sheetify -t yo-yoify -t es2040 -o bundle.js",
 8 |     "build": "browserify src/index.js -t sheetify -t yo-yoify -y es2040 -o bundle.js"
 9 |   },
10 |   "repository": {
11 |     "type": "git",
12 |     "url": "git+https://github.com/kodedninja/orkl.git"
13 |   },
14 |   "author": "kodedninja",
15 |   "license": "MIT",
16 |   "bugs": {
17 |     "url": "https://github.com/kodedninja/orkl/issues"
18 |   },
19 |   "homepage": "https://github.com/kodedninja/orkl#readme",
20 |   "dependencies": {
21 |     "@sindresorhus/slugify": "^0.2.0",
22 |     "choo": "^6.6.1",
23 |     "dom-autofocus": "^1.0.1",
24 |     "folderify": "^1.2.1",
25 |     "forkup": "^0.2.0",
26 |     "markdown-it": "^8.4.1",
27 |     "markdown-it-implicit-figures": "^0.9.0",
28 |     "markdown-it-sup": "^1.0.0",
29 |     "medium-zoom": "^0.4.0",
30 |     "monoimage": "^0.1.2",
31 |     "nanocomponent": "^6.5.1",
32 |     "rss": "^1.2.2",
33 |     "sheetify": "^7.3.3",
34 |     "smarkt": "0.0.1",
35 |     "xhr": "^2.4.1"
36 |   },
37 |   "update": {
38 |     "url": "dat://7c008f84aed883c5f8b033955f1678b8c1d5af2d0f9f2f93c69fbc5aeece4a6b/",
39 |     "files": [
40 |       "/bundle.js",
41 |       "/styles/ff.css"
42 |     ]
43 |   },
44 |   "devDependencies": {
45 |     "browserify": "^16.2.3",
46 |     "es2040": "^1.2.6",
47 |     "watchify": "^3.11.0",
48 |     "yo-yoify": "^4.3.0"
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/src/components/content.js:
--------------------------------------------------------------------------------
  1 | const Component = require('nanocomponent')
  2 | const html = require('choo/html')
  3 | const format = require('./format')
  4 | const MonoImage = require('monoimage')
  5 | const mediumZoom = require('medium-zoom')
  6 | 
  7 | module.exports = class Content extends Component {
  8 | 	constructor() {
  9 | 		super()
 10 | 		this.text = ''
 11 | 		this.entry = {}
 12 | 	}
 13 | 
 14 | 	formatimages() {
 15 | 		var url = this.entry.url
 16 | 		var element = this.element
 17 | 	    var auto = [...element.querySelectorAll('.imgs-auto p')]
 18 | 	      .forEach(function (container) {
 19 | 	        unwrap(container)
 20 | 	      })
 21 | 		var groups = element.querySelectorAll('.imgs-auto').forEach(function (group) {
 22 | 			group.classList = 'fx 1 pr imgs-auto'
 23 | 			for (var i = 0; i < group.children.length; i++) {
 24 | 				group.children[i].style.flex = '1'
 25 | 			}
 26 | 		})
 27 | 	    var images = [...element.querySelectorAll('img')]
 28 | 	      .forEach(function (image) {
 29 | 	        var parent = image.parentNode
 30 | 	        var source = image.getAttribute('src')
 31 | 	        var ratio = getRatio(source)
 32 | 
 33 | 	        // skip if not ratio
 34 | 	        if (!ratio) {
 35 | 	          image.setAttribute('src', source)
 36 | 	          if (image.parentNode.nodeName !== 'A') {
 37 | 	            mediumZoom(image, {
 38 | 	              background: 'rgba(0, 0, 0, 1)',
 39 | 	              container: element
 40 | 	            })
 41 | 	          }
 42 | 	          return
 43 | 	        }
 44 | 
 45 | 	        // add mono image
 46 | 	        parent.insertBefore(new MonoImage().render({
 47 | 	          sizes: { 100: source },
 48 | 	          dimensions: { ratio: ratio },
 49 | 	        }, {
 50 | 	          onload: function (_img) {
 51 | 	            if (_img.parentNode.nodeName === 'A') return
 52 | 	            mediumZoom(_img, {
 53 | 	              background: 'rgba(0, 0, 0, 1)',
 54 | 	              container: element
 55 | 	            })
 56 | 	          }
 57 | 	        }), image)
 58 | 	        // remove old
 59 | 	        parent.removeChild(image)
 60 | 	      })
 61 | 
 62 | 	}
 63 | 
 64 | 	load(el) {
 65 | 		this.formatimages()
 66 | 	}
 67 | 
 68 | 	afterupdate() {
 69 | 		this.formatimages()
 70 | 	}
 71 | 
 72 | 	createElement(entry) {
 73 | 		this.entry = entry
 74 | 		this.text = format(this.entry.text)
 75 | 
 76 | 		return html`
 77 | 			<div class="db 1">
 78 | 				${this.text}
 79 | 			</div>
 80 | 		`
 81 | 	}
 82 | 
 83 | 	update(entry) {
 84 | 		return this.text !== entry.text
 85 | 	}
 86 | }
 87 | 
 88 | function unwrap(wrapper) {
 89 | 	var docFrag = document.createDocumentFragment()
 90 | 
 91 |   	while (wrapper.firstChild) {
 92 |     	var child = wrapper.removeChild(wrapper.firstChild)
 93 |     	if (child.nodeType === 1)  {
 94 |       		var container = document.createElement('div')
 95 |       		container.appendChild(child)
 96 |       		docFrag.appendChild(container)
 97 |     	}
 98 |   	}
 99 |   	wrapper.parentNode.replaceChild(docFrag, wrapper)
100 | }
101 | 
102 | function getRatio(src) {
103 |   try {
104 |     return parseInt(src.split('_')[1].replace(/\.[^/.]+$/, ""))
105 |   } catch (err) {
106 |     return false
107 |   }
108 | }
109 | 


--------------------------------------------------------------------------------
/src/components/customize.js:
--------------------------------------------------------------------------------
  1 | const html = require('choo/html')
  2 | 
  3 | module.exports = customize
  4 | 
  5 | const fonts = [
  6 | 	{
  7 | 		name: 'Inter UI',
  8 | 		value: "'Inter UI', sans-serif"
  9 | 	},
 10 | 	{
 11 | 		name: 'Authentic Sans',
 12 | 		value: "'Authentic Sans', sans-serif"
 13 | 	},
 14 | 	{
 15 | 		name: 'Lunchtype22 L',
 16 | 		value: "'Lunchtype22 L', sans-serif"
 17 | 	},
 18 | 	{
 19 | 		name: 'Lunchtype22 M',
 20 | 		value: "'Lunchtype22 M', sans-serif"
 21 | 	},
 22 | 	{
 23 | 		name: 'Arial',
 24 | 		value: "'arial', sans-serif"
 25 | 	},
 26 | 	{
 27 | 		name: 'System',
 28 | 		value: "-apple-system, BlinkMacSystemFont, 'avenir next', avenir, helvetica, 'helvetica neue', ubuntu, roboto, noto, 'segoe ui', arial, sans-serif"
 29 | 	},
 30 | 	{
 31 | 		name: 'Georgia',
 32 | 		value: "georgia, serif"
 33 | 	},
 34 | 	{
 35 | 		name: 'Monospace',
 36 | 		value: "monospace"
 37 | 	},
 38 | 	{
 39 | 		name: 'Helvetica',
 40 | 		value: "'helvetica neue', helvetica, sans-serif"
 41 | 	},
 42 | ]
 43 | const colorcode = /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i
 44 | 
 45 | function customize(state, emit) {
 46 | 	if (state.customize) {
 47 | 		var style = state.orkl.config.style
 48 | 		return html`
 49 | 			<div class="db bb p2">
 50 | 				<div class="2/3 m-1 mxa p1">
 51 | 					<div class="1 dib">
 52 | 						<div class="db 1 mb0-5">
 53 | 							<span class="mr1 tcgrey">text size: </span>
 54 | 							<input type="range" oninput="${change_font}" onchange="${change_font}" class="2/3" min="13" max="26" step="1" value="${style.fontsize}">
 55 | 							<span class="ml1">${style.fontsize}px</span>
 56 | 						</div>
 57 | 						<div class="db 1 mb0-5">
 58 | 							<span class="mr1 tcgrey">font: </span>
 59 | 							<select onchange="${change_font_style}">
 60 | 								${fonts.map(font)}
 61 | 							</select>
 62 | 						</div>
 63 | 						<div class="dib 1/2">
 64 | 							<span class="mr1 tcgrey">background color: </span>
 65 | 							<input type="color" onkeyup="${bg_change}" onchange="${bg_change}" value="${style.background}">
 66 | 						</div>
 67 | 						<div class="dib 1/2">
 68 | 							<span class="mr1 tcgrey">text color: </span>
 69 | 							<input type="color" onkeyup="${color_change}" onchange="${color_change}" value="${style.color}">
 70 | 						</div>
 71 | 					</div>
 72 | 				</div>
 73 | 			</div>
 74 | 		`
 75 | 	}
 76 | 
 77 | 	function change_font(e) {
 78 | 		state.orkl.config.style.fontsize = e.target.value
 79 | 		state.orkl.config.style.hsize = (parseInt(e.target.value) * 1.6).toFixed(2)
 80 | 		emit('savestyle')
 81 | 	}
 82 | 
 83 | 	function change_font_style(e) {
 84 | 		state.orkl.config.style.fontfamily = e.target.value
 85 | 		emit('savestyle')
 86 | 	}
 87 | 
 88 | 	function bg_change(e) {
 89 | 		var res = e.target.value
 90 | 		if (res[0] != '#') res = '#' + res
 91 | 
 92 | 		if (!colorcode.test(res)) return
 93 | 		state.orkl.config.style.background = res
 94 | 		emit('savestyle')
 95 | 	}
 96 | 
 97 | 	function color_change(e) {
 98 | 		var res = e.target.value
 99 | 		if (res[0] != '#') res = '#' + res
100 | 
101 | 		if (!colorcode.test(res)) return
102 | 		state.orkl.config.style.color = res
103 | 		emit('savestyle')
104 | 	}
105 | 
106 | 	function font(f) {
107 | 		return html`
108 | 			<option value="${f.value}" ${style.fontfamily == f.value ? 'selected' : ''}>${f.name}</option>
109 | 		`
110 | 	}
111 | }
112 | 


--------------------------------------------------------------------------------
/src/components/delete.js:
--------------------------------------------------------------------------------
 1 | const Nanocomponent = require('nanocomponent')
 2 | const html = require('choo/html')
 3 | 
 4 | module.exports = class Delete extends Nanocomponent {
 5 | 	constructor() {
 6 | 		super()
 7 | 
 8 | 		this.sure = false
 9 | 		this.timeout = null
10 | 	}
11 | 
12 | 	createElement(state, emit) {
13 | 		const t = this
14 | 		return html`
15 | 			<a href="/delete" class="mr1 tcred" onclick="${click}">${this.sure ? 'sure?' : 'delete'}</a>
16 | 		`
17 | 
18 | 		function click(e) {
19 | 			e.preventDefault()
20 | 
21 | 			if (t.sure) {
22 | 				t.sure = false
23 | 				if (t.timeout) clearTimeout(t.timeout)
24 | 				emit('delete', state.params.entry)
25 | 		 	} else {
26 | 				t.sure = true
27 | 				t.timeout = setTimeout(function() {
28 | 					t.sure = false
29 | 					if (t.element) t.rerender()
30 | 				}, 2000)
31 | 				t.rerender()
32 | 			}
33 | 		}
34 | 	}
35 | 
36 | 	update() {
37 | 		return false
38 | 	}
39 | }
40 | 


--------------------------------------------------------------------------------
/src/components/form.js:
--------------------------------------------------------------------------------
 1 | const html = require('choo/html')
 2 | const format = require('../components/format')
 3 | 
 4 | module.exports = {
 5 | 	input: require('./input'),
 6 | 	textarea: require('./textarea'),
 7 | 	select: require('./select'),
 8 | 	hidden: function(name, value) {
 9 | 		return html`
10 | 			<input name="${name}" id="${name}" type="hidden" value="${value}">
11 | 		`
12 | 	}
13 | }
14 | 


--------------------------------------------------------------------------------
/src/components/format.js:
--------------------------------------------------------------------------------
 1 | var html = require('choo/html')
 2 | var MarkdownIt = require('markdown-it')
 3 | var implicitFigures = require('markdown-it-implicit-figures');
 4 | var md = new MarkdownIt({
 5 | 	breaks: true,
 6 | 	html: true
 7 | })
 8 | 
 9 | md.use(require('markdown-it-sup'))
10 | md.use(implicitFigures, {
11 | 	figcaption: true
12 | });
13 | 
14 | module.exports = format
15 | 
16 | function format (str) {
17 |   	str = str || ''
18 | 	str = str.replace(/\{images\}\n/g, '<div class="imgs-auto">\n').replace(/\n\{\/images\}/g, '\n</div>')
19 |   	return rawCreateElement(md.render(str))
20 | }
21 | 
22 | function rawCreateElement (tag) {
23 |     var el = html`<div></div>`
24 |     el.innerHTML = tag
25 | 	return toArray(el.childNodes)
26 | }
27 | 
28 | function toArray (arr) {
29 |   	return Array.isArray(arr) ? arr : [].slice.call(arr)
30 | }
31 | 


--------------------------------------------------------------------------------
/src/components/input.js:
--------------------------------------------------------------------------------
 1 | const Nanocomponent = require('nanocomponent')
 2 | const html = require('choo/html')
 3 | const autofocus = require('dom-autofocus')
 4 | 
 5 | module.exports = class Input extends Nanocomponent {
 6 | 	constructor(name, placeholder, value, classes, size) {
 7 | 		super()
 8 | 
 9 | 		this.name = name
10 | 		this.placeholder = placeholder || ''
11 | 		this.value = value || ''
12 | 		this.classes = classes
13 | 		this.size = size
14 | 	}
15 | 
16 | 	createElement(state, value, focus) {
17 | 		const t = this
18 | 		if (value != undefined) this.value = value
19 | 		state.orkl.current[this.name] = this.value
20 | 
21 | 		const el = html`
22 | 			<input type="text" id="${this.name}" name="${this.name}" placeholder="${this.placeholder}" class="bn 1 ffi ${this.classes}" value="${this.value}" onkeyup="${key}" style="${style()}">
23 | 		`
24 | 
25 | 		function key(e) {
26 | 			t.value = this.value
27 | 			state.orkl.current[t.name] = this.value
28 | 		}
29 | 
30 | 		function style() {
31 | 			return `font-family: ${state.orkl.config.style.fontfamily}; font-size: ${state.orkl.config.style[t.size]}px`
32 | 		}
33 | 
34 | 		if (focus) return autofocus(el)
35 | 		return el
36 | 	}
37 | 
38 | 	update(state, value, focus) {
39 | 		return false
40 | 	}
41 | }
42 | 


--------------------------------------------------------------------------------
/src/components/notfound.js:
--------------------------------------------------------------------------------
 1 | const html = require('choo/html')
 2 | 
 3 | module.exports = view
 4 | 
 5 | function view(state, emit) {
 6 | 	return html`
 7 | 		<span>404 - Entry not found</span>
 8 | 	`
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/components/select.js:
--------------------------------------------------------------------------------
 1 | const Nanocomponent = require('nanocomponent')
 2 | const html = require('choo/html')
 3 | 
 4 | module.exports = class Select extends Nanocomponent {
 5 | 	constructor(name, t, f) {
 6 | 		super()
 7 | 
 8 | 		this.name = name
 9 | 		this.t = t || ''
10 | 		this.f = f || ''
11 | 	}
12 | 
13 | 	createElement(state, emit) {
14 | 		const th = this
15 | 
16 | 		const p = state.orkl.current.public
17 | 
18 | 		return html`
19 | 			<a href="#" onclick=${click} class="${!p ? 'tcgrey' : ''} tctransition nbb dib fr mr1 button">${p ? this.t : this.f}</a>
20 | 		`
21 | 
22 | 		function click(e) {
23 | 			e.preventDefault()
24 | 			state.orkl.current.public = !state.orkl.current.public
25 | 			th.rerender()
26 | 		}
27 | 	}
28 | 
29 | 	update() {
30 | 		return false
31 | 	}
32 | }
33 | 


--------------------------------------------------------------------------------
/src/components/textarea.js:
--------------------------------------------------------------------------------
  1 | const Nanocomponent = require('nanocomponent')
  2 | const html = require('choo/html')
  3 | const autofocus = require('dom-autofocus')
  4 | 
  5 | var wipTimeout = null
  6 | 
  7 | module.exports = class Textarea extends Nanocomponent {
  8 | 	constructor(name, placeholder, value) {
  9 | 		super()
 10 | 
 11 | 		this.name = name
 12 | 		this.placeholder = placeholder || ''
 13 | 		this.value = value || ''
 14 | 	}
 15 | 
 16 | 	createElement(state, emit, value, focus) {
 17 | 		const t = this
 18 | 		if (value != undefined) this.value = value
 19 | 		state.orkl.current[this.name] = this.value
 20 | 
 21 | 		var el = html`
 22 | 			<textarea name="${this.name}" id="${this.name}" placeholder="${this.placeholder}" class="ffi db 1 f5" onkeyup="${key}" style="${style()}"></textarea>
 23 | 		`
 24 | 		el.emit = emit
 25 | 		el.value = this.value
 26 | 
 27 | 		if (focus) return autofocus(el)
 28 | 		return el
 29 | 
 30 | 		function key(e) {
 31 | 			t.value = t.element.value
 32 | 			state.orkl.current[t.name] = t.element.value
 33 | 
 34 | 			if (t.element.offsetHeight < t.element.scrollHeight) {
 35 | 				t.element.style.height = t.element.scrollHeight + 'px'
 36 | 			}
 37 | 
 38 | 			if (wipTimeout) clearTimeout(wipTimeout)
 39 | 			wipTimeout = setTimeout(function() {
 40 | 				localStorage.setItem('text', t.value)
 41 | 			}, 4000)
 42 | 		}
 43 | 
 44 | 		function style() {
 45 | 			return `font-family: ${state.orkl.config.style.fontfamily}; font-size: ${state.orkl.config.style.fontsize};`
 46 | 		}
 47 | 	}
 48 | 
 49 | 	load(element) {
 50 | 		if (element.style.height == '') {
 51 | 			element.style.height = element.scrollHeight + 'px'
 52 | 		}
 53 | 
 54 | 		// file drag and drop / upload
 55 | 		element.addEventListener('dragover', this.drag_over, false)
 56 | 		element.addEventListener('dragleave', this.drag_leave, false)
 57 | 		element.addEventListener('drop', this.drop, false)
 58 | 	}
 59 | 
 60 | 	drag_over(e) {
 61 | 		e.preventDefault()
 62 | 		this.classList.add('ba')
 63 | 	}
 64 | 
 65 | 	drag_leave(e) {
 66 | 		e.preventDefault()
 67 | 		this.classList.remove('ba')
 68 | 	}
 69 | 
 70 | 	drop(e) {
 71 | 		const t = this
 72 | 		e.preventDefault()
 73 | 
 74 | 		var files = e.dataTransfer.files, file = null
 75 | 		var i = 0
 76 | 
 77 | 		var reader = new FileReader()
 78 | 		reader.onload = async function (e) {
 79 | 			var result = e.target.result
 80 | 			t.emit('file', {name: sanitize(file.name), data: result})
 81 | 
 82 | 			type_in_textarea(t, '![](/files/' + sanitize(file.name) + ')')
 83 | 			t.onkeyup(e)
 84 | 
 85 | 			i++
 86 | 			if (i < files.length) next()
 87 | 		}
 88 | 
 89 | 		function next() {
 90 | 			file = files[i]
 91 | 			reader.readAsArrayBuffer(file)
 92 | 		}
 93 | 
 94 | 		next()
 95 | 		this.classList.remove('ba')
 96 | 
 97 | 		function type_in_textarea(el, newText) {
 98 | 			var start = el.selectionStart
 99 | 			var end = el.selectionEnd
100 | 			var text = el.value
101 | 			var before = text.substring(0, start)
102 | 			var after  = text.substring(end, text.length)
103 | 			el.value = (before + newText + after)
104 | 			el.selectionStart = el.selectionEnd = start + newText.length
105 | 			el.focus()
106 | 		}
107 | 
108 | 		function sanitize(str) {
109 | 			return str
110 | 				.toLowerCase()
111 | 				.replace(/\s+/g, '-')
112 | 				.replace(/[,\/#!@?$%\^&\*;:{}=\_`~()\'\"]/g, '')
113 | 		}
114 | 	}
115 | 
116 | 	update(value) {
117 | 		return false
118 | 	}
119 | }
120 | 


--------------------------------------------------------------------------------
/src/components/wrapper.js:
--------------------------------------------------------------------------------
  1 | const html = require('choo/html')
  2 | const form = require('./form')
  3 | const customize = require('./customize')
  4 | 
  5 | module.exports = view
  6 | 
  7 | var k = false
  8 | 
  9 | function view(body) {
 10 | 	return function(state, emit) {
 11 | 		if (!state.loaded) return html`<body><div class="loading"></div></body>`
 12 | 		// if http isn't allowed
 13 | 		if (state.orkl.config.nohttp && !state.p2p) body = require('../views/no_archive')
 14 | 
 15 | 		if (!k) {
 16 | 			document.addEventListener('keydown', keydown)
 17 | 			k = true
 18 | 		}
 19 | 
 20 | 		return html`
 21 | 			<body class="1 db" style="${apply_style()}">
 22 | 				${customize(state, emit)}
 23 | 				<div class="db p2 2/3 m-1 mxa mw pr">
 24 | 					${customize_button()}
 25 | 					<div class="db mb2 1">
 26 | 						<a href="/" class="nbb" onclick="${onhome}">${title()}</a>
 27 | 						${new_nav()}
 28 | 					</div>
 29 | 					${body(state, emit)}
 30 | 					<div class="db 1 p1"></div>
 31 | 				</div>
 32 | 			</body>
 33 | 		`
 34 | 
 35 | 		function title() {
 36 | 			return state.orkl.config ? state.orkl.config.title : 'orkl'
 37 | 		}
 38 | 
 39 | 		function customize_button() {
 40 | 			return (state.orkl.dat.isOwner && state.route != '/new' && state.route != '/:entry/edit') ? html`<a href="#" class="customize button" onclick="${customize_click}">${!state.customize ? 'customize' : 'close'}</a>` : ''
 41 | 		}
 42 | 
 43 | 		function customize_click(e) {
 44 | 			e.preventDefault()
 45 | 
 46 | 			state.customize = !state.customize
 47 | 			emit('re')
 48 | 		}
 49 | 
 50 | 		function new_nav() {
 51 | 			if (!state.orkl) return null
 52 | 
 53 | 			if (state.route != '/new' && state.route != '/:entry/edit' && state.route != '/:entry' && state.orkl.dat.isOwner) return html`
 54 | 				<div class="fr">
 55 | 					<a href="/new" class="mr1 button ${state.welcome ? 'blink' : ''}">${!state.welcome ? 'new entry' : 'write your first entry'}</a>
 56 | 				</div>
 57 | 			`
 58 | 
 59 | 			if (state.route == '/:entry' && state.orkl.dat.isOwner) return html`
 60 | 				<div class="fr">
 61 | 					<a href="${state.href + '/edit'}" class="mr1 button">edit</a>
 62 | 				</div>
 63 | 			`
 64 | 
 65 | 			if ((state.route == '/new' || state.route == '/:entry/edit') && state.orkl.dat.isOwner) return html`
 66 | 				<div class="fr">
 67 | 					<a href="/save" onclick="${onsave}" class="mr1 button">save</a>
 68 | 				</div>
 69 | 			`
 70 | 
 71 | 			return null
 72 | 		}
 73 | 
 74 | 		function keydown(e) {
 75 | 			if ((state.route == '/new' || state.route == '/:entry/edit') && state.orkl.dat.isOwner) {
 76 | 				if (e.ctrlKey && e.keyCode == 83) {
 77 | 					e.preventDefault()
 78 | 					onsave()
 79 | 				}
 80 | 			}
 81 | 		}
 82 | 
 83 | 		function onsave(e) {
 84 | 			if (e) e.preventDefault()
 85 | 
 86 | 			state.orkl.current.title = state.orkl.current.title.trim()
 87 | 			state.orkl.current.date = state.orkl.current.date.trim()
 88 | 
 89 | 			var do_save = true
 90 | 
 91 | 			if (state.orkl.current.title == '') {
 92 | 				state.title_required = true
 93 | 				do_save = false
 94 | 			} else {
 95 | 				state.title_required = false
 96 | 			}
 97 | 
 98 | 			if (state.orkl.current.date == '') {
 99 | 				state.date_required = true
100 | 				do_save = false
101 | 			} else {
102 | 				state.date_required = false
103 | 			}
104 | 
105 | 			if (do_save) {
106 | 				emit('saveContent')
107 | 				localStorage.removeItem('text')
108 | 			} else {
109 | 				emit('re')
110 | 			}
111 | 		}
112 | 
113 | 		function onhome() {
114 | 			// if the home button is pressed we presume that it was intentional
115 | 			localStorage.removeItem('text')
116 | 		}
117 | 
118 | 		function apply_style() {
119 | 			const style = state.orkl.config.style
120 | 			return `font-family: ${style.fontfamily}; background: ${style.background}; color: ${style.color}; font-size: ${style.fontsize}px;`
121 | 		}
122 | 	}
123 | }
124 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | const choo = require('choo')
 2 | const orkl = require('./orkl')
 3 | const html = require('choo/html')
 4 | const update = require('forkup')
 5 | const css = require('sheetify')
 6 | 
 7 | css('./styles/ff.css')
 8 | 
 9 | const app = choo()
10 | 
11 | app.use((state, emitter) => {
12 | 	emitter.on(state.events.RENDER, () => {
13 | 		if (state.selectbus) state.selectbus.emit('public:changed')
14 | 	})
15 | 
16 | 	emitter.on('navigate', () => {
17 | 		document.body.scrollTop = 0
18 | 
19 | 		state.title_required = false
20 | 		state.date_required = false
21 | 	})
22 | })
23 | app.use(orkl())
24 | 
25 | app.route('/', require('./views/main'))
26 | app.route('/new', require('./views/new'))
27 | app.route('/update', update_view)
28 | app.route('/:entry', require('./views/entry'))
29 | app.route('/:entry/edit', require('./views/edit'))
30 | 
31 | app.mount('body')
32 | 
33 | function update_view(state, emit) {
34 | 	update()
35 | 	emit('pushState', '/')
36 | 	return html`<main><div class="loading"></div></main>`
37 | }
38 | 


--------------------------------------------------------------------------------
/src/orkl.js:
--------------------------------------------------------------------------------
  1 | // the Dat part
  2 | const smarkt = require('smarkt')
  3 | const xhr = require('xhr')
  4 | const RSS = require('rss')
  5 | const slugify = require('@sindresorhus/slugify')
  6 | 
  7 | const MarkdownIt = require('markdown-it')
  8 | const md = new MarkdownIt()
  9 | 
 10 | md.use(require('markdown-it-sup'))
 11 | 
 12 | module.exports = orkl
 13 | 
 14 | function orkl () {
 15 | 	return function plugin(state, emitter) {
 16 | 		try {
 17 | 			var archive = new DatArchive(window.location.origin + '/')
 18 | 			var fs = makeDatFs(archive)
 19 | 			state.p2p = true
 20 | 		} catch (err) {
 21 | 			state.p2p = false
 22 | 		}
 23 | 
 24 | 		state.events = state.events || { }
 25 | 		state.loaded = false
 26 | 		state.export_content = false
 27 | 		state.customize = false
 28 | 
 29 | 		state.title_required = false
 30 | 		state.date_required = false
 31 | 
 32 | 		state.orkl = {
 33 | 			config: {},
 34 | 			content: [],
 35 | 			dat: {},
 36 | 			current: {
 37 | 				title: null,
 38 | 				date: null,
 39 | 				text: null,
 40 | 				url: null,
 41 | 				public: null,
 42 | 				ctime: null
 43 | 			}
 44 | 		}
 45 | 
 46 | 		const default_style = {
 47 | 			fontfamily: "'Inter UI', sans-serif",
 48 | 			fontsize: 15,
 49 | 			background: '#ffffff',
 50 | 			color: '#000000'
 51 | 		}
 52 | 
 53 | 		emitter.on('navigation', () => {
 54 | 			state.title_required = false
 55 | 		})
 56 | 		emitter.on(state.events.DOMCONTENTLOADED, loaded)
 57 | 		emitter.on('refresh', refresh)
 58 | 		emitter.on('saveContent', save)
 59 | 		emitter.on('delete', delete_entry)
 60 | 		emitter.on('re', re)
 61 | 		emitter.on('file', handle_file)
 62 | 		emitter.on('savestyle', save_style)
 63 | 
 64 | 		async function loaded() {
 65 | 			if (state.p2p) await load_dat()
 66 | 			else load_http().catch(function() {
 67 | 				return no_archive()
 68 | 			})
 69 | 		}
 70 | 
 71 | 		async function load_dat() {
 72 | 			var config = await fs.readfile('/config.json')
 73 | 			state.orkl.config = JSON.parse(config)
 74 | 			if (!state.orkl.config.style) state.orkl.config.style = default_style
 75 | 			state.orkl.dat = await archive.getInfo()
 76 | 			state.orkl.config.title = state.orkl.dat.title || state.orkl.config.title || 'orkl'
 77 | 
 78 | 			if (!state.orkl.dat.isOwner && (state.route == '/new' || state.route == '/:entry/edit')) emitter.emit('replaceState', '/')
 79 | 
 80 | 			await refresh()
 81 | 		}
 82 | 
 83 | 		async function refresh() {
 84 | 			state.orkl.content = []
 85 | 			try {
 86 | 				var dir = await fs.readdir(state.orkl.config.directory)
 87 | 
 88 | 				if (dir.length == 0) {
 89 | 					state.loaded = true
 90 | 					state.welcome = true
 91 | 					emitter.emit(state.events.RENDER)
 92 | 					return
 93 | 				}
 94 | 
 95 | 				dir.forEach(async function(file, id) {
 96 | 					var content = await fs.readfile(state.orkl.config.directory + '/' + file)
 97 | 					content = smarkt.parse(content)
 98 | 					content.url = file.replace('.txt', '')
 99 | 					state.orkl.content.push(content)
100 | 					state.orkl.content.sort((a, b) => {
101 | 						if (a.date && b.date && b.date == a.date) return b.ctime - a.ctime
102 | 						return b.date.localeCompare(a.date)
103 | 					})
104 | 
105 | 					if (id === dir.length - 1) {
106 | 						if (state.export_content) write_export(true)
107 | 
108 | 						if (state.orkl.content.length == 1) {
109 | 							if (state.orkl.content[0].url == 'how-to-use-orkl') {
110 | 								state.welcome = true
111 | 								if (!state.loaded && state.orkl.dat.isOwner && state.route == '/') emitter.emit('replaceState', "/how-to-use-orkl")
112 | 							}
113 | 						} else {
114 | 							state.welcome = false
115 | 						}
116 | 
117 | 						state.loaded = true
118 | 						emitter.emit(state.events.RENDER)
119 | 					}
120 | 				})
121 | 			} catch (err) {
122 | 				await fs.mkdir(state.orkl.config.directory)
123 | 
124 | 				state.loaded = true
125 | 
126 |         		emitter.emit(state.events.RENDER)
127 | 			}
128 | 		}
129 | 
130 | 		async function load_http() {
131 | 			return new Promise(function (resolve, reject) {
132 | 				var bust = Math.floor(Date.now() / 1000)
133 | 				xhr('/content.json?' + bust, function (err, res) {
134 | 					try {
135 | 						var http_data = JSON.parse(res.body)
136 | 						state.orkl.dat = {isOwner: false}
137 | 						state.orkl.config = http_data.config
138 | 						state.orkl.config.title = state.orkl.config.title || 'orkl'
139 | 						if (!state.orkl.config.style) state.orkl.config.style = default_style
140 | 						state.orkl.content = http_data.content
141 | 
142 | 						state.loaded = true
143 | 
144 | 						emitter.emit(state.events.RENDER)
145 | 						resolve()
146 | 					} catch (err) {
147 | 						reject(err)
148 | 					}
149 | 				})
150 | 			})
151 | 		}
152 | 
153 | 		async function save(data) {
154 | 			state.title_required = false
155 | 
156 | 			var filename = state.orkl.current.url || slugify(state.orkl.current.title)
157 | 
158 | 			var data = {
159 | 				title: state.orkl.current.title,
160 | 				date: state.orkl.current.date,
161 | 				url: state.orkl.current.url,
162 | 				public: state.orkl.current.public,
163 | 				ctime: state.orkl.current.ctime || new Date().getTime(),
164 | 				text: state.orkl.current.text
165 | 			}
166 | 
167 | 			if (!data.url) {
168 | 				// no same title
169 | 				await precheck()
170 | 
171 | 				data.url = filename
172 | 			}
173 | 
174 | 			await fs.writefile(state.orkl.config.directory + '/' + filename + '.txt', smarkt.stringify(data))
175 | 
176 | 			state.export_content = true
177 | 
178 | 			emitter.emit('refresh')
179 | 
180 | 			emitter.emit('pushState', '/' + filename)
181 | 			await archive.commit()
182 | 
183 | 			async function precheck() {
184 | 				try {
185 | 					var a = await fs.readfile(state.orkl.config.directory + '/' + filename + '.txt')
186 | 					filename += '-' + (new Date().getTime()%10000)
187 | 
188 | 					await precheck() // hopefully this will never happen
189 | 				} catch (e) {}
190 | 			}
191 | 		}
192 | 
193 | 		var timeout_style = null
194 | 		function save_style() {
195 | 			if (timeout_style) clearTimeout(timeout_style)
196 | 
197 | 			timeout_style = setTimeout(async function() {
198 | 				await fs.writefile('/config.json', JSON.stringify(state.orkl.config, null, '\t'))
199 | 				write_export()
200 | 			}, 500)
201 | 			emitter.emit('render')
202 | 		}
203 | 
204 | 		async function delete_entry(entry) {
205 | 			await fs.unlink(state.orkl.config.directory + '/' + entry + '.txt')
206 | 			state.orkl.content.splice(get_entry_index(entry), 1)
207 | 
208 | 			state.export_content = true
209 | 			emitter.emit('refresh')
210 | 			emitter.emit('pushState', '/')
211 | 
212 | 			await archive.commit()
213 | 		}
214 | 
215 | 		function re() {
216 | 			emitter.emit('render')
217 | 		}
218 | 
219 | 		async function handle_file(file) {
220 | 			try {
221 | 				await fs.mkdir('/files')
222 | 			} catch (e) {}
223 | 
224 | 			await fs.writefile('/files/' + file.name, file.data)
225 | 		}
226 | 
227 | 		async function write_export(rss) {
228 | 			var http_data = {}
229 | 			http_data.content = state.orkl.content
230 | 			http_data.config = state.orkl.config
231 | 
232 | 			state.export_content =  false
233 | 
234 | 			await fs.writefile('/content.json', JSON.stringify(http_data, null, '\t'))
235 | 
236 | 			// RSS
237 | 			if (rss) {
238 | 				var feed = new RSS({
239 | 					title: state.orkl.config.title,
240 | 					feed_url: '/feed.xml',
241 | 					site_url: '/'
242 | 				})
243 | 
244 | 				http_data.content.forEach(function(state) {
245 | 					if (state.public) {
246 | 						feed.item({
247 | 							title: state.title,
248 | 							description: md.render(excerpt(state.text)),
249 | 							url: '/' + state.url,
250 | 							date: state.date
251 | 						})
252 | 					}
253 | 				})
254 | 
255 | 				await fs.writefile('/feed.xml', feed.xml({indent: true}))
256 | 			}
257 | 
258 | 			function excerpt(text) {
259 | 				if (text) {
260 | 					var end = text.indexOf('\n\n')
261 | 					if (end == -1) end = Math.min(text.length, 300)
262 | 					return text ? text.substring(0, end) : ''
263 | 				}
264 | 				return null
265 | 			}
266 | 		}
267 | 
268 | 		function get_entry(e) {
269 | 			for (var id in state.orkl.content) {
270 | 				if (state.orkl.content[id].url == e) return state.orkl.content[id]
271 | 			}
272 | 			return null
273 | 		}
274 | 
275 | 		function get_entry_index(e) {
276 | 			for (var id in state.orkl.content) {
277 | 				if (state.orkl.content[id].url == e) return id
278 | 			}
279 | 			return null
280 | 		}
281 | 
282 | 		function no_archive() {
283 | 			state.orkl = false
284 | 			emitter.emit(state.events.RENDER)
285 | 		}
286 | 	}
287 | }
288 | 
289 | // from jondashkyle's Dropout
290 | function makeDatFs (archive) {
291 |   return {
292 |     readfile: readFile,
293 |     writefile: writeFile,
294 |     readdir: readdir,
295 |     mkdir: mkdir,
296 |     rmdir: rmdir,
297 |     unlink: unlink,
298 |     stat: stat
299 |   }
300 | 
301 |   async function readFile (dir, opts) {
302 |     return await archive.readFile(dir, opts)
303 |   }
304 | 
305 |   async function writeFile (dir, data) {
306 |     return await archive.writeFile(dir, data)
307 |   }
308 | 
309 |   async function readdir (dir, opts) {
310 |     return await archive.readdir(dir, opts)
311 |   }
312 | 
313 |   async function mkdir (dir, opts) {
314 |     return await archive.mkdir(dir, opts)
315 |   }
316 | 
317 |   async function rmdir (dir, opts) {
318 |     return await archive.rmdir(dir, opts)
319 |   }
320 | 
321 |   async function unlink (dir) {
322 |     return await archive.unlink(dir)
323 |   }
324 | 
325 |   async function stat (dir) {
326 |     return await archive.stat(dir)
327 |   }
328 | }
329 | 


--------------------------------------------------------------------------------
/src/styles/ff.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |   box-sizing: border-box;
  3 |   margin: 0;
  4 |   padding: 0;
  5 |   background: transparent;
  6 | }
  7 | 
  8 | html { font-size: 15px; background: white; }
  9 | 
 10 | body, pre {
 11 |    font-family: 'Inter UI', helvetica, sans-serif;
 12 |    line-height: 1.6;
 13 |    font-size: 1rem;
 14 |    font-feature-settings:"onum" 1, "pnum" 1, "kern" 1, "ss01" 1;
 15 |    font-kerning: normal;
 16 |    letter-spacing: 0.5px;
 17 | }
 18 | 
 19 | a {
 20 |   color: inherit;
 21 |   text-decoration: none;
 22 | }
 23 | 
 24 | a:not(.nbb):not(.button) {
 25 |   border-bottom: 1px solid #ddd;
 26 |   padding-bottom: 0.2em;
 27 | }
 28 | 
 29 | /* Typography */
 30 | 
 31 | h1, h2, h3, h4, h5 { font-weight: inherit; }
 32 | 
 33 | h1, .f1 { font-size: 1.75rem; }
 34 | h2, .f2 { font-size: 1.5rem; }
 35 | h3, .f3 { font-size: 1.25rem; }
 36 | h4, .f4 { font-size: 1rem; }
 37 | h5, .f5 { font-size: .875rem; }
 38 | 
 39 | .i { font-style: italic; }
 40 | .b { font-weight: bold; }
 41 | .underline {text-decoration: underline; }
 42 | .strike { text-decoration: line-through; }
 43 | .ttc { text-transform: capitalize; }
 44 | .ttu { text-transform: uppercase; }
 45 | .tac { text-align: center }
 46 | 
 47 | .ffi { font-family: 'Inter UI', helvetica, sans-serif; }
 48 | .ffmono { font-family: monospace }
 49 | 
 50 | .fwb { font-weight: bold; }
 51 | .fwn { font-weight: normal; }
 52 | 
 53 | .tcgrey, .tcgrey a { color: #999 }
 54 | .tcred, .tcred a { color: #ff0000 }
 55 | .tcwhite, .tcwhite a { color: #fff }
 56 | .tcblack, .tcblack a { color: #000 }
 57 | 
 58 | .tctransition { transition: color 0.2s }
 59 | 
 60 | .lh1 { line-height: 1.2 }
 61 | 
 62 | p, ul, ol {
 63 | 	margin: 2rem 0;
 64 | }
 65 | 
 66 | p:first-child, ul:first-child, ol:first-child { margin-top: 0 }
 67 | p:last-child, ul:first-child, ol:first-child { margin-bottom: 0 }
 68 | 
 69 | 
 70 | li {
 71 | 	margin: 0.5rem 0;
 72 | }
 73 | 
 74 | p blockquote {
 75 |     border-left: 1px solid #999;
 76 |     padding-left: 30px;
 77 |     font-size: 1.25rem;
 78 |     color: #999;
 79 | }
 80 | 
 81 | code {
 82 | 	background: rgba(0, 0, 0, 0.1);
 83 |     padding: 2px;
 84 | }
 85 | 
 86 | hr {
 87 | 	border: none;
 88 | 	margin: 2rem 0;
 89 | 	border-bottom: 1px solid #000;
 90 | }
 91 | 
 92 | /* Blocks */
 93 | 
 94 | .db { display: block; }
 95 | .dib { display: inline-block; }
 96 | .fx { display: flex; flex-direction: row; }
 97 | .dn { display: none; }
 98 | 
 99 | .pst { position: sticky; position: -webkit-sticky; }
100 | .pa { position: absolute; }
101 | .pr { position: relative; }
102 | .pf { position: fixed};
103 | .t0 { top: 0; }
104 | .l0 { left: 0; }
105 | 
106 | .fl { float: left; }
107 | .fr { float: right; }
108 | .fn { float: none; }
109 | 
110 | /* https://github.com/CreoOne/x001F */
111 | .\31{width:100.000%}
112 | .\31 \2f 2{width:50.000%}
113 | .\31 \2f 3{width:33.333%}
114 | .\31 \2f 4{width:25.000%}
115 | .\31 \2f 5{width:20.000%}
116 | .\31 \2f 6{width:16.667%}
117 | .\32 \2f 3{width:66.667%}
118 | .\32 \2f 5{width:40.000%}
119 | .\33 \2f 4{width:75.000%}
120 | .\33 \2f 5{width:60.000%}
121 | .\34 \2f 5{width:80.000%}
122 | .\35 \2f 6{width:83.333%}
123 | .auto { width: auto; }
124 | 
125 | .mw { max-width: 1100px }
126 | 
127 | .ba { border-style: solid; border-width: 1px; }
128 | .bt { border-top-style: solid; border-top-width: 1px; }
129 | .br { border-right-style: solid; border-right-width: 1px; }
130 | .bb { border-bottom-style: solid; border-bottom-width: 1px; }
131 | .bl { border-left-style: solid; border-left-width: 1px; }
132 | .bn { border-style: none; border-width: 0; }
133 | 
134 | .br0 { border-radius: 0; }
135 | .brpill { border-radius: 100px; }
136 | 
137 | .pbutton { padding: 0.4em 0.8em }
138 | .p0-5 { padding: 0.75rem }
139 | .p1 { padding: 1.5rem }
140 | .p2 { padding: 3rem }
141 | .px1 { padding-left: 1.5rem; padding-right: 1.5rem; }
142 | .py1 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
143 | .pt1 { padding-top: 1.5rem }
144 | .pb1 { padding-bottom: 1.5rem }
145 | .pr1 { padding-right: 1.5rem }
146 | 
147 | .m0 { margin: 0 }
148 | .mx0-5 { margin: 0 0.75rem }
149 | .mb0-5 { margin-bottom: 0.75rem }
150 | .my1 { margin: 1.5rem 0 }
151 | .mx1 { margin: 0 1.5rem }
152 | .mr1 { margin-right: 1.5rem }
153 | .ml1 { margin-left: 1.5rem }
154 | .mt1 { margin-top: 1.5rem }
155 | .mb1 { margin-bottom: 1.5rem }
156 | .my2 { margin: 3rem 0 }
157 | .mt2 { margin-top: 3rem }
158 | .mb2 { margin-bottom: 3rem }
159 | .mt3 { margin-top: 4.5rem }
160 | .mb3 { margin-bottom: 4.5rem }
161 | .mxa { margin-left: auto; margin-right: auto; }
162 | 
163 | .mt50 { margin-top: 50% }
164 | .ml50 { margin-left: 50% }
165 | .trans-y50 { transform: translateY(-50%) }
166 | .trans-x50 { transform: translateX(-50%) }
167 | 
168 | img {
169 | 	width: 100%;
170 | }
171 | 
172 | p > img {
173 |     display: block;
174 |     margin-left: auto;
175 |     margin-right: auto;
176 | 	margin: 2rem 0;
177 | }
178 | 
179 | input, textarea {
180 | 	outline: none;
181 | 	font-family: inherit;
182 |     line-height: inherit;
183 |     font-size: inherit;
184 | 	color: inherit;
185 |     font-feature-settings:"onum" 1, "pnum" 1, "kern" 1, "ss01" 1;
186 |     font-kerning: normal;
187 |     letter-spacing: 0.5px;
188 | 	border: none;
189 | 	background: inherit;
190 | }
191 | 
192 | textarea {
193 | 	resize: none;
194 | 	height: 60vh;
195 | }
196 | 
197 | .loading {
198 |   margin: -1rem;
199 |   height: 2rem;
200 |   width: 2rem;
201 |   border-radius: 50rem;
202 |   position: fixed;
203 |   top: 50%;
204 |   left: 50%;
205 |   border: 3px solid #fff;
206 |   border-top: 3px solid #000;
207 |   border-left: 3px solid #000;
208 |   animation: spin 1s linear infinite;
209 | }
210 | @keyframes spin {
211 |   0% { transform: rotate(0deg) }
212 |   100% { transform: rotate(360deg) }
213 | }
214 | 
215 | input[type="range"] {
216 |   -webkit-appearance: none;
217 |   max-width: 100%;
218 |   margin: 11.5px 0;
219 |   margin-top: 5px;
220 |   overflow: visible;
221 | }
222 | 
223 | input[type="range"]:focus {
224 |   outline: none;
225 | }
226 | 
227 | input[type="range"]::-webkit-slider-runnable-track {
228 |   width: 100%;
229 |   height: 1px;
230 |   cursor: pointer;
231 |   background: #000000;
232 |   border-radius: 0px;
233 |   border: none;
234 | }
235 | 
236 | input[type="range"]::-webkit-slider-thumb {
237 |   border: 1px solid #000000;
238 |   height: 18px;
239 |   width: 18px;
240 |   border-radius: 50px;
241 |   background: #fff;
242 |   cursor: pointer;
243 |   -webkit-appearance: none;
244 |   margin-top: -9px;
245 | }
246 | 
247 | input[type="color"] {
248 | 	cursor: pointer;
249 | }
250 | 
251 | select {
252 | 	background: transparent;
253 | 	padding: 10px;
254 | 	border: none;
255 | 	cursor: pointer;
256 | 	outline: none;
257 | 	font-family: inherit;
258 | 	font-size: inherit;
259 | 	color: inherit;
260 | }
261 | 
262 | .customize {
263 | 	position: fixed;
264 | 	right: 1rem;
265 | 	top: 1rem;
266 | 	transform-origin: 100% 100%;
267 | 	transform: rotate(-90deg);
268 | }
269 | 
270 | .imgs-auto { margin: 1rem 0; }
271 | .imgs-auto:first-child { margin-top: 0; }
272 | .imgs-auto:last-child { margin-bottom: 0; }
273 | 
274 | .imgs-auto > figure { padding: 0 0.5rem; }
275 | .imgs-auto > figure:first-child { padding-left: 0; }
276 | .imgs-auto > figure:last-child { padding-right: 0; }
277 | figcaption { color: #999; padding-top: 3px; font-size: 0.9rem; }
278 | 
279 | .blink { animation: blinker 2s linear infinite; }
280 | 
281 | @keyframes blinker {
282 |   50% { opacity: 0; }
283 | }
284 | 
285 | .button {
286 | 	border-style: solid;
287 | 	border-width: 1px;
288 | 	border-radius: 100px;
289 | 	padding: 0.4em 0.8em;
290 | }
291 | 
292 | /* Media query customs */
293 | 
294 | @media (max-width: 900px) {
295 | 	.m-\31{width:100.000%}
296 | 
297 |     .p0-5 { padding: 0.5rem }
298 |     .p1 { padding: 1rem }
299 |     .p2 { padding: 1.5rem }
300 |     .pt1 { padding-top: 1rem }
301 |     .px1 { padding-left: 0.75rem; padding-right: 0.75rem; }
302 |     .m0 { margin: 0 }
303 |     .my2 { margin: 1.5rem 0 }
304 |     .mt2 { margin-top: 1.5rem }
305 |     .mt3 { margin-top: 2rem }
306 | 
307 |     p > img {
308 |         width: 100%;
309 |     }
310 | }
311 | 


--------------------------------------------------------------------------------
/src/views/edit.js:
--------------------------------------------------------------------------------
 1 | const html = require('choo/html')
 2 | const format = require('../components/format')
 3 | const wrapper = require('../components/wrapper')
 4 | const form = require('../components/form')
 5 | const notfound = require('../components/notfound')
 6 | 
 7 | module.exports = wrapper(view)
 8 | 
 9 | const title = new form.input('title', "what's your post title?", '', 'f1 mb1', 'hsize')
10 | const date = new form.input('date', 'date of publishing', '', '', 'fontsize')
11 | 
12 | const text = new form.textarea('text', 'what do you want to share? start typing...')
13 | 
14 | const select = new form.select('public', 'published', 'draft')
15 | 
16 | function view (state, emit) {
17 | 	state.entry = get_entry(state.params.entry)
18 | 
19 | 	if (state.orkl.dat.isOwner && state.entry) {
20 | 		state.orkl.current.url = state.entry.url
21 | 		state.orkl.current.ctime = state.entry.ctime
22 | 		state.orkl.current.public = state.entry.public
23 | 
24 | 		return html`
25 | 			<div class="1">
26 | 				<div class="1/2 fl mb1 dib">
27 | 					<span class="tcred f6">${state.date_required ? 'required' : ''}</span>
28 | 					${date.render(state, state.entry.date)}
29 | 				</div>
30 | 				<div class="1/2 fl dib">
31 | 					${select.render(state, emit)}
32 | 				</div>
33 | 				<div class="1">
34 | 					<span class="tcred f6">${state.title_required ? 'required' : ''}</span>
35 | 					${title.render(state, state.entry.title)}
36 | 				</div>
37 | 				${text.render(state, emit, state.entry.text, true)}
38 | 			</div>
39 | 		`
40 | 	}
41 | 	return notfound()
42 | 
43 | 	function get_entry(e) {
44 | 		for (var id in state.orkl.content) {
45 | 			if (state.orkl.content[id].url == e) return state.orkl.content[id]
46 | 		}
47 | 		return null
48 | 	}
49 | }
50 | 


--------------------------------------------------------------------------------
/src/views/entry.js:
--------------------------------------------------------------------------------
 1 | const html = require('choo/html')
 2 | const wrapper = require('../components/wrapper')
 3 | const format = require('../components/format')
 4 | const notfound = require('../components/notfound')
 5 | const Content = require('../components/content')
 6 | 
 7 | const Delete = require('../components/delete')
 8 | const delete_button = new Delete()
 9 | 
10 | module.exports = wrapper(view)
11 | 
12 | function view (state, emit) {
13 | 	if (state.orkl.content.length > 0) {
14 | 		state.entry = get_entry(state.params.entry)
15 | 
16 | 		if (state.entry == null || (state.entry.public == false && !state.orkl.dat.isOwner)) return notfound()
17 | 
18 | 		emit(state.events.DOMTITLECHANGE, state.entry.title + ' - ' + state.orkl.config.title)
19 | 
20 | 		var content = new Content()
21 | 
22 | 		return html`
23 | 			<div>
24 | 				<div class="db">
25 | 					<span class="${state.entry.date ? 'mr1' : ''} tcgrey">${humanify(state.entry.date)}</span>
26 | 					${modificators()}
27 | 				</div>
28 | 				<a class="dib my1 f1" style="font-size: ${state.orkl.config.style.hsize}px">${state.entry.title}</a>
29 | 				<div class="db 1">
30 | 					${content.render(state.entry)}
31 | 				</div>
32 | 			</div>
33 | 		`
34 | 
35 | 		function modificators() {
36 | 			if (state.orkl.dat.isOwner) return html`
37 | 				<div class="dib">
38 | 					${delete_button.render(state, emit)}
39 | 				</div>
40 | 			`
41 | 			return null
42 | 		}
43 | 
44 | 		function humanify(raw) {
45 | 			var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
46 | 
47 | 			var date = new Date(raw)
48 | 			return monthNames[date.getMonth()] + '. ' + date.getDate() + ', ' + date.getFullYear()
49 | 		}
50 | 	}
51 | 
52 | 	function get_entry(e) {
53 | 		for (var id in state.orkl.content) {
54 | 			if (state.orkl.content[id].url == e) return state.orkl.content[id]
55 | 		}
56 | 		return null
57 | 	}
58 | }
59 | 


--------------------------------------------------------------------------------
/src/views/main.js:
--------------------------------------------------------------------------------
 1 | const html = require('choo/html')
 2 | const wrapper = require('../components/wrapper')
 3 | const no_archive = require('./no_archive')
 4 | const format = require('../components/format')
 5 | 
 6 | module.exports = wrapper(view)
 7 | 
 8 | function view (state, emit) {
 9 | 	if (state.orkl) {
10 | 		if (state.orkl.config.title) emit(state.events.DOMTITLECHANGE, state.orkl.config.title)
11 | 
12 | 		return html`
13 | 			<div class="db 1">
14 | 				${entries()}
15 | 			</div>
16 | 		`
17 | 	} else {
18 | 		return html`
19 | 			${no_archive(state, emit)}
20 | 		`
21 | 	}
22 | 
23 | 	function entries() {
24 | 		var es = state.orkl.content.filter((e) => e.public || (state.orkl.dat.isOwner && !e.public))
25 | 		if (es.length == 0) return html`
26 | 			<div class="tcgrey mt2 tac">The first entry still awaits its writer...</div>
27 | 		`
28 | 		return es.map(entry)
29 | 	}
30 | 
31 | 	function entry(ent) {
32 | 		return html`
33 | 			<a href="${ent.url}" class="db nbb my2">
34 | 				<a class="dib f1 mb0-5" style="font-size: ${state.orkl.config.style.hsize}px">${ent.title}</a>
35 | 				<span class="tcgrey f5 mx1 dib">${!ent.public ? 'draft' : ''}</span>
36 | 				<div class="db">
37 | 					${excerpt(ent.text)}
38 | 				</div>
39 | 			</a>
40 | 		`
41 | 
42 | 		function excerpt(text) {
43 | 			if (text) {
44 | 				var end = text.indexOf('\n\n')
45 | 				if (end == -1) end = Math.min(text.length, 300)
46 | 				if (end > 300) end = 300
47 | 				return text ? format(text.substring(0, end)) : ''
48 | 			}
49 | 			return null
50 | 		}
51 | 	}
52 | }
53 | 


--------------------------------------------------------------------------------
/src/views/new.js:
--------------------------------------------------------------------------------
 1 | const html = require('choo/html')
 2 | const format = require('../components/format')
 3 | const wrapper = require('../components/wrapper')
 4 | const form = require('../components/form')
 5 | const notfound = require('../components/notfound')
 6 | 
 7 | module.exports = wrapper(view)
 8 | 
 9 | var today = new Date()
10 | today = today.getFullYear() + '-' + format_number(today.getMonth() + 1)  + '-' + format_number(today.getDate())
11 | 
12 | const title = new form.input('title', "what's your post title?", '', 'f1 mb1', 'hsize')
13 | const date = new form.input('date', 'date of publishing', '', '', 'fontsize')
14 | const text = new form.textarea('text', 'what do you want to share? start typing...')
15 | const select = new form.select('public', 'published', 'draft')
16 | 
17 | function view (state, emit) {
18 | 	if (!state.orkl.dat.isOwner) return notfound()
19 | 
20 | 	state.orkl.current.ctime = null
21 | 	state.orkl.current.url = null
22 | 	state.orkl.current.public = false
23 | 
24 | 	const wipText = localStorage.getItem('text') || ''
25 | 
26 | 	return html`
27 | 		<div class="1">
28 | 			<div class="1">
29 | 				<div class="1/2 fl dib mb1">
30 | 					<span class="tcred f6">${state.date_required ? 'required' : ''}</span>
31 | 					${date.render(state, today)}
32 | 				</div>
33 | 				<div class="1/2 fl dib">
34 | 					${select.render(state, emit)}
35 | 				</div>
36 | 				<span class="tcred f6">${state.title_required ? 'required' : ''}</span>
37 | 				${title.render(state, '', true)}
38 | 			</div>
39 | 			${text.render(state, emit, wipText)}
40 | 		</div>
41 | 	`
42 | }
43 | 
44 | function format_number(a) {
45 | 	return ('0' + a).slice(-2)
46 | }
47 | 


--------------------------------------------------------------------------------
/src/views/no_archive.js:
--------------------------------------------------------------------------------
 1 | const html = require('choo/html')
 2 | 
 3 | module.exports = view
 4 | 
 5 | function view(state, emit) {
 6 | 	return html`
 7 | 		<div class="1 db">
 8 | 			<p>This is website is accessible only through <a href="https://datproject.org" target="_blank">Dat</a>, a peer-to-peer data sharing protocol.</p>
 9 | 			<p>To access it:</p>
10 | 			<p>1. Download <a href="https://beakerbrowser.com" target="_blank">Beaker Browser</a></p>
11 | 			<p>2. Navigate to <a href="${window.location.origin.replace('https://', 'dat://')}">${window.location.origin.replace('https://', 'dat://')}</a></p>
12 | 		</div>
13 | 	`
14 | }
15 | 


--------------------------------------------------------------------------------
/src/views/notfound.js:
--------------------------------------------------------------------------------
 1 | const html = require('choo/html')
 2 | const wrapper = require('../components/wrapper')
 3 | 
 4 | module.exports = wrapper(view)
 5 | 
 6 | function view(state, emit) {
 7 | 	return html`
 8 | 		<span>404 - Entry not found</span>
 9 | 	`
10 | }
11 | 


--------------------------------------------------------------------------------
/styles/fonts.css:
--------------------------------------------------------------------------------
 1 | @font-face {
 2 |   font-family: 'Inter UI';
 3 |   font-style:  normal;
 4 |   font-weight: 400;
 5 |   src: url("interui/Inter-UI-Regular.woff2") format("woff2"),
 6 |        url("interui/Inter-UI-Regular.woff") format("woff");
 7 | }
 8 | @font-face {
 9 |   font-family: 'Inter UI';
10 |   font-style:  italic;
11 |   font-weight: 400;
12 |   src: url("interui/Inter-UI-Italic.woff2") format("woff2"),
13 |        url("interui/Inter-UI-Italic.woff") format("woff");
14 | }
15 | 
16 | @font-face {
17 |   font-family: 'Inter UI';
18 |   font-style:  normal;
19 |   font-weight: 500;
20 |   src: url("interui/Inter-UI-Medium.woff2") format("woff2"),
21 |        url("interui/Inter-UI-Medium.woff") format("woff");
22 | }
23 | @font-face {
24 |   font-family: 'Inter UI';
25 |   font-style:  italic;
26 |   font-weight: 500;
27 |   src: url("interui/Inter-UI-MediumItalic.woff2") format("woff2"),
28 |        url("interui/Inter-UI-MediumItalic.woff") format("woff");
29 | }
30 | 
31 | @font-face {
32 |   font-family: 'Inter UI';
33 |   font-style:  normal;
34 |   font-weight: 700;
35 |   src: url("interui/Inter-UI-Bold.woff2") format("woff2"),
36 |        url("interui/Inter-UI-Bold.woff") format("woff");
37 | }
38 | @font-face {
39 |   font-family: 'Inter UI';
40 |   font-style:  italic;
41 |   font-weight: 700;
42 |   src: url("interui/Inter-UI-BoldItalic.woff2") format("woff2"),
43 |        url("interui/Inter-UI-BoldItalic.woff") format("woff");
44 | }
45 | @font-face {
46 |   font-family: 'Authentic Sans';
47 |   src: url('fonts/AUTHENTIC-Sans.woff') format('woff'),
48 |        url('fonts/AUTHENTIC-Sans.woff2') format('woff2');
49 | }
50 | @font-face {
51 |   font-family: 'Lunchtype22 L';
52 |   src: url('fonts/lunchtype22-light-webfont.woff2') format('woff2'),
53 |        url('fonts/lunchtype22-light-webfont.woff') format('woff');
54 | }
55 | @font-face {
56 |   font-family: 'Lunchtype22 M';
57 |   src: url('fonts/lunchtype22-medium-webfont.woff2') format('woff2'),
58 |        url('fonts/lunchtype22-medium-webfont.woff') format('woff');
59 | }
60 | 


--------------------------------------------------------------------------------
/styles/fonts/AUTHENTIC-Sans.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/fonts/AUTHENTIC-Sans.woff


--------------------------------------------------------------------------------
/styles/fonts/AUTHENTIC-Sans.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/fonts/AUTHENTIC-Sans.woff2


--------------------------------------------------------------------------------
/styles/fonts/lunchtype22-light-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/fonts/lunchtype22-light-webfont.woff


--------------------------------------------------------------------------------
/styles/fonts/lunchtype22-light-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/fonts/lunchtype22-light-webfont.woff2


--------------------------------------------------------------------------------
/styles/fonts/lunchtype22-medium-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/fonts/lunchtype22-medium-webfont.woff


--------------------------------------------------------------------------------
/styles/fonts/lunchtype22-medium-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/fonts/lunchtype22-medium-webfont.woff2


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-Bold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-Bold.woff


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-Bold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-Bold.woff2


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-BoldItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-BoldItalic.woff


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-BoldItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-BoldItalic.woff2


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-Italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-Italic.woff


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-Italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-Italic.woff2


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-Medium.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-Medium.woff


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-Medium.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-Medium.woff2


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-MediumItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-MediumItalic.woff


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-MediumItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-MediumItalic.woff2


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-Regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-Regular.woff


--------------------------------------------------------------------------------
/styles/interui/Inter-UI-Regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kodedninja/orkl/e9e8a4bb287257f8f3a5f748225023ef180684e7/styles/interui/Inter-UI-Regular.woff2


--------------------------------------------------------------------------------