shefalinayak/pitter-pattern

Catalog of geometric patterns with cultural and mathematical context

pitter-pattern's Issues

Styling for pattern tiles

• Color on hover: On the home page, patterns should be grayscale until you hover/tab to them, and then they should transition to be in color. Similar effect to the one here but without text labels for tiles
  • only for devices that support hover, selector: @media not all and (hover: none)
  • on mobile, all tiles full color by default
  • color should be triggered on both :hover and :focus
  • do not get rid of focus border
• Tile layout: Using CSS Grid, layout tiles on the page
  • tiles should be square, 1em gap
  • three columns
• Accessibility:
  • images should have alt text
  • tiles should be elements of an unordered list

Setup Jekyll site

Setup repo as a Jekyll site hosted on GH Pages

Design for pattern pages

TBD

Create About page and footer

Let people know what this site is about!

• Add an about page, which should contain:
  • detailed description of the project
  • copyright information
  • contributors list, refer to all-contributors
• Link to about page at the end of home page project description: "Learn more"
• Also add footer with basic project details: "Created by Shefali Nayak. View on Github"

Out of scope:

• adding About to some kind of consistent navigation element

Add project to main website

• Create tiling image
• Add project to home page

Name: Catalog of Geometric Patterns
Description: Patterns with mathematical and cultural context

Add header/breadcrumbs on pattern pages

Pattern pages should have breadcrumbs or a header at the top so you can always navigate back to the home page

Add Series 1 to catalog

Series 1 will be three Japanese patterns, since I have a reference already.

Every entry should include:

• Alternate names: whatever names have been used to refer to this specific pattern
• Description
• Construction
• Context/info
• Examples
• Sources

Series 1 Patterns

• Hemp leaf, Asanoha
  • Japanese: 麻の葉
  • wallpaper group: p6m
• Sayagata
  • Japanese: 紗綾形
  • Also called key fret?
  • wallpaper group: p4g
  • further investigation required on origins
    • China to Japan import
    • Photo from Hyderabad
  • examples from the Met (ceramics):
    • Japan, Meiji period
    • growing, China, Qing dynasty
    • simple, China, Qing dynasty
• Seven treasures, Shippou Tsunagi
  • Japanese: 七宝つなぎ
  • wallpaper group: p4m
  • examples from the Met (ceramics):
    • Japan, Edo period
    • China, Ming dynasty

Allow draft posts

It would be useful to be able to create draft posts that don't get published to the website, but can still be checked in to git and edited over time.

Requires some Jekyll configuration

GIFs for pattern construction

Create GIFs for pattern construction

It would be easier to explain how to create patterns with animated GIFs that show the construction step-by-step