├── .gitignore ├── _layouts ├── homepage.html ├── page.html ├── post.html ├── postmortem.html └── default.html ├── Gemfile ├── _includes ├── explain.html ├── likable.html ├── backy.html ├── firebase-comment-template.html ├── preferred-theme.html ├── dark-theme.html ├── date.html ├── footer.html ├── change-splash.html ├── 3-box.html ├── firebase-comment-form-template.html ├── nav.html └── firebase-comments.ext ├── _data └── navigation.yml ├── assets ├── print.css ├── sw.js ├── parse-explanations.js ├── kb-style.css ├── kb-dark-style.css └── assetslocalforage.min.js ├── index.md ├── _plugins └── tags │ └── napolean.rb ├── kibibit-bulma.gemspec ├── .csscomb.json ├── LICENSE.txt ├── postmortems-explained.md ├── README.md ├── sw.js ├── about.md ├── localforage.min.js └── assetslocalforage.min.js /.gitignore: -------------------------------------------------------------------------------- 1 | *.gem 2 | .bundle 3 | .sass-cache 4 | _site 5 | Gemfile.lock 6 | -------------------------------------------------------------------------------- /_layouts/homepage.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 5 | {{ content }} 6 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {{ content }} 6 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {{ content }} 6 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | # frozen_string_literal: true 2 | 3 | source "https://rubygems.org" 4 | gemspec 5 | -------------------------------------------------------------------------------- /_includes/explain.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /_includes/likable.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | 0 4 |

5 | -------------------------------------------------------------------------------- /_includes/backy.html: -------------------------------------------------------------------------------- 1 |

2 | 3 |

4 | -------------------------------------------------------------------------------- /_data/navigation.yml: -------------------------------------------------------------------------------- 1 | - title: Postmortems 2 | url: /postmortem 3 | icon: fa-flask 4 | sublinks: 5 | - title: Postmortem Theme for Jekyll 6 | url: /postmortem/465 7 | -------------------------------------------------------------------------------- /_includes/firebase-comment-template.html: -------------------------------------------------------------------------------- 1 |

2 |

3 | <%=displayName %> 4 |

<%=comment %>

5 |

6 | -------------------------------------------------------------------------------- /_includes/preferred-theme.html: -------------------------------------------------------------------------------- 1 | 10 | -------------------------------------------------------------------------------- /_includes/dark-theme.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/print.css: -------------------------------------------------------------------------------- 1 | aside.menu { 2 | display: none; 3 | } 4 | 5 | .content a:after { 6 | content: " [" attr(href) "] "; 7 | } 8 | 9 | .highlight pre { 10 | white-space: pre-wrap; /* css-3 */ 11 | white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 12 | white-space: -pre-wrap; /* Opera 4-6 */ 13 | white-space: -o-pre-wrap; /* Opera 7 */ 14 | word-wrap: break-word; /* Internet Explorer 5.5+ */ 15 | } 16 | -------------------------------------------------------------------------------- /_includes/date.html: -------------------------------------------------------------------------------- 1 |

2 |

3 |

4 | {% if include.day %}{{ include.day }}{% endif %} 5 | {% if include.zone %}(all times {{ include.zone }}){% endif %} 6 | {% if include.location %}{{ include.location }}{% endif %} 7 |

8 |

9 |

10 | -------------------------------------------------------------------------------- /index.md: -------------------------------------------------------------------------------- 1 | --- 2 | project: achievibit 3 | title: kibibit's Document Explorer 4 | layout: homepage 5 | --- 6 | 7 | # kibibit's Document Explorer - Jekyll theme 8 | 9 | Basically, there are **3 page layouts** at the moment: 10 | 11 | - #### homepage 12 | have navigation on the side 13 | 14 | - #### default 15 | clean page with a `bulma.io` markdown theme. 16 | currently, there's only a "Back" button to take you to the homepage 17 | 18 | - #### postmortem 19 | meant to be used to write postmortem posts. 20 | TODO: need to document variables needed for the page 21 | -------------------------------------------------------------------------------- /_plugins/tags/napolean.rb: -------------------------------------------------------------------------------- 1 | require "jekyll-spark" 2 | 3 | module Jekyll 4 | # Create your component class 5 | class NapoleanComponent < ComponentTag 6 | def template(context) 7 | render = %Q[ 8 |

9 |

10 |

11 | ] 12 | end 13 | end 14 | end 15 | 16 | # Register your component with Liquid 17 | Liquid::Template.register_tag( 18 | "Napolean", # Namespace your component 19 | Jekyll::NapoleanComponent, # Pass your newly created component class 20 | ) 21 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 13 | -------------------------------------------------------------------------------- /_layouts/postmortem.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | no_nav: true 4 | --- 5 |

kibibit: postmortem for {{ page.project | default: 'MISSING PROJECT' }}

6 |

{{ page.title | default: 'MISSING TITLE' }}{% if page.incident %} (incident #{{ page.incident }}){% endif %}

7 | 8 | {% for author in page.authors %} 9 | {{ author }} 10 | {% endfor %} 11 | 12 | {% if page.date %} 13 |

14 | {% endif %} 15 | {{ content }} 16 | -------------------------------------------------------------------------------- /kibibit-bulma.gemspec: -------------------------------------------------------------------------------- 1 | # frozen_string_literal: true 2 | 3 | Gem::Specification.new do |spec| 4 | spec.name = "kibibit-bulma" 5 | spec.version = "0.1.0" 6 | spec.authors = ["Neil Kalman"] 7 | spec.email = ["Neilkalman@gmail.com"] 8 | 9 | spec.summary = "A simple markdown theme based on bulma.io" 10 | spec.homepage = "http://kibibit.io" 11 | spec.license = "MIT" 12 | 13 | spec.files = `git ls-files -z`.split("\x0").select { |f| f.match(%r!^(assets|_layouts|_includes|_sass|LICENSE|README)!i) } 14 | 15 | spec.add_runtime_dependency "jekyll", "~> 3.8" 16 | 17 | spec.add_development_dependency "bundler", "~> 1.16" 18 | spec.add_development_dependency "rake", "~> 12.0" 19 | end 20 | -------------------------------------------------------------------------------- /.csscomb.json: -------------------------------------------------------------------------------- 1 | { 2 | "remove-empty-rulesets": true, 3 | "always-semicolon": true, 4 | "color-case": "upper", 5 | "block-indent": " ", 6 | "color-shorthand": false, 7 | "element-case": "lower", 8 | "eof-newline": true, 9 | "leading-zero": true, 10 | "quotes": "double", 11 | "sort-order-fallback": "abc", 12 | "space-before-colon": "", 13 | "space-after-colon": " ", 14 | "space-before-combinator": " ", 15 | "space-after-combinator": " ", 16 | "space-between-declarations": "\n", 17 | "space-before-opening-brace": " ", 18 | "space-after-opening-brace": "\n", 19 | "space-after-selector-delimiter": "\n", 20 | "space-before-selector-delimiter": "", 21 | "space-before-closing-brace": "\n", 22 | "strip-spaces": true, 23 | "tab-size": true, 24 | "unitless-zero": true, 25 | "vendor-prefix-align": true 26 | } 27 | -------------------------------------------------------------------------------- /_includes/change-splash.html: -------------------------------------------------------------------------------- 1 |

2 |

3 |

4 |

5 |

6 |

7 |

8 |

9 |

10 |

11 |

12 |

13 |

14 |

15 |

16 |

17 |

18 |

19 |

20 | 21 | 22 | 31 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2018 Neil Kalman 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 13 | all 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 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /postmortems-explained.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: All Postmortems 3 | layout: homepage 4 | permalink: /postmortem 5 | --- 6 | 7 | # Postmortem Explorer 8 | 9 | A **project post-mortem** is a process, usually performed at the 10 | conclusion of a project, to determine and analyze elements of the 11 | project that were successful or unsuccessful. The [Project Management 12 | Body of Knowledge] (PMBOK) refers to the process as [lessons 13 | learned].[1] Project post-mortems are intended to inform process 14 | improvements which mitigate future risks and to promote iterative best 15 | practices. Post-mortems are often considered a key component of, and 16 | ongoing precursor to, effective [risk management].[2] 17 | 18 | Elements of a project post-mortem 19 | --------------------------------- 20 | 21 | Post-mortems can encompass both quantitative data and qualitative data. 22 | Quantitative data include the variance between the hours estimated for a 23 | project and the actual hours incurred. Qualitative data will often 24 | include stakeholder satisfaction, end-user satisfaction, team 25 | satisfaction, potential reusability and perceived quality of 26 | end-deliverables. 27 | 28 | Role of time tracking 29 | --------------------- 30 | 31 | Successful analysis of project estimate variance is dependent on 32 | accurate time tracking. The greater the granularity with which time is 33 | tracked, the more detailed an analysis can be performed during the 34 | project post-mortem. 35 | 36 | source: [wikipedia](https://en.wikipedia.org/wiki/Postmortem_documentation) 37 | -------------------------------------------------------------------------------- /_includes/3-box.html: -------------------------------------------------------------------------------- 1 |

2 |

3 |

4 |

5 |

6 |

What went well

7 |

9 | Monitoring quickly alerted us to high rate (reaching ~100%) of HTTP 500s 10 |
12 | Rapidly distributed updated Shakespeare corpus to all clusters 13 |

15 |

16 |

17 |

18 |

19 |

Where we got lucky{% include explain.html details="This section is really for near misses, e.g., “The goat teleporter was available for emergency use with other animals despite lack of certification.”" %}

20 |

22 | Mailing list of Shakespeare aficionados had a copy of new sonnet available 23 |
25 | Server logs had stack traces pointing to file descriptor exhaustion as cause for crash 26 |
28 | Query-of-death was resolved by pushing new index containing popular search term 29 |

31 |

32 |

33 |

34 |

35 |

What went wrong

36 |

38 | We’re out of practice in responding to cascading failure 39 |
41 | We exceeded our availability error budget (by several orders of magnitude) due to the exceptional surge of traffic that essentially all resulted in failures 42 |

44 |

45 |

46 |

47 |

48 |

49 | -------------------------------------------------------------------------------- /_includes/firebase-comment-form-template.html: -------------------------------------------------------------------------------- 1 | 31 | 32 | 61 |

0 Comments

62 |

63 | -------------------------------------------------------------------------------- /_includes/nav.html: -------------------------------------------------------------------------------- 1 | 2 |

3 | 4 |

5 | 12 |

13 |

{% if entry.icon %}{% endif %}{% if entry.incident %}{{ entry.incident | prepend: '000' | slice: -3, 3 }} - {% endif %}{{ entry.title }} 24 |
- {% if sublink.icon %}{% endif %}{% if sublink.incident %}{{ sublink.incident | prepend: '000' | slice: -3, 3 }} - {% endif %}{{ sublink.title }}
35 |
{% if entry.icon %}{% endif %}{{ entry.title }}

41 |

42 |

43 |

44 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # kibibit-bulma 2 | 3 | this is `kibibit`'s bulma based theme for GitHub Pages. can be used in any jekyll site with the `Local Installation` section. 4 | 5 | This was originally created to have a clean style for postmortems. Available layouts: `default` & `postmortem` 6 | 7 | ### postmortem layout 8 | 9 | the postmortem layout requires some additional variables: 10 | ```yml 11 | --- 12 | project: achievibit 13 | title: Postmortem Theme for Jekyll 14 | date: 31/31/31 15 | incident: 465 16 | authors: 17 | - Neil Kalman 18 | - Or Tichon 19 | layout: postmortem 20 | --- 21 | ``` 22 | 23 | ## Use on GitHub Pages 24 | 25 | In order to use this theme with your GitHub Page, remove the `theme: <...>` line from `_config.yml` and replace it with the following: 26 | ```yml 27 | remote_theme: Kibibit/bulma-theme 28 | ``` 29 | 30 | 31 | ## Installation 32 | 33 | Add this line to your Jekyll site's `Gemfile`: 34 | 35 | ```ruby 36 | gem "kibibit-bulma" 37 | ``` 38 | 39 | And add this line to your Jekyll site's `_config.yml`: 40 | 41 | ```yaml 42 | theme: kibibit-bulma 43 | ``` 44 | 45 | And then execute: 46 | 47 | $ bundle 48 | 49 | Or install it yourself as: 50 | 51 | $ gem install kibibit-bulma 52 | 53 | ## Usage 54 | 55 | TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets. 56 | 57 | ## Contributing 58 | 59 | Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct. 60 | 61 | ## Development 62 | 63 | To set up your environment to develop this theme, run `bundle install`. 64 | 65 | Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal. 66 | 67 | When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled. 68 | To add a custom directory to your theme-gem, please edit the regexp in `kibibit-bulma.gemspec` accordingly. 69 | 70 | ## License 71 | 72 | The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT). 73 | 74 | -------------------------------------------------------------------------------- /assets/sw.js: -------------------------------------------------------------------------------- 1 | importScripts('localforage.min.js'); 2 | 3 | (function() { 4 | 5 | // Update 'version' if you need to refresh the cache 6 | var staticCacheName = 'static'; 7 | var version = 'v1::'; 8 | 9 | // Store core files in a cache (including a page to display when offline) 10 | function updateStaticCache() { 11 | return caches.open(version + staticCacheName) 12 | .then(function(cache) { 13 | return cache.addAll([]); 14 | }); 15 | }; 16 | 17 | self.addEventListener('install', function(event) { 18 | event.waitUntil(updateStaticCache()); 19 | }); 20 | 21 | self.onmessage = function(msg) { 22 | if (!msg.data.theme) { 23 | return; 24 | } 25 | 26 | localforage.setItem('theme', msg.data.theme); 27 | } 28 | 29 | self.addEventListener('activate', function(event) { 30 | event.waitUntil( 31 | caches.keys() 32 | .then(function(keys) { 33 | // Remove caches whose name is no longer valid 34 | return Promise.all(keys 35 | .filter(function(key) { 36 | return key.indexOf(version) !== 0; 37 | }) 38 | .map(function(key) { 39 | return caches.delete(key); 40 | }) 41 | ); 42 | }) 43 | ); 44 | }); 45 | 46 | self.addEventListener('fetch', function(event) { 47 | var request = event.request; 48 | // Always fetch non-GET requests from the network 49 | if (request.method !== 'GET') { 50 | event.respondWith( 51 | fetch(request) 52 | .catch(function() { 53 | return caches.match('/offline.html'); 54 | }) 55 | ); 56 | return; 57 | } 58 | 59 | // For HTML requests, try the network first, fall back to the cache, finally the offline page 60 | if (request.headers.get('Accept').indexOf('text/html') !== -1) { 61 | event.respondWith( 62 | Promise.resolve() 63 | .then(() => request.url.contains('/bulmaswatch/')) 64 | .then((shouldChange) => shouldChange ? localforage.getItem('theme').then((theme) => createNewThemeRequest(theme, request)) : request) 65 | .then((newRequest) => fetch(request)) 66 | ); 67 | return; 68 | } 69 | }); 70 | 71 | })(); 72 | 73 | function createNewThemeRequest(theme, request) { 74 | if (theme === 'kb-dark-theme') { 75 | 76 | let darkThemeRequest = new Request(request.url.replace('bulmaswatch/default/', 'bulmaswatch/superhero/'), { 77 | method: request.method, 78 | headers: request.headers, 79 | mode: 'same-origin', 80 | credentials: request.credentials, 81 | redirect: 'manual' 82 | }); 83 | 84 | return darkThemeRequest; 85 | } 86 | 87 | return request; 88 | } 89 | -------------------------------------------------------------------------------- /sw.js: -------------------------------------------------------------------------------- 1 | importScripts('localforage.min.js'); 2 | 3 | 4 | (function() { 5 | 6 | // Update 'version' if you need to refresh the cache 7 | var staticCacheName = 'static'; 8 | var version = 'v1::'; 9 | 10 | // Store core files in a cache (including a page to display when offline) 11 | function updateStaticCache() { 12 | return caches.open(version + staticCacheName) 13 | .then(function(cache) { 14 | return cache.addAll([]); 15 | }); 16 | }; 17 | 18 | self.addEventListener('install', function(event) { 19 | event.waitUntil(updateStaticCache()); 20 | }); 21 | 22 | self.onmessage = function(msg) { 23 | if (!msg.data.theme) { 24 | return; 25 | } 26 | 27 | localforage.setItem('theme', msg.data.theme); 28 | } 29 | 30 | self.addEventListener('activate', function(event) { 31 | event.waitUntil( 32 | caches.keys() 33 | .then(function(keys) { 34 | // Remove caches whose name is no longer valid 35 | return Promise.all(keys 36 | .filter(function(key) { 37 | return key.indexOf(version) !== 0; 38 | }) 39 | .map(function(key) { 40 | return caches.delete(key); 41 | }) 42 | ); 43 | }) 44 | ); 45 | }); 46 | 47 | self.addEventListener('fetch', function(event) { 48 | var request = event.request; 49 | // Always fetch non-GET requests from the network 50 | if (request.method !== 'GET') { 51 | event.respondWith( 52 | fetch(request) 53 | .catch(function() { 54 | return caches.match('/offline.html'); 55 | }) 56 | ); 57 | return; 58 | } 59 | 60 | // For HTML requests, try the network first, fall back to the cache, finally the offline page 61 | // if (request.headers.get('Accept').indexOf('text/html') !== -1) { 62 | event.respondWith( 63 | Promise.resolve() 64 | .then(() => request && request.url ? request.url.indexOf('/bulmaswatch/') >= 0 || request.url.indexOf('kb-style.css') >= 0 || request.url.indexOf('highlight.js') >= 0 : false) 65 | .then((shouldChange) => shouldChange ? localforage.getItem('theme').then((theme) => createNewThemeRequest(theme, request)) : request) 66 | .then((newRequest) => fetch(newRequest)) 67 | ); 68 | return; 69 | // } 70 | }); 71 | 72 | })(); 73 | 74 | function createNewThemeRequest(theme, request) { 75 | if (theme === 'kb-dark-theme') { 76 | 77 | let newUrl = request.url 78 | .replace('bulmaswatch/default/', 'bulmaswatch/superhero/') 79 | .replace('kb-style.css', 'kb-dark-style.css') 80 | .replace(/\/styles\/.*$/, '/styles/dracula.css'); 81 | 82 | let darkThemeRequest = new Request(newUrl, { 83 | method: request.method 84 | }); 85 | 86 | return darkThemeRequest; 87 | } 88 | 89 | return request; 90 | } 91 | -------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | --- 2 | project: achievibit 3 | title: Postmortem Theme for Jekyll 4 | date: 31/31/31 5 | incident: 465 6 | authors: 7 | - Neil Kalman 8 | - Or Tichon 9 | layout: postmortem 10 | permalink: /postmortem/465 11 | --- 12 | 13 | ### TL;DR{% include explain.html details="Too Long; Didn't Read - Very short description of the incident" %} 14 | 15 | Shakespeare Search down for 66 minutes during period of very high interest in Shakespeare due to discovery of a new sonnet. 16 | 17 | ### Impact{% include explain.html details="Impact is the effect on users, revenue, etc." %} 18 | 19 | Estimated 1.21B queries lost, no revenue impact. 20 | 21 | ### Root Causes {% include explain.html details="An explanation of the circumstances in which this incident happened. It’s often helpful to use a technique such as the 5 Whys [Ohn88] to understand the contributing factors." %} 22 | 23 | Cascading failure due to combination of exceptionally high load and a resource leak when searches failed due to terms not being in the Shakespeare corpus. The newly discovered sonnet used a word that had never before appeared in one of Shakespeare’s works, which happened to be the term users searched for. Under normal circumstances, the rate of task failures due to resource leaks is low enough to be unnoticed. 24 | 25 | ### Trigger 26 | 27 | Latent bug triggered by sudden increase in traffic. 28 | 29 | ### Resolution 30 | 31 | Directed traffic to sacrificial cluster and added 10x capacity to mitigate cascading failure. Updated index deployed, resolving interaction with latent bug. Maintaining extra capacity until surge in public interest in new sonnet passes. Resource leak identified and fix deployed. 32 | 33 | ### Detection 34 | 35 | Borgmon detected high level of HTTP 500s and paged on-call. 36 | 37 | ### Lessons Learned 38 | 39 | {% include 3-box.html %} 40 | 41 | ### Timeline{% include explain.html details="A “screenplay” of the incident; use the incident timeline from the Incident Management document to start filling in the postmortem’s timeline, then supplement with other relevant entries." %} 42 | 43 | {% include date.html day="2015-10-21" zone="UTC" location="Tel-Aviv, Israel" %} 44 | 45 | | time | Description | 46 | | ------------- | ------------- | 47 | | 14:51 | News reports that a new Shakespearean sonnet has been discovered in a Delorean's glove compartment | 48 | | 14:53 | Traffic to Shakespeare search increases by 88x after post to /r/shakespeare points to Shakespeare search engine as place to find new sonnet (except we don't have the sonnet yet) | 49 | | 14:54 | **OUTAGE BEGINS** -- Search backends start melting down under load | 50 | | 14:55 | @thatkookooguy receives pager storm, `ManyHttp500s` from all clusters | 51 | | 14:57 | All traffic to Shakespeare search is failing: see [analytics](http://kibibit.io/) | 52 | {: .timeline } 53 | 54 | ### Supporting information{% include explain.html details="Useful information, links, logs, screenshots, graphs, IRC logs, IM logs, etc." %} 55 | 56 | - [Monitoring dashboard](http://monitor/shakespeare?end_time=20151021T160000&duration=7200) 57 | -------------------------------------------------------------------------------- /assets/parse-explanations.js: -------------------------------------------------------------------------------- 1 | anchors.add(); 2 | 3 | $(document).ready(function() { 4 | kbCodeSnippet(); 5 | 6 | const definitionsElement = $('.kb-definitions'); 7 | $('.kb-explain').each(function(index, block) { 8 | const expElement = $(block); 9 | 10 | const linkElement = expElement.find('a') 11 | .text(`[${index + 1}]`) 12 | .attr('href', `#det-${index + 1}`) 13 | .attr('id', `origin-${index + 1}`); 14 | 15 | definitionsElement.append(createDefinition(index, linkElement.attr('data-details'))); 16 | 17 | expElement.addClass('kb-show'); 18 | }); 19 | 20 | definitionsElement.addClass('kb-show'); 21 | 22 | activateSmoothScroll(); 23 | 24 | if (document.location.hash) { 25 | const originalHash = document.location.hash; 26 | const $target = $(originalHash); 27 | $('html, body').animate({ 28 | scrollTop: $target.offset().top 29 | }, 800, function() { 30 | // Callback after animation 31 | // Must change focus! 32 | $target.focus(); 33 | if ($target.is(":focus")) { // Checking if the target was focused 34 | return false; 35 | } else { 36 | $target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable 37 | $target.focus(); // Set focus again 38 | }; 39 | }); 40 | } 41 | }); 42 | 43 | 44 | function createDefinition(index, text) { 45 | return `

^{[${index + 1}]} ${text}

`; 46 | } 47 | 48 | function activateSmoothScroll() { 49 | // Select all links with hashes 50 | $('a[href*="#"]') 51 | // Remove links that don't actually link to anything 52 | .not('[href="#"]') 53 | .not('[href="#0"]') 54 | .click(function(event) { 55 | // On-page links 56 | if ( 57 | location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && 58 | location.hostname == this.hostname 59 | ) { 60 | // Figure out element to scroll to 61 | var target = $(this.hash); 62 | target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 63 | // Does a scroll target exist? 64 | if (target.length) { 65 | // Only prevent default if animation is actually gonna happen 66 | // commenting out to make url change. good? 67 | // event.preventDefault(); 68 | $('html, body').animate({ 69 | scrollTop: target.offset().top 70 | }, 1000, function() { 71 | // Callback after animation 72 | // Must change focus! 73 | var $target = $(target); 74 | $target.focus(); 75 | if ($target.is(":focus")) { // Checking if the target was focused 76 | return false; 77 | } else { 78 | $target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable 79 | $target.focus(); // Set focus again 80 | }; 81 | }); 82 | } 83 | } 84 | }); 85 | } 86 | 87 | function kbCodeSnippet() { 88 | $('.highlighter-rouge').each(function (i, block) { 89 | const codeElement = $(block); 90 | const lang = (_.find(block.classList, classIsLanguage) || '').replace('language-', ''); 91 | 92 | const innerCode = codeElement.find('pre code').addClass(lang)[0]; 93 | 94 | if (innerCode) { 95 | // hightlight code (auto detect if needed) 96 | hljs.highlightBlock(innerCode); 97 | } 98 | 99 | if (hljs.lineNumbersBlock && codeElement.hasClass('kb-show-line-numbers')) { 100 | hljs.lineNumbersBlock(innerCode); 101 | } 102 | }); 103 | } 104 | 105 | function classIsLanguage(className) { 106 | return className.startsWith('language-'); 107 | } 108 | 109 | function toggleDarkTheme() { 110 | const themeLink = document.getElementById('bulma-theme'); 111 | const dark = '//unpkg.com/bulmaswatch/superhero/bulmaswatch.min.css'; 112 | const light = '//unpkg.com/bulmaswatch/default/bulmaswatch.min.css'; 113 | 114 | const styleLink = document.getElementById('kb-style'); 115 | const highlightStyleLink = document.getElementById('kb-highlight'); 116 | 117 | checkTheme(themeLink, dark) 118 | .then((theme) => theme === 'kb-dark-theme') 119 | .then((shouldChangeToWhite) => { 120 | shouldChangeToWhite ? localforage.removeItem("theme") : localforage.setItem('theme', 'kb-dark-theme'); 121 | 122 | return shouldChangeToWhite; 123 | }) 124 | .then((shouldChangeToWhite) => { 125 | document.body.style.transition = 'opacity 250ms'; 126 | document.body.style.opacity = 0; 127 | 128 | return shouldChangeToWhite; 129 | }) 130 | .then(delayPromise(250)) 131 | .then((shouldChangeToWhite) => { 132 | if (shouldChangeToWhite) { 133 | 134 | themeLink.href = light; 135 | let newLink = styleLink.href.replace('kb-dark-style', 'kb-style'); 136 | newLink = newLink.indexOf('?') >= 0 ? newLink.replace('?', '') : newLink + '?'; 137 | styleLink.href = newLink; 138 | highlightStyleLink.href = highlightStyleLink.href.replace(/\/styles\/.*$/, '/styles/github.css'); 139 | } else { 140 | themeLink.href = dark; 141 | styleLink.href = styleLink.href.replace('kb-style', 'kb-dark-style'); 142 | highlightStyleLink.href = highlightStyleLink.href.replace(/\/styles\/.*$/, '/styles/dracula.css'); 143 | } 144 | }) 145 | .then(delayPromise(700)) 146 | .then(() => document.body.style.opacity = 1); 147 | } 148 | 149 | function checkTheme(linkElement, darkIndicator) { 150 | if (location.protocol === 'https:') { 151 | return localforage.getItem('theme'); 152 | } else { 153 | let isDarkTheme = linkElement.href.indexOf(darkIndicator) >= 0; 154 | return Promise.resolve(isDarkTheme ? 'kb-dark-theme' : 'kb-light-theme'); 155 | } 156 | } 157 | 158 | function delayPromise(duration) { 159 | return function(...args){ 160 | return new Promise(function(resolve, reject){ 161 | setTimeout(function(){ 162 | resolve(...args); 163 | }, duration) 164 | }); 165 | }; 166 | } 167 | -------------------------------------------------------------------------------- /assets/kb-style.css: -------------------------------------------------------------------------------- 1 | .comments-title { 2 | margin-top: .8em; 3 | } 4 | 5 | .comments-section { 6 | position: relative; 7 | } 8 | 9 | .comments-section:before { 10 | content: ''; 11 | position: absolute; 12 | top: 0; 13 | background: rgba(219,219,219,.5); 14 | height: 1px; 15 | display: block; 16 | right: 1.5rem; 17 | left: 1.5rem; 18 | } 19 | 20 | [data-action="like"] { 21 | margin: 5px; 22 | padding: 5px; 23 | text-align: center; 24 | box-sizing: border-box; 25 | cursor: pointer; 26 | display: inline-flex; 27 | flex-direction: column; 28 | font-size: 1.5rem; 29 | transition: color 250ms; 30 | } 31 | 32 | [data-action="like"] .count { 33 | margin-top: 5px; 34 | } 35 | 36 | [data-action="like"][data-status="voted"] { 37 | color: var(--main-color); 38 | } 39 | 40 | #login-to-comment a, 41 | #comments a, 42 | #new-comment a, 43 | .comments-title a { 44 | display: none; 45 | } 46 | 47 | html #kb-sun { 48 | background-color: var(--main-color); 49 | color: white; 50 | } 51 | 52 | .kb-theme-selector { 53 | z-index: 5; 54 | position: absolute; 55 | top: 5px; 56 | right: 5px; 57 | } 58 | 59 | body { 60 | --main-color: #209CEE; 61 | display: flex; 62 | flex-direction: column; 63 | align-items: stretch; 64 | min-height: 100vh; 65 | font-family: 'Comfortaa', cursive; 66 | } 67 | 68 | *, 69 | *:before, 70 | *:after { 71 | outline-color: var(--main-color); 72 | } 73 | 74 | a { 75 | color: var(--main-color); 76 | } 77 | 78 | .content pre code table { 79 | width: auto; 80 | } 81 | 82 | .content pre code table td, 83 | .content pre code table th { 84 | border: none; 85 | border-width: 0; 86 | padding: 0; 87 | vertical-align: initial; 88 | } 89 | 90 | td.hljs-ln-numbers { 91 | width: 35px; 92 | text-align: center; 93 | transform: translate3d(-5px, 0, 0); 94 | } 95 | 96 | .content pre code table td, .content pre code table th.hljs-ln-code { 97 | padding-left: 5px; 98 | } 99 | 100 | .kb-show-line-numbers pre.highlight { 101 | position: relative; 102 | } 103 | 104 | /* .kb-show-line-numbers pre.highlight:before { 105 | content: ''; 106 | position: absolute; 107 | top: 0; 108 | left: 0; 109 | bottom: 0; 110 | width: calc(35px + 1.5em + 0.5em); 111 | background: rgba(200, 200, 200, 0.5); 112 | z-index: 1; 113 | } */ 114 | 115 | input { 116 | margin-right: 10px; 117 | } 118 | 119 | .anchorjs-link { 120 | transition: opacity 250ms; 121 | padding: 0 0.375em !important; 122 | } 123 | 124 | h1, 125 | h2, 126 | h3, 127 | h4, 128 | h5 { 129 | transition: border 250ms, padding 250ms; 130 | border-left: var(--main-color) 0px solid; 131 | padding-left: 0px; 132 | } 133 | 134 | h1:focus, 135 | h2:focus, 136 | h3:focus, 137 | h4:focus, 138 | h5:focus { 139 | outline: none; 140 | border-left: var(--main-color) 4px solid; 141 | padding-left: 4px; 142 | } 143 | 144 | .kb-floating-back { 145 | position: absolute; 146 | top: 0; 147 | left: 0; 148 | z-index: 2; 149 | } 150 | 151 | .button.is-text.kb-back { 152 | height: 50px; 153 | width: 78px; 154 | font-size: 2rem; 155 | text-decoration: none; 156 | transition: all 250ms; 157 | } 158 | 159 | .button.is-text.kb-back:hover { 160 | transform: translate3d(5px, 0px, 0px); 161 | background-color: transparent; 162 | color: var(--main-color); 163 | } 164 | 165 | #main { 166 | flex-grow: 1; 167 | flex-shrink: 0; 168 | } 169 | 170 | .footer { 171 | position: relative; 172 | flex-grow: 0; 173 | flex-shrink: 0; 174 | } 175 | 176 | .kb-definitions.kb-show .kb-space { 177 | margin-bottom: 10px; 178 | } 179 | 180 | .kb-definitions { 181 | opacity: 0; 182 | max-height: 0; 183 | overflow: hidden; 184 | padding: 0 5px; 185 | transition: opacity 250ms ease 300ms; 186 | } 187 | 188 | .kb-definitions.kb-show { 189 | max-height: 100vh; 190 | opacity: 1; 191 | } 192 | 193 | .kb-logo, 194 | .title .kb-logo { 195 | font-family: "Righteous", cursive; 196 | margin: 0; 197 | font-weight: 400; 198 | } 199 | 200 | .kb-logo.kb-floater { 201 | font-size: 3rem; 202 | position: absolute; 203 | right: 0; 204 | bottom: 0; 205 | padding: 10px; 206 | color: grey; 207 | } 208 | 209 | .kb-explain { 210 | display: inline; 211 | opacity: 0; 212 | transition: all 300ms ease; 213 | } 214 | 215 | /* h3:hover .kb-explain:not(.kb-show) { 216 | opacity: 1; 217 | } 218 | 219 | h3:hover .kb-explain:not(.kb-show) a::before { 220 | content: attr(data-details); 221 | font-size: 0.6em; 222 | margin-left: 1em; 223 | } */ 224 | 225 | .kb-explain.kb-show { 226 | opacity: 1; 227 | } 228 | 229 | .kb-error { 230 | color: hsl(348, 100%, 61%); 231 | } 232 | 233 | .kb-date { 234 | margin-top: -1rem; 235 | font-size: 0.8rem; 236 | color: grey; 237 | } 238 | 239 | table.timeline tbody tr td:first-of-type { 240 | font-weight: bold; 241 | } 242 | 243 | .kb-rights { 244 | font-size: 0.8em; 245 | position: absolute; 246 | /* bottom: 1em; */ 247 | bottom: 0; 248 | left: 0; 249 | padding: 10px; 250 | color: grey; 251 | } 252 | 253 | .kb-rights.kb-on-right { 254 | left: auto; 255 | right: 0; 256 | } 257 | 258 | .kb-row { 259 | display: flex; 260 | flex-grow: 1; 261 | } 262 | 263 | .kb-row .kb-menu { 264 | width: 25%; 265 | background-color: #FAFAFA; 266 | } 267 | 268 | .kb-menu { 269 | position: relative; 270 | } 271 | 272 | /* optional responsive menu behind a menu button */ 273 | .kb-menu .kb-sidemenu-float { 274 | display: none; 275 | position: absolute; 276 | right: 0; 277 | top: 0; 278 | transform: translate3d(100%, 0, 0); 279 | height: 50px; 280 | width: 78px; 281 | font-size: 2rem; 282 | text-decoration: none; 283 | transition: all 250ms; 284 | z-index: 3; 285 | } 286 | 287 | .kb-menu .kb-sidemenu-float i.is-hide-sidemenu { 288 | display: none; 289 | } 290 | 291 | .kb-menu .kb-sidemenu-float:hover i.is-open-sidemenu { 292 | display: none; 293 | } 294 | 295 | 296 | .kb-menu .kb-sidemenu-float:hover i.is-hide-sidemenu { 297 | display: visible; 298 | } 299 | 300 | .kb-row #main { 301 | width: 75%; 302 | } 303 | 304 | .kb-row .container { 305 | max-width: 100%; 306 | width: 100%; 307 | } 308 | 309 | aside.menu i.fa { 310 | margin-right: 5px; 311 | } 312 | 313 | .navbar { 314 | background-color: transparent; 315 | } 316 | 317 | .navbar a.navbar-item:hover { 318 | color: var(--main-color); 319 | } 320 | 321 | .kb-header-logo { 322 | font-size: 2rem; 323 | } 324 | 325 | .menu-list a, 326 | .navbar a.navbar-item { 327 | transition: all 250ms; 328 | } 329 | 330 | .menu-list a.is-active { 331 | background-color: var(--main-color); 332 | } 333 | 334 | .menu-list a.is-active:hover { 335 | filter: sepia(50%); 336 | } 337 | 338 | .navbar { 339 | position: fixed; 340 | width: 25%; 341 | top: 0; 342 | left: 0; 343 | } 344 | 345 | aside.menu { 346 | position: fixed; 347 | top: 4rem; 348 | left: 0; 349 | width: 25%; 350 | } 351 | 352 | @media (max-width: 1280px) { 353 | .kb-row { 354 | flex-direction: column; 355 | } 356 | 357 | .kb-row .kb-menu { 358 | width: 100%; 359 | background-color: #FAFAFA; 360 | } 361 | 362 | .kb-row #main { 363 | width: 100%; 364 | } 365 | 366 | .navbar, 367 | aside.menu { 368 | position: static; 369 | width: auto; 370 | } 371 | } 372 | 373 | .hljs { 374 | background: transparent; 375 | } 376 | 377 | .content .highlighter-rouge { 378 | margin-bottom: 1em; 379 | } 380 | 381 | @media print { 382 | aside.menu { 383 | display: none; 384 | } 385 | 386 | .content a:not([href^="#"]):after { 387 | content: " [" attr(href) "] "; 388 | } 389 | 390 | .highlight pre { 391 | white-space: pre-wrap; /* css-3 */ 392 | white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 393 | white-space: -pre-wrap; /* Opera 4-6 */ 394 | white-space: -o-pre-wrap; /* Opera 7 */ 395 | word-wrap: break-word; /* Internet Explorer 5.5+ */ 396 | } 397 | 398 | footer.footer { 399 | background:transparent; 400 | } 401 | 402 | .kb-theme-selector, 403 | .kb-floating-back, 404 | .comments-section { 405 | display: none; 406 | } 407 | } 408 | -------------------------------------------------------------------------------- /assets/kb-dark-style.css: -------------------------------------------------------------------------------- 1 | .comments-title { 2 | margin-top: .8em; 3 | } 4 | 5 | .comments-section { 6 | position: relative; 7 | } 8 | 9 | .comments-section:before { 10 | content: ''; 11 | position: absolute; 12 | top: 0; 13 | background: rgba(78,93,108,.5); 14 | height: 1px; 15 | display: block; 16 | right: 1.5rem; 17 | left: 1.5rem; 18 | } 19 | 20 | [data-action="like"] { 21 | margin: 5px; 22 | padding: 5px; 23 | text-align: center; 24 | box-sizing: border-box; 25 | cursor: pointer; 26 | display: inline-flex; 27 | flex-direction: column; 28 | font-size: 1.5rem; 29 | transition: color 250ms; 30 | } 31 | 32 | [data-action="like"] .count { 33 | margin-top: 5px; 34 | } 35 | 36 | [data-action="like"][data-status="voted"] { 37 | color: var(--main-color); 38 | } 39 | 40 | #login-to-comment a, 41 | #comments a, 42 | #new-comment a, 43 | .comments-title a { 44 | display: none; 45 | } 46 | 47 | html .kb-row .kb-menu { 48 | background-color: #2b3e50; 49 | } 50 | 51 | html #kb-moon { 52 | background-color: var(--main-color); 53 | color: white; 54 | } 55 | 56 | .kb-theme-selector { 57 | z-index: 5; 58 | position: absolute; 59 | top: 5px; 60 | right: 5px; 61 | } 62 | 63 | body { 64 | --main-color: #209CEE; 65 | display: flex; 66 | flex-direction: column; 67 | align-items: stretch; 68 | min-height: 100vh; 69 | font-family: 'Comfortaa', cursive; 70 | } 71 | 72 | *, 73 | *:before, 74 | *:after { 75 | outline-color: var(--main-color); 76 | } 77 | 78 | a { 79 | color: var(--main-color); 80 | } 81 | 82 | .content pre code table { 83 | width: auto; 84 | } 85 | 86 | .content pre code table td, 87 | .content pre code table th { 88 | border: none; 89 | border-width: 0; 90 | padding: 0; 91 | vertical-align: initial; 92 | } 93 | 94 | td.hljs-ln-numbers { 95 | width: 35px; 96 | text-align: center; 97 | transform: translate3d(-5px, 0, 0); 98 | } 99 | 100 | .content pre code table td, .content pre code table th.hljs-ln-code { 101 | padding-left: 5px; 102 | } 103 | 104 | .kb-show-line-numbers pre.highlight { 105 | position: relative; 106 | } 107 | 108 | /* .kb-show-line-numbers pre.highlight:before { 109 | content: ''; 110 | position: absolute; 111 | top: 0; 112 | left: 0; 113 | bottom: 0; 114 | width: calc(35px + 1.5em + 0.5em); 115 | background: rgba(200, 200, 200, 0.5); 116 | z-index: 1; 117 | } */ 118 | 119 | input { 120 | margin-right: 10px; 121 | } 122 | 123 | .anchorjs-link { 124 | transition: opacity 250ms; 125 | padding: 0 0.375em !important; 126 | } 127 | 128 | h1, 129 | h2, 130 | h3, 131 | h4, 132 | h5 { 133 | transition: border 250ms, padding 250ms; 134 | border-left: var(--main-color) 0px solid; 135 | padding-left: 0px; 136 | } 137 | 138 | h1:focus, 139 | h2:focus, 140 | h3:focus, 141 | h4:focus, 142 | h5:focus { 143 | outline: none; 144 | border-left: var(--main-color) 4px solid; 145 | padding-left: 4px; 146 | } 147 | 148 | .kb-floating-back { 149 | position: absolute; 150 | top: 0; 151 | left: 0; 152 | z-index: 2; 153 | } 154 | 155 | .button.is-text.kb-back { 156 | height: 50px; 157 | width: 78px; 158 | font-size: 2rem; 159 | text-decoration: none; 160 | transition: all 250ms; 161 | } 162 | 163 | .button.is-text.kb-back:hover { 164 | transform: translate3d(5px, 0px, 0px); 165 | background-color: transparent; 166 | color: var(--main-color); 167 | } 168 | 169 | #main { 170 | flex-grow: 1; 171 | flex-shrink: 0; 172 | } 173 | 174 | .footer { 175 | position: relative; 176 | flex-grow: 0; 177 | flex-shrink: 0; 178 | } 179 | 180 | .kb-definitions.kb-show .kb-space { 181 | margin-bottom: 10px; 182 | } 183 | 184 | .kb-definitions { 185 | opacity: 0; 186 | max-height: 0; 187 | overflow: hidden; 188 | padding: 0 5px; 189 | transition: opacity 250ms ease 300ms; 190 | } 191 | 192 | .kb-definitions.kb-show { 193 | max-height: 100vh; 194 | opacity: 1; 195 | } 196 | 197 | .kb-logo, 198 | .title .kb-logo { 199 | font-family: "Righteous", cursive; 200 | margin: 0; 201 | font-weight: 400; 202 | } 203 | 204 | .kb-logo.kb-floater { 205 | font-size: 3rem; 206 | position: absolute; 207 | right: 0; 208 | bottom: 0; 209 | padding: 10px; 210 | color: grey; 211 | } 212 | 213 | .kb-explain { 214 | display: inline; 215 | opacity: 0; 216 | transition: all 300ms ease; 217 | } 218 | 219 | /* h3:hover .kb-explain:not(.kb-show) { 220 | opacity: 1; 221 | } 222 | 223 | h3:hover .kb-explain:not(.kb-show) a::before { 224 | content: attr(data-details); 225 | font-size: 0.6em; 226 | margin-left: 1em; 227 | } */ 228 | 229 | .kb-explain.kb-show { 230 | opacity: 1; 231 | } 232 | 233 | .kb-error { 234 | color: hsl(348, 100%, 61%); 235 | } 236 | 237 | .kb-date { 238 | margin-top: -1rem; 239 | font-size: 0.8rem; 240 | color: grey; 241 | } 242 | 243 | table.timeline tbody tr td:first-of-type { 244 | font-weight: bold; 245 | } 246 | 247 | .kb-rights { 248 | font-size: 0.8em; 249 | position: absolute; 250 | /* bottom: 1em; */ 251 | bottom: 0; 252 | left: 0; 253 | padding: 10px; 254 | color: grey; 255 | } 256 | 257 | .kb-rights.kb-on-right { 258 | left: auto; 259 | right: 0; 260 | } 261 | 262 | .kb-row { 263 | display: flex; 264 | flex-grow: 1; 265 | } 266 | 267 | .kb-row .kb-menu { 268 | width: 25%; 269 | background-color: #FAFAFA; 270 | } 271 | 272 | .kb-menu { 273 | position: relative; 274 | } 275 | 276 | /* optional responsive menu behind a menu button */ 277 | .kb-menu .kb-sidemenu-float { 278 | display: none; 279 | position: absolute; 280 | right: 0; 281 | top: 0; 282 | transform: translate3d(100%, 0, 0); 283 | height: 50px; 284 | width: 78px; 285 | font-size: 2rem; 286 | text-decoration: none; 287 | transition: all 250ms; 288 | z-index: 3; 289 | } 290 | 291 | .kb-menu .kb-sidemenu-float i.is-hide-sidemenu { 292 | display: none; 293 | } 294 | 295 | .kb-menu .kb-sidemenu-float:hover i.is-open-sidemenu { 296 | display: none; 297 | } 298 | 299 | 300 | .kb-menu .kb-sidemenu-float:hover i.is-hide-sidemenu { 301 | display: visible; 302 | } 303 | 304 | .kb-row #main { 305 | width: 75%; 306 | } 307 | 308 | .kb-row .container { 309 | max-width: 100%; 310 | width: 100%; 311 | } 312 | 313 | aside.menu i.fa { 314 | margin-right: 5px; 315 | } 316 | 317 | .navbar { 318 | background-color: transparent; 319 | } 320 | 321 | .navbar a.navbar-item:hover { 322 | color: var(--main-color); 323 | } 324 | 325 | .kb-header-logo { 326 | font-size: 2rem; 327 | } 328 | 329 | .menu-list a, 330 | .navbar a.navbar-item { 331 | transition: all 250ms; 332 | } 333 | 334 | .menu-list a.is-active { 335 | background-color: var(--main-color); 336 | } 337 | 338 | .menu-list a.is-active:hover { 339 | filter: sepia(50%); 340 | } 341 | 342 | .navbar { 343 | position: fixed; 344 | width: 25%; 345 | top: 0; 346 | left: 0; 347 | } 348 | 349 | aside.menu { 350 | position: fixed; 351 | top: 4rem; 352 | left: 0; 353 | width: 25%; 354 | } 355 | 356 | @media (max-width: 1280px) { 357 | .kb-row { 358 | flex-direction: column; 359 | } 360 | 361 | .kb-row .kb-menu { 362 | width: 100%; 363 | background-color: #FAFAFA; 364 | } 365 | 366 | .kb-row #main { 367 | width: 100%; 368 | } 369 | 370 | .navbar, 371 | aside.menu { 372 | position: static; 373 | width: auto; 374 | } 375 | } 376 | 377 | .hljs { 378 | background: transparent; 379 | } 380 | 381 | .content .highlighter-rouge { 382 | margin-bottom: 1em; 383 | } 384 | 385 | @media print { 386 | aside.menu { 387 | display: none; 388 | } 389 | 390 | .content a:not([href^="#"]):after { 391 | content: " [" attr(href) "] "; 392 | } 393 | 394 | .highlight pre { 395 | white-space: pre-wrap; /* css-3 */ 396 | white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 397 | white-space: -pre-wrap; /* Opera 4-6 */ 398 | white-space: -o-pre-wrap; /* Opera 7 */ 399 | word-wrap: break-word; /* Internet Explorer 5.5+ */ 400 | } 401 | 402 | footer.footer { 403 | background:transparent; 404 | } 405 | 406 | .kb-theme-selector, 407 | .kb-floating-back, 408 | .comments-section { 409 | display: none; 410 | } 411 | } 412 | -------------------------------------------------------------------------------- /_includes/firebase-comments.ext: -------------------------------------------------------------------------------- 1 | 2 | 3 | 15 | 222 | {% include firebase-comment-form-template.html %} 223 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 301 | {% include preferred-theme.html %} 302 | 303 | 304 | 305 | {% include dark-theme.html %} 306 |

307 | {% if layout.no_nav %}{% include backy.html %}{% else %}{% include nav.html context="/" %}{% endif %} 308 |

309 |

310 |

311 |

312 | {{ content }} 313 |

314 | {% if site.fb_apiKey and site.fb_authDomain and site.fb_databaseURL and site.fb_projectId and site.fb_storageBucket and site.fb_messagingSenderId and site.name and page.id %} 315 |

316 | {% if site.enable_likes %}{% include likable.html %}{% endif %} 317 | {% include firebase-comments.ext %} 318 |

319 | {% endif %} 320 |

321 |

322 |

323 |

324 | {% include footer.html %} 325 | 326 | 327 | 328 | 329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | -------------------------------------------------------------------------------- /localforage.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | localForage -- Offline Storage, Improved 3 | Version 1.7.1 4 | https://localforage.github.io/localForage 5 | (c) 2013-2017 Mozilla, Apache License 2.0 6 | */ 7 | !function(a){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var b;b="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,b.localforage=a()}}(function(){return function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};b[g][0].call(k.exports,function(a){var c=b[g][1][a];return e(c||a)},k,k.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g=43)}}).catch(function(){return!1})}function n(a){return"boolean"==typeof xa?va.resolve(xa):m(a).then(function(a){return xa=a})}function o(a){var b=ya[a.name],c={};c.promise=new va(function(a,b){c.resolve=a,c.reject=b}),b.deferredOperations.push(c),b.dbReady?b.dbReady=b.dbReady.then(function(){return c.promise}):b.dbReady=c.promise}function p(a){var b=ya[a.name],c=b.deferredOperations.pop();if(c)return c.resolve(),c.promise}function q(a,b){var c=ya[a.name],d=c.deferredOperations.pop();if(d)return d.reject(b),d.promise}function r(a,b){return new va(function(c,d){if(ya[a.name]=ya[a.name]||B(),a.db){if(!b)return c(a.db);o(a),a.db.close()}var e=[a.name];b&&e.push(a.version);var f=ua.open.apply(ua,e);b&&(f.onupgradeneeded=function(b){var c=f.result;try{c.createObjectStore(a.storeName),b.oldVersion<=1&&c.createObjectStore(wa)}catch(c){if("ConstraintError"!==c.name)throw c;console.warn('The database "'+a.name+'" has been upgraded from version '+b.oldVersion+" to version "+b.newVersion+', but the storage "'+a.storeName+'" already exists.')}}),f.onerror=function(a){a.preventDefault(),d(f.error)},f.onsuccess=function(){c(f.result),p(a)}})}function s(a){return r(a,!1)}function t(a){return r(a,!0)}function u(a,b){if(!a.db)return!0;var c=!a.db.objectStoreNames.contains(a.storeName),d=a.versiona.db.version;if(d&&(a.version!==b&&console.warn('The database "'+a.name+"\" can't be downgraded from version "+a.db.version+" to version "+a.version+"."),a.version=a.db.version),e||c){if(c){var f=a.db.version+1;f>a.version&&(a.version=f)}return!0}return!1}function v(a){return new va(function(b,c){var d=new FileReader;d.onerror=c,d.onloadend=function(c){var d=btoa(c.target.result||"");b({__local_forage_encoded_blob:!0,data:d,type:a.type})},d.readAsBinaryString(a)})}function w(a){return g([l(atob(a.data))],{type:a.type})}function x(a){return a&&a.__local_forage_encoded_blob}function y(a){var b=this,c=b._initReady().then(function(){var a=ya[b._dbInfo.name];if(a&&a.dbReady)return a.dbReady});return i(c,a,a),c}function z(a){o(a);for(var b=ya[a.name],c=b.forages,d=0;d0&&(!a.db||"InvalidStateError"===e.name||"NotFoundError"===e.name))return va.resolve().then(function(){if(!a.db||"NotFoundError"===e.name&&!a.db.objectStoreNames.contains(a.storeName)&&a.version<=a.db.version)return a.db&&(a.version=a.db.version+1),t(a)}).then(function(){return z(a).then(function(){A(a,b,c,d-1)})}).catch(c);c(e)}}function B(){return{forages:[],db:null,dbReady:null,deferredOperations:[]}}function C(a){function b(){return va.resolve()}var c=this,d={db:null};if(a)for(var e in a)d[e]=a[e];var f=ya[d.name];f||(f=B(),ya[d.name]=f),f.forages.push(c),c._initReady||(c._initReady=c.ready,c.ready=y);for(var g=[],h=0;h>4,k[i++]=(15&d)<<4|e>>2,k[i++]=(3&e)<<6|63&f;return j}function O(a){var b,c=new Uint8Array(a),d="";for(b=0;b>2],d+=Da[(3&c[b])<<4|c[b+1]>>4],d+=Da[(15&c[b+1])<<2|c[b+2]>>6],d+=Da[63&c[b+2]];return c.length%3==2?d=d.substring(0,d.length-1)+"=":c.length%3==1&&(d=d.substring(0,d.length-2)+"=="),d}function P(a,b){var c="";if(a&&(c=Ua.call(a)),a&&("[object ArrayBuffer]"===c||a.buffer&&"[object ArrayBuffer]"===Ua.call(a.buffer))){var d,e=Ga;a instanceof ArrayBuffer?(d=a,e+=Ia):(d=a.buffer,"[object Int8Array]"===c?e+=Ka:"[object Uint8Array]"===c?e+=La:"[object Uint8ClampedArray]"===c?e+=Ma:"[object Int16Array]"===c?e+=Na:"[object Uint16Array]"===c?e+=Pa:"[object Int32Array]"===c?e+=Oa:"[object Uint32Array]"===c?e+=Qa:"[object Float32Array]"===c?e+=Ra:"[object Float64Array]"===c?e+=Sa:b(new Error("Failed to get type for BinaryArray"))),b(e+O(d))}else if("[object Blob]"===c){var f=new FileReader;f.onload=function(){var c=Ea+a.type+"~"+O(this.result);b(Ga+Ja+c)},f.readAsArrayBuffer(a)}else try{b(JSON.stringify(a))}catch(c){console.error("Couldn't convert value into a JSON string: ",a),b(null,c)}}function Q(a){if(a.substring(0,Ha)!==Ga)return JSON.parse(a);var b,c=a.substring(Ta),d=a.substring(Ha,Ta);if(d===Ja&&Fa.test(c)){var e=c.match(Fa);b=e[1],c=c.substring(e[0].length)}var f=N(c);switch(d){case Ia:return f;case Ja:return g([f],{type:b});case Ka:return new Int8Array(f);case La:return new Uint8Array(f);case Ma:return new Uint8ClampedArray(f);case Na:return new Int16Array(f);case Pa:return new Uint16Array(f);case Oa:return new Int32Array(f);case Qa:return new Uint32Array(f);case Ra:return new Float32Array(f);case Sa:return new Float64Array(f);default:throw new Error("Unkown type: "+d)}}function R(a,b,c,d){a.executeSql("CREATE TABLE IF NOT EXISTS "+b.storeName+" (id INTEGER PRIMARY KEY, key unique, value)",[],c,d)}function S(a){var b=this,c={db:null};if(a)for(var d in a)c[d]="string"!=typeof a[d]?a[d].toString():a[d];var e=new va(function(a,d){try{c.db=openDatabase(c.name,String(c.version),c.description,c.size)}catch(a){return d(a)}c.db.transaction(function(e){R(e,c,function(){b._dbInfo=c,a()},function(a,b){d(b)})},d)});return c.serializer=Va,e}function T(a,b,c,d,e,f){a.executeSql(c,d,e,function(a,g){g.code===g.SYNTAX_ERR?a.executeSql("SELECT name FROM sqlite_master WHERE type='table' AND name = ?",[name],function(a,h){h.rows.length?f(a,g):R(a,b,function(){a.executeSql(c,d,e,f)},f)},f):f(a,g)},f)}function U(a,b){var c=this;a=j(a);var d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT * FROM "+e.storeName+" WHERE key = ? LIMIT 1",[a],function(a,c){var d=c.rows.length?c.rows.item(0).value:null;d&&(d=e.serializer.deserialize(d)),b(d)},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function V(a,b){var c=this,d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT * FROM "+e.storeName,[],function(c,d){for(var f=d.rows,g=f.length,h=0;h0)return void f(W.apply(e,[a,h,c,d-1]));g(b)}})})}).catch(g)});return h(f,c),f}function X(a,b,c){return W.apply(this,[a,b,c,1])}function Y(a,b){var c=this;a=j(a);var d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"DELETE FROM "+e.storeName+" WHERE key = ?",[a],function(){b()},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function Z(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"DELETE FROM "+d.storeName,[],function(){a()},function(a,b){c(b)})})}).catch(c)});return h(c,a),c}function $(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"SELECT COUNT(key) as c FROM "+d.storeName,[],function(b,c){var d=c.rows.item(0).c;a(d)},function(a,b){c(b)})})}).catch(c)});return h(c,a),c}function _(a,b){var c=this,d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT key FROM "+e.storeName+" WHERE id = ? LIMIT 1",[a+1],function(a,c){var d=c.rows.length?c.rows.item(0).key:null;b(d)},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function aa(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"SELECT key FROM "+d.storeName,[],function(b,c){for(var d=[],e=0;e '__WebKitDatabaseInfoTable__'",[],function(c,d){for(var e=[],f=0;f0}function ha(a){var b=this,c={};if(a)for(var d in a)c[d]=a[d];return c.keyPrefix=ea(a,b._defaultConfig),ga()?(b._dbInfo=c,c.serializer=Va,va.resolve()):va.reject()}function ia(a){var b=this,c=b.ready().then(function(){for(var a=b._dbInfo.keyPrefix,c=localStorage.length-1;c>=0;c--){var d=localStorage.key(c);0===d.indexOf(a)&&localStorage.removeItem(d)}});return h(c,a),c}function ja(a,b){var c=this;a=j(a);var d=c.ready().then(function(){var b=c._dbInfo,d=localStorage.getItem(b.keyPrefix+a);return d&&(d=b.serializer.deserialize(d)),d});return h(d,b),d}function ka(a,b){var c=this,d=c.ready().then(function(){for(var b=c._dbInfo,d=b.keyPrefix,e=d.length,f=localStorage.length,g=1,h=0;h=0;b--){var c=localStorage.key(b);0===c.indexOf(a)&&localStorage.removeItem(c)}}):va.reject("Invalid arguments"),h(d,b),d}function ra(a,b){a[b]=function(){var c=arguments;return a.ready().then(function(){return a[b].apply(a,c)})}}function sa(){for(var a=1;a=43)}}).catch(function(){return!1})}function n(a){return"boolean"==typeof xa?va.resolve(xa):m(a).then(function(a){return xa=a})}function o(a){var b=ya[a.name],c={};c.promise=new va(function(a,b){c.resolve=a,c.reject=b}),b.deferredOperations.push(c),b.dbReady?b.dbReady=b.dbReady.then(function(){return c.promise}):b.dbReady=c.promise}function p(a){var b=ya[a.name],c=b.deferredOperations.pop();if(c)return c.resolve(),c.promise}function q(a,b){var c=ya[a.name],d=c.deferredOperations.pop();if(d)return d.reject(b),d.promise}function r(a,b){return new va(function(c,d){if(ya[a.name]=ya[a.name]||B(),a.db){if(!b)return c(a.db);o(a),a.db.close()}var e=[a.name];b&&e.push(a.version);var f=ua.open.apply(ua,e);b&&(f.onupgradeneeded=function(b){var c=f.result;try{c.createObjectStore(a.storeName),b.oldVersion<=1&&c.createObjectStore(wa)}catch(c){if("ConstraintError"!==c.name)throw c;console.warn('The database "'+a.name+'" has been upgraded from version '+b.oldVersion+" to version "+b.newVersion+', but the storage "'+a.storeName+'" already exists.')}}),f.onerror=function(a){a.preventDefault(),d(f.error)},f.onsuccess=function(){c(f.result),p(a)}})}function s(a){return r(a,!1)}function t(a){return r(a,!0)}function u(a,b){if(!a.db)return!0;var c=!a.db.objectStoreNames.contains(a.storeName),d=a.versiona.db.version;if(d&&(a.version!==b&&console.warn('The database "'+a.name+"\" can't be downgraded from version "+a.db.version+" to version "+a.version+"."),a.version=a.db.version),e||c){if(c){var f=a.db.version+1;f>a.version&&(a.version=f)}return!0}return!1}function v(a){return new va(function(b,c){var d=new FileReader;d.onerror=c,d.onloadend=function(c){var d=btoa(c.target.result||"");b({__local_forage_encoded_blob:!0,data:d,type:a.type})},d.readAsBinaryString(a)})}function w(a){return g([l(atob(a.data))],{type:a.type})}function x(a){return a&&a.__local_forage_encoded_blob}function y(a){var b=this,c=b._initReady().then(function(){var a=ya[b._dbInfo.name];if(a&&a.dbReady)return a.dbReady});return i(c,a,a),c}function z(a){o(a);for(var b=ya[a.name],c=b.forages,d=0;d0&&(!a.db||"InvalidStateError"===e.name||"NotFoundError"===e.name))return va.resolve().then(function(){if(!a.db||"NotFoundError"===e.name&&!a.db.objectStoreNames.contains(a.storeName)&&a.version<=a.db.version)return a.db&&(a.version=a.db.version+1),t(a)}).then(function(){return z(a).then(function(){A(a,b,c,d-1)})}).catch(c);c(e)}}function B(){return{forages:[],db:null,dbReady:null,deferredOperations:[]}}function C(a){function b(){return va.resolve()}var c=this,d={db:null};if(a)for(var e in a)d[e]=a[e];var f=ya[d.name];f||(f=B(),ya[d.name]=f),f.forages.push(c),c._initReady||(c._initReady=c.ready,c.ready=y);for(var g=[],h=0;h>4,k[i++]=(15&d)<<4|e>>2,k[i++]=(3&e)<<6|63&f;return j}function O(a){var b,c=new Uint8Array(a),d="";for(b=0;b>2],d+=Da[(3&c[b])<<4|c[b+1]>>4],d+=Da[(15&c[b+1])<<2|c[b+2]>>6],d+=Da[63&c[b+2]];return c.length%3==2?d=d.substring(0,d.length-1)+"=":c.length%3==1&&(d=d.substring(0,d.length-2)+"=="),d}function P(a,b){var c="";if(a&&(c=Ua.call(a)),a&&("[object ArrayBuffer]"===c||a.buffer&&"[object ArrayBuffer]"===Ua.call(a.buffer))){var d,e=Ga;a instanceof ArrayBuffer?(d=a,e+=Ia):(d=a.buffer,"[object Int8Array]"===c?e+=Ka:"[object Uint8Array]"===c?e+=La:"[object Uint8ClampedArray]"===c?e+=Ma:"[object Int16Array]"===c?e+=Na:"[object Uint16Array]"===c?e+=Pa:"[object Int32Array]"===c?e+=Oa:"[object Uint32Array]"===c?e+=Qa:"[object Float32Array]"===c?e+=Ra:"[object Float64Array]"===c?e+=Sa:b(new Error("Failed to get type for BinaryArray"))),b(e+O(d))}else if("[object Blob]"===c){var f=new FileReader;f.onload=function(){var c=Ea+a.type+"~"+O(this.result);b(Ga+Ja+c)},f.readAsArrayBuffer(a)}else try{b(JSON.stringify(a))}catch(c){console.error("Couldn't convert value into a JSON string: ",a),b(null,c)}}function Q(a){if(a.substring(0,Ha)!==Ga)return JSON.parse(a);var b,c=a.substring(Ta),d=a.substring(Ha,Ta);if(d===Ja&&Fa.test(c)){var e=c.match(Fa);b=e[1],c=c.substring(e[0].length)}var f=N(c);switch(d){case Ia:return f;case Ja:return g([f],{type:b});case Ka:return new Int8Array(f);case La:return new Uint8Array(f);case Ma:return new Uint8ClampedArray(f);case Na:return new Int16Array(f);case Pa:return new Uint16Array(f);case Oa:return new Int32Array(f);case Qa:return new Uint32Array(f);case Ra:return new Float32Array(f);case Sa:return new Float64Array(f);default:throw new Error("Unkown type: "+d)}}function R(a,b,c,d){a.executeSql("CREATE TABLE IF NOT EXISTS "+b.storeName+" (id INTEGER PRIMARY KEY, key unique, value)",[],c,d)}function S(a){var b=this,c={db:null};if(a)for(var d in a)c[d]="string"!=typeof a[d]?a[d].toString():a[d];var e=new va(function(a,d){try{c.db=openDatabase(c.name,String(c.version),c.description,c.size)}catch(a){return d(a)}c.db.transaction(function(e){R(e,c,function(){b._dbInfo=c,a()},function(a,b){d(b)})},d)});return c.serializer=Va,e}function T(a,b,c,d,e,f){a.executeSql(c,d,e,function(a,g){g.code===g.SYNTAX_ERR?a.executeSql("SELECT name FROM sqlite_master WHERE type='table' AND name = ?",[name],function(a,h){h.rows.length?f(a,g):R(a,b,function(){a.executeSql(c,d,e,f)},f)},f):f(a,g)},f)}function U(a,b){var c=this;a=j(a);var d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT * FROM "+e.storeName+" WHERE key = ? LIMIT 1",[a],function(a,c){var d=c.rows.length?c.rows.item(0).value:null;d&&(d=e.serializer.deserialize(d)),b(d)},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function V(a,b){var c=this,d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT * FROM "+e.storeName,[],function(c,d){for(var f=d.rows,g=f.length,h=0;h0)return void f(W.apply(e,[a,h,c,d-1]));g(b)}})})}).catch(g)});return h(f,c),f}function X(a,b,c){return W.apply(this,[a,b,c,1])}function Y(a,b){var c=this;a=j(a);var d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"DELETE FROM "+e.storeName+" WHERE key = ?",[a],function(){b()},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function Z(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"DELETE FROM "+d.storeName,[],function(){a()},function(a,b){c(b)})})}).catch(c)});return h(c,a),c}function $(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"SELECT COUNT(key) as c FROM "+d.storeName,[],function(b,c){var d=c.rows.item(0).c;a(d)},function(a,b){c(b)})})}).catch(c)});return h(c,a),c}function _(a,b){var c=this,d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT key FROM "+e.storeName+" WHERE id = ? LIMIT 1",[a+1],function(a,c){var d=c.rows.length?c.rows.item(0).key:null;b(d)},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function aa(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"SELECT key FROM "+d.storeName,[],function(b,c){for(var d=[],e=0;e '__WebKitDatabaseInfoTable__'",[],function(c,d){for(var e=[],f=0;f0}function ha(a){var b=this,c={};if(a)for(var d in a)c[d]=a[d];return c.keyPrefix=ea(a,b._defaultConfig),ga()?(b._dbInfo=c,c.serializer=Va,va.resolve()):va.reject()}function ia(a){var b=this,c=b.ready().then(function(){for(var a=b._dbInfo.keyPrefix,c=localStorage.length-1;c>=0;c--){var d=localStorage.key(c);0===d.indexOf(a)&&localStorage.removeItem(d)}});return h(c,a),c}function ja(a,b){var c=this;a=j(a);var d=c.ready().then(function(){var b=c._dbInfo,d=localStorage.getItem(b.keyPrefix+a);return d&&(d=b.serializer.deserialize(d)),d});return h(d,b),d}function ka(a,b){var c=this,d=c.ready().then(function(){for(var b=c._dbInfo,d=b.keyPrefix,e=d.length,f=localStorage.length,g=1,h=0;h=0;b--){var c=localStorage.key(b);0===c.indexOf(a)&&localStorage.removeItem(c)}}):va.reject("Invalid arguments"),h(d,b),d}function ra(a,b){a[b]=function(){var c=arguments;return a.ready().then(function(){return a[b].apply(a,c)})}}function sa(){for(var a=1;a=43)}}).catch(function(){return!1})}function n(a){return"boolean"==typeof xa?va.resolve(xa):m(a).then(function(a){return xa=a})}function o(a){var b=ya[a.name],c={};c.promise=new va(function(a,b){c.resolve=a,c.reject=b}),b.deferredOperations.push(c),b.dbReady?b.dbReady=b.dbReady.then(function(){return c.promise}):b.dbReady=c.promise}function p(a){var b=ya[a.name],c=b.deferredOperations.pop();if(c)return c.resolve(),c.promise}function q(a,b){var c=ya[a.name],d=c.deferredOperations.pop();if(d)return d.reject(b),d.promise}function r(a,b){return new va(function(c,d){if(ya[a.name]=ya[a.name]||B(),a.db){if(!b)return c(a.db);o(a),a.db.close()}var e=[a.name];b&&e.push(a.version);var f=ua.open.apply(ua,e);b&&(f.onupgradeneeded=function(b){var c=f.result;try{c.createObjectStore(a.storeName),b.oldVersion<=1&&c.createObjectStore(wa)}catch(c){if("ConstraintError"!==c.name)throw c;console.warn('The database "'+a.name+'" has been upgraded from version '+b.oldVersion+" to version "+b.newVersion+', but the storage "'+a.storeName+'" already exists.')}}),f.onerror=function(a){a.preventDefault(),d(f.error)},f.onsuccess=function(){c(f.result),p(a)}})}function s(a){return r(a,!1)}function t(a){return r(a,!0)}function u(a,b){if(!a.db)return!0;var c=!a.db.objectStoreNames.contains(a.storeName),d=a.versiona.db.version;if(d&&(a.version!==b&&console.warn('The database "'+a.name+"\" can't be downgraded from version "+a.db.version+" to version "+a.version+"."),a.version=a.db.version),e||c){if(c){var f=a.db.version+1;f>a.version&&(a.version=f)}return!0}return!1}function v(a){return new va(function(b,c){var d=new FileReader;d.onerror=c,d.onloadend=function(c){var d=btoa(c.target.result||"");b({__local_forage_encoded_blob:!0,data:d,type:a.type})},d.readAsBinaryString(a)})}function w(a){return g([l(atob(a.data))],{type:a.type})}function x(a){return a&&a.__local_forage_encoded_blob}function y(a){var b=this,c=b._initReady().then(function(){var a=ya[b._dbInfo.name];if(a&&a.dbReady)return a.dbReady});return i(c,a,a),c}function z(a){o(a);for(var b=ya[a.name],c=b.forages,d=0;d0&&(!a.db||"InvalidStateError"===e.name||"NotFoundError"===e.name))return va.resolve().then(function(){if(!a.db||"NotFoundError"===e.name&&!a.db.objectStoreNames.contains(a.storeName)&&a.version<=a.db.version)return a.db&&(a.version=a.db.version+1),t(a)}).then(function(){return z(a).then(function(){A(a,b,c,d-1)})}).catch(c);c(e)}}function B(){return{forages:[],db:null,dbReady:null,deferredOperations:[]}}function C(a){function b(){return va.resolve()}var c=this,d={db:null};if(a)for(var e in a)d[e]=a[e];var f=ya[d.name];f||(f=B(),ya[d.name]=f),f.forages.push(c),c._initReady||(c._initReady=c.ready,c.ready=y);for(var g=[],h=0;h>4,k[i++]=(15&d)<<4|e>>2,k[i++]=(3&e)<<6|63&f;return j}function O(a){var b,c=new Uint8Array(a),d="";for(b=0;b>2],d+=Da[(3&c[b])<<4|c[b+1]>>4],d+=Da[(15&c[b+1])<<2|c[b+2]>>6],d+=Da[63&c[b+2]];return c.length%3==2?d=d.substring(0,d.length-1)+"=":c.length%3==1&&(d=d.substring(0,d.length-2)+"=="),d}function P(a,b){var c="";if(a&&(c=Ua.call(a)),a&&("[object ArrayBuffer]"===c||a.buffer&&"[object ArrayBuffer]"===Ua.call(a.buffer))){var d,e=Ga;a instanceof ArrayBuffer?(d=a,e+=Ia):(d=a.buffer,"[object Int8Array]"===c?e+=Ka:"[object Uint8Array]"===c?e+=La:"[object Uint8ClampedArray]"===c?e+=Ma:"[object Int16Array]"===c?e+=Na:"[object Uint16Array]"===c?e+=Pa:"[object Int32Array]"===c?e+=Oa:"[object Uint32Array]"===c?e+=Qa:"[object Float32Array]"===c?e+=Ra:"[object Float64Array]"===c?e+=Sa:b(new Error("Failed to get type for BinaryArray"))),b(e+O(d))}else if("[object Blob]"===c){var f=new FileReader;f.onload=function(){var c=Ea+a.type+"~"+O(this.result);b(Ga+Ja+c)},f.readAsArrayBuffer(a)}else try{b(JSON.stringify(a))}catch(c){console.error("Couldn't convert value into a JSON string: ",a),b(null,c)}}function Q(a){if(a.substring(0,Ha)!==Ga)return JSON.parse(a);var b,c=a.substring(Ta),d=a.substring(Ha,Ta);if(d===Ja&&Fa.test(c)){var e=c.match(Fa);b=e[1],c=c.substring(e[0].length)}var f=N(c);switch(d){case Ia:return f;case Ja:return g([f],{type:b});case Ka:return new Int8Array(f);case La:return new Uint8Array(f);case Ma:return new Uint8ClampedArray(f);case Na:return new Int16Array(f);case Pa:return new Uint16Array(f);case Oa:return new Int32Array(f);case Qa:return new Uint32Array(f);case Ra:return new Float32Array(f);case Sa:return new Float64Array(f);default:throw new Error("Unkown type: "+d)}}function R(a,b,c,d){a.executeSql("CREATE TABLE IF NOT EXISTS "+b.storeName+" (id INTEGER PRIMARY KEY, key unique, value)",[],c,d)}function S(a){var b=this,c={db:null};if(a)for(var d in a)c[d]="string"!=typeof a[d]?a[d].toString():a[d];var e=new va(function(a,d){try{c.db=openDatabase(c.name,String(c.version),c.description,c.size)}catch(a){return d(a)}c.db.transaction(function(e){R(e,c,function(){b._dbInfo=c,a()},function(a,b){d(b)})},d)});return c.serializer=Va,e}function T(a,b,c,d,e,f){a.executeSql(c,d,e,function(a,g){g.code===g.SYNTAX_ERR?a.executeSql("SELECT name FROM sqlite_master WHERE type='table' AND name = ?",[name],function(a,h){h.rows.length?f(a,g):R(a,b,function(){a.executeSql(c,d,e,f)},f)},f):f(a,g)},f)}function U(a,b){var c=this;a=j(a);var d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT * FROM "+e.storeName+" WHERE key = ? LIMIT 1",[a],function(a,c){var d=c.rows.length?c.rows.item(0).value:null;d&&(d=e.serializer.deserialize(d)),b(d)},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function V(a,b){var c=this,d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT * FROM "+e.storeName,[],function(c,d){for(var f=d.rows,g=f.length,h=0;h0)return void f(W.apply(e,[a,h,c,d-1]));g(b)}})})}).catch(g)});return h(f,c),f}function X(a,b,c){return W.apply(this,[a,b,c,1])}function Y(a,b){var c=this;a=j(a);var d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"DELETE FROM "+e.storeName+" WHERE key = ?",[a],function(){b()},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function Z(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"DELETE FROM "+d.storeName,[],function(){a()},function(a,b){c(b)})})}).catch(c)});return h(c,a),c}function $(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"SELECT COUNT(key) as c FROM "+d.storeName,[],function(b,c){var d=c.rows.item(0).c;a(d)},function(a,b){c(b)})})}).catch(c)});return h(c,a),c}function _(a,b){var c=this,d=new va(function(b,d){c.ready().then(function(){var e=c._dbInfo;e.db.transaction(function(c){T(c,e,"SELECT key FROM "+e.storeName+" WHERE id = ? LIMIT 1",[a+1],function(a,c){var d=c.rows.length?c.rows.item(0).key:null;b(d)},function(a,b){d(b)})})}).catch(d)});return h(d,b),d}function aa(a){var b=this,c=new va(function(a,c){b.ready().then(function(){var d=b._dbInfo;d.db.transaction(function(b){T(b,d,"SELECT key FROM "+d.storeName,[],function(b,c){for(var d=[],e=0;e '__WebKitDatabaseInfoTable__'",[],function(c,d){for(var e=[],f=0;f0}function ha(a){var b=this,c={};if(a)for(var d in a)c[d]=a[d];return c.keyPrefix=ea(a,b._defaultConfig),ga()?(b._dbInfo=c,c.serializer=Va,va.resolve()):va.reject()}function ia(a){var b=this,c=b.ready().then(function(){for(var a=b._dbInfo.keyPrefix,c=localStorage.length-1;c>=0;c--){var d=localStorage.key(c);0===d.indexOf(a)&&localStorage.removeItem(d)}});return h(c,a),c}function ja(a,b){var c=this;a=j(a);var d=c.ready().then(function(){var b=c._dbInfo,d=localStorage.getItem(b.keyPrefix+a);return d&&(d=b.serializer.deserialize(d)),d});return h(d,b),d}function ka(a,b){var c=this,d=c.ready().then(function(){for(var b=c._dbInfo,d=b.keyPrefix,e=d.length,f=localStorage.length,g=1,h=0;h=0;b--){var c=localStorage.key(b);0===c.indexOf(a)&&localStorage.removeItem(c)}}):va.reject("Invalid arguments"),h(d,b),d}function ra(a,b){a[b]=function(){var c=arguments;return a.ready().then(function(){return a[b].apply(a,c)})}}function sa(){for(var a=1;a

kibibit: postmortem for {{ page.project | default: 'MISSING PROJECT' }}

What went well

Where we got lucky{% include explain.html details="This section is really for near misses, e.g., “The goat teleporter was available for emergency use with other animals despite lack of certification.”" %}

What went wrong

New Comment

Login to comment

0 Comments