Started working on a blog for the website; adjusted some styles

This commit is contained in:
Gregory Ballantine 2023-03-16 14:27:30 -04:00
parent 771db2dae1
commit a9c2737713
13 changed files with 108 additions and 0 deletions

View File

@ -46,6 +46,9 @@ gem "sassc-rails"
# Use CoffeeScript to process JS # Use CoffeeScript to process JS
gem "coffee-rails" gem "coffee-rails"
# Kramdown gem to convert Markdown to HTML
gem "kramdown", "~> 2.4"
# Use Active Storage variants [https://guides.rubyonrails.org/active_storage_overview.html#transforming-images] # Use Active Storage variants [https://guides.rubyonrails.org/active_storage_overview.html#transforming-images]
# gem "image_processing", "~> 1.2" # gem "image_processing", "~> 1.2"

View File

@ -111,6 +111,8 @@ GEM
jbuilder (2.11.5) jbuilder (2.11.5)
actionview (>= 5.0.0) actionview (>= 5.0.0)
activesupport (>= 5.0.0) activesupport (>= 5.0.0)
kramdown (2.4.0)
rexml
loofah (2.18.0) loofah (2.18.0)
crass (~> 1.0.2) crass (~> 1.0.2)
nokogiri (>= 1.5.9) nokogiri (>= 1.5.9)
@ -238,6 +240,7 @@ DEPENDENCIES
debug debug
importmap-rails importmap-rails
jbuilder jbuilder
kramdown (~> 2.4)
puma (~> 6.1) puma (~> 6.1)
rails (~> 7.0) rails (~> 7.0)
sassc-rails sassc-rails

View File

@ -34,6 +34,7 @@ hr
margin: 0 margin: 0
padding: 0 padding: 0
background: white background: white
box-shadow: 0px 80px 50px -30px rgba(0, 0, 0, 0.15)
// header // header
@ -135,13 +136,21 @@ hr
li li
padding: 15px 20px 0 padding: 15px 20px 0
border: 2px solid #bbb border: 2px solid #bbb
border-radius: 8px
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2)
.post-title .post-title
margin-bottom: 3px margin-bottom: 3px
text-decoration: underline
.post-body .post-body
margin-bottom: 0 margin-bottom: 0
#post-header
#post-author
color: #999
font-style: italic
// footer section // footer section
#footer #footer

View File

@ -0,0 +1,9 @@
class BlogController < ApplicationController
def index
@posts = Post.all()
end
def show
@post = Post.find(params[:id])
end
end

7
app/models/post.rb Normal file
View File

@ -0,0 +1,7 @@
class Post < ApplicationRecord
def renderBody()
Kramdown::Document.new(self.body).to_html()
end
end

View File

@ -0,0 +1,14 @@
<h1 class="u-text-center">Bit Goblin Blog</h1>
<% if @posts.length > 0 %>
<ul id="post-list">
<% @posts.each do |post| %>
<li>
<h4 class="post-title"><a href="/blog/post/<%= post.id %>"><%= post.title %></a></h4>
<p class="post-body"><%= truncate(raw(post.renderBody()), :length => 300, :escape => false) %></p>
</li>
<% end %>
</ul>
<% else %>
<p>I'm sorry, there don't appear to be any blog posts published at this time. Check back later!</p>
<% end %>

View File

@ -0,0 +1,8 @@
<header id="post-header">
<h1 id="post-title" class="u-text-center"><%= @post.title %></h1>
<h4 id="post-author" class="u-text-center">written by <%= @post.author %></h4>
</header>
<div class="post-body">
<%= raw(@post.renderBody()) %>
</div>

View File

@ -23,6 +23,7 @@
<nav id="navigation"> <nav id="navigation">
<ul> <ul>
<li><a href="/">Home</a></li> <li><a href="/">Home</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/support">Support</a></li> <li><a href="/support">Support</a></li>
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>

View File

@ -3,4 +3,7 @@ Rails.application.routes.draw do
get "/contact", to: "welcome#contact" get "/contact", to: "welcome#contact"
get "/support", to: "welcome#support" get "/support", to: "welcome#support"
get "/blog", to: "blog#index"
get "/blog/post/:id", to: "blog#show"
end end

View File

@ -0,0 +1,11 @@
class CreatePosts < ActiveRecord::Migration[7.0]
def change
create_table :posts do |t|
t.string :title
t.string :author
t.text :body
t.timestamps
end
end
end

22
db/schema.rb generated Normal file
View File

@ -0,0 +1,22 @@
# This file is auto-generated from the current state of the database. Instead
# of editing this file, please use the migrations feature of Active Record to
# incrementally modify your database, and then regenerate this schema definition.
#
# This file is the source Rails uses to define your schema when running `bin/rails
# db:schema:load`. When creating a new database, `bin/rails db:schema:load` tends to
# be faster and is potentially less error prone than running all of your
# migrations from scratch. Old migrations may fail to apply correctly if those
# migrations use external dependencies or application code.
#
# It's strongly recommended that you check this file into your version control system.
ActiveRecord::Schema[7.0].define(version: 2023_03_16_173633) do
create_table "posts", force: :cascade do |t|
t.string "title"
t.string "author"
t.text "body"
t.datetime "created_at", null: false
t.datetime "updated_at", null: false
end
end

11
test/fixtures/posts.yml vendored Normal file
View File

@ -0,0 +1,11 @@
# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
one:
title: MyString
author: MyString
body: MyText
two:
title: MyString
author: MyString
body: MyText

7
test/models/post_test.rb Normal file
View File

@ -0,0 +1,7 @@
require "test_helper"
class PostTest < ActiveSupport::TestCase
# test "the truth" do
# assert true
# end
end