Joshua Cottrell jcottrell

Functional Friend Messenger

Trying to use functional programming techniques to do a pseudo-project

Simple HTML links within pages

Simple menu and text that uses anchor tags to navigate a single page. The same could be used to create a link on one page to a destination mid-page on another page.

A Pen by Joshua Cottrell on CodePen.

License.

	<?php
	/* this is NOT mine: see http://php.net/manual/en/function.var-dump.php#116041 */
	function dump_debug($input, $collapse=false) {
	$recursive = function($data, $level=0) use (&$recursive, $collapse) {
	global $argv;

	$isTerminal = isset($argv);

	if (!$isTerminal && $level == 0 && !defined("DUMP_DEBUG_SCRIPT")) {
	define("DUMP_DEBUG_SCRIPT", true);

	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Nav Switching</title>
	<style>
	* { margin:0; padding:0;}
	nav { margin:20px; }
	ul { display:flex; justify-content:space-around; }
	ul li { min-width: 100px; display:inline-block; }

	(function(win){
	var words = function () {
	if (win.AsanaRainbow) {
	AsanaRainbow._CELEBRATIONS.forEach(function (cv, i, ar) {
	ar[i].messages = ['Praise God', 'As to the Lord', 'Nice',
	'Oh yeah', 'Huge', 'Amazing', 'Yippee',
	'Woohoo', 'Hooray', 'Heroic', 'Solid',
	'Genius', 'Nifty', 'Work harder'];
	});
	}

	/* globals AsanaRainbow,env,CommonUrl */
	/* jshint camelcase: false */
	// https://app.asana.com/-/static/apps/asana/media/celebration_unicorn.png
	// https://app.asana.com/-/static/apps/asana/media/celebration_phoenix.png
	// https://app.asana.com/-/static/apps/asana/media/celebration_narwhal.png
	// https://app.asana.com/-/static/apps/asana/media/celebration_yeti.png
	(function (win) {
	'use strict';
	var r,
	celebrants,

	<div class='admin'><button type="button">Slide</button><span class="output"></span></div>
	<div class="non-target part"></div>
	<div class="target part">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec sapien scelerisque, hendrerit orci imperdiet, viverra ligula. In eu est mollis, tempor ex sit amet, cursus arcu. Quisque elementum dapibus lacus ac commodo. Integer pulvinar libero leo, eu hendrerit enim iaculis accumsan. Fusce vestibulum lacus ipsum, non porttitor tortor mattis et. Nulla a fringilla elit.</p>
	</div>
	<div class="non-target part"></div>

	<img class=" wp-image-12773 aligncenter" alt="founders00" src="http://www.sbts.edu/current-students/files/2014/01/founders00.jpg" width="300" height="99" />

	<em>Founders' Cafe</em> is the ideal stopping point for a quick cup of <em>Starbucks</em> coffee or lunch with your professor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porta interdum aliquam. Donec ut ornare quam, et dapibus erat. Proin et consectetur nisl, in scelerisque mauris. Cras eu nisi eget ipsum semper dignissim. Vivamus posuere ac leo eu rhoncus. Praesent at mi a risus eleifend consectetur. Mauris gravida, nisi sit amet iaculis lacinia, mauris lacus malesuada felis, sed sagittis nunc dolor in massa.
	<h3>Our Menu</h3>
	<table class="alignleft">
	<thead>
	<tr>
	<th colspan="2">Main Courses</th>
	</tr>
	</thead>

	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<title>Copy Gist</title>
	</head>
	<body>
	Type here then focus-off<br>
	<input type="text" /><span id="fl_wrap"></span><br>