-
Notifications
You must be signed in to change notification settings - Fork 0
/
documentation.html
executable file
·83 lines (76 loc) · 4.92 KB
/
documentation.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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Documentation</title>
<link href="assets/css/documentation.css" media="screen" rel="stylesheet" type="text/css" />
<script src="assets/js/documentation.js" type="text/javascript"></script>
</head>
<body>
<div id='main'>
<h1>
Devoll Jekyll Theme
</h1>
<p id='author'>Documentation by Andy Lu</p>
<p id='intro'>
Thanks for buying
"Devoll",
a creative responsive Jekyll theme for many purposes, it could be used as company, design studio, business or portfolio websites.
</p>
<div class='section'>
<h2>Installation</h2>
<style type='text/css'>
.CodeRay .error { background: none; color: #000; }
</style>
<pre class="CodeRay"><code>~ $ gem install jekyll
~ $ cd devoll
~/devoll $ jekyll serve
# =<span class="error">></span> Now browse to https://localhost:4000</code></pre>
<h2>HTML Structure</h2>
<p>
This template is based on
<a target="_blank" href="https://foundation.zurb.com/">foundation</a>
framework, to understand what the "row" and "column" classes mean, please refer to the foundation
<a target="_blank" href="https://foundation.zurb.com/docs">documentation</a>.
</p>
<pre class="CodeRay"><code><span class="comment"><!--
 HTML files:
 
 _layouts:
 1. blog.html -> the blog layout file
 2. default.html -> the default layout file
 3. post.html -> blog post layout file
 
 blog:
 1. index.html -> the blog index page
 
 about.html -> the about page
 index.html -> the homepage
 portfolio-item.html -> the portfolio item page
 portfolio.html -> the portfolio index page
 services.html -> the services page
 contact.html -> the contact page
 
--></span></code></pre>
</div>
<div class='section'>
<h2>CSS Structure</h2>
<p>
The CSS files are based on
<a target="_blank" href="https://foundation.zurb.com/">foundation</a>
framework.
</p>
<pre class="CodeRay"><code><span class="comment"><!--
 CSS files:
 1. fontello.css -> fontello icon font
 2. foundation.scss -> foundation framework
 3. style.css -> main style
 4. font-awesome.css -> font awesome icon font
 5. normalize.css
 6. main.sass
--></span></code></pre>
</div>
<div class='section'>
<h2>Javascript Structure</h2>
<pre class="CodeRay"><code><span class="comment"><!--
 Javascript files:
 
 1. app.js -> main javascript file
 2. foundation.min.js -> foundation framework
 3. jquery.appear.js -> jquery plugin
 4. jquery.countTo.js -> jquery plugin
 5. jquery.min.js -> jquery itself
 6. modernizr.js -> just modernizr
 7. imagesloaded.pkgd.min.js
 8. jquery.easing.1.3.js
 9. jquery.sequence-min.js
 10. jquery.validate.js
 11. json2.js
 12. libs.js
 13. masonry.pkgd.js
 14. slick.min.js
--></span></code></pre>
</div>
<div class='section'>
<h2>Contact form</h2>
<p>
It's just a placeholder, just the design, you have to implement the backend for sending email, usually that is done by a PHP script.
</p>
</div>
<div class='section'>
<h2>Version and updates</h2>
<pre class="CodeRay"><code>Version: 1.0

Date of release: 2015/04/15

Updates:
 * initial release

Version history:
 * 2015/04/15 initial release</code></pre>
</div>
<div class='section'>
<h2>Credits</h2>
<pre class="CodeRay"><code>Fonts:
 1. Raleway: https://www.google.com/fonts/specimen/Raleway

Javascript files:
 1. foundation.min.js: https://foundation.zurb.com/
 2. jquery.appear.js: https://github.com/morr/jquery.appear
 3. jquery.countTo.js: https://github.com/mhuggins/jquery-countTo
 4. jquery.min.js: https://jquery.com/
 5. modernizr.js: https://modernizr.com/</code></pre>
</div>
<p id='rate'>
Thanks again for purchasing this template.
<br>
Please contact me via
<a href='mailto:[email protected]'>[email protected]</a>
if you want to.
<br>
And please go to your themeforest downloads page to rate this template when you have time.
</p>
</div>
<!-- %p#hire-me -->
<!-- Want special customization for this theme or a totally unique theme from scratch? -->
<!-- %a{ :href => "https://www.odesk.com/users/~~d1d8a419899e2f71" } Hire me on oDesk! -->
</body>
</html>