Skip to content

Instantly share code, notes, and snippets.

@brendo
Created April 13, 2012 15:14
Show Gist options
  • Save brendo/2377576 to your computer and use it in GitHub Desktop.
Save brendo/2377576 to your computer and use it in GitHub Desktop.
Symphony Backend markup
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- Core styles -->
<link rel="stylesheet" type="text/css" media="screen" href="http://example.com/symphony/assets/css/symphony.css">
<link rel="stylesheet" type="text/css" media="screen" href="http://example.com/symphony/assets/css/symphony.legacy.css">
<link rel="stylesheet" type="text/css" media="screen" href="http://example.com/symphony/assets/css/symphony.grids.css">
<link rel="stylesheet" type="text/css" media="screen" href="http://example.com/symphony/assets/css/symphony.frames.css">
<link rel="stylesheet" type="text/css" media="screen" href="http://example.com/symphony/assets/css/symphony.forms.css">
<link rel="stylesheet" type="text/css" media="screen" href="http://example.com/symphony/assets/css/symphony.tables.css">
<link rel="stylesheet" type="text/css" media="screen" href="http://example.com/symphony/assets/css/symphony.drawers.css">
<link rel="stylesheet" type="text/css" media="screen" href="http://example.com/symphony/assets/css/symphony.tabs.css">
<link rel="stylesheet" type="text/css" media="screen" href="http://example.com/symphony/assets/css/symphony.notices.css">
<link rel="stylesheet" type="text/css" media="screen" href="http://example.com/symphony/assets/css/admin.css">
<!-- Core scripts -->
<script type="text/javascript" src="http://example.com/symphony/assets/js/jquery.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/symphony.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/symphony.collapsible.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/symphony.orderable.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/symphony.selectable.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/symphony.duplicator.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/symphony.tags.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/symphony.pickable.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/symphony.timeago.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/symphony.notify.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/symphony.drawer.js"></script>
<script type="text/javascript" src="http://example.com/symphony/assets/js/admin.js"></script>
<!-- Context information -->
<script type="text/javascript">
Symphony.Context.add('env', {
"page-namespace": "\/publish",
"section_handle": "section-handle",
"page": "index",
"entry_id" :null,
"flag": null
});
Symphony.Context.add('root', 'http://example.com');
</script>
<!-- Page title -->
<title>Default Symphony Page — Symphony</title>
</head>
<body id="publish" class="section-handle index">
<div id="wrapper">
<header id="header">
<!-- All notification will be wrapped with `<div class="notifier" />` by the Notify plugin -->
<p class="notice">Your Symphony installation is up to date, but the installer was still detected. For security reasons, it should be removed. <a href="http://example.com/install/?action=remove">Remove installer?</a></p>
<!-- Page title -->
<h1>
<a href="http://example.com/">Default Symphony Page</a>
</h1>
<!-- Session information -->
<ul id="session">
<li>
<a href="http://example.com/symphony/system/authors/edit/1/" data-id="1" data-name="Sam" data-type="developer">Sam Symphonist</a>
</li>
<li>
<a href="http://example.com/symphony/logout/" accesskey="l">Log out</a>
</li>
</ul>
<!-- Navigation -->
<nav id="nav">
<!-- Author area, left aligned -->
<ul class="content">
<li class="active">Content
<ul>
<li>
<a href="http://example.com/symphony/publish/section-handle/">Section Name</a>
</li>
</ul>
</li>
</ul>
<!-- Developer area, right aligned -->
<ul class="structure">
<li>Blueprints
<ul>
<li>
<a href="http://example.com/symphony/blueprints/pages/">Pages</a>
</li>
<li>
<a href="http://example.com/symphony/blueprints/sections/">Sections</a>
</li>
<li>
<a href="http://example.com/symphony/blueprints/datasources/">Data Sources</a>
</li>
<li>
<a href="http://example.com/symphony/blueprints/events/">Events</a>
</li>
<li>
<a href="http://example.com/symphony/blueprints/utilities/">Utilities</a>
</li>
</ul>
</li>
<li>System
<ul>
<li>
<a href="http://example.com/symphony/system/authors/">Authors</a>
</li>
<li>
<a href="http://example.com/symphony/system/preferences/">Preferences</a>
</li>
<li>
<a href="http://example.com/symphony/system/extensions/">Extensions</a>
</li>
</ul>
</li>
</ul>
</nav>
</header>
<!-- Context -->
<div id="context">
<!-- Breadcrumbs -->
<div id="breadcrumbs">
<nav>
<p>
<a href="http://localhost/test/symphony/publish/section-handle">My Current Path</a>
<span class="sep">›</span>
</p>
</nav>
<h2>Symphony Page</h2>
</div>
<!-- Actions -->
<ul class="actions">
<li><a href="http://example.com/symphony/publish/section-handle/new/" title="Create a new entry" class="create button" accesskey="c">Create New</a></li>
<li><a href="http://example.com/symphony/blueprints/sections/edit/1" title="Edit Section Configuration" class="button">Edit Section</a></li>
</ul>
<!-- Horizontal Drawer, optional -->
<div class="drawer" id="drawer-id" data-position="horizontal" data-default-state="closed" data-context="publish" data-label="Drawer Label">
<div class="contents"></div>
</div>
</div>
<!-- Vertical left Drawer, optional -->
<div class="drawer" id="drawer-id" data-position="vertical-left" data-default-state="closed" data-context="publish" data-label="Drawer Label">
<div class="contents"></div>
</div>
<!-- Content area -->
<div id="contents">
<form action="http://example.com/symphony/publish/section-handle/?pg=1" method="post" class="fads">
<!-- Page content here, e. g. index table, at set of columns or settings -->
<!-- Actions, optional -->
<div class="actions">
<!-- Buttons, optional -->
<input name="action[save]" type="submit" value="Save Changes" accesskey="s">
<button name="action[delete]" class="button confirm delete" title="Action title" type="submit" accesskey="d" data-message="Action message">Delete</button>
<!-- "With selected …", optional -->
<fieldset class="apply inactive">
<div>
<select name="with-selected" disabled="disabled">
<option value="">With Selected...</option>
<option value="delete" class="confirm" data-message="Action message">Delete</option>
</select>
</div>
<button name="action[apply]" type="submit">Apply</button>
</fieldset>
</div>
</form>
<!-- Pagination, optional -->
<ul class="page">
<li>First</li>
<li>&larr; Previous</li>
<li title="Viewing 1 - 2 of 5 entries">
<form action="http://example.com/symphony/publish/section-handle/" method="get" class="paginationform">
<input name="pg" type="text" data-active="Go to page …" data-inactive="Page 1 of 3" data-max="3">
</form>
</li>
<li>
<a href="http://example.com/symphony/publish/section-handle/?pg=2">Next &rarr;</a>
</li>
<li>
<a href="http://example.com/symphony/publish/section-handle/?pg=3">Last</a>
</li>
</ul>
</div>
<!-- Vertical right Drawer, optional -->
<div class="drawer" id="drawer-id" data-position="vertical-left" data-default-state="closed" data-context="publish" data-label="Drawer Label">
<div class="contents"></div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment