Giter Club home page Giter Club logo

kompact's Introduction

Kompact - A Free Kirby CMS Theme

Kompact is a Free Kirby CMS theme, built with a minimalistic approach in mind, so you can focus on the content.

Features

  • Minimal design with focus on typography and white space
  • Responsive typography
  • Smooth page transitions
  • Choose between Off-Canvas and Standard navigation
  • CodeKit config file included
  • No-JS fallbacks
  • SCSS structure for easy customisation of:
    • Colours
    • Typography
    • Spacings

Feedback is appreciated!

Demo & Download

๐Ÿ‘ Live Demo

๐Ÿ‘‰ Free Download

๐Ÿ”ฅ More Kirby CMS themes

Feedback

If you have any suggestions, feel free to drop me a line. Your feedback is appreciated!

Follow me on Twitter or go and check out my ๐Ÿ”ฅ premium Kirby CMS themes.

Have fun building a kooler web!

Changelog

March 26, 2017

  • Navigation Type Switcher is added. Go to Panel -> Site Options and choose if you'd like to keep the default Offcanvas navigation or to activate a Standard anchor navigation.

March 12, 2017

  • Added article.yml blueprint. This fixes #1.
  • Added avatars folder that makes it possible to upload avatars for your users in the panel. This fixes #2.

March 08, 2017

  • Added no-js fallback: the content won't be blocked if client's JavaScript is disabled.
  • The hamburger navigation will fallback to a regular horizontal menu without the offcanvas if the client's JavaScript is disabled.
  • Improved consistency for SCSS variable names.

March 05, 2017

  • Improved default.php markup.
  • Improved line-height.
  • Improved horizontal rhythm for article listings.
  • Improved blockquotes.

Customisation

If you use CodeKit, feel free to import the themeโ€™s folder to it and start making changes. CodeKit will handle the recompiling of SASS & JS thanks to the config.codekit3 file in the root directory.

You can easily change the colors and overall styles of the theme by editing and recompiling its /assets/sass styles. As youโ€™ll see the main colors are separated in /assets/sass/_palette.scss. From /assets/sass/components/_typography.scss you can easily change the font faces used for Kompact.

kompact's People

Contributors

yordanoff 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.