-
Notifications
You must be signed in to change notification settings - Fork 5
/
templates.html
61 lines (57 loc) · 1.79 KB
/
templates.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Designer Friendly Templates</title>
</head>
<!-- The data-lift-content-id attribute tells Lift that the
actual template starts with the element
with the id main -->
<body data-lift-content-id="main">
<!--
A data-lift attribute invokes a snippet that surrounds this
<div> with the default chrome for the site
and inserts the <div> at the "content"
marker in the template
-->
<div id="main" data-lift="surround?with=default;at=content">
<div>
<big>
<big>
Lift supports designer friendly templates.
This means that all templates... all pages
on your site can be valid Html5 or XHTML.
Your designers can edit the same pages that
your developers edit. The designers do not
have to learn any tag libraries or any other
language. The dynamic content is based on
Lift's snippets and the snippet invocation
is done via specially css class names.
Here's the source for this page:
</big>
</big>
</div>
<!-- Invoke the ShowCode snippet which
shows the source for the designated page
and generates a link to the GitHub repository
for this project -->
<pre data-lift="ShowCode?name=/templates.html">view code</pre>
<div>
<big>
<big>
The benefits to your team include:
<ul>
<li>A single place for all your team members
to keep their code</li>
<li>No need for developers to "shred" the
pages designers give them or otherwise
keep pages in sync</li>
<li>Pages can always be validated </li>
<li>No additional learning for the designers</li>
</ul>
</big>
</big>
</div>
</div>
</body>
</html>