Dmitry Yakovlev dimayakovlev

GetSimple Tutorial: Shortcodes

Sometimes you have content that you want to place onto a page that requires a bit of messy HTML, CSS and PHP coding. This can be very frustrating when there are multiple occurrences of said piece of content within your page, and when each occurrence requires something different about it. What is even worse is when the person who needs to manipulate this content isn't very confident with the above markup (HTML, CSS) and code (PHP) languages, yet they need to be able to edit the necessary pieces without breaking a crucial piece of the markup. Wouldn't it be great if GetSimple had such a function?

Other content management systems such as forums and Wordpress do have such functions, called BBCode and Shortcodes respectively, which allow for dynamic content to be output on pages without knowledge of the messy code that goes in beforehand. For example, on forums you can often place a link on the page by simply using [url][/url] tags instead of knowing how to use HTML anchors and p

HOWTO

To set up permissions on /var/www where your files are served from by default:

sudo addgroup webmasters
sudo adduser $USER webmasters
sudo chown -R root:webmasters /var/www
sudo find /var/www -type f -exec chmod 664 {} \;
sudo find /var/www -type d -exec chmod 775 {} \;

	/**
	* Load more content over ajax in a nice manner
	*
	* This script utilizes Font Awesome to give proper visual feedback
	* while the new content is being fetched and loaded
	*
	* Usage:
	* - Attach the class 'load-more-content' to any a tag in the DOM
	* - Give this object a data attribute of data-content-area which indicates
	* what part of the site is to be loaded in

	<!-- I got these buttons from simplesharebuttons.com -->
	<div id="share-buttons">

	<!-- Buffer -->
	<a href="https://bufferapp.com/add?url=https://simplesharebuttons.com&text=Simple Share Buttons" target="_blank">
	<img src="https://simplesharebuttons.com/images/somacro/buffer.png" alt="Buffer" />
	</a>

	<!-- Digg -->
	<a href="http://www.digg.com/submit?url=https://simplesharebuttons.com" target="_blank">

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Title</title>
	<link href="stylesheets/main.css" rel="stylesheet" />
	</head>
	<body>
	<header>
	<hgroup>

	<?php

	/**
	* Abstract class that serves as the Model in the MVC framework.
	*
	* A Model is a representation of the information in the application. A Model's
	* data is saved in the database and the class is used to handle all the
	* business logics. This class handles the standard create, read, update
	* and delete operations. It must be extended to create the concrete
	* implementation of a Model, and handle any other business logics specific to

	// JS Module Pattern:
	// http://j.mp/module-pattern

	// Redefine: $, window, document, undefined.
	var APP = (function($, window, document, undefined) {
	// Automatically calls all functions in APP.init
	$(document).ready(function() {
	APP.go();
	});

	git branch -m old_branch new_branch # Rename branch locally
	git push origin :old_branch # Delete the old branch
	git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote