You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
173 lines
5.2 KiB
173 lines
5.2 KiB
6 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset='utf-8'>
|
||
|
|
<title>Documentation</title>
|
||
|
|
<link href="assets/css/documentation.css" media="screen" rel="stylesheet" type="text/css" />
|
||
|
|
<link href="assets/css/highlight/default.css" media="screen" rel="stylesheet" type="text/css" />
|
||
|
|
<script src="assets/js/documentation.js" type="text/javascript"></script>
|
||
|
|
<script src="assets/js/highlight.pack.js" type="text/javascript"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
hljs.initHighlightingOnLoad();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id='main'>
|
||
|
|
<h1>
|
||
|
|
Lavar Jekyll Theme
|
||
|
|
</h1>
|
||
|
|
<p id='author'>Documentation by Andy Lu</p>
|
||
|
|
<p id='intro'>
|
||
|
|
Thanks for buying
|
||
|
|
"Lavar",
|
||
|
|
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>
|
||
|
|
<pre>
|
||
|
|
<code>
|
||
|
|
~ $ gem install jekyll
|
||
|
|
~ $ cd lavar
|
||
|
|
~/lavar $ jekyll serve
|
||
|
|
# => Now browse to http://localhost:4000
|
||
|
|
</code>
|
||
|
|
</pre>
|
||
|
|
|
||
|
|
<h2>HTML Structure</h2>
|
||
|
|
<p>
|
||
|
|
This template is based on
|
||
|
|
<a target="_blank" href="http://foundation.zurb.com/">foundation</a>
|
||
|
|
framework, to understand what the "row" and "column" classes mean, please refer to the foundation
|
||
|
|
<a target="_blank" href="http://foundation.zurb.com/docs">documentation</a>.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<pre>
|
||
|
|
<code><!--
|
||
|
|
|
||
|
|
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
|
||
|
|
|
||
|
|
--></code>
|
||
|
|
</pre>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class='section'>
|
||
|
|
<h2>CSS Structure</h2>
|
||
|
|
<p>
|
||
|
|
The CSS files are based on
|
||
|
|
<a target="_blank" href="http://foundation.zurb.com/">foundation</a>
|
||
|
|
framework. You can find the original scss files in scss folder
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<pre>
|
||
|
|
<code><!--
|
||
|
|
|
||
|
|
CSS files:
|
||
|
|
1. css/responsive.css -> responsive settings
|
||
|
|
2. css/app.css -> foundation framework
|
||
|
|
3. css/style.css -> main style
|
||
|
|
4. css/font-awesome.css -> font awesome icon font
|
||
|
|
|
||
|
|
--></code>
|
||
|
|
</pre>
|
||
|
|
</div>
|
||
|
|
<div class='section'>
|
||
|
|
<h2>Javascript Structure</h2>
|
||
|
|
|
||
|
|
<pre>
|
||
|
|
<code><!--
|
||
|
|
|
||
|
|
Javascript files:
|
||
|
|
|
||
|
|
1. app.js -> main javascript file
|
||
|
|
2. jquery.superslides.min.js
|
||
|
|
3. jquery.validate.js
|
||
|
|
4. slick.min.js
|
||
|
|
5. wow.min.js
|
||
|
|
6. bower_components/ -> third party js libs
|
||
|
|
|
||
|
|
--></code>
|
||
|
|
</pre>
|
||
|
|
</div>
|
||
|
|
<div class='section'>
|
||
|
|
<h2>Contact form and Comments</h2>
|
||
|
|
<p>
|
||
|
|
They are just placeholders, just the design. Regarding the contat form, you have to implement the backend for sending email, usually that is done by a PHP script. For the comments, you can look into Disqus.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class='section'>
|
||
|
|
<h2>Version and updates</h2>
|
||
|
|
|
||
|
|
<pre>
|
||
|
|
<code>
|
||
|
|
Version: 1.0
|
||
|
|
|
||
|
|
Date of release: 2016/04/06
|
||
|
|
|
||
|
|
Updates:
|
||
|
|
* initial release
|
||
|
|
|
||
|
|
Version history:
|
||
|
|
* 2015/04/06 initial release
|
||
|
|
</code>
|
||
|
|
</pre>
|
||
|
|
</div>
|
||
|
|
<div class='section'>
|
||
|
|
<h2>Credits</h2>
|
||
|
|
|
||
|
|
<pre>
|
||
|
|
<code>
|
||
|
|
Fonts:
|
||
|
|
* Chivo: http://www.fontsquirrel.com/fonts/chivo
|
||
|
|
* Josefin: https://www.google.com/fonts#UsePlace:use/Collection:Josefin+Sans
|
||
|
|
|
||
|
|
Icons:
|
||
|
|
* "Linea icons":http://linea.io/
|
||
|
|
|
||
|
|
Images:
|
||
|
|
* "unsplash":http://unsplash.com
|
||
|
|
* "pixeden":http://pixeden.com/
|
||
|
|
* "Freepik":http://www.freepik.com
|
||
|
|
* "The stocks":http://thestocks.im/
|
||
|
|
* "Retro logos":https://www.flickr.com/photos/jordanlloyd/
|
||
|
|
* "cheerful young man":http://photodune.net/item/cheerful-young-man/11602034
|
||
|
|
* "man talk to cellphone":http://photodune.net/item/man-talk-to-cellphone/11602062
|
||
|
|
* "funny face":http://photodune.net/item/a-real-funny-face-captured-in-high-detail/7248135
|
||
|
|
* "man surprised face":http://photodune.net/item/portrait-of-a-man-surprised-face-expression/7248125
|
||
|
|
* "surprise man":http://photodune.net/item/man-with-a-surprised-facial-expression-surprise-man-screaming/10450453
|
||
|
|
* "happy man smiling":http://photodune.net/item/happy-man-smiling/10852584
|
||
|
|
* "woman 1":http://photodune.net/item/woman/1796399
|
||
|
|
* "woman 2":http://photodune.net/item/woman/1796396
|
||
|
|
* "package":https://www.flickr.com/photos/colindunn/
|
||
|
|
* "lamps":https://www.flickr.com/photos/jurgenleckie/
|
||
|
|
* "lights":https://www.flickr.com/photos/lightyearsdk/
|
||
|
|
* "spices":https://www.flickr.com/photos/68711844@N07/
|
||
|
|
* "woman":https://www.flickr.com/photos/jeffipod
|
||
|
|
* "models":https://www.flickr.com/photos/beautyleg/
|
||
|
|
* "chair":https://www.flickr.com/photos/wicker-furniture/
|
||
|
|
* "Brandbook":https://www.flickr.com/photos/brandbook
|
||
|
|
* "danielviero":https://www.flickr.com/photos/danielviero
|
||
|
|
</code>
|
||
|
|
</pre>
|
||
|
|
</div>
|
||
|
|
<p id='rate'>
|
||
|
|
Thanks again for purchasing this template.
|
||
|
|
<br>
|
||
|
|
Please contact me via
|
||
|
|
<a href='mailto:honryou@gmail.com'>honryou@gmail.com</a>
|
||
|
|
if you want to.
|
||
|
|
<br>
|
||
|
|
And please go to your themeforest downloads page to rate this template when you have time.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|