adil
/
freelancer-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cleaned up some things. 

More parameters can be set from config file.
This commit is contained in:
Oliver Stapleton 2014-08-10 16:18:30 +02:00
parent b10d1d607b
commit 0b75986e6c
7 changed files with 52 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
_config.yml
View File

@ -1,28 +1,37 @@
# Site settings # Site settings
title: Your awesome title title: Freelancer
header:
tagline: Web Developer - Graphic Artist - User Experience Designer
about-left: 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.
about-right: 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!
credits: Freelance is a free to use, open source Bootstrap theme created by <a href="http://startbootstrap.com">Start Bootstrap</a>.
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."
# Color settings # Color settings (hex-codes without the leading hash-tag)
primary: 80B3FF #18bc9c color:
secondary: A2122F #233140 primary: 18bc9c #80B3FF
secondary-light: FD6E8A #2c3e50 secondary: 2c3e50 #FD6E8A
secondary-dark: 233140 #A2122F
# Social media usernames # Social mnetworks usernames (many more available: facebook, flickr, google-plus, dribbble, pinterest, instagram, tumblr, etc.)
twitter: jekyllrb social:
facebook: - title: twitter
google-plus: url: http://twitter.com/jekyllrb
linkedin: - title: bitbucket
dribbble: url: http://bitbucket.org/jekyll
flickr: - title: github
bitbucket: jekyll url: http://github.com/jekyll
github: jekyll
# Postal address # Postal address
address-line1: 3481 Melrose Place address:
address-line2: Beverly Hills, CA 90210 - line: 3481 Melrose Place
address-line3: - line: Beverly Hills, CA 90210
address-line4:
# Build settings # Build settings
markdown: kramdown markdown: kramdown

4
_includes/about.html
View File

@ -9,10 +9,10 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-4 col-lg-offset-2"> <div class="col-lg-4 col-lg-offset-2">
<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>{{ site.about-left }}</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>{{ site.about-right }}</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">

2
_includes/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

59
_includes/footer.html
View File

@ -6,69 +6,24 @@
<div class="footer-col col-md-4"> <div class="footer-col col-md-4">
<h3>Location</h3> <h3>Location</h3>
<p> <p>
{% if site.address-line1 %} {% for adress in site.address %}
{{ site.address-line1 }} {{ adress.line }} <br>
{% endif %} {% endfor %}
{% if site.address-line2 %}
<br>{{ site.address-line2 }}
{% endif %}
{% if site.address-line3 %}
<br>{{ site.address-line3 }}
{% endif %}
{% if site.address-line4 %}
<br>{{ site.address-line4 }}
{% endif %}
</p> </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">
{% if site.twitter %} {% for network in site.social %}
<li> <li>
<a href="{{ site.twitter }}" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a> <a href="{{ network.url }}" class="btn-social btn-outline"><i class="fa fa-fw fa-{{ network.title }}"></i></a>
</li> </li>
{% endif %} {% endfor %}
{% if site.facebook %}
<li>
<a href="{{ site.facebook }}" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
</li>
{% endif %}
{% if site.google-plus %}
<li>
<a href="{{ site.google-plus }}" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
</li>
{% endif %}
{% if site.linkedin %}
<li>
<a href="{{ site.linkedin }}" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
</li>
{% endif %}
{% if site.dribbble %}
<li>
<a href="{{ site.dribbble }}" class="btn-social btn-outline"><i class="fa fa-fw fa-dribbble"></i></a>
</li>
{% endif %}
{% if site.flickr %}
<li>
<a href="{{ site.flickr }}" class="btn-social btn-outline"><i class="fa fa-fw fa-flickr"></i></a>
</li>
{% endif %}
{% if site.bitbucket %}
<li>
<a href="{{ site.bitbucket }}" class="btn-social btn-outline"><i class="fa fa-fw fa-bitbucket"></i></a>
</li>
{% endif %}
{% if site.github %}
<li>
<a href="{{ site.github }}" class="btn-social btn-outline"><i class="fa fa-fw fa-github"></i></a>
</li>
{% endif %}
</ul> </ul>
</div> </div>
<div class="footer-col col-md-4"> <div class="footer-col col-md-4">
<h3>Credits</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>{{ site.credits }}</p>
</div> </div>
</div> </div>
</div> </div>

4
_includes/header.html
View File

@ -41,9 +41,9 @@
<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">{% if site.header %}{{ site.header }}{% else %}{{ site.title }}{% endif %}</span>
<hr class="star-light"> <hr class="star-light">
<span class="skills">Web Developer - Graphic Artist - User Experience Designer</span> <span class="skills">{{ site.tagline }}</span>
</div> </div>
</div> </div>
</div> </div>

24
_includes/main.css
View File

@ -22,7 +22,7 @@ a:focus,
a:active, a:active,
a.active { a.active {
outline: 0; outline: 0;
color: #{{ site.primary }}; 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: #{{ site.primary }}; background-color: #{{ site.color.primary }};
} }
hr.star-primary { hr.star-primary {
border-color: #{{ site.secondary-light }}; border-color: #{{ site.color.secondary }};
} }
hr.star-primary:after { hr.star-primary:after {
color: #{{ site.secondary-light }}; 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: #{{ site.primary }}; background: #{{ site.color.primary }};
} }
header .container { header .container {
@ -181,7 +181,7 @@ section h2 {
section.success { section.success {
color: #fff; color: #fff;
background: #{{ site.primary }}; 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: #{{ site.primary }}; 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: #{{ site.primary }}; 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: #{{ site.secondary-light }}; 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: #{{ site.secondary }}; 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: #{{ site.secondary-light }}; 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: #{{ site.secondary-light }}; 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);

3
_layouts/default.html
View File

@ -3,8 +3,7 @@
{% include head.html %} {% include head.html %}
<style>{% include main.css %}</style>
<style>{% include bootstrap.min.css %}</style>
<body id="page-top" class="index"> <body id="page-top" class="index">
{% include header.html %} {% include header.html %}