Git Product home page Git Product logo

hakyll-cssgarden's Introduction

hakyll-cssgarden

Description: This collection of styles aims to help haskell bloggers set up beautiful blogs with Hakyll static site generator by showcasing available themes.

For themes with custom site.hs, consider the hakyll-themes repo.

The examples in default_theme are using CSS to edit the default, out-of-the-box version of site.hs and templates/*.html that are created. The example in gallery is used to generate the gallery site.

Installation & Setup

To preview the themes locally, you can follow these steps:

  1. Install hakyll
    • with stack or
    • with cabal cabal install hakyll or
    • with nix nix-shell -p '(haskellPackages.ghcWithPackages (pkgs: with pkgs; [ hakyll ]))'
  2. clone this repo
  3. cd into default_theme
  4. compile ghc --make site.hs
  5. run server with ./site watch

Contributing

It's through community contributions that will continue to improve this collection. You can contribute in several ways.

  • Submitting theme: If you'd like to contribute your theme, fork the repo, create a new css file with your theme and place it in default_theme/css.

    • if you're using the out of the box site.hs and template files: add the file to the css directory under default_theme and add an option to the dropdown menu in default.html
    • if you're contributing a whole new theme with a custom site.hs file, please consider contributing to hakyll-themes
  • Issues: Provide a detailed report of any bugs you encounter, and open an issue on GitHub.

  • Documentation: If you'd like to fix a typo or enhance the docs, you can fork the project, make your changes, and submit a pull request.

  • Code: Make a fix and submit it as a pull request.

Author

Katherine Chuang

Thanks

Jasper Van der Jeugt for Hakyll

Hakyll-cssgarden Contributors

Copyright and license

  • Copyright 2015-2017 Katherine Chuang
  • Code released under the MIT License

hakyll-cssgarden's People

Contributors

katychuang avatar m0ru avatar

Watchers

 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.