Niklas Jordan NiklasJordan

Menu for Personal Website

Many folks use these, and their merits can be argued, but for practical purposes, the "Hamburger" icon has familiarity going for it, at the very least. These animations add a little more transparency to what it means from a UI perspective by transforming it into another recognizable icon - the closing "x". Full walkthrough here: http://designcouch.com/home/why/2014/06/23/playing-with-hamburger-icon-animations/

Forked from Jesse Couch's Pen Menu "Hamburger" Icon Animations.

	<?php snippet('header') ?>

	<?php foreach($page->children()->flip() as $article): ?>

	<?php if($article->template() == 'link'): ?>

	<!-- link html -->

	<?php elseif($article->template() == 'article'): ?>

	<?php

	// get a page
	$editpage = $pages->get("/editme/");
	$ignorefields = array("isOld","language_published");

	$form = $modules->get("InputfieldForm");
	$form->method = 'post';
	$form->action = './';

	<!DOCTYPE html>
	<html>
	<head>

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
	$("#nav li#sub ul").css({"display":"none"});
	$("#nav li#sub").mouseover(function() {
	$("#nav li#sub ul").stop(true, true).fadeIn("300");

	<div class="grid_4">
	<div id="port_bild">
	<a href="thomas_sankara.html" name="seite2">
	<img src="img/portfolio/thomas_sankara/thomas_sankara_thumb.jpg" style="border:1px solid #666;">
	<span><p>Thomas Sankara Portrait<br>- Artwork</p></span>
	</a>
	</div>
	</div>

	<?php snippet('header') ?>

	<?php foreach($page->children()->flip() as $article): ?>

	<?php if($article->template() == 'link'): ?>

	<!-- link html -->

	<?php elseif($article->template() == 'article'): ?>

	<?php
	/*
	Plugin Name: Gistson - Embedded Gist WP Plugin
	Plugin URI: http://arin.me/blog/tag/gistson
	Description: Use a shortcode [gist id="12345"] to embed A Gist from http://gist.github.com into your blog
	Version: 0.1
	Author: Arin Sarkissian
	Author URI: http://arin.me

	Copyright 2009 Arin Sarkissian

	.zweispaltig {
	column-count: 2;
	column-gap: 20px;
	}