-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·197 lines (179 loc) · 6.56 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Code Love Code</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head>
<body>
<!--
DEFAULT APPLICATION TEMPLATE: This gets rendered in a browser as soon as "Ember.Application.create()" happens.
-->
<script type="text/x-handlebars">
<div class="container">
<header class="headerClass">
<h1>
{{#link-to "index" class="homepageLinkClass"}}
Code Love Code - Version 5 - pushing to github
{{/link-to}}
</h1>
</header>
<nav class="navClass rightText">
{{#link-to "about" class="btn btn-primary"}}About{{/link-to}}
{{#link-to "projects" class="btn btn-primary"}}Projects{{/link-to}}
{{#link-to "exhibits" class="btn btn-primary"}}Exhibits{{/link-to}}
{{#link-to "notes" class="btn btn-primary"}}Visitor Notes{{/link-to}}
</nav>
<main class="mainClass cf">{{outlet}}</main>
<footer class="footerClass centerText cf">
<small>© 2016 Code Love Code Portland, OR</small>
</footer>
</div>
</script>
<!--
The app's entire page structure is above this comment line.
All of our single-page templates are below this comment line.
-->
<!--
====================================================
"HOME" PAGE TEMPLATE: displays the Home page content
====================================================
-->
<script type="text/x-handlebars" data-template-name="index">
<section id="home" class="pageClass clearfix">
<h2 class="homepageHeader">Welcome to Code Love Code</h2>
<div class="homePageDiv vertAlign">
<img src="images/vergehome.jpg" class="imageBorder" />
</div>
<div class="homePageDiv homePageCopy">
Code Love Code is a project based code learning resource.
<br><br>
{{#link-to "about"}}<strong>learn more »</strong>{{/link-to}}
</div>
</section>
</script>
<!--
=================================================
"ABOUT" PAGE TEMPLATE: displays the About content
=================================================
-->
<script type="text/x-handlebars" id="about">
<section id="about" class="pageClass">
<h2>About Us</h2>
<h3 class="aboutTagLine">Learn to Code, Love to Code</h3>
<img src="images/alanna.jpg" alt="About Verge" align="left" class="aboutImage imageBorder">
<p>
CLC's mission is to get more people coding, especially women.mWe design fun projects...
</p>
<h3>An Introduction</h3>
<p>
Verge was started by PNCA MFA graduate Alanna Risse as a way to bring more contemporary art into workspaces. She believes the best way to experience art is to live with it every day. What better place to do that than the office you spend 40 hours a week in?
</p>
</section>
</script>
<!--
============================================================
"COLLECTIONS" PAGE/TEMPLATE: displays the Collection content
============================================================
-->
<script type="text/x-handlebars" id="components/single-project">
<h3>{{title}}</h3>
<img {{bind-attr src=image}} class="projectsImage" align="left">
{{yield}}
</script>
<script type="text/x-handlebars" id="projects">
<section class="pageClass clearfix">
<h2>Projects</h2>
{{#each}}
{{#single-project title=title image=image}}
{{copy}}
{{/single-project}}
{{/each}}
</section>
</script>
<!--
===================================================
"EXHIBITS" PAGE/TEMPLATE: displays all the exhibits
===================================================
-->
<script type="text/x-handlebars" id="exhibits">
<div class="pageClass">
<section class="exhibitSection cf">
<h2>Exhibits</h2>
<div>
There are currently <strong><em>{{totalExhibits}}</em></strong> exhibits running at Verge.
</div>
<ul class="singleExhibitList cf">
{{#each}}
<li class="singleExhibitListItem">
<h3>
{{#link-to 'exhibit' this}}
{{title}}
{{/link-to}}
</h3>
<span><em>by <strong>{{project_name}}</strong></em></span>
</li>
{{/each}}
</ul>
<div>{{outlet}}</div>
</section>
</div>
</script>
<!--
=========================================================
"EXHIBIT" PAGE/TEMPLATE: lists only one exhibit at a time
=========================================================
-->
<script type="text/x-handlebars" id="exhibit">
<article class="singleExhibitContent">
<h2>{{exhibitTitle}}</h2>
<p>
<img {{bind-attr src=image}} class="singleExhibitImage imageBorder" align="left" />
{{exhibit_info}}<br><br>
{{exhibit_date}}
</p>
</article>
</script>
<!--
===============================================
"NOTE" PAGE/TEMPLATE: displays the Note content
===============================================
-->
<script type="text/x-handlebars" id="notes">
<article class="pageClass">
<h2>Visitor Notes</h2>
{{textarea placeholder="create a new note" value=newNote rows=10 cols=50}}
<p class="btnVolunteerParagraph">
<button {{action "newNote"}} class="btn btn-info">Save this note</button>
</p>
{{#each itemController="note"}}
<div class="singleEntry">
{{#if isEditing}}
<p><strong>EDIT THIS NOTE...</strong></p>
{{update-note value=copy}}
<p class="btnVolunteerParagraph">
<button {{action "saveNewNote"}} class="btn btn-info">Save this note</button>
</p>
{{else}}
{{copy}}
<hr/>
<p class="btnVolunteerParagraph">
<button {{action "editNote"}} class="btn btn-info">Edit this note</button>
<button {{action "deleteNote"}} class="btn btn-info">Delete this note</button>
</p>
{{/if}}
</div>
{{/each}}
</article>
</script>
<script src="js/libs/jquery-1.10.2.js"></script>
<script src="js/libs/handlebars-1.1.2.js"></script>
<script src="js/libs/ember.min.js"></script>
<script src="js/libs/ember-data.js"></script>
<script src="js/libs/localstorage_adapter.js"></script>
<script src="js/app.js"></script>
</body>
</html>