Auke van Slooten poef

## carousel.complete.html
<main data-simply-list=”sections” data-simply-sortable>
  <template rel=”carousel”></template>
</main>

<template id=”carousel” data-simply-template=”carousel”>
  <div id=”carouselExampleControls” class=”carousel slide” data-ride=”carousel”
    data-simply-transformer=”uniqueId” data-simply-field=”carousel”
    data-simply-content=”attributes” data-simply-attributes=”id”
  >
    <ol class=”carousel-indicators” data-simply-list=”slides”>

## index.html
<div id=”counterApp”>
     <input type=”text” data-simply-field=”counter”>
     <button data-simply-command=”add1">+</button>
     <button data-simply-command=”sub1">-</button>
     <div>Counter is now: <span data-simply-field=”counter”></span></div>
</div>
 <script src=”/js/simply.everything.js”></script>
 <script>
     var counterApp = simply.app({
         container: document.getElementById(‘counterApp’),

## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                poef
                / README.md
            
            
              Last active
              October 4, 2018 09:49
            
              
                Includes external html using a <link> tag
              
          
    simply.include

note: this is alpha code, buyer beware
This component allows you to include html from anywhere at any point in your current dom.
It follows the normal CORS rules when fetching remote content.
<html>
 

## rsslist.css
html, body {
    background: #EEE;
    height: 100%;
    overflow: auto;
    font-family: arial, helvetica, sans-serif;
    padding: 0;
}
section {
    background-color: white;
    border-radius: 3px;

## rss.php
<?php
    /**
     * This is a simple demo showing how you can use different components from ARC together
     * You can get arc at https://github.com/Ariadne-CMS/arc-arc/ or with composer:
     *
     *     composer create-project arc/arc
     */

    // load the composer autoloader
    require __DIR__ . '/vendor/autoload.php';

## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
	<main data-simply-list=”sections” data-simply-sortable>
	<template rel=”carousel”></template>
	</main>

	<template id=”carousel” data-simply-template=”carousel”>
	<div id=”carouselExampleControls” class=”carousel slide” data-ride=”carousel”
	data-simply-transformer=”uniqueId” data-simply-field=”carousel”
	data-simply-content=”attributes” data-simply-attributes=”id”
	>
	<ol class=”carousel-indicators” data-simply-list=”slides”>
	<div id=”counterApp”>
	<input type=”text” data-simply-field=”counter”>
	<button data-simply-command=”add1">+</button>
	<button data-simply-command=”sub1">-</button>
	<div>Counter is now: <span data-simply-field=”counter”></span></div>
	</div>
	<script src=”/js/simply.everything.js”></script>
	<script>
	var counterApp = simply.app({
	container: document.getElementById(‘counterApp’),
	html, body {
	background: #EEE;
	height: 100%;
	overflow: auto;
	font-family: arial, helvetica, sans-serif;
	padding: 0;
	}
	section {
	background-color: white;
	border-radius: 3px;
	<?php
	/**
	* This is a simple demo showing how you can use different components from ARC together
	* You can get arc at https://github.com/Ariadne-CMS/arc-arc/ or with composer:
	*
	* composer create-project arc/arc
	*/

	// load the composer autoloader
	require __DIR__ . '/vendor/autoload.php';
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console