daphen

var gulp    		= require('gulp'),
    sass    		= require('gulp-sass'),
    jade 			= require('gulp-jade'),
    //autoprefixer 	= require('gulp-autoprefixer'),
    browserSync 	= require('browser-sync'),
    sourcemaps      = require('gulp-sourcemaps'),
    webpack         = require('gulp-webpack');


// Compile the Sass

daphen

var gulp            = require('gulp'),
    gutil           = require('gulp-util'),
    browserSync     = require('browser-sync'),
    elixir          = require('laravel-elixir');

    var  b          = elixir.config.js.browserify;


b.plugins.push({
      name: "browserify-hmr",

daphen

<template lang="jade">
	component(:is="currentStep", transition="switch-step", transition-mode="out-in")
	button.stepButton(@click="setCurrentStep('step1')") Step 1
	button.stepButton(@click="setCurrentStep('step2')") Step 2
</template>

<style lang="stylus">
	h1
		color: #33BA82
		background-color: #33495F

daphen

<template lang="jade">
	component(
		:is="stepHandler.currentStep"
		transition="switch-step"
		transition-mode="out-in"
		:stepHandler="stepHandler"
	)
</template>

<style lang="stylus">

daphen

<template lang="jade">
	#image-browser
		h1 image search
		input(v-model="searchInput" @keyup.enter="fetchImages")
		#gallery
			img(
				v-for='image in images'
				:src='image.thumb'
				@click='openModal(image.photo)'
			)

daphen

<template lang="jade">
	#decid
		h1 Add your options
		input(
			v-model="inputQuery"
			@keyup.enter="addItem()"
		)
		ul#item-list(v-for="item in items", track-by="$index", transition='added-item')
			li
				p {{ item.item }}

daphen

<template lang="jade">
	#decid
		h1 Add your options
		input(v-model="inputQuery", @keyup.enter="addItem(inputQuery)")
		ul#item-list
			li(v-for="item in items", transition="slide")
				p {{ item.item }}
				input(v-model="updateQuery", @keyup.enter="replaceItem(item)", transition="slide", v-show="edit")
				.buttons
					span.update(@click="pickItemToUpdate(item)") EDIT

daphen

<template>
    <!-- :class="{'nav-bar': !topper }" -->
    <header id="header">
        <h2 id='logo-text'>GENERA</h2>
        <div id="wrapper-wrapper">
            <div id="logo-cont-wrapper">
                <div id="logo-cont" @click="clicker">
                    <symbol-positioner v-for="id in ids" :pos="pos[$index]">
                        <div :id="id"></div>
                    </symbol-positioner>

daphen

            let frame;
            const headerElement = document.getElementById('header');
            let headerToggled = false;

            function update(frameId,skip){


                frame = false;

                if ( headerToggled && window.pageYOffset > 100 ) {

daphen

undefined

This Gist was automatically created by Carbide, a free online programming environment.

You can view a live, interactive version of this Gist here.