{"id":112,"date":"2023-01-01T10:39:58","date_gmt":"2023-01-01T10:39:58","guid":{"rendered":"https:\/\/www.leogong.net\/?p=112"},"modified":"2023-01-01T10:48:25","modified_gmt":"2023-01-01T10:48:25","slug":"my-wedding-website","status":"publish","type":"post","link":"https:\/\/www.leogong.net\/?p=112","title":{"rendered":"My Wedding Website"},"content":{"rendered":"\n
\n
\"\"
Dana and my wedding website<\/figcaption><\/figure>\n\n\n\n

Key Details<\/h3>\n\n\n\n
\n
\n

Date<\/p>\n\n\n\n

Tech Stack

<\/p>\n\n\n\n


Link<\/p>\n<\/div>\n\n\n\n

\n

2013<\/p>\n\n\n\n

Backend: Wufoo forms (liberal interpretation of a backend…)
Frontend: html, css, javascript
Former hosted on: MacBook with dyndns and Apache server
Now hosted on: Digital Ocean Droplet configured with Nginx reverse proxy<\/p>\n\n\n\n

https:\/\/wedding.leogong.net<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n

First proper foray into responsive web pages – this was a fun project to help contribute to the wedding planning process and to add a personal touch to our special day<\/h3>\n\n\n\n

Use case<\/h4>\n\n\n\n

We looked at some of the wedding websites that were available at the time, and none of them seemed particularly impressive. I figured I’d build a simple landing page that would allow friends to view key details, and submit a web form to RSVP.<\/p>\n\n\n\n

How it was set up <\/h4>\n\n\n\n
    \n
  1. Users going to leodana.com would land on a static directory on my Mac mini serving up the wedding website.<\/li>\n\n\n\n
  2. I had the webform for RSVP’ing hooked up to a service called Wufoo where I could then export the details. (This was probably before either GSheets supported APIs, or maybe I just didn’t know about that)<\/li>\n<\/ol>\n\n\n\n

    What I learned<\/h4>\n\n\n\n

    This was my first proper foray into mobile responsive design and coding. I used a css template to get myself started. It used pre-defined breakpoints \/ css files at various device widths to enable responsiveness. I remember struggling a bit with modifying \/ adding new elements to the html, and not breaking the responsiveness. I’ve since moved on to using flexbox to make it much easier to deal with responsiveness, and I’m comfortable writing that from scratch.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    My first proper foray into responsive web pages – this was a fun project to help contribute to the wedding planning process and to add a personal touch to our special day.<\/p>\n","protected":false},"author":1,"featured_media":113,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.leogong.net\/index.php?rest_route=\/wp\/v2\/posts\/112"}],"collection":[{"href":"https:\/\/www.leogong.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.leogong.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.leogong.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.leogong.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=112"}],"version-history":[{"count":3,"href":"https:\/\/www.leogong.net\/index.php?rest_route=\/wp\/v2\/posts\/112\/revisions"}],"predecessor-version":[{"id":122,"href":"https:\/\/www.leogong.net\/index.php?rest_route=\/wp\/v2\/posts\/112\/revisions\/122"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.leogong.net\/index.php?rest_route=\/wp\/v2\/media\/113"}],"wp:attachment":[{"href":"https:\/\/www.leogong.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.leogong.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.leogong.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}