app: more fixes to get JS-compiled CSS

app/assets/config/manifest.js

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

app/javascript/packs/application.css

@@ -0,0 +1,9 @@
+/* @import "tailwindcss/base"; */
+/* @import "tailwindcss/components"; */
+/* @import "tailwindcss/utilities"; */
+
+/* @import "../stylesheets/base.css"; */
+
+body {
+  background: red !important;
+}

app/javascript/packs/application.js

@@ -7,12 +7,13 @@
 // To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
 // layout file, like app/views/layouts/application.html.erb
 
-
 // Uncomment to copy all static images under ../images to the output folder and reference
 // them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
 // or the `imagePath` JavaScript helper below.
 //
 // const images = require.context('../images', true)
 // const imagePath = (name) => images(name, true)
 
-console.log('Hello World from Webpacker')
+import("./application.css");
+
+console.log("Hello World from Webpacker");

app/models/theme.rb

@@ -126,11 +126,7 @@ def preview
     dimensions = "#{1600 / factor}x#{1200 / factor}"
 
     # FIXME: figure out if this operation is cached or not
-    thumbnail.image.variant(combine_options: {
-                              gravity: 'SouthWest',
-                              crop: "#{dimensions}+0+0",
-                              resize: '300x300^'
-                            })
+    thumbnail.image
   end
 
   def make_datetime(version)