Skip to content
minimalist theme built in React for Wordpress using Frontity
JavaScript CSS
Branch: master
Clone or download

README.md

Desert Jackalope

minimalist theme built in React for Wordpress using Frontity

Class name components

This theme is heavily focused on Gutenberg editor. Some layout is handled using generic components like columns etc. The styling is determined using additional CSS classes that are added in the editor. Classes such as:

  • resume (for resume download button)

Additional values added to global state/settings

In the frontity framework, server settings are defined as part of the theme object in state.

I have defined additional settings for the theme inside of src/index.js. These settings have default values and can be overwritten on a per server basis inside the frontity.settings.js file.

Here are some of the additional settings that have been defined in src/index.js.

Key Name Default Value What is it for?
state.theme.isBlog false denotes if theme should run as a blog (varied chronological content) versus a portfolio ( series of case studies with no chronological information included)
state.theme.colors object laying out default colors allows for adjustments in colorscheme
state.theme.newsletterURL my mailchimp url provides newsletter sign up component with necessary mailchimp URL
state.theme.footerlinks array of javascript objects allows the creation of a list of links to go in the footer

Component naming conventions

I'm trying to follow the AirBnB recommendations. I ain't perfect though and I've got my own personal taste so that's probably going to be reflected a bit in things. Let me know what you think, if you have suggestions for better ways to do things. I'm always interested in hearing more elegant ways of approaching my syntax/structure😊

TODO

  • make navigation clear overlay hero so that fade in looks better (how do do this while keeping components separate?)

  • make navigation have background on actual posts/pages

  • sticky header

  • gallery lightboxes

  • multimedia galleries

    • build gutenberg component
    • build frontity component to correspond
  • add parallax

  • fix weird dangerouslySetHTML issue? I hate the syntax of it at least

  • Blog compatible checklist

    • style front
    • create page for posts based on tags

    License

    licensed under Cooperative Work License v 1.0

You can’t perform that action at this time.