Propshaft

.github/workflows/build.yml

@@ -28,10 +28,6 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
-      - name: Setup Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: '20.x'
       - uses: actions/cache@v3
         with:
           path: vendor/bundle

Dockerfile

@@ -1,5 +1,5 @@
 FROM ruby:3.3.4
-RUN apt-get update -qq && apt-get install -y nodejs postgresql-client
+RUN apt-get update -qq && apt-get install -y postgresql-client
 RUN mkdir /app
 WORKDIR /app
 

Gemfile

@@ -11,12 +11,10 @@ gem 'omniauth'
 gem 'omniauth-github'
 gem 'omniauth-rails_csrf_protection'
 gem 'pg'
+gem 'propshaft'
 gem 'puma', require: false
 gem 'redis'
 gem 'roadie-rails'
-gem 'sassc-rails'
-gem 'sprockets-rails'
-gem 'uglifier'
 
 group :development do
   gem 'brakeman'

Gemfile.lock

@@ -113,7 +113,6 @@ GEM
     diff-lcs (1.5.1)
     drb (2.2.1)
     erubi (1.13.0)
-    execjs (2.9.1)
     factory_bot (6.4.6)
       activesupport (>= 5.0.0)
     factory_bot_rails (6.4.3)
@@ -124,9 +123,6 @@ GEM
       logger
     faraday-net_http (3.1.1)
       net-http
-    ffi (1.17.0-aarch64-linux-gnu)
-    ffi (1.17.0-arm64-darwin)
-    ffi (1.17.0-x86_64-linux-gnu)
     globalid (1.2.1)
       activesupport (>= 6.1)
     haml (6.3.0)
@@ -211,6 +207,11 @@ GEM
       actionpack (>= 4.2)
       omniauth (~> 2.0)
     pg (1.5.7)
+    propshaft (0.9.1)
+      actionpack (>= 7.0.0)
+      activesupport (>= 7.0.0)
+      rack
+      railties (>= 7.0.0)
     psych (5.1.2)
       stringio
     public_suffix (6.0.1)
@@ -295,28 +296,13 @@ GEM
       rspec-mocks (~> 3.13)
       rspec-support (~> 3.13)
     rspec-support (3.13.1)
-    sassc (2.4.0)
-      ffi (~> 1.9)
-    sassc-rails (2.1.2)
-      railties (>= 4.0.0)
-      sassc (>= 2.0)
-      sprockets (> 3.0)
-      sprockets-rails
-      tilt
     sawyer (0.9.2)
       addressable (>= 2.3.5)
       faraday (>= 0.17.3, < 3)
     securerandom (0.3.1)
     snaky_hash (2.0.1)
       hashie
       version_gem (~> 1.1, >= 1.1.1)
-    sprockets (4.2.1)
-      concurrent-ruby (~> 1.0)
-      rack (>= 2.2.4, < 4)
-    sprockets-rails (3.5.2)
-      actionpack (>= 6.1)
-      activesupport (>= 6.1)
-      sprockets (>= 3.0.0)
     stringio (3.1.1)
     strscan (3.1.0)
     temple (0.10.3)
@@ -325,8 +311,6 @@ GEM
     timeout (0.4.1)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    uglifier (4.2.0)
-      execjs (>= 0.3.0, < 3)
     uri (0.13.0)
     useragent (0.16.10)
     version_gem (1.1.4)
@@ -362,15 +346,13 @@ DEPENDENCIES
   omniauth-github
   omniauth-rails_csrf_protection
   pg
+  propshaft
   puma
   rails (~> 7.2.0)
   redis
   roadie-rails
   rspec-its
   rspec-rails
-  sassc-rails
-  sprockets-rails
-  uglifier
   web-console
 
 RUBY VERSION

app/assets/config/manifest.js

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

app/assets/stylesheets/application.css

@@ -1,14 +1,180 @@
-/*
- * 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, vendor/assets/stylesheets,
- * or vendor/assets/stylesheets of plugins, if any, 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 top of the
- * compiled file, but it's generally better to create a new file per style scope.
- *
- *= require normalize
- *= require_self
- *= require_tree .
-*/
+/* Use default value for mailer style since Gmail doesn't support custom CSS properies. */
+:root {
+  --font-size: 15px;
+  --link-color: #edb020;
+}
+
+@font-face {
+  font-family: ABeeZee;
+  src: local("ABeeZee"), url("ABeeZee-Regular.ttf") format("truetype");
+}
+
+html {
+  overflow-x: hidden;
+  min-width: 550px;
+}
+
+body {
+  background-color: #fff;
+  color: #333;
+  border-top: 7px solid var(--link-color, #edb020);
+  font-family: ABeeZee, verdana, arial, helvetica, sans-serif;
+  font-size: var(--font-size);
+}
+
+nav {
+  display: inline-block;
+  float: right;
+}
+
+nav li {
+  text-align: right;
+  border: none;
+  min-width: calc(var(--font-size) * 7);
+  display: inline-block;
+}
+
+#content, header {
+  margin: auto;
+  max-width: 650px;
+}
+
+#content img, header img {
+  margin: 0px 2px 0px 2px;
+  padding: 1px;
+  max-width: 100%;
+  border-radius: 5px;
+  transition-property: box-shadow;
+  transition-duration: 0.5s;
+  transition-timing-function: default;
+
+  --scale:   7px;
+  --shading: 0.9;
+  box-shadow: 0 var(--scale) calc(var(--scale) * 2) #d6d6d6, 0 calc(var(--scale) / 2) calc(var(--scale) * 2) #8a8a8a;
+}
+
+#content img:hover, header img:hover {
+  --scale:   9px;
+  --shading: 0.7;
+}
+
+header {
+  padding-top: 60px;
+}
+
+header h1 {
+  display: inline-block;
+}
+
+#content {
+  padding: 0px 60px 30px 60px;
+}
+
+a {
+  color: var(--link-color, #edb020);
+  text-decoration: none;
+}
+
+a:visited {
+  color: var(--link-color, #edb020);
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+ul {
+  padding: 0;
+}
+
+li {
+  display: block;
+  border-bottom: 1px solid #ddd;
+  padding: 15px 0 6px 0;
+}
+
+.repo_name {
+  font-size: calc(var(--font-size) * 1.2);
+}
+
+.starred_at, .stargazers {
+  display: inline-block;
+  text-align: right;
+  float: right;
+}
+
+.stargazers > .starred_at {
+  float: none;
+}
+
+.starred_at {
+  font-size: calc(var(--font-size) / 1.3);
+  font-style: italic;
+}
+
+.description {
+  display: block;
+  font-size: calc(var(--font-size) * 0.9);
+  min-height: calc(var(--font-size) * 0.9);
+}
+
+#catch-phrase {
+  font-size: calc(var(--font-size) * 1.15);
+}
+
+#members {
+  display: block;
+  min-height: 320px;
+  padding: 40px 17px 0px 17px;
+}
+
+#members li {
+  display: inline-block;
+  width: calc((100% - 1%) / 5);
+  text-align: center;
+  border: 0;
+}
+
+#usage ol li {
+  display: list-item;
+  border: none;
+  margin: 10px 0px;
+}
+
+#usage .join-us {
+  margin: 30px 0px;
+  display: block;
+  font-size: calc(var(--font-size) * 1.5);
+  text-align: center;
+}
+
+#notice {
+  font-size: calc(var(--font-size) * 1.38);
+  color: green;
+}
+
+#alert {
+  font-size: calc(var(--font-size) * 1.38);
+  color: red;
+}
+
+#feed {
+  float: right;
+  display: inline-block;
+  text-align: right;
+}
+
+footer {
+  background: #eee;
+  width: 100%;
+  padding: calc(var(--font-size) * 4) 0px;
+  text-align: right;
+  border-top: 1px solid #ddd;
+}
+
+footer span {
+  display: block;
+  margin-right: calc(var(--font-size) * 2.5);
+  color: #888;
+  font-size: calc(var(--font-size));
+}