Giter VIP home page Giter VIP logo

harmony's Introduction

Harmony

Harmony is a responsive jekyll theme.

  • Built for jekyll 2.x
  • Supports Google analytics and RSS feeds
  • Sass based styles
  • Browser support: IE 8+, Chrome, Safari and Firefox
  • Fluidly responsive

Contents

About jekyll

Jekyll is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes.

How to install/run

  1. Fork this repository.
  2. Clone it: git clone https://github.com/YOUR-USERNAME/harmony.
  3. If you're completely new to jekyll, please read more about Jekyll and Github pages.
  4. Change your directory into cloned repository.
  5. Run bundle install
  6. Edit the _config.yml on root directory. Change url property to to http://127.0.0.1:4000 since you are going to run on localhost.
  7. Run the jekyll server by having: jekyll serve --baseurl '' or rake preview

Point your browser to http://localhost:4000.

Note: If you are a windows user please refer to this nice website - http://jekyll-windows.juthilo.com/ by Julian Thilo to configure ruby + jekyll on windows.

Options/Usage

Harmony has some customizable options. All the configuration details are configured in _config.yml file under root of the harmony directory.

Feel free to change your name, descriptionn, meta_description, author details, social media names and Google analytics id accordingly.

# Harmony theme configuration. Please change accordingly.
harmony:
  name: Harmony
  # Little description about your site
  description: Harmony is free responsive jekyll theme.
  meta_description: Harmony is free responsive jekyll theme. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
  basetheme: theme-base-01 # pre defined the{{ site.url | prepend: site.baseurl }}mes are darken, blue-water, reddish.
  author: # Author details
    name: Gayan Virajith
    email: [email protected]
    url: http://gayanvirajith.github.io

  # Google Analytics key, leave blank to ignore
  google_analytics_key: UA-xxxx-x

  # Profile links, leave blank to ignore
  social: 
    github: gayanvirajith
    twitter: gayanvirajith
    facebook: gayanvirajith
    gplus: +GayanVirajith
    dribble: gayan
    pinterest: 
  # Toggle disclaimer in footer
  show_disclaimer: true

Includes

All the partial includes are under _includes directory.

Header navigation links

Feel free to add/edit links for your header in the file header-links.html.

Footer links

Customize your footer links by editing _includes/footer-links.html

Copyrights/Disclaimer statements

All copyright notes are under _includes/footer.html. Also note that you can toggle on/off copyright notes from the front-end by setting up show_disclaimer property in _config.yml.

Screenshots

Home page screenshot

Post page screenshot

Blog archive page screenshot

Feedback/Bugs/Suggestions

Please submit as an issue, I am happy to response back.

Version history

Version no. Description Date
1.0 Initial release 9th September 2014
1.0.1 v1.0.1 with minor bug fix 9th September 2014
1.0.2 v1.0.2 Optimize for Google 24th October 2014

License

Free / Open sourced under the MIT.

harmony's People

Contributors

axhm3a avatar gayanvirajith avatar ryan-mcbride avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

harmony's Issues

Footer should be fixed at bottom

The dark footer with About and FAQ links should be fixed at the bottom, there shouldn't be any white part under the footer. Instead this is what happens when the page content is little:
gayan_harmony

why bundle not ask by 'sudo' for install nokogiri

Hi, i am not a ruby specialist, but i ran bundle install and i get this:

An error occurred while installing nokogiri (1.6.6.2), and
Bundler cannot continue.
Make sure that gem install nokogiri -v '1.6.6.2' succeeds
before bundling.

and when i run gem install nokogiri -v '1.6.6.2' i get this

Fetching: nokogiri-1.6.6.2.gem (100%)
ERROR: While executing gem ... (Gem::FilePermissionError)
You don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

How to add rss feed to template?

This a bit silly, but being new to Jekyll I could not find how to mofify your theme (great one btw) in order to add a link for the RSS feed. _config.yml was changed to include information regarding the blog, but I now I don't know here and what to add so that there is a link to the rss feed in every post, or at least in the home page.

could you help me with this? Cheers.

Change theme?

Hi there Gayan!

I love this theme you've created and have forked it to create my own site.

One quick question:

In the _config.yml file, I found this:

basetheme: theme-base-01 # pre defined thmes are darken, blue-water, redish.

What exactly should I write to change the basetheme ?

I tried "darken" or "theme-base-darken" or "theme-darken", etc.

Thanks!

-Nicholas

Problem in running jekyll serve

Once I have cloned the theme I run "bundle install". It seems to be working successfully, I get this in the end:

Bundle complete! 3 Gemfile dependencies, 56 gems now installed.
Use bundle show [gemname] to see where a bundled gem is installed.

Then I run "jekyll serve", I get the below error:

Conversion error: Jekyll::Converters::Markdown encountered an error while converting '_posts/2014-07-28-welcome-to-jekyll.markdown/#excerpt':
Missing dependency: kramdown
ERROR: YOUR SITE COULD NOT BE BUILT:
------------------------------------
Missing dependency: kramdown

I install the gem using :
sudo gem install kramdown
it install successfully. However, "jekyll serve" still fails.

Following stack overflow suggestion (http://stackoverflow.com/questions/28574314/missing-gem-dependencies) to add gem 'kramdown' in Gemfile and then running bundle install did not help too..

I know kramdown is installed, I am not sure how to move ahead, any help would be great.

Thanks

cannot load such file -- jekyll/version (LoadError)

Hello,

I followed the directions on your site to install Jekyll with your theme, but I'm getting the following error when I attempt to run jekyll serve

WARN: Unresolved specs during Gem::Specification.reset:
      redcarpet (~> 3.1)
WARN: Clearing out unresolved specs.
Please report a bug if this causes problems.
/Users/username/.rbenv/versions/2.1.4/lib/ruby/gems/2.1.0/gems/jekyll-2.5.2/bin/jekyll:21:in `block in <top (required)>': cannot load such file -- jekyll/version (LoadError)
    from /Users/username/.rbenv/versions/2.1.4/lib/ruby/gems/2.1.0/gems/mercenary-0.3.5/lib/mercenary.rb:18:in `program'
    from /Users/username/.rbenv/versions/2.1.4/lib/ruby/gems/2.1.0/gems/jekyll-2.5.2/bin/jekyll:20:in `<top (required)>'
    from /Users/username/.rbenv/versions/2.1.4/bin/jekyll:23:in `load'
    from /Users/username/.rbenv/versions/2.1.4/bin/jekyll:23:in `<main>'

Any ideas as to what I could be doing wrong?

Missing dependency (?)

Trying install the theme, but it throws an error when im saying rake preview

jekyll serve --watch --drafts --baseurl '' --config _config.yml,_config-dev.yml
Configuration file: _config.yml
Configuration file: _config-dev.yml
  Dependency Error: Yikes! It looks like you don't have kramdown or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. The full error message from Ruby is: 'cannot load such file -- kramdown' If you run into trouble, you can find helpful resources at http://jekyllrb.com/help/! 
jekyll 3.1.2 | Error:  kramdown
rake aborted!
Command failed with status (1): [jekyll serve --watch --drafts --baseurl ''...]
/home/sveta/Projects/linuxenko.github.io/src/cms/Rakefile:5:in `block in <top (required)>'
Tasks: TOP => preview
(See full trace by running task with --trace)

Is it about some missing dependencies ? How i can fix it ? Thanks

No social-media buttons using firefox on os x.

Hi Gayan,

first of all: awesome theme! Simple but elegant and all the features I need.

I found a minor glitch but I'm still not sure where this is coming from. When i view your demo at http://gayan.me/harmony I cannot see any of the social media buttons in the footer. I am using Firefox 40.0.3 on an Macbook Pro.

When I visit the very same page via my smartphone all the buttons appear as expected.

I believe this might be an isse in main.css unfortunately i cannot find it. Maybe you can help?

Cheers,
Max

Screenshot Smartphone:
screenshot_2015-09-17-18-06-55

Screenshot Firefox:
harmony-desktop

http://127.0.0.1:4000

Dear Gayan,

Sorry to bombard you with questions. I think it is the last one :-)

I have a small problem with the links on my site.

In the header and the footer, I used something like this:

 <li>   <a href="{{ site.url }}/about">About</a><span>/</span>    </li>

From the main page: nreith.github.io or nicholasreith.com, and any other pages, the links all work.

... EXCEPT... when you are located on the blog page at nicholasreith.com/blog

In that case, all of the link urls in the header point to:

http://127.0.0.1:4000/pagename

Of course, pagename is "blog" "resources" etc.

Is there a reason why the blog page might use a different header? Is something stuck in a cache somewhere?

Best,

-Nicholas

Building Gaya theme gets undefined method `downcase' error

I forked and cloned your Gaya theme for Github websites then tried to build using rake preview which gives the following errors:

$ rake preview                                                                                                                                     ✹
bundle exec jekyll serve --watch --drafts --baseurl '' --config _config.yml,_config-dev.yml
Configuration file: _config.yml
Configuration file: _config-dev.yml
jekyll 3.2.1 | Error:  undefined method `downcase' for #<Hash:0x007fdc7823b408>
rake aborted!
Command failed with status (1): [bundle exec jekyll serve --watch --drafts ...]
/Users/vic/src/gaya/Rakefile:19:in `block in <top (required)>'
/Library/Ruby/Gems/2.0.0/gems/rake-11.3.0/exe/rake:27:in `<top (required)>'
Tasks: TOP => preview
(See full trace by running task with --trace)

Italics not showing up properly

Thanks for the great theme. I tried to use *italics* markdown in one of my draft posts and it shows up same as regular text (not sure if it is by design or if it is an issue).

I was able to fix it by editing layout file and adding these:

<style type="text/css">
            em { font-style: italic !important; }
</style>

Ugly code snippet font in Chrome on Ubuntu

Code snippets look really weird on Ubuntu like the image below, but fine on Windows. I had to delete Menlo and Monaco from the main.scss to make the code snippets appear decent. screenshot from 2016-01-30 01-30-56

Tags support

Hi Gayan,
first of all, thanks for the theme, is awesome!

Do you have any plan to implement tags support, as display them in posts and have possibility to see posts by tag?

Thank you!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.