Description

As a developer
I want to improve CI/CD
so that builds can be triggered in a predictable manner.

Acceptance Criteria

• Build can be triggered manually
• Build is triggered by tagging master branch
• Build is not triggered by pushing regular branch changes
• Build is triggered by publishing via Contentful

Designs/Prototypes

N/A

Developer Notes

N/A

Testing Notes

N/A

Description

As a developer
I want to create template partials/includes
so that the codebase is more maintainable.

Acceptance Criteria

• Header is contained in its own template
• Logo is served from Gravatar
• Layout includes newly-created header template
• Styling for header exists within the template

Designs/Prototypes

N/A

Developer Notes

Relates to #4.

Testing Notes

N/A

Description

As a developer
I want to abuse the sh*t out of AMP's restrictive CSS limit by incorporating a utility-based CSS framework
so that I can focus more on markup and functionality.

Acceptance Criteria

• PostCSS is installed
• Tailwind CSS is installed as a PostCSS plugin
• PostCSS configuration is created
• Tailwind CSS configuration is created
• Tailwind CSS is configured to use "Just-in-Time" mode

Designs/Prototypes

N/A

Developer Notes

• https://tailwindcss.com/docs/installation#add-tailwind-as-a-post-css-plugin
• https://tailwindcss.com/docs/just-in-time-mode

Testing Notes

N/A

Description

Issue with amp-img or child img overflowing when focused/active.

Steps to Reproduce

Tap the logo in the upper-left corner from a mobile device.

System Information

• iPhone 12 Pro Max
• iOS 14.7
• Safari 14

Description

As a photographer
I want to provide art direction
so that device-specific images can be served to users.

Acceptance Criteria

• Art direction guidelines are outlined
• Shoots page contains responsive imagery
• Shoot page contains responsive imagery

Designs/Prototypes

N/A

Developer Notes

• https://amp.dev/documentation/components/amp-img
• https://amp.dev/documentation/guides-and-tutorials/develop/style_and_layout/art_direction/?format=websites
• https://www.contentful.com/developers/docs/references/images-api
• https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

Testing Notes

N/A

Description

As a developer
I want to implement CI/CD
so that I can stop being a GitHub Actions novice.

Acceptance Criteria

• Credentials are stored in Secrets
• GitHub Actions are defined
• Deployments are automated when master branch is pushed to and/or has a pull request merged into it

Designs/Prototypes

N/A

Developer Notes

N/A

Testing Notes

N/A

Description

Browsersync causes Sizzy to crash... 😞

Description

As a user
I want to see a 404 page when I browse to a page/source that doesn't exist
so that I don't see the default Apache error message.

Acceptance Criteria

• 404 page template is created
• Page template inherits includes
• Page provides clear navigation back to the homepage

Designs/Prototypes

N/A

Developer Notes

Update Apache configuration on the environment.

Testing Notes

N/A

Description

As a content creator
I want to utilise Contentful
so that I can create and manage content... again.

Acceptance Criteria

• "Collections" are used
• Contentful data is served from _data/contentful.js
• "Shoots" are removed

Designs/Prototypes

N/A

Developer Notes

N/A

Testing Notes

N/A

Description

As a content creator
I want to create banner alerts
so that I can announce bits and bobs.

Acceptance Criteria

• Alert framework/template is created and added into the footer
• Alert is dismissible
• Alert is sticky
• Content can be defined via JSON

Designs/Prototypes

N/A

Developer Notes

N/A

Testing Notes

N/A

Description

As a content creator
I want to avoid expressions that express or imply ideas that are sexist, racist, or otherwise biased, prejudiced or denigrating to any particular group of people
so that my content is politically correct.

Acceptance Criteria

• Add Inclusive Language linting

Designs/Prototypes

N/A

Developer Notes

• https://www.11ty.dev/docs/plugins/inclusive-language
• https://en.wikipedia.org/wiki/Inclusive_language

Testing Notes

N/A

Description

As a content creator
I want to utilise Contentful
so that I can create and manage content.

Acceptance Criteria

• Contentful SDK is added to dependencies
• Sample environment variables file is created
• Shoots content model (type) is defined in Contentful
• Shoots landing page is created
• Shoots landing page aggregates content from Contentful
• Shoot pages are created dynamically from Contentful

Designs/Prototypes

N/A

Developer Notes

N/A

Testing Notes

N/A

Description

As a Europe fanboy
I want to air guitar the f*ck out of the solo
so that users can see a countdown until I'm done rocking out.

Acceptance Criteria

• Countdown is displayed using amp-date-countdown
• Header navigation (menu) is temporarily hidden
• Footer links are temporarily hidden

Designs/Prototypes

N/A

Developer Notes

N/A

Testing Notes

N/A

Acceptance Criteria

• "Contact" link in primary navigation is a mailto link
• "Contact" link in the footer navigation is a mailto link
• Remove temporary placeholder page

Designs/Prototypes

N/A

Developer Notes

N/A

Testing Notes

N/A

Description

As a webmaster
I want to use a static site generator
so that I can efficiently publish content.

Acceptance Criteria

• 11ty is installed
• Content is served from 11ty

Designs/Prototypes

N/A

Developer Notes

N/A

Testing Notes

N/A

Description

As a webmaster
I want to collect analytics data
so that I can improve the user experience.

Acceptance Criteria

• Google Analytics instance is created
• amp-analytics is added and configured

Designs/Prototypes

N/A

Developer Notes

• https://amp.dev/documentation/components/amp-analytics/?format=websites
• https://amp.dev/documentation/guides-and-tutorials/optimize-and-measure/configure-analytics/?format=websites

Testing Notes

N/A

Description

Google Analytics tracking code is present during development rather than production-only. The tracking code should be dependent on the NODE_ENV environment variable as well as storing the Google Analytics Tracking ID outside of the template (which is fed in during generation).

Steps to Reproduce

N/A

System Information

N/A

Description

As a developer
I want to create template partials/includes
so that the codebase is more maintainable.

Acceptance Criteria

• Footer contains top-level navigation links
• Footer contains build information
• Footer contains copyright

Designs/Prototypes

N/A

Developer Notes

• https://tailwindui.com/components/marketing/sections/footers#component-8fd8a490ec2fae888154eb83685bbe23

Testing Notes

N/A

Acceptance Criteria

• About page is published
• About page as sufficient copy

Designs/Prototypes

N/A

Developer Notes

N/A

Testing Notes

N/A

Description

Logo image is served in the wrong format (PNG, should be JPEG):

• Expected: https://www.gravatar.com/avatar/16b52d27e079c09a0e8f0dbbf3333240.jpg?s=144
• Actual: https://www.gravatar.com/avatar/16b52d27e079c09a0e8f0dbbf3333240?s=144.jpg

Steps to Reproduce

N/A

System Information

N/A