WIP

Author: Lordnibbler

Gemfile

@@ -31,6 +31,7 @@ gem 'slim' # view templating
 gem 'uglifier'
 gem 'webrick' # web server for capybara and local dev
 gem 'jsbundling-rails'
+gem 'cssbundling-rails'
 
 group :development do
   gem 'better_errors' # improved error pages

Gemfile.lock

@@ -141,6 +141,8 @@ GEM
       bigdecimal
       rexml
     crass (1.0.6)
+    cssbundling-rails (1.4.0)
+      railties (>= 6.0.0)
     date (3.3.4)
     debug_inspector (1.2.0)
     devise (4.9.3)
@@ -516,6 +518,7 @@ DEPENDENCIES
   capybara
   client_side_validations
   concurrent-ruby
+  cssbundling-rails
   devise (>= 4.4.0)
   dotenv-rails
   factory_bot_rails

Procfile.dev

@@ -1,2 +1,3 @@
 web: env RUBY_DEBUG_OPEN=true bin/rails server
 js: yarn build --watch
+css: yarn build:css --watch

app/assets/builds/.keep

@@ -0,0 +1 @@
+// Entry point for your Sass build

app/assets/builds/application.js

@@ -24,6 +24,7 @@ import 'regenerator-runtime/runtime';
 import "./application.css";
 import "./_pygment_monokai.sass";
 import * as Turbo from "@hotwired/turbo";
+import $ from 'jquery';
 
 // temporarily disable turbo until we can resolve page scrolling bug on iPadOS
 Turbo.session.drive = false;
@@ -41,3 +42,5 @@ require('@client-side-validations/client-side-validations');
 
 // custom javascripts used throughout the frontend of the site
 import './custom';
+import './photography';
+import './contact-me';

app/assets/config/manifest.js

@@ -39,7 +39,6 @@ const createInfiniteScroll = (elem, masonry) => {
 
 // build the Photoswipe gallery from the provided CSS selector
 const initPhotoSwipeFromDOM = function(gallerySelector) {
-
     // parse slide data (url, title, size ...) from DOM elements
     // (children of gallerySelector)
     var parseThumbnailElements = function(el) {

app/assets/stylesheets/application.sass.scss

@@ -13,4 +13,4 @@
     </div>
 </div>
 <div class="bg-center bg-cover bg-no-repeat h-72 sm:h-64 md:h-72 lg:h-96"
-        style="background-image: url(<%= asset_path("images/home/map.jpg") %>);"></div>
+        style="background-image: url(<%= asset_path("packs/images/home/map.jpg") %>);"></div>