https://github.com/bramp/ninaandandrew.com
https://github.com/bramp/ninaandandrew.com
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/bramp/ninaandandrew.com
- Owner: bramp
- Created: 2024-01-09T00:07:51.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-16T02:08:03.000Z (almost 2 years ago)
- Last Synced: 2025-03-25T18:51:10.083Z (over 1 year ago)
- Language: HTML
- Size: 95.1 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Layout
* Sections:
* Countdown
* Our Love Story / How we met
* Introducing Andrew
* Introducing Nina
* Schedule of Events
* Location (Map)
* Attire (Festive Indian Wear or Cocktail)
* Add to calendar
* FAQs
* What's happening on Saturday
* What to wear
* Travel and Accommodations
* Our Registry
* Target, Amazon, Nordstorm
Examples
https://hindumandala.rsvpify.com/?securityToken=IAPjUVTyfKcDLDTef3IFjapK0tIVscWF
# Development
## Some deps
```shell
npm install --global gulp-cli
npm install http-server -g
brew install webp
brew install vnu # Nu Markup Checker: command-line and server HTML validator
brew install oxipng
alias google-chrome="/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome"
```
## Run a local web server
```shell
gulp watch
```
## Build everything
```shell
# Build the HTML
gulp
npx prettier www -w # TODO move into gulp
# Create the screenshots
http-server -p 8000 -c-1 www &
node ./create-invite-jpg.cjs
# You then need to manually slice the screenshots for the emails.
```
### Create engagement photo album
# TODO Move below into gulp
```shell
magick 'artwork/engagement/*.jpg' -resize 720x480 src/www/engagement/engagement_%02d.jpg
magick 'artwork/engagement/*.jpg' -resize 1440x960 src/www/engagement/engagement_%02d_2x.jpg
magick 'artwork/engagement/*.jpg' -resize 720x480 src/www/engagement/engagement_%02d.webp
magick 'artwork/engagement/*.jpg' -resize 1440x960 src/www/engagement/engagement_%02d_2x.webp
```
# Lint
```shell
npm init stylelint
npm install --save-dev --save-exact prettier
npx stylelint "src/www/css/*.css"
npx prettier src/static --check
npx prettier src/static -w
npx prettier --check --parser html src/invite/*.html.template
npx prettier --w --parser html src/invite/*.html.template
npx prettier src/www -w
vnu www/*.html
```
# Compress everything files
# TODO Move below into gulp
```shell
for f in $(find src/www -type f -name \*.webp); do
cwebp $f -o $f;
done
for f in $(find src/www -type f -name \*.jpg); do
jpegtran -verbose -outfile $f $f;
done
for f in $(find src/www -type f -name \*.png); do
oxipng -o max --strip safe $f;
done
```