-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (63 loc) · 3.39 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
<!doctype html>
<html lang="en" ng-app="blogApp">
<head>
<title>House of Granite</title>
<link href='http://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular-sanitize.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular-touch.js" type="text/javascript"></script>
<script type="text/javascript" src="js/controller.js"></script>
<script type="text/javascript" src="js/contents.js"></script>
</head>
<body ng-controller="BlogController" ng-keydown="scrollOverlayKey($event)">
<div id="header"><a name="top"><div id="headerContents">
<h1><a href="" ng-click="goToMostRecentPosts()">House of Granite</a></h1>
<div class="menu">
<div class="nav"><a href="about.html">About</a></div>
</div>
<div class="menu" ng-mouseenter="showingMenu=true" ng-mouseleave="showingMenu=false">
<div class="nav"><a href="history.html">Posts</a></div>
<a class="menuItem" href="" ng-click="loadPosts(post.index, post.index + 1, true)"
ng-repeat="post in posts | orderBy:'date':true | limitTo: 6" ng-show="showingMenu">
{{post.title}}
</a>
<b><a class="menuItem" href="history.html" ng-show="showingMenu">All Posts</a></b>
</div>
</div></div>
<div class="main">
<div class="overlay" ng-show="showOverlay" ng-click="showOverlay=false">
<div class="overlayContentsHolder">
<img ng-src="{{overlayImage}}" class="overlayImage" ng-swipe-left="scrollOverlay('left')" ng-swipe-right="scrollOverlay('right')">
<div class="overlayCaption" class="caption">{{overlayCaption}}</div>
</div>
<div class="overlayBackground"></div>
</div>
<!--<div class="post" ng-repeat="post in posts | orderBy:'date':true | limitTo:numPosts" id="post{{post.index}}">-->
<div class="post" ng-repeat="post in posts.slice(startPost, endPost) | orderBy:'date':true" id="post{{post.index}}">
<div class="date">{{ getDateString(post.date) }}</div>
<h2>{{post.title}}</h2>
<div ng-bind-html="post.contents"></div>
<div class="thumbnailHolder" ng-repeat="image in post.images">
<img class="thumbnail" ng-src="{{image.url}}" ng-click="overlay(image)">
<div class="caption">{{image.caption}}</div>
</div>
<br clear="all">
<div class="author"> - {{post.author}}</div>
</div>
<div class="prevNextWrapper">
<span class="next" ng-show="endPost < posts.length"><a href="" ng-click="showLaterPosts()">Later Posts</a></span>
<span class="previous" ng-show="startPost > 0"><a href="" ng-click="showEarlierPosts()">Earlier Posts</a></span>
</div>
</div>
<div id="footer">Written in AngularJS by <a href="http://dektar.com">Katie</a>, designed by Katie and Annika, posts by Katie and <a href="http://www.trevorshp.com">Trevor</a>. 2014.</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44996597-2', 'dektar.com');
ga('send', 'pageview');
</script>
</body>
</html>