Merge pull request #1 from st4ple/master
Extended configurability for colors, etc
This commit is contained in:
Jerome Lachaud
commit
d18499cb14
28
_config.yml
28
_config.yml
|
|
@ -1,9 +1,31 @@
|
|||
# Site settings
|
||||
title: Your awesome title
|
||||
title: Freelancer
|
||||
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."
|
||||
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
|
||||
markdown: kramdown
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -22,7 +22,7 @@ a:focus,
|
|||
a:active,
|
||||
a.active {
|
||||
outline: 0;
|
||||
color: #18bc9c;
|
||||
color: #{{ site.color.primary }};
|
||||
}
|
||||
|
||||
h1,
|
||||
|
|
@ -63,15 +63,15 @@ hr.star-light {
|
|||
|
||||
hr.star-light:after {
|
||||
color: #fff;
|
||||
background-color: #18bc9c;
|
||||
background-color: #{{ site.color.primary }};
|
||||
}
|
||||
|
||||
hr.star-primary {
|
||||
border-color: #2c3e50;
|
||||
border-color: #{{ site.color.secondary }};
|
||||
}
|
||||
|
||||
hr.star-primary:after {
|
||||
color: #2c3e50;
|
||||
color: #{{ site.color.secondary }};
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -82,7 +82,7 @@ hr.star-primary:after {
|
|||
header {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #18bc9c;
|
||||
background: #{{ site.color.primary }};
|
||||
}
|
||||
|
||||
header .container {
|
||||
|
|
@ -181,7 +181,7 @@ section h2 {
|
|||
|
||||
section.success {
|
||||
color: #fff;
|
||||
background: #18bc9c;
|
||||
background: #{{ site.color.primary }};
|
||||
}
|
||||
|
||||
@media(max-width:767px) {
|
||||
|
|
@ -265,7 +265,7 @@ section.success {
|
|||
.btn-outline:active,
|
||||
.btn-outline.active {
|
||||
border: solid 2px #fff;
|
||||
color: #18bc9c;
|
||||
color: #{{ site.color.primary }};
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -318,7 +318,7 @@ section.success {
|
|||
}
|
||||
|
||||
.floating-label-form-group-with-focus label {
|
||||
color: #18bc9c;
|
||||
color: #{{ site.color.primary }};
|
||||
}
|
||||
|
||||
form .row:first-child .floating-label-form-group {
|
||||
|
|
@ -335,7 +335,7 @@ footer h3 {
|
|||
|
||||
footer .footer-above {
|
||||
padding-top: 50px;
|
||||
background-color: #2c3e50;
|
||||
background-color: #{{ site.color.secondary }};
|
||||
}
|
||||
|
||||
footer .footer-col {
|
||||
|
|
@ -344,7 +344,7 @@ footer .footer-col {
|
|||
|
||||
footer .footer-below {
|
||||
padding: 25px 0;
|
||||
background-color: #233140;
|
||||
background-color: #{{ site.color.secondary-dark }};
|
||||
}
|
||||
|
||||
.btn-social {
|
||||
|
|
@ -428,7 +428,7 @@ footer .footer-below {
|
|||
width: 1px;
|
||||
height: 75px;
|
||||
margin-left: 35px;
|
||||
background-color: #2c3e50;
|
||||
background-color: #{{ site.color.secondary }};
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
|
|
@ -438,7 +438,7 @@ footer .footer-below {
|
|||
z-index: 1052;
|
||||
width: 1px;
|
||||
height: 75px;
|
||||
background-color: #2c3e50;
|
||||
background-color: #{{ site.color.secondary }};
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
|
|
@ -5,30 +5,24 @@
|
|||
<div class="row">
|
||||
<div class="footer-col col-md-4">
|
||||
<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 class="footer-col col-md-4">
|
||||
<h3>Around the Web</h3>
|
||||
<ul class="list-inline">
|
||||
{% for network in site.social %}
|
||||
<li>
|
||||
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></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>
|
||||
<a href="{{ network.url }}" class="btn-social btn-outline"><i class="fa fa-fw fa-{{ network.title }}"></i></a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -38,7 +32,7 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
Copyright © Your Website 2014
|
||||
Copyright © {{ site.title }} 20{{ site.time | date: '%y' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,8 @@
|
|||
<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/ -->
|
||||
<link rel="stylesheet" href="{{ "/css/bootstrap.min.css" | prepend: site.baseurl }}">
|
||||
|
||||
<!-- Custom CSS -->
|
||||
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
|
||||
<!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
|
||||
<link rel="stylesheet" href="{{ "/style.css" | prepend: site.baseurl }}">
|
||||
|
||||
<!-- Custom Fonts -->
|
||||
<link rel="stylesheet" href="{{ "/css/font-awesome/css/font-awesome.min.css" | prepend: site.baseurl }}">
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@
|
|||
<div class="col-lg-12">
|
||||
<img class="img-responsive" src="img/profile.png" alt="">
|
||||
<div class="intro-text">
|
||||
<span class="name">Start Bootstrap</span>
|
||||
<span class="name">{{ site.title }}</span>
|
||||
<hr class="star-light">
|
||||
<span class="skills">Web Developer - Graphic Artist - User Experience Designer</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,22 +3,13 @@
|
|||
|
||||
{% include head.html %}
|
||||
|
||||
|
||||
<body id="page-top" class="index">
|
||||
|
||||
{% include header.html %}
|
||||
{% include portfolio_grid.html %}
|
||||
{% include about.html %}
|
||||
{% include contact.html %}
|
||||
|
||||
|
||||
<!--
|
||||
<div class="page-content">
|
||||
<div class="wrap">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
{% include footer.html %}
|
||||
{% include modals.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">
|
||||
|
||||
<h1>Postsss</h1>
|
||||
<h1>Posts</h1>
|
||||
|
||||
<ul class="posts">
|
||||
{% for post in site.posts %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue