Giter VIP home page Giter VIP logo

geist's Introduction

Geist

Geist is a personal blogging theme for WordPress. This theme is a port of the Casper 2.0 theme for WordPress.

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

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) 2021 Chris Yee - Released under the GPL v2.0 license.

geist's People

Contributors

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

Watchers

 avatar

geist's Issues

Styling issue with avatar after single-page content

Hey,
I'm using the latest ''geist'' version (1.1.5) on my blog (thanks so much for this template ;)). It looks like the styling is a bit broken for avatar profile pictures (see https://blog.project-insanity.org/2020/09/24/10-unoffical-nixos-packages-worth-checking-out/ ):

2020-09-30-180615_grim

In the original Ghost 2.0 template the styling looks a bit different (see https://thomasehardt.com/welcome/ ):

2020-09-30-181239_grim

It's not a big thing but it would look better :)

Best regards
Jonas

Homepage

If change in wp options First page to primary not last posts, navigation does not exist

Paragraph Font Size

All first paragraph in posts are to big, how can I make they're looks normal?

Screenshot_20201003_192922

Support custom avatar pictures

Hey,
I tried to change the avatar picture with wp-user-avatar but this doesn't seem to have an effect on the profile picture in the theme. Is it possible to customize this?

Regards
Jonas

Category page

If no post in category and opet category only display footer

Fix theme check errors

  • REQUIRED: .wp-caption-text css class is needed in your theme css.
  • REQUIRED: .sticky css class is needed in your theme css.
  • REQUIRED: .gallery-caption css class is needed in your theme css.
  • REQUIRED: .bypostauthor css class is needed in your theme css.

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.