jeromelachaud/freelancer-theme

Jekyll theme based on Freelancer Start Bootstrap theme

Freelancer Jekyll theme

Jekyll theme based on Freelancer bootstrap theme

How to use

• Place a image in /img/portfolio/
• Replace [email protected] in _config.yml with your email address. Refer to formspree for more information.
• Create posts to display your projects. Use the follow as an example:

---
layout: default
modal-id: 1
date: 2020-01-18
img: cabin.png
alt: image-alt
project-date: January 2020
client: The Client
category: Web Development
description: The description of the project

---

Demo

View this jekyll theme in action here

Screenshot

---

For more details, read the documentation

freelancer-theme's Issues

It seems we cannot use markdown format in the posts

Hello Jerome,

Nice work on the freelancer -theme. I found it seems we can not use markdown format in the posts, right? Everything below the layout "---" setting in posts cannot show in the website. Any idea? Thank you.

Cheers,
Xiangming

CSS not working properly

Hello,

I am trying to create my own jekyll theme starting from this one (that, by the way, is very good 👍 ).
Currently, what I simply wanted to do was to reproduce your website in my own github.io page. So followed these steps:

• I cloned the repo
• I moved everything from branch master to my own master branch on alecive/alecive.github.io
• I ran jekyll serve --watch on that folder and I went to http://localhost:4000/ in order to see it

The website seems to run properly, but there are some problems with the styling: the webpage has a completely white background, and it is not possible at all to see the various buttons. Also some fonts are messed up. Here is a screenshot:

I'm a jekyll newbie, so correct me if I'm wrong in some steps. I'm using Ubuntu 14.04 and the problem happens both with firefox and chrome.

Contact form no longer working

Hi
I've downloaded this theme a while ago and everything was working perfectly including the contact form which did redirect to a certain site to send emails.
But it is no longer working and gives the error i encountered with other themes before i used this one:

Sorry, it seems that my mail server is not responding. Please try again later!

How to fix it, or what is going on?
Thanks

Your theme is listed in jekyllthemes.ru

Your theme has been listed on http://jekyllthemes.ru/.

list in post description?

Is it possible to use lists in the post description?

• list entry 1
• list entry 2
• ...

Your theme is listed in jekyll-themes.com

Your theme has been listed on https://jekyll-themes.com/.

Shouldn't it be MIT license

The original theme is MIT - why did you change the licence?

a way to optimize

I use this theme for my personal site. Then i try to analyze with google pagespeed and there is a way to optimize the site. You can find here the suggestion https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fjeromelachaud.github.io%2Ffreelancer-theme%2F&tab=mobile
The most relevant problem is with CSS. There is a way to have the same result without CSS?

See more/different images when opening a project in portfolio section?

Hello,
I'm wondering if it is possible to have a different image open when you click on a thumbnail to view the image in the Portfolio section?

Thanks!

Invalid Date: '' is not a valid datetime. Liquid Exception: exit in feed.xml

I've cloned the latest build today and get Invalid Date: '' is not a valid datetime. when I run either serve or build commands.

I deleted the file called feed.xml anf the the build then ran. Obviouslly a problem in that file somewhere. Anyone know where?

Layout Broken Due to Missing Files

Hi there,

I just loaded up my portfolio to find the layout very broken due to missing files:

Screenshot:

Errors:

It seems the server-side css and js files have been moved, breaking the layout. I have fixed it easily by pointing to alternative versions of these files in other locations in head.html but I recommend that you point to canonical/official versions of the files so layouts don't break every time files are moved.

Site Rendering Issue

Hi.
I just started using this theme.
I already have a Jekyll theme running on https://bidyutchanda.github.io.
I wanted to make a gh-pages branch portfolio and host at https://bidyutchanda.github.io/portfolio.

But the whole site is not being rendered properly.

This is what I get.

startbootstrap link in modals

Why is the link to startbootstrap hard-coded into the modals file (for the client, date and category)? Surely we should be able to specify these in the post files.

Social networks usernames

What specific Social networks are available? Thank you

Support Jekyll 4.0

Dear all,

I am new to Jekyll and I would really love to use this theme.
Is there planned the support for Jekyll 4.x?

Thanks in advance 🙂

Linkedin icon in link

Thank you for this great theme, it was exactly what I was looking for! It works great (even for a beginner like me). The only problem I have is that I can't get the Linkedin icon in the Linkedin button (witch works!) I changed the _config.yml as follows:
social:

- title: twitter

url: http://twitter.com/jekyllrb

• title: Linkedin
  url: https://www.linkedin.com/in/aaaaaaa
  What I'm doing wrong?
  I installed the zip-flile at my provider who supports Jekyll-compatible sites (see link below)
  https://soverin.net/help/docs/editor/

scroll in project page

Hi,

Thanks for creating and sharing this amazing template. I'd like to use it to show my project experiences and my project summaries are bit long that doesn't fits into one page. Current version doesn't support scrolling in the project page and I wonder how could I add this functionality to it?

-Yi

Trying to add a new section

I am trying to add a new section to the webpage. I added the required CSS stuff in main.css and have a new HTML file in the include folder and included a line to call the file in default.html. Do I need to change something else because the spacing between the two sections is not proper and the sections are overlapping? Any pointers on what to do would be appreciated!
Thanks :)

remove header section?

Love this template, and I'd like to use it for my project page; so I want to remove the header section, did some test with no luck.

thanns

btn-success primary color not retrieved from _config yaml

I noticed while customizing my template that class btn-success will not pull the colors defined in _config.yml, since bootstrap.min.css has these defined:

background-color:#128f76;border-color:#11866f

I was thinking of changing it to this for my purposes:

background-color:#{{site.color.primary-dark}};border-color:#{{site.color.primary}}

And defining primary-dark in _config.yml

Happy to submit a pull request for it if interested (should I modify bootstrap.min.css directly?)

Thanks

freelancer-jekyll-theme: installation problem

I have just installed jekyll-theme freelancer into my local folder c://edicrc/freelancer-theme but there is a problem

My step:

1. download freelancer-jekyll-theme
2. Run command "jekyll serve"
3. This message appears
   "$ jekyll serve
   fatal: not a git repository (or any of the parent directories): .git
   C:/Ruby26-x64/lib/ruby/gems/2.6.0/gems/bundler-2.0.2/lib/bundler/resolver.rb:287:in `block in verify_gemfile_dependencies_are_found!': Could not find gem 'rake (~> 10.0) x64-mingw32' in any of the gem sources listed in your Gemfile. (Bundler::GemNotFound)
   ...etc
   "
   any ideas why?

Multiple images in portfolio modal

Hi, I'm wondering how I can include multiple images in a portfolio modal? I'd like to be able to click on the modal thumbnail and bring up 3-5 images and some paragraph text explaining the images. I tried using markdown, but that doesn't seem tow ork. Any help would be much appreciated!

How do you get different title and header?

At the moment whatever I write on "title:" in the yaml file appears both in the front center, and in the header. But I would like them to be different. Like header just my name, while center, something like "portfolio"

html-proofer dependency issue

Forget it. Just needs git installed.

Adding social icon for Medium

Hey,

I am really enjoying the new theme. I add Medium to the social "around the web" footer. It navigates to the website correctly but the icon is missing. I cannot seem to find the place to add a social icon.
Any help would be much appreciated!

Thanks

Navigation bar issue

Hi people, thanks for the Freelancer on Jekyll theme.

I just wanna know if someone could please help me with this issue. I'm a little noob and i want to display the nav bar as the live preview exactly.

Thanks :)

Cross-site scripting (XSS) - Security vulnerability.

Hello Jerome,

First of all,
My name is Jacob and i'm security researcher, i would like to say nice work on the freelancer -theme.
I came across your theme recently and I have found vulnerability named XSS in contact_me.js
Cross-site Scripting (XSS) refers to client-side code injection attack wherein an attacker can execute malicious scripts (also commonly referred to as a malicious payload) into a legitimate website or web application.
It occurs because the user input isnt sanitized, (FirstName).
POC -

Change font and icons

Hi, many thanks for your template!! I was going through past issues and nobody has asked for a little bit more of personalisation so I thought it might be useful.

I was wondering if it would be possible to change the font and what would be the best way to do so. Also, would it be possible to replace the stars by any other icon? Or something simpler like a dot or just remove them to have a single line?

Thanks in advance!

Centering .png image

Centering an image (.jpg) in header.html works just fine:

<!-- Header -->
<header>
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <img class="img-responsive" src="img/<image-name>.jpg" alt="">
              </div>
        </div>
    </div>
</header>

But why is an image (.png) in about.html left aligned?

<section class="success" id="about">
    <div class="container">
        <div class="row">
	<div class="col-lg-12 text-center">
               <img class="img-responsive text-center" src="img/skill_stack.png" alt="">
	</div>
        </div>
    </div>
</section>

LIcence

Hello , my name is yeison , I want to know what kind of license is the template , because I would like to use on my website (I'm organizer ibaguejs )

_config.yml, description and meta_author not working

Describe the bug
Trying to changed the description and meta_author, but when trying to share the link it still shows the template description and "First Lastname".

Before

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."
meta_author: LastName FirstName

After

description: "Foo Bar Baz"
meta_author: foo bar

1. Edit description and meta_author in _config.yml
2. Push to github to update gh-pages
3. Wait for Actions to update site
4. Open the website xxx.github.io
5. Share the link to Telegram or any app what shows meta_data

Expected behavior
Changed description and will show new description.

Screenshots

Desktop (please complete the following information):

• OS: MacOS Montery 12.6
• Browser: Brave Version 1.46.140 Chromium: 108.0.5359.99 (Official Build) (arm64)
• Ruby version: ruby 2.6.8p205 (2021-07-07 revision 67951) [universal.arm64e-darwin21]

gemspec requires old bundler

Current bundler is 2.x, however freelancer-theme-jekyll.gemspec contains spec.add_development_dependency "bundler", "~> 1.12".

I hacked around it for now by removing the version requirement. (I'd have submitted a PR if I knew what the intended behaviour was.)

Social icons not showing up

The social icons under the 'Around the web' are not opening.

Static contact email is broken

The email address for the static contact is [email protected] instead of the site email.

CSS troubles while implementing

SO entry: https://stackoverflow.com/questions/35838419/css-files-doesnt-work-as-expected-on-a-jekyll-site

CSS and JS files work fine on locahost, when pushed to gh-pages no css is rendered

I can't seem to get your theme working on gh-pages. It works fine locally, but once pushed to gh-pages, all styling is gone.

Any ideas? Did I miss a few steps to deploying to gh-pages?

Project modals 5 and 6 Mixed up

Hi,
In the portfolio section the modal-ids are mixed up between 5 and 6. #

GoogleMap in modal

Hi,
Thanks for your great work. I've chosen it since it matches my requirements nearly 100%.

However, I'm not able to add a Google Map div into the modal posts so that when you open each post, it shows a Google Map of specific location.

I've added two more attributes to post: post.latand post.lng. And the problem is with the moment of render the map. It appears that once you load the whole page, it tries to load the map but since the modal is not opened, it is created with bad height&width. And once you open the modal, the map is rendered in grey box so the map itself is not displayed.

Could you please add this feature support? How could I achieve it?

Thanks!

Demo page isn't loading CSS or JS

Demo page is not loading the CSS for some reason.

This most likely is related to PR #28.

close via Escape keyboard button

I've noticed that one cannot close the modal with escape key.
It seems an old bug in bootstrap. However the tabindex="-1" thing is neither working.

profile.png doesn't show up after customization

Issue deploying the template

Hi,
I am trying to deploy the template here (Github repo).
But unfortunately, for some reason, it is not able the find the ccs files and js.

Could you please let me know the best way to fix this?

Thank you very much!

Change main image

Which parameter must be tweaked and in which file to change the main image of the site?
The image which is currently a man with a moustache?

Help me for installation

could help as I can install this theme, I'm learning boostrap. I uploaded the template however achievement not link the page with the domain

https://2no.co/1BRzz7

_data missing for jekyll-data dependency

I'm getting the following error when attempting to use the freelancer theme

Error:  no implicit conversion of nil into String

When running the trace I can narrow it down to an error when initializing the jekyll-data plugin

Traceback (most recent call last):
        20: from /Users/bkelley/.rvm/gems/ruby-2.6.3/bin/ruby_executable_hooks:24:in `<main>`
        19: from /Users/bkelley/.rvm/gems/ruby-2.6.3/bin/ruby_executable_hooks:24:in `eval`
        18: from /Users/bkelley/.rvm/gems/ruby-2.6.3/bin/jekyll:23:in `<main>`
        17: from /Users/bkelley/.rvm/gems/ruby-2.6.3/bin/jekyll:23:in `load`
        16: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-3.8.6/exe/jekyll:15:in `<top (required)>`
        15: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/mercenary-0.3.6/lib/mercenary.rb:19:in `program`
        14: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/mercenary-0.3.6/lib/mercenary/program.rb:42:in `go`
        13: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `execute`
        12: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `each`
        11: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `block in execute`
        10: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-3.8.6/lib/jekyll/commands/build.rb:18:in `block (2 levels) in init_with_program`
         9: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-3.8.6/lib/jekyll/commands/build.rb:30:in `process`
         8: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-3.8.6/lib/jekyll/commands/build.rb:30:in `new`
         7: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-3.8.6/lib/jekyll/site.rb:34:in `initialize`
         6: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-3.8.6/lib/jekyll/hooks.rb:102:in `trigger`
         5: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-3.8.6/lib/jekyll/hooks.rb:102:in `each`
         4: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-3.8.6/lib/jekyll/hooks.rb:103:in `block in trigger`
         3: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-data-1.1.0/lib/jekyll-data.rb:50:in `block in <top (required)>`
         2: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-data-1.1.0/lib/jekyll-data.rb:50:in `new`
         1: from /Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-data-1.1.0/lib/jekyll-data/reader.rb:10:in `initialize`
/Users/bkelley/.rvm/gems/ruby-2.6.3/gems/jekyll-data-1.1.0/lib/jekyll-data/reader.rb:10:in `join`: no implicit conversion of nil into String (TypeError)

jekyll-data issue 34 states that if a theme is using the jekyll-data plugin it should have a _data directory at the root. This issue appears to have been resolved in v1.1.0.

But I'm not sure if this dependency is required, if so could it get updated to v1.1.0 and if not, could it get removed?

Font Awesome Icon Bug with Fix

Bug

The default overflow property for <hr> in some versions of Chrome, Edge and IE is hidden. This results in the following css not rendering properly - the Font Awesome star icon specified in 'content' in hr.star :after (content: "\f005") does not display.

File

_includes/css/main.css

CSS

hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

hr.star-light:after,
hr.star-primary:after {
    content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
}

Fix / Solution

To fix the above issue (have the FA star icon render in the header) specify the overflow property in hr.star CSS as 'visible'.

hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
/* Added overflow property and set to 'visible' */
    overflow: visible;
}

Best,
Vidya

changing navbar default background

Hi i want to say thanks in advance and then ask where i can change this default color as i dont find where is it generated when building the site (the black rectangle around portfolio )

Email form not working

I'm getting "Sorry %username%, it seems that my mail server is not responding. Please try again later!" error all the time. Here is my code https://github.com/jeromelachaud/freelancer-theme/blob/master/_includes/contact_static.html , I used version of theme from gh-pages branch, maybe that's the reason? And is it possible to use master theme to host via github pages?