rogden

<?php

// https://fractal.build/

the_post();
get_header();

// render is a global function exposed to render templates from Fractal. @article is the template handle in Fractal. The
// Handlebars rendering engine has been setup to load templates from a pattern-library directory that contains the Fractal install.
render( '@article', [

rogden

<?php

use Handlebars\Loader;

class FractalMapLoader implements Loader {

    /**
     * An array of @handle => component path mappings
     * @var array
     */

rogden

Elevator Challenge

Create a virtual elevator that meets the following requirements:

1. Ability to select floor 1 to 10 on a keypad.
2. There is a representation of an elevator and a building with 10 floors. This can be as simple as 10 blocks stacked on top of each other for the floors and a different colored block that represents the elevator.
3. A current floor display shows what floor the elevator is currently on.
4. Upon selecting a floor on the keypad

• The selected floor button lights up
• The elevator begins to move to the selected floor

rogden

<?php 
// add to your theme's functions.php file

// _post can be any custom post type as well. I.E. if you have a book post type it would be 'save_post_book'
add_action( 'save_post_post', function( $post_ID, $post, $update ) {
    
    // if it is an update and not a new post, return early
    if ( $update ) return;
    
    // a new post was created, send an email out

rogden

Add the below to your apps/games info.plist file.
<key>UIRequiresFullScreen</key>
<true/>

rogden

ko.bindingHandlers.templateFromChild = {
    init: function (element, valueAccessor, allBindings) {
        var selector = ko.unwrap(valueAccessor()),
            tmpl;

        // selector can either be an #ID or the string 'first' which just needs to save the first child as the template
        if (selector === 'first') {
            tmpl = ko.virtualElements.firstChild(element);
        } else {
            tmpl = document.getElementById(selector);

rogden

// @example: http://jsbin.com/huharale/1/edit?html,css,output

.rising-underline(@color, @thickness, @distance: 3px) {
    
    position: relative;
    text-decoration: none;
    
    &:after {
        content: "";
        position: absolute;

rogden

Example: http://jsbin.com/iqegiw/3

• Works in IE8+

The Mixin

.headingDoubleLineBg (
	@color, // the color of the lines 

rogden

/*-------------------------------------------- */
/** My Module 1 */
/*-------------------------------------------- */

...


/*-------------------------------------------- */
/** My Module 2 */
/*-------------------------------------------- */