lucid-jekyll-theme 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/README.md +102 -0
- data/_includes/body/analytics.html +10 -0
- data/_includes/body/footer.html +47 -0
- data/_includes/body/header.html +15 -0
- data/_includes/body/index.html +27 -0
- data/_includes/body/js.html +26 -0
- data/_includes/body/js_disqus.html +21 -0
- data/_includes/body/modals.html +48 -0
- data/_includes/body/nav.html +35 -0
- data/_includes/contact/contact.html +54 -0
- data/_includes/contact/contact_disqus.html +16 -0
- data/_includes/contact/contact_static.html +49 -0
- data/_includes/head/index.html +2 -0
- data/_includes/head/links.html +17 -0
- data/_includes/head/meta.html +13 -0
- data/_includes/sections/about.html +21 -0
- data/_includes/sections/portfolio_grid.html +22 -0
- data/_layouts/base.html +4 -0
- data/_layouts/default.html +12 -0
- data/_posts/2014-07-13-project-6.markdown +12 -0
- data/_posts/2014-07-14-project-5.markdown +12 -0
- data/_posts/2014-07-15-project-4.markdown +12 -0
- data/_posts/2014-07-16-project-3.markdown +12 -0
- data/_posts/2014-07-17-project-2.markdown +12 -0
- data/_posts/2014-07-18-project-1.markdown +12 -0
- data/assets/css/font-awesome/css/all.css +4423 -0
- data/assets/css/font-awesome/css/all.min.css +5 -0
- data/assets/css/font-awesome/css/fontawesome.css +4390 -0
- data/assets/css/font-awesome/css/fontawesome.min.css +5 -0
- data/assets/css/font-awesome/webfonts/fa-brands-400.eot +0 -0
- data/assets/css/font-awesome/webfonts/fa-brands-400.svg +3496 -0
- data/assets/css/font-awesome/webfonts/fa-brands-400.ttf +0 -0
- data/assets/css/font-awesome/webfonts/fa-brands-400.woff +0 -0
- data/assets/css/font-awesome/webfonts/fa-brands-400.woff2 +0 -0
- data/assets/css/font-awesome/webfonts/fa-regular-400.eot +0 -0
- data/assets/css/font-awesome/webfonts/fa-regular-400.svg +803 -0
- data/assets/css/font-awesome/webfonts/fa-regular-400.ttf +0 -0
- data/assets/css/font-awesome/webfonts/fa-regular-400.woff +0 -0
- data/assets/css/font-awesome/webfonts/fa-regular-400.woff2 +0 -0
- data/assets/css/font-awesome/webfonts/fa-solid-900.eot +0 -0
- data/assets/css/font-awesome/webfonts/fa-solid-900.svg +4667 -0
- data/assets/css/font-awesome/webfonts/fa-solid-900.ttf +0 -0
- data/assets/css/font-awesome/webfonts/fa-solid-900.woff +0 -0
- data/assets/css/font-awesome/webfonts/fa-solid-900.woff2 +0 -0
- data/assets/css/main.scss +16 -0
- data/assets/img/portfolio/cabin.png +0 -0
- data/assets/img/portfolio/cake.png +0 -0
- data/assets/img/portfolio/circus.png +0 -0
- data/assets/img/portfolio/game.png +0 -0
- data/assets/img/portfolio/safe.png +0 -0
- data/assets/img/portfolio/submarine.png +0 -0
- data/assets/img/profile.png +0 -0
- data/assets/js/bootstrap.js +2114 -0
- data/assets/js/bootstrap.min.js +6 -0
- data/assets/js/cbpAnimatedHeader.js +44 -0
- data/assets/js/cbpAnimatedHeader.min.js +11 -0
- data/assets/js/classie.js +80 -0
- data/assets/js/contact_me.js +70 -0
- data/assets/js/contact_me_static.js +23 -0
- data/assets/js/freelancer.js +37 -0
- data/assets/js/jqBootstrapValidation.js +912 -0
- data/assets/js/jquery-1.11.0.js +4 -0
- data/assets/js/jquery.easing.min.js +44 -0
- data/assets/mail/contact_me.php +32 -0
- metadata +221 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: be8d76a06cc68693e6a814c651d17b9c12fd2cfa618e71806f3ed8da6444d3bf
|
|
4
|
+
data.tar.gz: 584ef1b32396a34f797a3238f61600bb945603356bf9cf84604ed2dca18780b0
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 9a878d911dbeea3f4a2c55fd22773a2c6de75ad0d46d1857343b1e88e2eb544350e13b7fa08719d7aa5cfcb618c8fddcc34d1e508a23aedcd98520be678ab82d
|
|
7
|
+
data.tar.gz: 857739772106ab9312b195b3eb834c047a4300eacb33863adbab8a388fa89a8e10ff60138f4aa13efc03377d50fabd1838b2d503fa95c87feb6820448ad9fbef
|
data/README.md
ADDED
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
# Lucid Jekyll theme [](https://travis-ci.org/kelley12/lucid-jekyll-theme/) 
|
|
2
|
+
|
|
3
|
+
Jekyll theme based on [Freelancer bootstrap theme](http://startbootstrap.com/template-overviews/freelancer/)
|
|
4
|
+
|
|
5
|
+
## Screenshot
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
Add this line to your Jekyll site's `Gemfile`:
|
|
12
|
+
|
|
13
|
+
```ruby
|
|
14
|
+
gem "lucid-jekyll-theme"
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
And add this line to your Jekyll site's `_config.yml`:
|
|
18
|
+
|
|
19
|
+
```yaml
|
|
20
|
+
theme: lucid-jekyll-theme
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
And then execute:
|
|
24
|
+
|
|
25
|
+
```bash
|
|
26
|
+
bundle
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
Or install it yourself as:
|
|
30
|
+
|
|
31
|
+
```bash
|
|
32
|
+
gem install lucid-jekyll-theme
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## How to use
|
|
36
|
+
|
|
37
|
+
- Place a image in `/assets/img/portfolio/`
|
|
38
|
+
- Replace `your-email@domain.com` in `_config.yml` with your email address. Refer to [formspree](http://formspree.io/) for more information.
|
|
39
|
+
- Create posts to display your projects. Use the follow as an example:
|
|
40
|
+
|
|
41
|
+
```txt
|
|
42
|
+
---
|
|
43
|
+
layout: default
|
|
44
|
+
modal-id: 1
|
|
45
|
+
date: 2014-07-18
|
|
46
|
+
img: cabin.png
|
|
47
|
+
alt: image-alt
|
|
48
|
+
project-date: July 2014
|
|
49
|
+
client: The Client
|
|
50
|
+
category: Web Development
|
|
51
|
+
description: The description of the project
|
|
52
|
+
---
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## Usage
|
|
56
|
+
|
|
57
|
+
### Layouts
|
|
58
|
+
|
|
59
|
+
#### Default
|
|
60
|
+
|
|
61
|
+
The default theme is what is used for the main page
|
|
62
|
+
|
|
63
|
+
### Includes
|
|
64
|
+
|
|
65
|
+
The includes directory contains 3 folders: head, body, and sections
|
|
66
|
+
|
|
67
|
+
#### Head
|
|
68
|
+
|
|
69
|
+
The head directory contains all html files used in the `<head>` tag of the website.
|
|
70
|
+
|
|
71
|
+
#### Body
|
|
72
|
+
|
|
73
|
+
The body directory contains all html files used in the `<body>` tag of the website.
|
|
74
|
+
|
|
75
|
+
#### Sections
|
|
76
|
+
|
|
77
|
+
The sections directory contains all of the html files used to populate the home page. These files are added and ordered in `_config.yml`.
|
|
78
|
+
|
|
79
|
+
For example:
|
|
80
|
+
|
|
81
|
+
```yml
|
|
82
|
+
sections:
|
|
83
|
+
- title: Portfolio
|
|
84
|
+
filename: portfolio_grid.html
|
|
85
|
+
- title: About
|
|
86
|
+
filename: about.html
|
|
87
|
+
css-class: success
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
The `Portfolio` section will be first using the `portfolio_grid.html` file in `_includes/sections/` followed by `About`.
|
|
91
|
+
|
|
92
|
+
### Assets
|
|
93
|
+
|
|
94
|
+
Used to store images for the background images and the portfolio section if used
|
|
95
|
+
|
|
96
|
+
## Demo
|
|
97
|
+
|
|
98
|
+
View this jekyll theme in action [here](https://kelley12.github.io/lucid-jekyll-theme)
|
|
99
|
+
|
|
100
|
+
## Contributing
|
|
101
|
+
|
|
102
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/Kelley12/lucid-jekyll-theme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{% if site.google_analytics %}
|
|
2
|
+
<script>
|
|
3
|
+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
4
|
+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
5
|
+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
6
|
+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
7
|
+
ga('create', '{{ site.google_analytics }}', 'auto');
|
|
8
|
+
ga('send', 'pageview');
|
|
9
|
+
</script>
|
|
10
|
+
{% endif %}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
<!-- Footer -->
|
|
2
|
+
<footer class="text-center">
|
|
3
|
+
<div class="footer-above">
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="row">
|
|
6
|
+
<div class="footer-col col-md-4">
|
|
7
|
+
<h3>{{ site.footer.location }}</h3>
|
|
8
|
+
<p>
|
|
9
|
+
{% for adress in site.address %}
|
|
10
|
+
{{ adress.line }} <br>
|
|
11
|
+
{% endfor %}
|
|
12
|
+
</p>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="footer-col col-md-4">
|
|
15
|
+
<h3>{{ site.footer.social }}</h3>
|
|
16
|
+
<ul class="list-inline">
|
|
17
|
+
{% for network in site.social %}
|
|
18
|
+
<li>
|
|
19
|
+
<a href="{{ network.url }}" class="btn-social btn-outline"><i class="fab fa-{{ network.title }}"></i></a>
|
|
20
|
+
</li>
|
|
21
|
+
{% endfor %}
|
|
22
|
+
</ul>
|
|
23
|
+
</div>
|
|
24
|
+
<div class="footer-col col-md-4">
|
|
25
|
+
<h3>{{ site.footer.credits }}</h3>
|
|
26
|
+
<p>{{ site.credits }}</p>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="footer-below">
|
|
32
|
+
<div class="container">
|
|
33
|
+
<div class="row">
|
|
34
|
+
<div class="col-lg-12">
|
|
35
|
+
Copyright © {{ site.footer.copyright }} 20{{ site.time | date: '%y' }}
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
</footer>
|
|
41
|
+
|
|
42
|
+
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
|
|
43
|
+
<div class="scroll-top page-scroll visible-xs visible-sm">
|
|
44
|
+
<a class="btn btn-primary" href="#page-top">
|
|
45
|
+
<i class="fas fa-chevron-up"></i>
|
|
46
|
+
</a>
|
|
47
|
+
</div>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<!-- Header -->
|
|
2
|
+
<header>
|
|
3
|
+
<div class="container">
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="col-lg-12">
|
|
6
|
+
<img class="img-responsive" src="{{ site.header_image }}" alt="">
|
|
7
|
+
<div class="intro-text">
|
|
8
|
+
<span class="name">{{ site.title }}</span>
|
|
9
|
+
<hr class="star-light">
|
|
10
|
+
<span class="skills">{{ site.skills }}</span>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</header>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{% include body/nav.html %}
|
|
2
|
+
{% include body/header.html %}
|
|
3
|
+
|
|
4
|
+
{% for section in site.sections %}
|
|
5
|
+
<!-- {{section.title}} Section -->
|
|
6
|
+
{% if section.css-class %}
|
|
7
|
+
<section id="{{section.title | downcase | replace: ' ', '-'}}" class="{{section.css-class}}">
|
|
8
|
+
{% else %}
|
|
9
|
+
<section id="{{section.title | downcase | replace: ' ', '-'}}">
|
|
10
|
+
{% endif %}
|
|
11
|
+
{% include sections/{{section.filename}} %}
|
|
12
|
+
</section>
|
|
13
|
+
{% endfor %}
|
|
14
|
+
|
|
15
|
+
{% if site.contact != "none" %}
|
|
16
|
+
{% if site.contact == "static" %}
|
|
17
|
+
{% include contact/contact_static.html %}
|
|
18
|
+
{% elsif site.contact == "disqus" %}
|
|
19
|
+
{% include contact/contact_disqus.html %}
|
|
20
|
+
{% else %}
|
|
21
|
+
{% include contact/contact.html %}
|
|
22
|
+
{% endif %}
|
|
23
|
+
{% endif %}
|
|
24
|
+
|
|
25
|
+
{% include body/footer.html %}
|
|
26
|
+
{% include body/modals.html %}
|
|
27
|
+
{% include body/js.html %}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<!-- jQuery Version 1.11.0 -->
|
|
2
|
+
<script src="{{ '/assets/js/jquery-1.11.0.js' | relative_url }}"></script>
|
|
3
|
+
|
|
4
|
+
<!-- Bootstrap Core JavaScript -->
|
|
5
|
+
<script src="{{ '/assets/js/bootstrap.min.js' | relative_url }}"></script>
|
|
6
|
+
|
|
7
|
+
<!-- Plugin JavaScript -->
|
|
8
|
+
<script src="{{ '/assets/js/jquery.easing.min.js' | relative_url }}"></script>
|
|
9
|
+
<script src="{{ '/assets/js/classie.js' | relative_url }}"></script>
|
|
10
|
+
<script src="{{ '/assets/js/cbpAnimatedHeader.js' | relative_url }}"></script>
|
|
11
|
+
|
|
12
|
+
<!-- Contact Form JavaScript -->
|
|
13
|
+
<script src="{{ '/assets/js/jqBootstrapValidation.js' | relative_url }}"></script>
|
|
14
|
+
{% if site.contact == "static" %}
|
|
15
|
+
<script src="{{ '/assets/js/contact_me_static.js' | relative_url }}"></script>
|
|
16
|
+
{% else %}
|
|
17
|
+
<script src="{{ '/assets/js/contact_me.js' | relative_url }}"></script>
|
|
18
|
+
{% endif %}
|
|
19
|
+
|
|
20
|
+
<!-- Custom Theme JavaScript -->
|
|
21
|
+
<script src="{{ '/assets/js/freelancer.js' }}"></script>
|
|
22
|
+
|
|
23
|
+
{% if site.contact == "disqus" %}
|
|
24
|
+
<!-- Disqus Stuff -->
|
|
25
|
+
{% include body/js_disqus.html %}
|
|
26
|
+
{% endif %}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<script type="text/javascript">
|
|
2
|
+
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
|
|
3
|
+
var disqus_shortname = '{{ site.disqus_shortname }}'; // required: replace example with your forum shortname
|
|
4
|
+
|
|
5
|
+
/* * * DON'T EDIT BELOW THIS LINE * * */
|
|
6
|
+
(function() {
|
|
7
|
+
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
|
8
|
+
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
|
9
|
+
document.getElementById('disqus_thread').appendChild(dsq);
|
|
10
|
+
})();
|
|
11
|
+
|
|
12
|
+
/* * * DON'T EDIT BELOW THIS LINE * * */
|
|
13
|
+
(function () {
|
|
14
|
+
var s = document.createElement('script'); s.async = true;
|
|
15
|
+
s.type = 'text/javascript';
|
|
16
|
+
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
|
|
17
|
+
document.getElementById('disqus_thread').appendChild(s);
|
|
18
|
+
}());
|
|
19
|
+
</script>
|
|
20
|
+
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
|
21
|
+
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
<!-- Portfolio Modals -->
|
|
2
|
+
{% for post in site.posts %}
|
|
3
|
+
<div class="portfolio-modal modal fade" id="portfolioModal-{{ post.modal-id }}" tabindex="-1" role="dialog" aria-hidden="true">
|
|
4
|
+
<div class="modal-content">
|
|
5
|
+
<div class="close-modal" data-dismiss="modal">
|
|
6
|
+
<div class="lr">
|
|
7
|
+
<div class="rl">
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="container">
|
|
12
|
+
<div class="row">
|
|
13
|
+
<div class="col-lg-8 col-lg-offset-2">
|
|
14
|
+
<div class="modal-body">
|
|
15
|
+
<h2>{{ post.title }}</h2>
|
|
16
|
+
<hr class="star-primary">
|
|
17
|
+
<img src="assets/img/portfolio/{{ post.img }}" class="img-responsive img-centered" alt="{{ post.alt }}">
|
|
18
|
+
{% if post.contet %}
|
|
19
|
+
<p>{{ post.description }}</p>
|
|
20
|
+
{% endif %}
|
|
21
|
+
<ul class="list-inline item-details">
|
|
22
|
+
{% if post.client %}
|
|
23
|
+
<li>Client:
|
|
24
|
+
<strong><a href="http://startbootstrap.com">{{ post.client }}</a>
|
|
25
|
+
</strong>
|
|
26
|
+
</li>
|
|
27
|
+
{% endif %}
|
|
28
|
+
{% if post.project-date %}
|
|
29
|
+
<li>Date:
|
|
30
|
+
<strong><a href="http://startbootstrap.com">{{ post.project-date }}</a>
|
|
31
|
+
</strong>
|
|
32
|
+
</li>
|
|
33
|
+
{% endif %}
|
|
34
|
+
{% if post.category %}
|
|
35
|
+
<li>Service:
|
|
36
|
+
<strong><a href="http://startbootstrap.com">{{ post.category }}</a>
|
|
37
|
+
</strong>
|
|
38
|
+
</li>
|
|
39
|
+
{% endif %}
|
|
40
|
+
</ul>
|
|
41
|
+
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fas fa-times"></i> Close</button>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
{% endfor %}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<!-- Navigation -->
|
|
2
|
+
<nav class="navbar navbar-default navbar-fixed-top">
|
|
3
|
+
<div class="container">
|
|
4
|
+
<!-- Brand and toggle get grouped for better mobile display -->
|
|
5
|
+
<div class="navbar-header page-scroll">
|
|
6
|
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
7
|
+
<span class="sr-only">Toggle navigation</span>
|
|
8
|
+
<span class="icon-bar"></span>
|
|
9
|
+
<span class="icon-bar"></span>
|
|
10
|
+
<span class="icon-bar"></span>
|
|
11
|
+
</button>
|
|
12
|
+
<a class="navbar-brand" href="#page-top">{{ site.title }}</a>
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
16
|
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
17
|
+
<ul class="nav navbar-nav navbar-right">
|
|
18
|
+
<li class="hidden">
|
|
19
|
+
<a href="#page-top"></a>
|
|
20
|
+
</li>
|
|
21
|
+
<li class="page-scroll">
|
|
22
|
+
<a href="#portfolio">Portfolio</a>
|
|
23
|
+
</li>
|
|
24
|
+
<li class="page-scroll">
|
|
25
|
+
<a href="#about">About</a>
|
|
26
|
+
</li>
|
|
27
|
+
<li class="page-scroll">
|
|
28
|
+
<a href="#contact">Contact</a>
|
|
29
|
+
</li>
|
|
30
|
+
</ul>
|
|
31
|
+
</div>
|
|
32
|
+
<!-- /.navbar-collapse -->
|
|
33
|
+
</div>
|
|
34
|
+
<!-- /.container-fluid -->
|
|
35
|
+
</nav>
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
<!-- Contact Section -->
|
|
2
|
+
<section id="contact">
|
|
3
|
+
<div class="container">
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="col-lg-12 text-center">
|
|
6
|
+
<h2>Contact Me</h2>
|
|
7
|
+
<hr class="star-primary">
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="row">
|
|
11
|
+
<div class="col-lg-8 col-lg-offset-2">
|
|
12
|
+
<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
|
|
13
|
+
<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
|
|
14
|
+
<form name="sentMessage" id="contactForm" novalidate>
|
|
15
|
+
<div class="row control-group">
|
|
16
|
+
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
17
|
+
<label for="name">Name</label>
|
|
18
|
+
<input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
|
|
19
|
+
<p class="help-block text-danger"></p>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="row control-group">
|
|
23
|
+
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
24
|
+
<label for="email">Email Address</label>
|
|
25
|
+
<input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
|
|
26
|
+
<p class="help-block text-danger"></p>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="row control-group">
|
|
30
|
+
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
31
|
+
<label for="phone">Phone Number</label>
|
|
32
|
+
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
|
|
33
|
+
<p class="help-block text-danger"></p>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
<div class="row control-group">
|
|
37
|
+
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
38
|
+
<label for="message">Message</label>
|
|
39
|
+
<textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
|
|
40
|
+
<p class="help-block text-danger"></p>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
<br>
|
|
44
|
+
<div id="success"></div>
|
|
45
|
+
<div class="row">
|
|
46
|
+
<div class="form-group col-xs-12">
|
|
47
|
+
<button type="submit" class="btn btn-success btn-lg">Send</button>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
</form>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
</section>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<!-- Contact Section -->
|
|
2
|
+
<section id="contact">
|
|
3
|
+
<div class="container">
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="col-lg-12 text-center">
|
|
6
|
+
<h2>Contact me</h2>
|
|
7
|
+
<hr class="star-primary">
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="row">
|
|
11
|
+
<div class="col-lg-8 col-lg-offset-2">
|
|
12
|
+
<div id="disqus_thread"></div><!-- /#disqus_thread -->
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</section>
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
<!-- Contact Section -->
|
|
2
|
+
<section id="contact">
|
|
3
|
+
<div class="container">
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="col-lg-12 text-center">
|
|
6
|
+
<h2>Contact Me</h2>
|
|
7
|
+
<hr class="star-primary">
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="row">
|
|
11
|
+
<div class="col-lg-8 col-lg-offset-2">
|
|
12
|
+
<form action="//formspree.io/{{ site.email }}" method="POST" name="sentMessage" id="contactForm" novalidate>
|
|
13
|
+
<div class="row control-group">
|
|
14
|
+
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
15
|
+
<label for="name">Name</label>
|
|
16
|
+
<input type="text" name="name" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
|
|
17
|
+
<p class="help-block text-danger"></p>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="row control-group">
|
|
21
|
+
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
22
|
+
<label for="email">Email Address</label>
|
|
23
|
+
<input type="email" name="_replyto" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
|
|
24
|
+
<p class="help-block text-danger"></p>
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
<div>
|
|
28
|
+
<input type="hidden" name="_subject" value="New submission!">
|
|
29
|
+
<input type="text" name="_gotcha" style="display:none" />
|
|
30
|
+
</div>
|
|
31
|
+
<div class="row control-group">
|
|
32
|
+
<div class="form-group col-xs-12 floating-label-form-group controls">
|
|
33
|
+
<label for="message">Message</label>
|
|
34
|
+
<textarea rows="5" name="message" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
|
|
35
|
+
<p class="help-block text-danger"></p>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
<br>
|
|
39
|
+
<div id="success"></div>
|
|
40
|
+
<div class="row">
|
|
41
|
+
<div class="form-group col-xs-12">
|
|
42
|
+
<button type="submit" class="btn btn-success btn-lg">Send</button>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</form>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
</section>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
|
|
2
|
+
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
|
|
3
|
+
|
|
4
|
+
<!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
|
|
5
|
+
<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
|
|
6
|
+
|
|
7
|
+
<!-- Custom Fonts -->
|
|
8
|
+
<link rel="stylesheet" href="{{ '/assets/css/font-awesome/css/all.min.css' | relative_url }}">
|
|
9
|
+
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
|
|
10
|
+
<link href="//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
|
|
11
|
+
|
|
12
|
+
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
13
|
+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
14
|
+
<!--[if lt IE 9]>
|
|
15
|
+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
16
|
+
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
17
|
+
<![endif]-->
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<meta charset="utf-8">
|
|
2
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
3
|
+
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
|
4
|
+
<meta name="viewport" content="width=device-width">
|
|
5
|
+
<meta name="description" content="{{ site.description }}">
|
|
6
|
+
<meta name="keywords" content="{{ site.keywords }}" />
|
|
7
|
+
{% if site.meta_author %}<meta name="author" content="{{ site.meta_author }}">{% endif %}
|
|
8
|
+
|
|
9
|
+
<!-- Google verification -->
|
|
10
|
+
{% if site.google_verify %}<meta name="google-site-verification" content="{{ site.google_verify }}">{% endif %}
|
|
11
|
+
|
|
12
|
+
<!-- Bing Verification -->
|
|
13
|
+
{% if site.bing_verify %}<meta name="msvalidate.01" content="{{ site.bing_verify }}">{% endif %}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<div class="container">
|
|
2
|
+
<div class="row">
|
|
3
|
+
<div class="col-lg-12 text-center">
|
|
4
|
+
<h2>About</h2>
|
|
5
|
+
<hr class="star-light">
|
|
6
|
+
</div>
|
|
7
|
+
</div>
|
|
8
|
+
<div class="row">
|
|
9
|
+
<div class="col-lg-4 col-lg-offset-2">
|
|
10
|
+
<p>Lucid is a free jekyll bootstrap theme based off of the Freelancer Bootstrap theme created by Start Bootstrap. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional LESS stylesheets for easy customization.</p>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="col-lg-4">
|
|
13
|
+
<p>Whether you're a student looking to showcase your work, a professional looking to attract clients, or a graphic artist looking to share your projects, this template is the perfect starting point! </p>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="col-lg-8 col-lg-offset-2 text-center">
|
|
16
|
+
<a href="https://github.com/kelley12/lucid-jekyll-theme" class="btn btn-lg btn-outline">
|
|
17
|
+
<i class="fas fa-download"></i> Download Theme
|
|
18
|
+
</a>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<div class="container">
|
|
2
|
+
<div class="row">
|
|
3
|
+
<div class="col-lg-12 text-center">
|
|
4
|
+
<h2>Portfolio</h2>
|
|
5
|
+
<hr class="star-primary">
|
|
6
|
+
</div>
|
|
7
|
+
</div>
|
|
8
|
+
<div class="row">
|
|
9
|
+
{% for post in site.posts %}
|
|
10
|
+
<div class="col-sm-4 portfolio-item">
|
|
11
|
+
<a href="#portfolioModal-{{ post.modal-id }}" class="portfolio-link" data-toggle="modal">
|
|
12
|
+
<div class="caption">
|
|
13
|
+
<div class="caption-content">
|
|
14
|
+
<i class="fas fa-search-plus fa-3x"></i>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
<img src="assets/img/portfolio/{{ post.img }}" class="img-responsive" alt="{{ post.alt }}">
|
|
18
|
+
</a>
|
|
19
|
+
</div>
|
|
20
|
+
{% endfor %}
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
data/_layouts/base.html
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
modal-id: 6
|
|
4
|
+
date: 2014-07-15
|
|
5
|
+
img: submarine.png
|
|
6
|
+
alt: image-alt
|
|
7
|
+
project-date: April 2014
|
|
8
|
+
client: Start Bootstrap
|
|
9
|
+
category: Web Development
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
modal-id: 5
|
|
4
|
+
date: 2014-07-14
|
|
5
|
+
img: safe.png
|
|
6
|
+
alt: image-alt
|
|
7
|
+
project-date: April 2014
|
|
8
|
+
client: Start Bootstrap
|
|
9
|
+
category: Web Development
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
modal-id: 4
|
|
4
|
+
date: 2014-07-15
|
|
5
|
+
img: game.png
|
|
6
|
+
alt: image-alt
|
|
7
|
+
project-date: April 2014
|
|
8
|
+
client: Start Bootstrap
|
|
9
|
+
category: Web Development
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
modal-id: 3
|
|
4
|
+
date: 2014-07-16
|
|
5
|
+
img: circus.png
|
|
6
|
+
alt: image-alt
|
|
7
|
+
project-date: April 2014
|
|
8
|
+
client: Start Bootstrap
|
|
9
|
+
category: Web Development
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
modal-id: 2
|
|
4
|
+
date: 2014-07-17
|
|
5
|
+
img: cake.png
|
|
6
|
+
alt: image-alt
|
|
7
|
+
project-date: April 2014
|
|
8
|
+
client: Start Bootstrap
|
|
9
|
+
category: Web Development
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!
|