fabe

import sys
from cactus.template_tags import register

# Easy including of CSS inside HTML (faster for smaller sites).
# Usage: {% print_file "path/to/stylesheet.css" %}

@register.simple_tag
def print_file(path):
  try:
    file = open(path).read().decode()

fabe

• sketch (für so ziemlich alles)
• framer (fürs prototypen)
• marvel (fürs prototypen ohne code)
• quickcast (für die videos)
• keynote (für die präsentationen)
• macdown (für die doku)
• dropbox (für die zusammenarbeit und hosting der videos und so)
• imgur (für das hosten der bilder in der doku)
• google docs (für die erstellung der graphen aus projekt 2)
• lightroom 5, vsco film 06, und canon 600d (für die richtig hippen perspective shots)

fabe

{
  "name": "plugin",
  "description": "plugin description.",
  "devtools_page": "plugin.html",
  "permissions": [
    "http://*/*",
    "https://*/*"
  ],
  "manifest_version": 1,
  "version": "1"

fabe

import React from 'react';

class Columns extends React.Component {
  render() {
    var columnFirst = []
    var columnSecond = []
    this.props.nodes.map(function(node, index) {
      if(index % 2 == 0) {
        columnFirst.push(node)
      } else {

fabe

var Example = React.createClass({
  render: function() {
    return(
      React.createElement('div', null, 'Hello from the other side!')
    );
  }
});

fabe

---
layout: default
title: Portfolio
listed: true
---
{% assign entries = site.pages | sort: "path" %}

<!-- We'll split the url and check if the first element is the title of the page, then show it. -->
<ul>
{% for entry in entries %}

fabe

const objHasProps = (obj, props) => {
  const check = props.map(prop => prop in obj)
  return check.indexOf(false) === -1;
}


const obj = { a: 1, b: 2, c: 3 };

if (objHasProps(obj, ['a', 'c'])) {
  // ...

fabe

import React from 'react';
import { CSSTransition, TransitionGroup } from 'react-transition-group';

export const replaceComponentRenderer = ({ props }) => {
  const children = React.createElement(props.pageResources.component, props);

  return (
    <div>
      <TransitionGroup>
        <CSSTransition key={props['*']} timeout={200} classNames="fade">

fabe

fabe

const getUserConfirmation = (location, callback) => {
  const [newUrl, action] = location.split('|');

  // Check if user wants to navigate to the same page.
  // If so, we don't want to trigger the page transitions.
  // We have to check the `action`, because the pathnames
  // are the same when going back in history 🤷‍
  const currentUrl = `${window.location.pathname}${window.location.search}`;
  if (newUrl === currentUrl && action === 'PUSH') {
    callback(false);