-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (76 loc) · 2.91 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
---
layout: home
#main-title: "PHOT•O•RAMA"
subtitle: "“This is my letter to the world”"
description: "441, Emily Dickinson"
#description: "Photography and more"
images:
- image_path: /img/slider/home01.jpg
gallery-folder: /img/slider/
- image_path: /img/slider/home02.jpg
gallery-folder: /img/slider/
- image_path: /img/slider/home03.jpg
gallery-folder: /img/slider/
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
<!-- CSS -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{{ site.baseurl }}/css/galleries.css" media="screen" />
<link rel="stylesheet" href="{{ site.baseurl }}/css/WYSIWYG.css" media="screen" />
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
</head>
<body class="fullscreen">
<!-- MAIN CONTENT SECTION _____________________________________________-->
<section id="content" role="main">
<div class="wrapper">
<!-- WYSIWYG -->
<div class="position-absolute">
<h2 class="big no-margin"><strong>{{ page.main-title }}</strong></h2>
<h2>{{ page.subtitle }}</h2>
<div class="entry-summary">
<p>{{ page.description }}</p>
</div><br />
</div>
<div class="gallery fullscreen-gallery kenburns-gallery">
<canvas id="kenburns"></canvas>
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.gallery-folder }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
</figure>
{% endfor %}
</div>
<!-- END WYSIWYG -->
</div><!-- END .wrapper -->
</section>
<div id="footer" role="contentinfo">
<ul class="soc-icons">
<li>
<a href="mailto:{{ site.email }}" style="
color:#dddddd; target="_blank" title="Email">
<i class="fa fa-envelope-o"></i></span>
</a> </li>
</ul>
</div>
<!-- jQuery -->
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include gallery cycle plugin -->
<script src="{{ site.baseurl }}/js/jquery.cycle.min.js"></script>
<!-- include kenburns plugins -->
<script src="{{ site.baseurl }}/js/kenburns.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
</body>
</html>