General tidy up
This commit is contained in:
parent
ce29b92fe3
commit
8fad9b2096
|
|
@ -65,3 +65,9 @@ function onTest()
|
|||
|
||||
<!-- Page Explanation -->
|
||||
<div class="container">{% partial "explain/ajax.htm" %}</div>
|
||||
|
||||
<br />
|
||||
|
||||
<div class="text-center">
|
||||
<p><a href="{{ 'plugins'|page }}" class="btn btn-lg btn-default">Continue to Plugin components</a></p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -22,8 +22,7 @@ layout = "default"
|
|||
<!-- Layouts -->
|
||||
<h3>Layouts</h3>
|
||||
<p class="lead">
|
||||
<i class="icon-th-large"></i>
|
||||
Layouts define the page scaffold.
|
||||
<i class="icon-th-large"></i> Layouts define the page scaffold.
|
||||
</p>
|
||||
<p>
|
||||
The layout file <code>layouts/default.htm</code> defines the page scaffold —
|
||||
|
|
@ -38,8 +37,7 @@ layout = "default"
|
|||
<!-- Pages -->
|
||||
<h3>Pages</h3>
|
||||
<p class="lead">
|
||||
<i class="icon-copy"></i>
|
||||
Pages hold the content for each URL.
|
||||
<i class="icon-copy"></i> Pages hold the content for each URL.
|
||||
</p>
|
||||
<p>
|
||||
The page file <code>pages/home.htm</code> defines the page URL (<code>/</code> for this page) and the page content.
|
||||
|
|
@ -53,8 +51,7 @@ layout = "default"
|
|||
<!-- Partials -->
|
||||
<h3>Partials</h3>
|
||||
<p class="lead">
|
||||
<i class="icon-tags"></i>
|
||||
Partials contain reusable chunks of HTML markup.
|
||||
<i class="icon-tags"></i> Partials contain reusable chunks of HTML markup.
|
||||
</p>
|
||||
<p>
|
||||
Partials are chunks of HTML defined in separate files which can be included anywhere.
|
||||
|
|
@ -69,8 +66,7 @@ layout = "default"
|
|||
<!-- Content blocks -->
|
||||
<h3>Content blocks</h3>
|
||||
<p class="lead">
|
||||
<i class="icon-font"></i>
|
||||
Content blocks are text or HTML blocks that can be edited separately from the page or layout.
|
||||
<i class="icon-font"></i> Content blocks are text or HTML blocks that can be edited separately from the page or layout.
|
||||
</p>
|
||||
<p>
|
||||
The introductory text used on this page is defined in the <code>content/welcome.htm</code> file.
|
||||
|
|
@ -83,8 +79,7 @@ layout = "default"
|
|||
<!-- Placeholders -->
|
||||
<h3>Placeholders</h3>
|
||||
<p class="lead">
|
||||
<i class="icon-bookmark"></i>
|
||||
Placeholders allow pages to inject content to a layout.
|
||||
<i class="icon-bookmark"></i> Placeholders allow pages to inject content to a layout.
|
||||
</p>
|
||||
<p>
|
||||
The common use is injecting page-specific links to StyleSheet or JavaScript files to the HEAD tag defined in the layout.
|
||||
|
|
@ -107,8 +102,7 @@ layout = "default"
|
|||
<!-- Assets -->
|
||||
<h3>Assets</h3>
|
||||
<p class="lead">
|
||||
<i class="icon-picture"></i>
|
||||
Assets are resource files like images and stylesheets.
|
||||
<i class="icon-picture"></i> Assets are resource files like images and stylesheets.
|
||||
</p>
|
||||
<p>This theme stores its asset files (JavaScript, StyleSheet, images, fonts, etc) in the <code>themes/demo/assets</code> directory. This theme is also packaged with these useful 3rd party tools:</p>
|
||||
<ul class="list-inline">
|
||||
|
|
@ -118,7 +112,7 @@ layout = "default"
|
|||
</ul>
|
||||
<p>You might prefer to remove them for your website implementation.</p>
|
||||
|
||||
<hr />
|
||||
<br />
|
||||
|
||||
<div class="text-center">
|
||||
<p><a href="{{ 'ajax'|page }}" class="btn btn-lg btn-default">Continue to AJAX framework</a></p>
|
||||
|
|
|
|||
|
|
@ -22,3 +22,9 @@ max = 3
|
|||
|
||||
<!-- Page Explanation -->
|
||||
<div class="container">{% partial "explain/plugins.htm" %}</div>
|
||||
|
||||
<br />
|
||||
|
||||
<div class="text-center">
|
||||
<p><a target="_blank" href="http://octobercms.com/docs" class="btn btn-lg btn-default">Learn more at October's Documentation</a></p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<!-- This file is an explanation of the AJAX page -->
|
||||
|
||||
<p class="lead">
|
||||
<i class="icon-copy"></i>
|
||||
The HTML markup for this example:
|
||||
</p>
|
||||
<pre>{% filter escape %}<!-- The form -->
|
||||
<i class="icon-copy"></i> The HTML markup for this example:
|
||||
</p>
|
||||
|
||||
<pre>{% filter escape %}<!-- The form -->
|
||||
<form data-request="onTest" data-request-update="calcresult: '#result'">
|
||||
<input type="text" value="15" name="value1">
|
||||
<select name="operation">
|
||||
|
|
@ -26,8 +26,7 @@
|
|||
<hr />
|
||||
|
||||
<p class="lead">
|
||||
<i class="icon-tags"></i>
|
||||
The <code>calcresult</code> partial:
|
||||
<i class="icon-tags"></i> The <code>calcresult</code> partial:
|
||||
</p>
|
||||
|
||||
<pre>{% filter escape %}
|
||||
|
|
@ -40,8 +39,7 @@
|
|||
<hr />
|
||||
|
||||
<p class="lead">
|
||||
<i class="icon-code"></i>
|
||||
The <code>onTest</code> PHP code:
|
||||
<i class="icon-code"></i> The <code>onTest</code> PHP code:
|
||||
</p>
|
||||
|
||||
<pre>function onTest()
|
||||
|
|
@ -65,10 +63,3 @@
|
|||
break;
|
||||
}
|
||||
}</pre>
|
||||
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="text-center">
|
||||
<p><a href="{{ 'plugins'|page }}" class="btn btn-lg btn-default">Continue to Plugin components</a></p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
<hr />
|
||||
|
||||
<p class="lead">
|
||||
<i class="icon-copy"></i>
|
||||
The HTML markup for this example:
|
||||
<i class="icon-copy"></i> The HTML markup for this example:
|
||||
</p>
|
||||
<pre>
|
||||
{% filter escape %}
|
||||
|
|
@ -12,14 +11,7 @@
|
|||
<hr />
|
||||
|
||||
<p class="lead">
|
||||
<i class="icon-question"></i>
|
||||
Wait, only one line is needed?
|
||||
<i class="icon-question"></i> Wait, only one line is needed?
|
||||
</p>
|
||||
<p><em>Yes!</em> unlike the <a href="{{ 'ajax'|page }}">AJAX example</a>, components are simple building blocks that can be used with a small amount of code.</p>
|
||||
<p>The <code>demoTodo</code> component used here is provided by the plugin called <strong>October\Demo</strong>, you can find it in the <code>plugins/october/demo</code> folder.</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="text-center">
|
||||
<p><a target="_blank" href="http://octobercms.com/docs" class="btn btn-lg btn-default">Learn more at October's Documentation</a></p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<div id="footer">
|
||||
<div class="container">
|
||||
<hr />
|
||||
<p class="muted credit">© 2013 - {{ "now"|date("Y") }} Alexey Bobkov & Samuel Georges.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue