-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (51 loc) · 2.13 KB
/
index.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
62
63
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Meta fields -->
<title>cmsish</title>
<meta name="author" content="name">
<meta name="description" content="description here">
<meta name="keywords" content="keywords,here">
<!-- favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<!-- CSS Stylesheet -->
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="content"></div>
<script id="entry-template" type="text/x-handlebars-template" data-spreadsheet-url="https://docs.google.com/spreadsheets/d/1G3RpoOuzoGA0VoG1Whei3PAvoyvbeaMR-2EPazT_f1g/pubhtml">
<!-- All your normal HTML goes in here -->
<div class="fullwidth">
<h1>CMSish</h1>
<h2>Hello. This is the worlds easiest CMS. It uses google spreadsheets to hold your content and handlebars to display your content in a template.</h2>
<h4>Here are some fields of content, pulled from the "About Us" sheet of the spreadsheet:</h4>
<ul>
<li><p>Title: {{About-Us.Title}}</p></li>
<li><p>Introtext: {{About-Us.Introtext}}</p></li>
<li><p>Phone: {{About-Us.Phone}}</p></li>
<p>Testimonial: {{About-Us.Testimonial}}</p></li>
</ul>
<h4>Here is a list of items from a content type, pulled from the "Posts" sheet of the spreadsheet. Each row of the spreadsheet is an item in the list.</h4>
<ul>
{{#each Posts}}
<li>
<img src="{{Image}}" />
<p>Post title: {{Title}}</p>
<p>Post author: {{Author}}</p>
<p>Post subtitle: {{Subtitle}}</p>
<p>Post main content: {{Main-Content}}</p>
<p>Post testimonial: {{Testimonial}}</p>
<br/>
<br/>
</li>
{{/each}}
</ul>
</div>
<!-- End of all your normal HTML -->
</script>
<!-- Javascript -->
<script src="js/cmsish.min.js" type="text/javascript"></script>
</body>
</html>