Git Product home page Git Product logo

steadystation's Introduction

Steady Station

A Grav theme.
getgrav.org

Things to do

Copy themes.steadystation.steadystation.yaml to config.themes.steadystation.yaml
Hours and Address can be multiline. Format them like a list and the theme will iterate over the list.

Modules

This theme has been reworked to use modular pages for every page. See below for brief desciption of how each module should be used.

Heading

This module is designed to be the very first and top module in the page stack. It's meant to only contain a H1 tag.

Text

This will be the most used module second to the heading. This module has styled paragraphs and headings.

Card

This module was designed to function as contact cards, but can be used for various applications.

Grid

This module displays a collection of subpages as thumbnails with a title and an image. The image in the subpage's folder should be name sample.jpg to properly be found and display.

Create a page collection in YAML:

content:
    items: '@self.children'

Optional links to subpages, add this to sub-page YAML:

link: true

Product

Submodule for Grid. Place an image named sample.jpg in this folder.

Grid Feature

This module displays a collection of subpages as thumbnails with a title and an image. The image in the subpage's folder should be name feature.jpg to properly be found and display.

Create a page collection in YAML:

content:
    items: '@self.children'

Optional links to subpages, add this to sub-page YAML:

link: true

Product

Submodule for Grid Feature. Place an image named feature.jpg in this folder.

Image Grid

This module fetches all images in the pages folder and displays them as a grid.
Add "column" to the page's YAML. 2-6 are valid values.

columns: 4

Feature

A module with a title on the left, a body of text on the right and a background image. The title on left is durived from the page title. The paragraph on the right is durived from the page content, and the background image grabs an image named background.jpg in the same page folder.

Video

This module is designed to hold an embedded YouTube video.

steadystation's People

Contributors

desult avatar

Watchers

James Cloos avatar  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.