Merge pull request #99 from loftwah/revert-93-dl/support-the-gays

Revert "fix css and get some animation"

app/assets/stylesheets/application.css.scss

@@ -1,25 +1 @@
-/* Import Font Awesome */
-@import "font-awesome/scss/font-awesome";
-
-/* Import Tailwind CSS */
-@import "tailwindcss/base";
-@import "tailwindcss/components";
-@import "tailwindcss/utilities";
-
-/* Your custom animations and styles */
-@keyframes rainbow {
-  0%, 100% { border-color: red; }
-  14% { border-color: orange; }
-  28% { border-color: yellow; }
-  42% { border-color: green; }
-  56% { border-color: blue; }
-  70% { border-color: indigo; }
-  84% { border-color: violet; }
-}
-
-.animated-border {
-  border-width: 4px;
-  border-style: solid;
-  animation: rainbow 6s linear infinite;
-  border-radius: 50%; /* Ensure the avatar remains circular */
-}
+@import "font-awesome";

app/helpers/application_helper.rb

@@ -11,12 +11,10 @@ def avatar_border_class(border_preference)
       'border-4 border-white'
     when 'black'
       'border-4 border-black'
-    when 'rainbow'
-      'animated-border'
     else
       ''
     end
-  end  
+  end
 
   def format_referrer(referrer)
     return 'Direct' if referrer.blank?

app/javascript/entrypoints/application.js

@@ -2,9 +2,6 @@ import Rails from "@rails/ujs";
 import "chartkick/chart.js";
 import "flowbite";
 
-import "../../assets/stylesheets/application.css.scss";
-import "../../assets/stylesheets/application.tailwind.css";
-
 Rails.start();
 
 console.log('Vite ⚡️ Rails');

app/models/user.rb

@@ -14,7 +14,7 @@ class User < ApplicationRecord
   validates :username, uniqueness: true, allow_blank: true
   validates :full_name, presence: true
   validate :ensure_username_presence
-  validates :avatar_border, inclusion: { in: ['white', 'black', 'none', 'rainbow'] }
+  validates :avatar_border, inclusion: { in: ['white', 'black', 'none'] }
 
   after_save :generate_open_graph_image, unless: -> { Rails.env.test? }
   after_save :download_and_store_avatar

app/views/devise/registrations/edit.html.erb

@@ -31,7 +31,7 @@
 
     <div>
       <%= f.label :avatar_border, class: 'block text-lime-200 font-semibold mb-2' %>
-      <%= f.select :avatar_border, options_for_select([['White', 'white'], ['Black', 'black'], ['None', 'none'], ['Rainbow', 'rainbow']], @user.avatar_border), {}, class: 'block w-full px-4 py-2 border border-gray-700 rounded bg-gray-900 text-white focus:outline-none focus:border-lime-500' %>
+      <%= f.select :avatar_border, options_for_select([['White', 'white'], ['Black', 'black'], ['None', 'none']], @user.avatar_border), {}, class: 'block w-full px-4 py-2 border border-gray-700 rounded bg-gray-900 text-white focus:outline-none focus:border-lime-500' %>
     </div>
 
     <div>

config/tailwind.config.js

@@ -1,4 +1,4 @@
-const defaultTheme = require('tailwindcss/defaultTheme');
+const defaultTheme = require('tailwindcss/defaultTheme')
 
 module.exports = {
   darkMode: 'media',
@@ -7,8 +7,7 @@ module.exports = {
     './app/helpers/**/*.rb',
     './app/javascript/**/*.js',
     './app/views/**/*.{erb,haml,html,slim}',
-    './node_modules/flowbite/**/*.js',
-    './app/assets/stylesheets/**/*.{css,scss}', // Make sure all CSS and SCSS files are included
+    './node_modules/flowbite/**/*.js'
   ],
   theme: {
     extend: {
@@ -21,6 +20,6 @@ module.exports = {
     require('@tailwindcss/forms'),
     require('@tailwindcss/typography'),
     require('@tailwindcss/container-queries'),
-    require('flowbite/plugin'),
-  ],
-};
+    require('flowbite/plugin')
+  ]
+}