diff --git a/.gitignore b/.gitignore
index 5fb66c9f00167fbfc8b8482fb25e61549e843d58..9b66b155b7f68cafe707c3f0afd5707be77b9c38 100644
--- a/.gitignore
+++ b/.gitignore
@@ -33,3 +33,6 @@
# Ignore master key for decrypting credentials and more.
/config/master.key
+
+/app/assets/builds/*
+!/app/assets/builds/.keep
diff --git a/Gemfile b/Gemfile
index c540c3e3b18e0f3842763627200d5dc3ddbca7dd..2712516251dafd4a5ae7e8615e086d87461354cd 100644
--- a/Gemfile
+++ b/Gemfile
@@ -18,7 +18,7 @@ gem "puma", ">= 5.0"
gem "jbuilder"
# Use Redis adapter to run Action Cable in production
-# gem "redis", ">= 4.0.1"
+gem "redis", ">= 4.0.1"
# Use Kredis to get higher-level data types in Redis [https://github.com/rails/kredis]
# gem "kredis"
@@ -59,3 +59,5 @@ end
gem "solid_queue"
gem "httparty"
+
+gem "tailwindcss-rails", "~> 2.6"
diff --git a/Gemfile.lock b/Gemfile.lock
index 9eb0e47a4ebadcf0fa80456b92826066a2cb0911..774d8255e9c1b8a755bb1e068b5b55558adb994b 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -198,6 +198,10 @@ GEM
rake (13.2.0)
rdoc (6.6.3.1)
psych (>= 4.0.0)
+ redis (5.2.0)
+ redis-client (>= 0.22.0)
+ redis-client (0.22.2)
+ connection_pool
regexp_parser (2.9.0)
reline (0.5.0)
io-console (~> 0.5)
@@ -225,6 +229,12 @@ GEM
sqlite3 (1.7.3-arm64-darwin)
sqlite3 (1.7.3-x86_64-linux)
stringio (3.1.0)
+ tailwindcss-rails (2.6.0-aarch64-linux)
+ railties (>= 7.0.0)
+ tailwindcss-rails (2.6.0-arm64-darwin)
+ railties (>= 7.0.0)
+ tailwindcss-rails (2.6.0-x86_64-linux)
+ railties (>= 7.0.0)
thor (1.3.1)
timeout (0.4.1)
tzinfo (2.0.6)
@@ -256,10 +266,12 @@ DEPENDENCIES
jbuilder
puma (>= 5.0)
rails (~> 7.1.2)
+ redis (>= 4.0.1)
selenium-webdriver
solid_queue
sprockets-rails
sqlite3 (~> 1.4)
+ tailwindcss-rails (~> 2.6)
tzinfo-data
web-console
diff --git a/Procfile.dev b/Procfile.dev
new file mode 100644
index 0000000000000000000000000000000000000000..da151fee941f7f69ee3ddd3623e58550f5ff260f
--- /dev/null
+++ b/Procfile.dev
@@ -0,0 +1,2 @@
+web: bin/rails server
+css: bin/rails tailwindcss:watch
diff --git a/app/assets/builds/.keep b/app/assets/builds/.keep
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
index 591819335f0b2a17b191255bfb2652d0845e9242..338a0e82666ddaaf6f02347084fff71f72fd4604 100644
--- a/app/assets/config/manifest.js
+++ b/app/assets/config/manifest.js
@@ -1,2 +1,3 @@
//= link_tree ../images
//= link_directory ../stylesheets .css
+//= link_tree ../builds
diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
new file mode 100644
index 0000000000000000000000000000000000000000..8666d2f3c607e889fe4ee3c22ff6dfa66dad5da4
--- /dev/null
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/*
+
+@layer components {
+ .btn-primary {
+ @apply py-2 px-4 bg-blue-200;
+ }
+}
+
+*/
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 5024b84a9e5e46cf44bf2971c038e603e0d682bf..f02f8a20840d3597bc624d0e96212d9b600729b7 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -5,11 +5,14 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
+ <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
<%= stylesheet_link_tag "application" %>
</head>
<body>
- <%= yield %>
+ <main class="container mx-auto mt-28 px-5 flex">
+ <%= yield %>
+ </main>
</body>
</html>
diff --git a/bin/dev b/bin/dev
new file mode 100755
index 0000000000000000000000000000000000000000..ad72c7d53c221932e73560955b2b1ebc07c6a07f
--- /dev/null
+++ b/bin/dev
@@ -0,0 +1,16 @@
+#!/usr/bin/env sh
+
+if ! gem list foreman -i --silent; then
+ echo "Installing foreman..."
+ gem install foreman
+fi
+
+# Default to port 3000 if not specified
+export PORT="${PORT:-3000}"
+
+# Let the debug gem allow remote connections,
+# but avoid loading until `debugger` is called
+export RUBY_DEBUG_OPEN="true"
+export RUBY_DEBUG_LAZY="true"
+
+exec foreman start -f Procfile.dev "$@"
diff --git a/config/tailwind.config.js b/config/tailwind.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..d6ad82c0d8d69152977d698a30db66d15fed4a77
--- /dev/null
+++ b/config/tailwind.config.js
@@ -0,0 +1,22 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+ content: [
+ './public/*.html',
+ './app/helpers/**/*.rb',
+ './app/javascript/**/*.js',
+ './app/views/**/*.{erb,haml,html,slim}'
+ ],
+ theme: {
+ extend: {
+ fontFamily: {
+ sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+ },
+ },
+ },
+ plugins: [
+ require('@tailwindcss/forms'),
+ require('@tailwindcss/typography'),
+ require('@tailwindcss/container-queries'),
+ ]
+}