Blog-on-Rails-Part-1

.byebug_history

@@ -0,0 +1,9 @@
+continue
+j`qqqldfjkdfj
+continue
+@comment.errors.full_messages_for(:body).join(", ")
+@comment.error.full_messages_for(:body).join
+@comment.error.full_messages_for(body)
+continue
+contunue
+e

.ruby-version

@@ -1 +1 @@
-ruby-3.0.0
+ruby-3.1.1

Gemfile

@@ -1,31 +1,31 @@
-source "https://rubygems.org"
+source 'https://rubygems.org'
 git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 
-ruby "3.0.0"
+ruby '3.1.1'
 
 # Bundle edge Rails instead: gem "rails", github: "rails/rails", branch: "main"
-gem "rails", "~> 7.0.2", ">= 7.0.2.3"
+gem 'rails', '~> 7.0.2', '>= 7.0.2.3'
 
 # The original asset pipeline for Rails [https://github.com/rails/sprockets-rails]
-gem "sprockets-rails"
+gem 'sprockets-rails'
 
 # Use postgresql as the database for Active Record
-gem "pg", "~> 1.1"
+gem 'pg', '~> 1.1'
 
 # Use the Puma web server [https://github.com/puma/puma]
-gem "puma", "~> 5.0"
+gem 'puma', '~> 5.0'
 
 # Use JavaScript with ESM import maps [https://github.com/rails/importmap-rails]
-gem "importmap-rails"
+gem 'importmap-rails'
 
 # Hotwire's SPA-like page accelerator [https://turbo.hotwired.dev]
-gem "turbo-rails"
+gem 'turbo-rails'
 
 # Hotwire's modest JavaScript framework [https://stimulus.hotwired.dev]
-gem "stimulus-rails"
+gem 'stimulus-rails'
 
 # Build JSON APIs with ease [https://github.com/rails/jbuilder]
-gem "jbuilder"
+gem 'jbuilder'
 
 # Use Redis adapter to run Action Cable in production
 # gem "redis", "~> 4.0"
@@ -37,30 +37,36 @@ gem "jbuilder"
 # gem "bcrypt", "~> 3.1.7"
 
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
-gem "tzinfo-data", platforms: %i[ mingw mswin x64_mingw jruby ]
+gem 'tzinfo-data', platforms: %i[mingw mswin x64_mingw jruby]
 
 # Reduces boot times through caching; required in config/boot.rb
-gem "bootsnap", require: false
+gem 'bootsnap', require: false
 
 # Use Sass to process CSS
-# gem "sassc-rails"
+gem 'sassc-rails'
 
 # Use Active Storage variants [https://guides.rubyonrails.org/active_storage_overview.html#transforming-images]
 # gem "image_processing", "~> 1.2"
 
+gem 'bootstrap', '~> 5.1.3'
+
 group :development, :test do
   # See https://guides.rubyonrails.org/debugging_rails_applications.html#debugging-with-the-debug-gem
-  gem "debug", platforms: %i[ mri mingw x64_mingw ]
+  gem 'debug', platforms: %i[mri mingw x64_mingw]
+
+  gem 'cowsay'
+  gem 'faker'
 end
 
 group :development do
   # Use console on exceptions pages [https://github.com/rails/web-console]
-  gem "web-console"
+  gem 'web-console'
 
   # Add speed badges [https://github.com/MiniProfiler/rack-mini-profiler]
   # gem "rack-mini-profiler"
 
   # Speed up commands on slow machines / big apps [https://github.com/rails/spring]
   # gem "spring"
-end
 
+  gem 'byebug'
+end

Gemfile.lock

@@ -66,17 +66,29 @@ GEM
       i18n (>= 1.6, < 2)
       minitest (>= 5.1)
       tzinfo (~> 2.0)
+    autoprefixer-rails (10.4.2.0)
+      execjs (~> 2)
     bindex (0.8.1)
     bootsnap (1.11.1)
       msgpack (~> 1.2)
+    bootstrap (5.1.3)
+      autoprefixer-rails (>= 9.1.0)
+      popper_js (>= 2.9.3, < 3)
+      sassc-rails (>= 2.0.0)
     builder (3.2.4)
-    concurrent-ruby (1.1.9)
+    byebug (11.1.3)
+    concurrent-ruby (1.1.10)
+    cowsay (0.3.0)
     crass (1.0.6)
     debug (1.4.0)
       irb (>= 1.3.6)
       reline (>= 0.2.7)
     digest (3.1.0)
     erubi (1.10.0)
+    execjs (2.8.1)
+    faker (2.20.0)
+      i18n (>= 1.8.11, < 2)
+    ffi (1.15.5)
     globalid (1.0.0)
       activesupport (>= 5.0)
     i18n (1.10.0)
@@ -91,7 +103,7 @@ GEM
     jbuilder (2.11.5)
       actionview (>= 5.0.0)
       activesupport (>= 5.0.0)
-    loofah (2.14.0)
+    loofah (2.15.0)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
     mail (2.7.1)
@@ -120,6 +132,7 @@ GEM
     nokogiri (1.13.3-x86_64-linux)
       racc (~> 1.4)
     pg (1.3.4)
+    popper_js (2.9.3)
     puma (5.6.2)
       nio4r (~> 2.0)
     racc (1.6.0)
@@ -155,6 +168,14 @@ GEM
     rake (13.0.6)
     reline (0.3.1)
       io-console (~> 0.5)
+    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
     sprockets (4.0.3)
       concurrent-ruby (~> 1.0)
       rack (> 1, < 3)
@@ -166,6 +187,7 @@ GEM
       railties (>= 6.0.0)
     strscan (3.0.1)
     thor (1.2.1)
+    tilt (2.0.10)
     timeout (0.2.0)
     turbo-rails (1.0.1)
       actionpack (>= 6.0.0)
@@ -187,20 +209,25 @@ PLATFORMS
 
 DEPENDENCIES
   bootsnap
+  bootstrap (~> 5.1.3)
+  byebug
+  cowsay
   debug
+  faker
   importmap-rails
   jbuilder
   pg (~> 1.1)
   puma (~> 5.0)
   rails (~> 7.0.2, >= 7.0.2.3)
+  sassc-rails
   sprockets-rails
   stimulus-rails
   turbo-rails
   tzinfo-data
   web-console
 
 RUBY VERSION
-   ruby 3.0.0p0
+   ruby 3.1.1p18
 
 BUNDLED WITH
    2.3.8

app/assets/stylesheets/application.css

@@ -10,6 +10,75 @@
  * files in this directory. Styles in this file should be added after the last require_* statement.
  * It is generally better to create a new file per style scope.
  *
+ *= require reset
+ *= require post
+ *= require comment
  *= require_tree .
  *= require_self
  */
+
+ a {
+  text-decoration: none;
+  color: blue;
+}
+
+header {
+  padding: 15px;
+  background-color: lightgray;
+}
+
+nav {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+}
+
+nav > .brand > a {
+  font-size: x-large;
+  color: blue;
+}
+
+nav > ul {
+  display: flex;
+  list-style: none;
+}
+
+nav > ul > li > a {
+  margin-left: 20px;
+  color: blue;
+}
+
+input[type="submit"],
+button {
+  color: blue;
+  border-color: blue;
+  border-radius: 5px;
+  background-color: white;
+  font: arial;
+  font-size: 15px;
+  height: 35px;
+}
+
+@media only screen and (max-width: 960px) {
+  .posts {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  article {
+    flex-grow: 1;
+    width: 50%;
+  }
+}
+
+@media only screen and (max-width: 600px) {
+  .posts {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  article {
+    flex-grow: 1;
+    width: 100%;
+  }
+}

app/assets/stylesheets/comment.css

@@ -0,0 +1,48 @@
+.comment-form {
+  padding: 15px;
+  display: flex;
+  flex-direction: column;
+}
+
+.comment-form > .field_with_errors {
+  width: 100%;
+}
+
+.comment-form > label,
+.comment-form > .field_with_errors > label {
+  font-size: large;
+  font-weight: bold;
+}
+
+.comment-form > textarea,
+.comment-form > .field_with_errors > textarea {
+  margin: 10px 0;
+  width: 100%;
+}
+
+.comment-form > p {
+  margin-bottom: 10px;
+  color: red;
+}
+
+.comment-form > input {
+  padding: 5px;
+  width: 100px;
+}
+
+.comments {
+  padding: 15px;
+}
+
+.comment {
+  margin-bottom: 10px;
+}
+
+.comment > .body {
+  word-break: break-all;
+}
+
+.comment > .date {
+  margin-top: 5px;
+  font-size: x-small;
+}