Merge pull request #1 from st4ple/master
Extended configurability for colors, etc
This commit is contained in:
commit
d18499cb14
28
_config.yml
28
_config.yml
|
@ -1,9 +1,31 @@
|
||||||
# Site settings
|
# Site settings
|
||||||
title: Your awesome title
|
title: Freelancer
|
||||||
email: your-email@domain.com
|
email: your-email@domain.com
|
||||||
description: "Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description."
|
description: "Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description."
|
||||||
twitter_username: jekyllrb
|
|
||||||
github_username: jekyll
|
# Color settings (hex-codes without the leading hash-tag)
|
||||||
|
color:
|
||||||
|
primary: 18bc9c #80B3FF
|
||||||
|
secondary: 2c3e50 #FD6E8A
|
||||||
|
secondary-dark: 233140 #A2122F
|
||||||
|
|
||||||
|
# Social networks usernames (many more available: google-plus, flickr, dribbble, pinterest, instagram, tumblr, linkedin, etc.)
|
||||||
|
social:
|
||||||
|
- title: twitter
|
||||||
|
url: http://twitter.com/jekyllrb
|
||||||
|
- title: facebook
|
||||||
|
url:
|
||||||
|
- title: stack-overflow
|
||||||
|
url: http://stackoverflow.com/questions/tagged/jekyll
|
||||||
|
- title: bitbucket
|
||||||
|
url: http://bitbucket.org/jekyll
|
||||||
|
- title: github
|
||||||
|
url: http://github.com/jekyll
|
||||||
|
|
||||||
|
# Postal address (add as many lines as necessary)
|
||||||
|
address:
|
||||||
|
- line: 3481 Melrose Place
|
||||||
|
- line: Beverly Hills, CA 90210
|
||||||
|
|
||||||
# Build settings
|
# Build settings
|
||||||
markdown: kramdown
|
markdown: kramdown
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
<p>Freelancer is a free 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>
|
<p>Freelancer is a free 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>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
<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>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||||
<a href="#" class="btn btn-lg btn-outline">
|
<a href="#" class="btn btn-lg btn-outline">
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -22,7 +22,7 @@ a:focus,
|
||||||
a:active,
|
a:active,
|
||||||
a.active {
|
a.active {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
color: #18bc9c;
|
color: #{{ site.color.primary }};
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
|
@ -63,15 +63,15 @@ hr.star-light {
|
||||||
|
|
||||||
hr.star-light:after {
|
hr.star-light:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #18bc9c;
|
background-color: #{{ site.color.primary }};
|
||||||
}
|
}
|
||||||
|
|
||||||
hr.star-primary {
|
hr.star-primary {
|
||||||
border-color: #2c3e50;
|
border-color: #{{ site.color.secondary }};
|
||||||
}
|
}
|
||||||
|
|
||||||
hr.star-primary:after {
|
hr.star-primary:after {
|
||||||
color: #2c3e50;
|
color: #{{ site.color.secondary }};
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -82,7 +82,7 @@ hr.star-primary:after {
|
||||||
header {
|
header {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #18bc9c;
|
background: #{{ site.color.primary }};
|
||||||
}
|
}
|
||||||
|
|
||||||
header .container {
|
header .container {
|
||||||
|
@ -181,7 +181,7 @@ section h2 {
|
||||||
|
|
||||||
section.success {
|
section.success {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #18bc9c;
|
background: #{{ site.color.primary }};
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(max-width:767px) {
|
@media(max-width:767px) {
|
||||||
|
@ -265,7 +265,7 @@ section.success {
|
||||||
.btn-outline:active,
|
.btn-outline:active,
|
||||||
.btn-outline.active {
|
.btn-outline.active {
|
||||||
border: solid 2px #fff;
|
border: solid 2px #fff;
|
||||||
color: #18bc9c;
|
color: #{{ site.color.primary }};
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -318,7 +318,7 @@ section.success {
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-label-form-group-with-focus label {
|
.floating-label-form-group-with-focus label {
|
||||||
color: #18bc9c;
|
color: #{{ site.color.primary }};
|
||||||
}
|
}
|
||||||
|
|
||||||
form .row:first-child .floating-label-form-group {
|
form .row:first-child .floating-label-form-group {
|
||||||
|
@ -335,7 +335,7 @@ footer h3 {
|
||||||
|
|
||||||
footer .footer-above {
|
footer .footer-above {
|
||||||
padding-top: 50px;
|
padding-top: 50px;
|
||||||
background-color: #2c3e50;
|
background-color: #{{ site.color.secondary }};
|
||||||
}
|
}
|
||||||
|
|
||||||
footer .footer-col {
|
footer .footer-col {
|
||||||
|
@ -344,7 +344,7 @@ footer .footer-col {
|
||||||
|
|
||||||
footer .footer-below {
|
footer .footer-below {
|
||||||
padding: 25px 0;
|
padding: 25px 0;
|
||||||
background-color: #233140;
|
background-color: #{{ site.color.secondary-dark }};
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-social {
|
.btn-social {
|
||||||
|
@ -428,7 +428,7 @@ footer .footer-below {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
height: 75px;
|
height: 75px;
|
||||||
margin-left: 35px;
|
margin-left: 35px;
|
||||||
background-color: #2c3e50;
|
background-color: #{{ site.color.secondary }};
|
||||||
-webkit-transform: rotate(45deg);
|
-webkit-transform: rotate(45deg);
|
||||||
-ms-transform: rotate(45deg);
|
-ms-transform: rotate(45deg);
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
|
@ -438,7 +438,7 @@ footer .footer-below {
|
||||||
z-index: 1052;
|
z-index: 1052;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
height: 75px;
|
height: 75px;
|
||||||
background-color: #2c3e50;
|
background-color: #{{ site.color.secondary }};
|
||||||
-webkit-transform: rotate(90deg);
|
-webkit-transform: rotate(90deg);
|
||||||
-ms-transform: rotate(90deg);
|
-ms-transform: rotate(90deg);
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
|
@ -5,30 +5,24 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="footer-col col-md-4">
|
<div class="footer-col col-md-4">
|
||||||
<h3>Location</h3>
|
<h3>Location</h3>
|
||||||
<p>3481 Melrose Place<br>Beverly Hills, CA 90210</p>
|
<p>
|
||||||
|
{% for adress in site.address %}
|
||||||
|
{{ adress.line }} <br>
|
||||||
|
{% endfor %}
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-col col-md-4">
|
<div class="footer-col col-md-4">
|
||||||
<h3>Around the Web</h3>
|
<h3>Around the Web</h3>
|
||||||
<ul class="list-inline">
|
<ul class="list-inline">
|
||||||
|
{% for network in site.social %}
|
||||||
<li>
|
<li>
|
||||||
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
|
<a href="{{ network.url }}" class="btn-social btn-outline"><i class="fa fa-fw fa-{{ network.title }}"></i></a>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-dribbble"></i></a>
|
|
||||||
</li>
|
</li>
|
||||||
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-col col-md-4">
|
<div class="footer-col col-md-4">
|
||||||
<h3>About Freelancer</h3>
|
<h3>Credits</h3>
|
||||||
<p>Freelance is a free to use, open source Bootstrap theme created by <a href="http://startbootstrap.com">Start Bootstrap</a>.</p>
|
<p>Freelance is a free to use, open source Bootstrap theme created by <a href="http://startbootstrap.com">Start Bootstrap</a>.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -38,7 +32,7 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12">
|
<div class="col-lg-12">
|
||||||
Copyright © Your Website 2014
|
Copyright © {{ site.title }} 20{{ site.time | date: '%y' }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -7,11 +7,8 @@
|
||||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||||
|
|
||||||
|
|
||||||
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
|
<!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
|
||||||
<link rel="stylesheet" href="{{ "/css/bootstrap.min.css" | prepend: site.baseurl }}">
|
<link rel="stylesheet" href="{{ "/style.css" | prepend: site.baseurl }}">
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
|
||||||
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
|
|
||||||
|
|
||||||
<!-- Custom Fonts -->
|
<!-- Custom Fonts -->
|
||||||
<link rel="stylesheet" href="{{ "/css/font-awesome/css/font-awesome.min.css" | prepend: site.baseurl }}">
|
<link rel="stylesheet" href="{{ "/css/font-awesome/css/font-awesome.min.css" | prepend: site.baseurl }}">
|
||||||
|
|
|
@ -41,7 +41,7 @@
|
||||||
<div class="col-lg-12">
|
<div class="col-lg-12">
|
||||||
<img class="img-responsive" src="img/profile.png" alt="">
|
<img class="img-responsive" src="img/profile.png" alt="">
|
||||||
<div class="intro-text">
|
<div class="intro-text">
|
||||||
<span class="name">Start Bootstrap</span>
|
<span class="name">{{ site.title }}</span>
|
||||||
<hr class="star-light">
|
<hr class="star-light">
|
||||||
<span class="skills">Web Developer - Graphic Artist - User Experience Designer</span>
|
<span class="skills">Web Developer - Graphic Artist - User Experience Designer</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,22 +3,13 @@
|
||||||
|
|
||||||
{% include head.html %}
|
{% include head.html %}
|
||||||
|
|
||||||
|
|
||||||
<body id="page-top" class="index">
|
<body id="page-top" class="index">
|
||||||
|
|
||||||
{% include header.html %}
|
{% include header.html %}
|
||||||
{% include portfolio_grid.html %}
|
{% include portfolio_grid.html %}
|
||||||
{% include about.html %}
|
{% include about.html %}
|
||||||
{% include contact.html %}
|
{% include contact.html %}
|
||||||
|
|
||||||
|
|
||||||
<!--
|
|
||||||
<div class="page-content">
|
|
||||||
<div class="wrap">
|
|
||||||
{{ content }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
|
|
||||||
{% include footer.html %}
|
{% include footer.html %}
|
||||||
{% include modals.html %}
|
{% include modals.html %}
|
||||||
{% include js.html %}
|
{% include js.html %}
|
||||||
|
|
|
@ -0,0 +1,2 @@
|
||||||
|
{% include css/bootstrap.min.css %}
|
||||||
|
{% include css/main.css %}
|
File diff suppressed because one or more lines are too long
|
@ -4,7 +4,7 @@ layout: default
|
||||||
|
|
||||||
<div class="home">
|
<div class="home">
|
||||||
|
|
||||||
<h1>Postsss</h1>
|
<h1>Posts</h1>
|
||||||
|
|
||||||
<ul class="posts">
|
<ul class="posts">
|
||||||
{% for post in site.posts %}
|
{% for post in site.posts %}
|
||||||
|
|
Loading…
Reference in New Issue