Skip to content

Instantly share code, notes, and snippets.

@hijonathan

hijonathan/gist:726160

Created December 2, 2010 22:01
Show Gist options
  • Save hijonathan/726160 to your computer and use it in GitHub Desktop.
Save hijonathan/726160 to your computer and use it in GitHub Desktop.
Download ZIP
Performable Starter Template
Raw
gistfile1.mustache
<html>
<head>
<!--SEO Settings from Advanced Options on Landing Page Editor-->
<title>{{ Title }}</title>
<meta name="description" content="{{ MetaDescription }}" />
<meta name="keywords" content="{{ MetaKeywords }}" />
<link rel="shortcut icon" type="image/ico" href="{{ Favicon }}" />
<link rel="canonical" href="{{CanonicalURL}}" />
<!--End SEO Settings-->
<!--Single Line Text in Editor-->
<meta name="text:Headline" content="Landing Page Demo Headline" />
<!--WYSIWYG Editor-->
<meta name="html:Paragraph" content="This is a demo on how to use the Performable Markup language to quickly mark-up any landing pages that you either currently have or you are having built for you, so you can edit them from the easy to use Performable editing screens." />
<meta name="text:Button Text" content="Try out this Awesome Button" />
<meta name="text:Button URL" content="http://www.performable.com" />
<!--Multi Purpose Color Picker-->
<meta name="color:Button Color" content="#f30" />
<!--Checkbox to Show/Hide a Section-->
<meta name="boolean:Show Bottom Section" content="" />
<meta name="html:Bottom Section" content="This is the section that will be displayed when the Bottom Section is enabled." />
<!--Background Color/Image Picker-->
<meta name="background:Body Color" content="#f5f5f5" />
<!--CSS for Performable Awesome Buttons-->
<link rel="stylesheet" type="text/css" href="http://cdn.performable.com/static/css/awesome.css" media="screen" />
</head>
<body style="color:{{ background:Body Color }}">
<h1>{{ text:Headline }}</h1>
<p>{{ html:Paragraph }}</p>
<!--Add performable-conversion class to track a button conversion-->
<!--Add awesome class for Performable Awesome Button-->
<a class="large green awesome performable-conversion" style="background:{{ color:Button Color }};" href="{{ text:Button URL }}">{{ text:Button Text }}</a>
<!--Option to Choose Between Showing or Hiding a Section-->
{% if boolean:Show Bottom Section %}
<p>{{ html:Bottom Section }}</p>
{% endif %}
</body>
</html>
​
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment