Giter VIP home page Giter VIP logo

solid-jekyll's Introduction

Solid. A Bootstrap theme for Jekyll.

Screenshot

This is a Jekyll port of the Solid theme by blacktie.co. Visit the live demo for a preview.

Usage

This theme can be customized, built and published straight from GitHub, thanks to GitHub Pages. A local installation of Jekyll isn't even necessary!

Fork this repository to get started.

Customize

Most general settings and data like site name, colors, address, etc. can be configured and changed right in the main config file: /_config.yml The content of the Home page can be changed here: /home.html The content of the About page can be changed here: /about.html The content of the Portfolio page can be changed here:/portfolio.html The content of the Contact page can be changed here:/contact.html

Add content

Delete the demo content and publish your own content.

Blog post

Create a Blog post by creating a file called yyyy-mm-dd-name-of-post-like-this.markdown in the /_posts/blog/ directory with the following template:

---
layout: post          #important: don't change this
title: "Name of post like this"
date: yyyy-mm-dd hh:mm:ss
author: Name
categories:
- blog                #important: leave this here
- category1
- category2
- ...
img: post01.jpg       #place image (850x450) with this name in /assets/img/blog/
thumb: thumb01.jpg    #place thumbnail (70x70) with this name in /assets/img/blog/thumbs/
---
This text will appear in the excerpt "post preview" on the Blog page that lists all the posts.
<!--more-->
This text will not be shown in the excerpt because it is after the excerpt separator.
Project post

Create a Project post to go in your Portfolio by creating a file called yyyy-mm-dd-name-of-the-project.markdown in the /_posts/project/ directory with the following template:

---
layout: project       #important: don't change this
title:  "Name of the project"
date: yyyy-mm-dd hh:mm:ss
author: Name
categories:
- project             #important: leave this here
img: portfolio_10.jpg #place image (600x450) with this name in /assets/img/project/
thumb: thumb02.jpg
carousel:
- single01.jpg        #place image (1280x600) with this name in /assets/img/project/carousel/
- single02.jpg  
- ...
client: Company XY
website: http://www.internet.com
---
#### This is a heading
This is a regular paragraph. Write as much as you like.
Question entry

Create a Question entry (that is listed in the Frequently Asked section on the Home page) in this directory by creating a file called yyyy-mm-dd-do-i-have-a-question.markdown in the /_posts/project/ directory with the following template:

---
layout: question
title:  "Do I have a question?"
date: yyyy-mm-dd hh:mm:ss
author: First Last
categories:
- question            #important: leave this here
---
#### Can I use this theme for my website?
Of course you can!

Publish

To publish with GitHub Pages, simply create a branch called gh-pagesin your repository. GitHub will build your site automatically and publish it at http://yourusername.github.io/repositoryname/.
If there are problems with loading assets like CSS files and images, make sure that the baseurl in the _config.ymlis set correctly (it should say /repositoryname).

If you want to host your website somewhere else than GitHub (or just would like to customize and build your site locally), please check out the Jekyll documentation.

License

This theme is licensed under CC BY 3.0.

solid-jekyll's People

Contributors

drkokandy avatar johnrlive avatar spikeheap avatar st4ple avatar szanlongo avatar tart2000 avatar tmas avatar tobiasvl 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  avatar  avatar  avatar  avatar  avatar  avatar

solid-jekyll's Issues

CSS not working in production

I'm able to edit the css and see it working in my local environment, but when I push to Github it isn't working. Everything seems to be hooked up correctly in the config file so I'm a bit lost on what's the issue here. Any help is appreciated.

Thanks_ Jaythan

Randomize Related Works?

On the project page, there's a section underneath for Related Works. The default setting is to show the first 5 related works in descending order:

/_layouts/project.html
{% include portfolio.html title="Related Works." limit=5 %}

Is there a way to randomize the projects that appear in this section so that it takes 5 (or however many I set the limit too) random projects (assuming they are related) from the total projects instead of listing the same projects in descending order?

Failed to load resource: modernizr.js

I forked the repo and published the website, but my website looks different and there was a console error:

"Failed to load resource: the server responded with a status of 404 (Not Found) modernizr.js"

Where can I find this file?

This is how my website looks like

selection_023

A Misstake

issue
When I tried to download, the 360 security housekeeper reminded me that the content might contain a Trojan horse
I am sorry to tell you, and think that it may include some files with a wrong setting liable to misunderstanding

@st4ple

If I try this with the latest jekyll 3 beta 8 get several Liquid exceptions

If I manually remove the offending ones I can find, the site's css still doesn't build for another liquid exception.

$ jekyll serve
Configuration file: /Users/blablabla/_config.yml
Source: /Users/blablabla
Destination: /Users/blablabla/_site
Incremental build: enabled
Generating...
Liquid Exception: Liquid syntax error: Unexpected character   in "{{ site.email }}" in contact.html
jekyll 3.0.0.pre.beta8 | Error: Liquid syntax error: Unexpected character   in "{{ site.email }}"

Markdown in Projects not rendering

I'm experimenting with the solid theme. Everything seems to be working except the project's content isn't being rendered as markdown. (Instead of seeing html headings I'm seeing hashes).

Any suggestions?

Categories and tags in _posts

Hi,

Great job with porting the Solid template. :)
Just wondering if you managed to generate a list with categories/tags (for the blog sidebar)
without using a plugin (for hosting on GitHub)?
Thanks

Set up very much as a port

The way this is set up seems a lot like jekyll was shoehorned into the original theme. It's functional, but stuff like the about page is basically build completely in HTML when it should really be under a standard page template to fully embrace jekyll.

Logo image on navbar

Is it possible to add a logo image just before site title in navbar?

Thank's in advance and very nice job!

Demo

Demo link seems to be dead now. Any new one?

Add a license

This is a cool project, but as it is right now, it has not been clearly licensed. This is especially interesting since it is a port of an existing work (i.e. the Solid theme). The original theme is licensed as CC BY 3.0 (which does not allow sublicensing), but you'd license the additional work. It may make things easier to just go with CC BY 3.0 as well.

Help with Pagination

For the blog section, I'm having a difficult time getting the Pagination to work. I made the changes to the _config file, but when I check _site, I only have a blog folder with all the posts in it, there aren't pageN folders.

Any help would be great!

Thanks

Mobile menu button not working

WechatIMG24

When I view the website on my iPhone and tried to click on the menu button, it does not respond or show anything. Would you please fix that?

Contact form field input type & ids

Some of the demo contact form fields have input type="email" when they are text fields. This causes validation to kick an alert if the name field doesn't have an @ in it.

A few of the input id were duplicately named email, these should match the label for consistency.

PR forthcoming.

Contact form not functional

Is the default contact form just for show? Doesn't seem to be functional from my tests after changing the email parameter in _config.yml

How would you make the contact form functional if this is the case?

How to center portfolio?

I'd like to have fewer projects showcased than can fill an entire row. Any idea how to center the portfolio? <div class="recentitems portfolio"> seems to always align left.

Thanks!

<div id="portfoliowrap">
    <div class="portfolio-centered">
    {% if include.title %}<h3>{{ include.title }}</h3>{% endif %}
    <div class="recentitems portfolio">
    {% for project in site.projects limit:include.limit %}
                <div class="portfolio-item graphic-design">
                    <div class="he-wrap tpl6">
                    <img src="{{ "/assets/img/project/" | prepend: site.baseurl }}{{ project.img }}" alt="">
                        <div class="he-view">
                            <div class="bg a0" data-animate="fadeIn">
                                <h3 class="a1" data-animate="fadeInDown">{{ project.title }}</h3>
                                <a data-rel="prettyPhoto" href="{{ "/assets/img/project/" | prepend: site.baseurl }}{{ project.img }}" class="dmbutton a2" data-animate="fadeInUp"><i class="fa fa-search"></i></a>
                                <a href="{{  project.url | prepend: site.baseurl }}" class="dmbutton a2" data-animate="fadeInUp"><i class="fa fa-link"></i></a>
                            </div><!~~ he bg ~~>
                        </div><!~~ he view ~~>
                    </div><!~~ he wrap ~~>
                </div><!~~ end col-12 ~~>
            {% endfor %}
        </div><!-- portfolio -->
    </div><!-- portfolio container -->
</div><!--/Portfoliowrap -->```

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.