GithubHelp home page GithubHelp logo

darkoarnautov / wall-e Goto Github PK

View Code? Open in Web Editor NEW

This project forked from abhn/wall-e

0.0 1.0 0.0 3.56 MB

A modern jekyll theme with grid frontpage, beautiful typography, mobile responsive, made with Semantic UI

Home Page: http://wall-e-jekyll.github.io/

License: Other

Ruby 0.21% HTML 90.00% CSS 7.89% JavaScript 1.91%

wall-e's Introduction

Wall-E

Wall-E is a modern Jekyll template with a magazine-like grid layout on the frontpage, beautiful typography and uncomplicated content.

Demo

wall-e-jekyll.github.io/

Contents

Features

  • Mobile responsive, built with Semantic UI, customization is easy
  • Disqus is integrated by default
  • One column layout suitable for personal blogs with focus on content
  • Beautiful typography (uses League Gothic and Open Sans)
  • Feature image can be added to homescreen post cards
  • Search box links to Google search by default

Usage

Wall-E is fully furnished right out of the box. To use this template on your blog

  • If this is your first Jekyll blog, follow this helpful guide to set up Jekyll.
  • Fork this repository, rename the fork as your-username.github.io. Your blog should immediately be live on https://your-username.github.io
  • Clone your fork
  • Delete everything in _posts directory. Delete the tmp directory.
  • Open _config.yml and set the variables
  • Open _includes/disqus.html and _includes/disqus-count.html and replace the value of disqus_shortname variable to your Disqus username
  • Run jekyll serve and your blog should be live on http://localhost:4000. Make changes, test them locally, commit your changes and push to your fork. Your changes should be live in a couple of seconds

Customization

  • _includes/author.html: Add your name, link to a profile picture and a short author description that appears on the bottom of each post. See Semantic Link docs.
  • _includes/card.html: Cards can be customized to show the essential info about a post (feature image, catagory, tags, comment count etc). See Semantic Card docs.
  • _includes/header.html: Replace the site logo here. Add/replace frequently visited pages and/or social links here.
  • _includes/footer.html: Add your copyrights, if any, here. Also link to the less frequently visited pages and/or social links here.
  • assets/css/main.css and assets/css/mobile.css: Global and mobile specific CSS files respectively
  • assets/js/main.js: Any common javascript goes here. If you wish to customize the search behaviour (for example, use a different search engine), that can be done here.

Screenshots (Desktop)

Homepage

Sample post

Screenshots (Mobile)

Homepage (Portrait)

Homepage (Landscape)

Sample post (Portrait)

Footer (Landscape)

Credits

License

Open sourced under the MIT license <3

wall-e's People

Contributors

abhn avatar jtemporal avatar

Watchers

James Cloos avatar

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.