Giter Club home page Giter Club logo

lovingmemory's Introduction

Self hosted memorial and funeral arrangements site

I originally built this as a central place people could go to find out about funeral arrangements for my mom. I have open sourced it in the hope I hope someone else in a similar situation is able to find it useful.

If you need help getting this set up feel free to reach out on discord - https://discord.gg/XG9vyq3M9N

You can get more information from https://lovingmemory.link

Build Setup

# install dependencies
$ yarn install

# generate resized and normalised images
$ node index.js

# serve with hot reload at localhost:3000
$ yarn dev

# generate static project
$ yarn generate

This repository allows you to have a beautiful and simple site that requires no hosting account (it uses Github pages), just a custom domain. It allows you to put details of the funeral arrangements, charity donations links and comes built ready for mobile.

LovingMemory Desktop animation LovingMemory Mobile animation

Building your own

To build your own, fork this repository, then make changes to:

  • nuxt.config.js - Change the 2 variables at the top with your loved ones name and their dates from and to.
  • assets/frontimage.jpg - Replace with your own image, this is the image that shows on the front page, image should be 244px by 292px.
  • pages/* - Change the details in the pages to match what you want them to say.
  • static/CNAME - Replace with your own custom domain
  • layouts/default.vue - You can change the scss here, if you want to change the main colours used they are near the top of this file.
  • assets/images/ - Drop all the images you want to show in the gallery in this folder - As part of the github action it will rename the images that have problematic names, resize images to a max width of 1800px (more than big enough for viewing on the web), and will create thumbnail versions to ensure the gallery is optimised. The original files in the images directory are not touched.

Putting Live

  • Make sure you have GitHub actions running
  • Make sure you have set static/CNAME to what it needs to be
  • On your nameservers point a CNAME from your custom domain to <username>.github.io
  • Once the Github action runs it should all be setup, but if not, go to your repos Settings / Options, scroll down to GitHub Pages and for source select Branch: gh-pages

Now, any time you make a change to the source and push the change, GitHub actions should pick up the change and run a workflow that generates the static files, fixes image names and updates the gh-pages branch.

lovingmemory's People

Contributors

kodestar avatar lovingmemory 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.