Yotam hitautodestruct

## readme.md

      
              2 files
            
          
              27 forks
            
          
              33 comments
            
          
              62 stars
            
          
                hitautodestruct
                / readme.md
            
            
              Last active
              September 26, 2022 11:25
                — forked from anonymous/gist:4344870
            
              
                Generate a custom structure for Wordpress menus.
              
          
    This gist is for showing an example of a custom wordpress menu.
If you want to get more from the menu item simply have a look at the $item object.
i.e:
// Will return a large object with lots of props like title, url, description, id etc.
var_dump( $item );

This code works on Wordpress 4.1.1 as of 31st of March 2015

  
## html_entity_escape.js
module.exports = {

    convert: function( text ){

        // all HTML4 entities as defined here: http://www.w3.org/TR/html4/sgml/entities.html
        // added: amp, lt, gt, quot and apos
        this.entityTable = {
            34 : 'quot',
            38 : 'amp',
            39 : 'apos',

## flat_wp_nav_menu.php
    <?php
      $menu_name = 'sidebar_nav';
      $locations = get_nav_menu_locations();
      $menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
      $menuitems = wp_get_nav_menu_items( $menu->term_id, array( 'order' => 'DESC' ) );
    ?>

    <ul class="side-menu">
        <?php


## console_log.php
function console_log ( $output ) {

    echo '<script>';
    echo 'console.log('. json_encode( $output ) .');';
    echo '</script>';

}

## fb-profile-picture.html
<img src="http://graph.facebook.com/4/picture?type=large" alt="Mark Zukerberg's Profile Picture">

## btn-directive.js
var app = angular.module('boostrapButton', []);

app.directive('btn', function () {

  return function ( scope, element, attrs ) {

    var classes = attrs.btn.split(' ');

    classes.unshift('btn');


## desktop-first.css
.wide { height: 10px; background-color: red; }

@media all and (max-width: 20em) {

  .wide { background-color: blue; }

}

## mobile-first.css
.wide { height: 10px; background-color: red; }

@media all and (min-width: 20em) {

  .wide { background-color: blue; }

}

## jsbin.ETabELe.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="An example of using the open weather map api.">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>


## box-sizing.css
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
	module.exports = {

	convert: function( text ){

	// all HTML4 entities as defined here: http://www.w3.org/TR/html4/sgml/entities.html
	// added: amp, lt, gt, quot and apos
	this.entityTable = {
	34 : 'quot',
	38 : 'amp',
	39 : 'apos',
	<?php
	$menu_name = 'sidebar_nav';
	$locations = get_nav_menu_locations();
	$menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
	$menuitems = wp_get_nav_menu_items( $menu->term_id, array( 'order' => 'DESC' ) );
	?>

	<ul class="side-menu">
	<?php
	function console_log ( $output ) {

	echo '<script>';
	echo 'console.log('. json_encode( $output ) .');';
	echo '</script>';

	}
	var app = angular.module('boostrapButton', []);

	app.directive('btn', function () {

	return function ( scope, element, attrs ) {

	var classes = attrs.btn.split(' ');

	classes.unshift('btn');
	.wide { height: 10px; background-color: red; }

	@media all and (max-width: 20em) {

	.wide { background-color: blue; }

	}
	.wide { height: 10px; background-color: red; }

	@media all and (min-width: 20em) {

	.wide { background-color: blue; }

	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="An example of using the open weather map api.">
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	/* apply a natural box layout model to all elements */
	, :before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}