Make open source

app/assets/config/manifest.js

@@ -0,0 +1,3 @@
+//= link_tree ../images
+//= link_directory ../javascripts .js
+//= link_directory ../stylesheets .css

app/assets/javascripts/active_admin.js

@@ -0,0 +1 @@
+//= require active_admin/base

app/assets/javascripts/application.js

@@ -0,0 +1,19 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
+// vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require rails-ujs
+//= require jquery
+//= require popper
+//= require bootstrap-sprockets
+
+//= require_tree .
+//= stub active_admin

app/assets/javascripts/guests.js

@@ -0,0 +1,13 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.
+
+$(function () {
+  var radioMatcher = '#guest-edit-form input[name="guest[attending]"]'
+  var radioButtons = $(radioMatcher)
+  function toggleAttendingOnly () {
+    var attending = $(radioMatcher + ':checked').val()
+    $('.guest-attending-only textarea').attr('disabled', attending !== 'true')
+  }
+  radioButtons.on('change', toggleAttendingOnly)
+  toggleAttendingOnly()
+})

app/assets/javascripts/plus_ones.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

app/assets/javascripts/welcome.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

app/assets/stylesheets/application.scss

@@ -0,0 +1,65 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ */
+
+@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Arvo:400');
+
+$font-family-sans-serif: Montserrat, Helvetica, Arial, sans-serif;
+$font-family-serif: Arvo, Georgia, "Times New Roman", Times, serif;
+
+$font-family-base: $font-family-serif;
+$headings-font-family: $font-family-sans-serif;
+
+$body-color: rgba(28, 13, 10, 0.7);
+$headings-color: rgba(28, 13, 10, 0.7);
+
+$theme-colors: (
+  "primary": #ff745c
+);
+
+$enable-rounded: false;
+
+@import "bootstrap";
+@import "guests";
+@import "welcome";
+
+h1 {
+  font-size: 60px;
+  font-weight: 700;
+  letter-spacing: 0.0833333em;
+  text-transform: uppercase;
+}
+
+h2 {
+  color: theme-color("primary");
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 1.5em;
+  letter-spacing: 0.0833333em;
+  text-transform: uppercase;
+
+  svg {
+    fill: currentColor;
+    margin: 0 auto;
+    height: 100px;
+  }
+}
+
+.wedding-cta-btn {
+  letter-spacing: 2px;
+  padding: 0.75rem 1.5rem;
+}
+
+.wedding-required {
+  color: theme-color("primary");
+}

app/assets/stylesheets/guests.scss

@@ -0,0 +1,27 @@
+// Place all the styles related to the Guests controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+#guests-leader {
+  background:
+    linear-gradient(rgba(28, 13, 10, 0.4), rgba(28, 13, 10, 0.6)),
+    image-url('flowers.jpg') center center no-repeat;
+  background-size: cover;
+
+  h1 {
+    color: rgba(255, 255, 255, 0.95);
+  }
+}
+
+.guests-rsvp-nav {
+  padding-bottom: $spacer;
+
+  @media (max-width: 768px) {
+    li.nav-item { width:100%; }
+  }
+}
+
+.guests-buttons {
+  padding-top: $spacer;
+  padding-bottom: 10 * $spacer;
+}

app/assets/stylesheets/plus_ones.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the PlusOnes controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

app/assets/stylesheets/welcome.scss

@@ -0,0 +1,104 @@
+// Place all the styles related to the Welcome controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+#welcome-index-leader {
+  background: linear-gradient(rgba(28, 13, 10, 0.4), rgba(28, 13, 10, 0.6)),
+    image-url("jumbo.jpg") center center no-repeat;
+  background-size: cover;
+  height: 820px;
+
+  * {
+    color: rgba(255, 255, 255, 0.95);
+  }
+
+  h1 {
+    margin-top: 200px;
+  }
+
+  .leader-date {
+    font-size: 17px;
+    letter-spacing: 4px;
+    padding: 12pt;
+    text-transform: uppercase;
+  }
+}
+
+#welcome-index-when-where {
+  h1 {
+    padding: 3 * $spacer 0;
+  }
+}
+
+#welcome-index-venue-leader {
+  background: linear-gradient(rgba(28, 13, 10, 0.4), rgba(28, 13, 10, 0.6)),
+    image-url("venue.jpg") center center no-repeat;
+  background-size: cover;
+  margin-top: 5 * $spacer;
+
+  * {
+    color: rgba(255, 255, 255, 0.95);
+  }
+
+  h1 {
+    padding: 3 * $spacer 0;
+  }
+}
+
+#welcome-index-venue {
+  h2 {
+    padding-top: 3 * $spacer;
+    padding-bottom: $spacer;
+    text-align: center;
+  }
+
+  p {
+    text-align: justify;
+  }
+}
+
+#welcome-index-wedding-plan-leader {
+  background: linear-gradient(rgba(28, 13, 10, 0.4), rgba(28, 13, 10, 0.6)),
+    image-url("plan.jpg") center center no-repeat;
+  background-size: cover;
+  margin-top: 5 * $spacer;
+
+  * {
+    color: rgba(255, 255, 255, 0.95);
+  }
+
+  h1 {
+    padding: 3 * $spacer 0;
+  }
+}
+
+#welcome-index-wedding-plan {
+  h2 {
+    padding-top: 3 * $spacer;
+    padding-bottom: $spacer;
+    text-align: center;
+  }
+
+  p {
+    text-align: justify;
+  }
+}
+
+#welcome-index-footer {
+  background-color: #faebe3;
+  margin-top: 5 * $spacer;
+
+  #welcome-index-footer-cta {
+    padding-top: 8 * $spacer;
+    padding-bottom: 3 * $spacer;
+  }
+
+  #welcome-index-footer-credits {
+    padding-top: 5 * $spacer;
+    padding-bottom: 3 * $spacer;
+
+    small {
+      color: rgba(28, 13, 10, 0.4);
+    }
+  }
+}