protoEvangelion

Hello World!

protoEvangelion

content

protoEvangelion

The HTML5 Amount of Awesomeness

A collection of freaking awesome HTML5 demos (work in progress).

WebGL

• BananaBread
• Quake GWT

protoEvangelion

location ~ ^/(de/|de_DE/|en/|en_AU/|en_US/|es/|es_ES/|fr/|fr_FR/|it/|it_IT/|ja/|ja_JP/|pt/|pt_BR/|zh/|zh_CN/)?welcome-learn/?$ {
	rewrite ^ https://dev.liferay.com/develop/portal permanent;
}

protoEvangelion

[...temp1.children].reduce((accum, current) => {
	return `${accum} ${current.innerText}`
}, '')

protoEvangelion

body { background: #202020; color: #f8f8f2; }

a { color: #bd93f9; }

a:link, a:visited { color: #bd93f9; }

a:hover, a:active, a:focus { color: #8be9fd; }

hr { border-bottom: 1px solid #44475a; border-top: 1px solid #202020; }

protoEvangelion

Inspired by: https://gist.github.com/a7madgamal/c2ce04dde8520f426005e5ed28da8608

1. Close slack
2. Open this file /Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js
3. Append this to it

document.addEventListener('DOMContentLoaded', function() {
  $.ajax({
 url: 'https://cdn.rawgit.com/protoEvangelion/45cefed63be646fab34a9b9c117888f5/raw/2fa5d6527f8e15f7cd4208b984c9ec28353a9609/slack-dracula.css',

protoEvangelion

const getBranchDescription = () => (
	getOutput('git branch')
		.split('\n')
		.map(branch => (
			branch.indexOf('*') === 0
				? branch.slice(1).trim()
				: branch.trim()
		))
		.map(branch => (
			getOutput(`git config branch.${branch}.description`)

protoEvangelion

import Component from 'metal-jsx';
import ReadingProgress from './ReadingProgress';

window.ReadingProgress = node => {
	return Component.render(<ReadingProgress />, node);
}

protoEvangelion

window.navigation = new metal.Navigation({
  activeClass: 'reading',
  completedClass: 'read',
  element: '.reading-progress',
  offset: 20
});