Giter Site home page Giter Site logo

priest-broken's Introduction

Priest 2

The website for https://priestsheetmetal.co.nz

Priest 1 died a sad death with some sort of strapi error so this is a rebuild

Built on

  • Strapi
  • Gatsby

Development

First

cd backend strapi dev

Second

cd frontend gatsby develop

Strapi Content Types

this needs way more documentation

Services

  • user, default setup
  • page
  • service
  • sliderone
  • nextslider, this should get renamed
  • featured
  • gallery
  • videos

Meta

https://www.gatsbyjs.org/docs/add-page-metadata/

Gatsby Clean

gatsby clean

gatsby build

Move the uploads gallery this needs more documentation

cd public

git init

git remote add dreamhost ssh://[email protected]/~/priest.rileybathurst.com.git

git add * -f

git commit -am "clean build"

git push --set-upstream dreamhost master --force

Issues

  • when coming from a service where I dont have video it shows as null which breaks things as opposed to being empty [] which is fine
  • firefox ios doesnt handle the form input
  • some of the strapi API has capital letters where it would be nicer to be camelCase no underscores, hypens or whatever else
  • footer links dont fill the space
  • on develop or build of Gatsby ERROR (node:9401) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated

Workarounds

  • hasVideo | hasGallery etc I was having problems with booleans so I used numbers with 0 and 1 instead - test some booleans on a new build and implement them where I can
  • The Uploads are not coming across properly manually copy the uploads dir from /backend/public/uploads/ to /frontend/public/uploads this also has to happen on upload where the directory is moved to .com/uploads this all needs to be done better but for right now i'll get through

To Do

  • Other services link at the bottom of each service page
  • add a nice quote mark to the testimonials
  • There are some really old class names from Foundation which I haven't used for years so just check into if they are the best ways
  • can I compress the vimeo player script?
  • Divide the scss to atomic design and rebuild the patternlab with the new things
  • I should be able to remove the logo from the src/images but need to be checked

Naming

Summit is the new naming for hero.

As I currently have both I can go back to hero once the original design is completly deprecated

Layout

Math for sizes

I think these might need to be a little bigger for more spacing

small
medium 40
medium__half-step 54 minor change
large 80
large__half-step 105 minor change
full 144 start floating everything

priest-broken's People

Contributors

dependabot[bot] avatar rileybathurst avatar

Watchers

 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.