Code Monkey home page Code Monkey logo

geist's Introduction

Geist

Geist is a personal blogging theme for WordPress. This theme is a port of Casper the default theme for the Ghost blogging platform.

Feel free to let me know if you use Geist in one of your websites.

View Demo | Download Theme

Geist Screenshot

Features

Requirements

Install

  1. In your admin panel, go to Appearance > Themes and click the Add New button.
  2. Click Upload Theme and Choose File, then select the theme's .zip file. Click Install Now.
  3. Click Activate to use your new theme right away.

Dark Mode

Dark mode is not enabled by default. To enable this feature go to Appearance > Customize > Dark Mode.

Light

This will display the theme in light mode for everyone.

Dark (auto)

This will automatically adjust the appearance based on the users OS appearance/color preference.

Editing Geist

The recommended way to edit the theme is to create a child theme.

This will ensure that none of your changes will be lost when you update the theme.

Development

The CSS and JS files are compiled and minified using Gulp. You'll need Node, Yarn and Gulp installed globally.

From the theme's root directory run:

$ yarn install
$ yarn dev

Now you can edit files in /css/ and /js/, which will be compiled to /built/ automatically.

The zip Gulp task packages the theme files into dist/geist.zip, which you can then upload to your WordPress site.

$ yarn zip

SVG Icons

Geist uses inline SVG icons, included. You can find all icons inside /template-parts/icons.

To use an icon just use the get_template_part() function:

<?php get_template_part('template-parts/icons/website'); ?>

Third-party resources:

Casper, Copyright (c) 2013-2019 Ghost Foundation
License: MIT license.
Source: https://github.com/TryGhost/Casper

_s, Copyright 2015-2018 Automattic, Inc.
License: GPLv2 or later
Source: https://github.com/Automattic/_s/

FitVids, Copyright 2013 Chris Coyier and Dave Rupert
License: WTFPL
Source: https://github.com/davatron5000/FitVids.js

License

Geist, Copyright (c) 2020 Chris Yee - Released under the GPL v2.0 license.

geist's People

Contributors

christophery avatar dependabot[bot] 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.