Started designing index page

33 files changed, 350 insertions, 14 deletions

@@ -19,5 +19,8 @@
 
 /node_modules
 /yarn-error.log
+/tmux*.log
+*.swp
+tags
 
 .byebug_history
@@ -52,3 +52,6 @@ end
 
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
 gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
+
+gem 'haml'
+gem 'normalize-rails'
@@ -66,6 +66,9 @@ GEM
     ffi (1.9.18)
     globalid (0.4.0)
       activesupport (>= 4.2.0)
+    haml (5.0.1)
+      temple (>= 0.8.0)
+      tilt
     i18n (0.8.4)
     jbuilder (2.7.0)
       activesupport (>= 4.2.0)
@@ -88,6 +91,7 @@ GEM
     nio4r (2.1.0)
     nokogiri (1.8.0)
       mini_portile2 (~> 2.2.0)
+    normalize-rails (4.1.1)
     public_suffix (2.0.5)
     puma (3.9.1)
     rack (2.0.3)
@@ -145,6 +149,7 @@ GEM
       activesupport (>= 4.0)
       sprockets (>= 3.0.0)
     sqlite3 (1.3.13)
+    temple (0.8.0)
     thor (0.19.4)
     thread_safe (0.3.6)
     tilt (2.0.7)
@@ -173,8 +178,10 @@ DEPENDENCIES
   byebug
   capybara (~> 2.13)
   coffee-rails (~> 4.2)
+  haml
   jbuilder (~> 2.5)
   listen (>= 3.0.5, < 3.2)
+  normalize-rails
   puma (~> 3.7)
   rails (~> 5.1.1)
   sass-rails (~> 5.0)
@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/
@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/
@@ -10,6 +10,65 @@
  * 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 normalize-rails
  *= require_tree .
  *= require_self
  */
+
+@import url('https://fonts.googleapis.com/css?family=Inconsolata');
+
+body {
+  background-color: #bfefff;
+}
+
+#container {
+  margin: 5em auto 0;
+  width: 50%;
+  border: 1px solid black;
+  background-color: white;
+  box-sizing: border-box;
+  -webkit-border-top-left-radius: 15px;
+  -webkit-border-top-right-radius: 15px;
+  -moz-border-radius-topleft: 15px;
+  -moz-border-radius-topright: 15px;
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
+}
+
+#banner {
+  width: 100%;
+  border-bottom: 1px solid black;
+  padding: 1em;
+  box-sizing: border-box;
+}
+
+#banner h1 {
+  text-align: center;
+  margin: 0;
+}
+
+#banner h1 a {
+  text-decoration: none;
+  color: black;
+}
+
+#banner h1 a:visited {
+  color: black;
+}
+
+#main {
+  display: -webkit-flex;
+  display: flex;
+}
+
+#content {
+  width: 75%;
+  box-sizing: border-box;
+  border-right: 1px solid black;
+}
+
+#sidebar {
+  width: 25%;
+  box-sizing: border-box;
+  padding-right: 1em;
+}
@@ -0,0 +1,3 @@
+// Place all the styles related to the Entries controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
@@ -0,0 +1,61 @@
+// Place all the styles related to the Records controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+#records {
+  padding: 0;
+  margin: 0 1em;
+
+  & > li {
+    display: block;
+    padding: .25em 0;
+
+    .description {
+      a {
+        text-decoration: none;
+        color: black;
+        font-family: 'Inconsolata', monospace;
+
+        &:hover {
+          text-decoration: underline;
+        }
+
+        &:visited {
+          color: black;
+        }
+      }
+    }
+
+    .tags {
+      margin: .25em;
+      display: flex;
+      padding-left: 0;
+
+      li {
+        display: inline;
+        font-size: .75em;
+        font-family: 'Inconsolata', monospace;
+        padding: .25em;
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+        border-radius: 5px;
+
+        &.record-date {
+          background-color: #fef1bf;
+        }
+
+        &.entry-type {
+          text-transform: uppercase;
+
+          &.entry-type-blog {
+            background-color: #90fefb;
+          }
+        }
+
+        & + li {
+          margin-left: 1em;
+        }
+      }
+    }
+  }
+}
@@ -0,0 +1,7 @@
+class EntriesController < ApplicationController
+
+  def show
+    @entry = Entry.where(directory: params[:directory], slug: params[:slug]).first
+  end
+
+end
@@ -0,0 +1,7 @@
+class RecordsController < ApplicationController
+
+  def index
+    @records = Record.order(created_at: :desc).limit(20)
+  end
+
+end
@@ -0,0 +1,2 @@
+module EntriesHelper
+end
@@ -0,0 +1,2 @@
+module RecordsHelper
+end
@@ -0,0 +1,4 @@
+class Blog < Entry
+  validates :title, :body, presence: true
+end
+
@@ -0,0 +1,9 @@
+class Entry < ApplicationRecord
+  has_many :records, as: :recordable
+
+  validates :slug, presence: true, format: /\A[-a-z0-9]+\z/
+
+  def path
+    "/says/#{slug}"
+  end
+end
@@ -0,0 +1,5 @@
+class Record < ApplicationRecord
+  belongs_to :recordable, polymorphic: true
+
+  validates :description, :recordable, presence: true
+end
@@ -0,0 +1,2 @@
+<h1>Entries#show</h1>
+<p>Find me in app/views/entries/show.html.erb</p>
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Thoughts</title>
-    <%= csrf_meta_tags %>
-
-    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
-    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
-  </head>
-
-  <body>
-    <%= yield %>
-  </body>
-</html>
@@ -0,0 +1,14 @@
+!!! 5
+%html
+  %head
+    %title Thoughts
+    = csrf_meta_tags
+    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
+    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
+  %body
+    #container
+      #banner
+        %h1= link_to "Thoughts", root_url
+      #main
+        #content= yield
+        #sidebar I'm Fef.
@@ -0,0 +1,7 @@
+%ul#records
+  - @records.each do |record|
+    %li
+      %span.description= link_to record.description, record.recordable.path
+      %ul.tags
+        %li.record-date= record.created_at.strftime("%m.%e.%y")
+        %li.entry-type{ class: "entry-type-#{record.recordable.type.downcase}" }= record.recordable.type
@@ -1,3 +1,10 @@
 Rails.application.routes.draw do
   # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
+  root "records#index"
+
+  get 'says/:slug', to: 'entries#show'
+
+  # get ':directory/:slug', to: 'entries#show', constraints: lambda { |request|
+  #   Entry::DIRECTORIES.include? request.path_parameters['directory']
+  # }
 end
@@ -0,0 +1,10 @@
+class CreateRecords < ActiveRecord::Migration[5.1]
+  def change
+    create_table :records do |t|
+      t.text :description
+      t.references :recordable, polymorphic: true, index: true
+
+      t.timestamps
+    end
+  end
+end
@@ -0,0 +1,12 @@
+class CreateEntries < ActiveRecord::Migration[5.1]
+  def change
+    create_table :entries do |t|
+      t.string :title
+      t.text :body
+      t.string :slug, null: false
+      t.string :type, null: false
+
+      t.timestamps
+    end
+  end
+end
@@ -0,0 +1,34 @@
+# 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.
+#
+# Note that this schema.rb definition is the authoritative source for your
+# database schema. If you need to create the application database on another
+# system, you should be using db:schema:load, not running all the migrations
+# from scratch. The latter is a flawed and unsustainable approach (the more migrations
+# you'll amass, the slower it'll run and the greater likelihood for issues).
+#
+# It's strongly recommended that you check this file into your version control system.
+
+ActiveRecord::Schema.define(version: 20170625004938) do
+
+  create_table "entries", force: :cascade do |t|
+    t.string "title"
+    t.text "body"
+    t.string "directory", null: false
+    t.string "slug", null: false
+    t.string "type", null: false
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+  end
+
+  create_table "records", force: :cascade do |t|
+    t.text "description"
+    t.string "recordable_type"
+    t.integer "recordable_id"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.index ["recordable_type", "recordable_id"], name: "index_records_on_recordable_type_and_recordable_id"
+  end
+
+end
@@ -0,0 +1,9 @@
+require 'test_helper'
+
+class EntriesControllerTest < ActionDispatch::IntegrationTest
+  test "should get show" do
+    get entries_show_url
+    assert_response :success
+  end
+
+end
@@ -0,0 +1,9 @@
+require 'test_helper'
+
+class RecordsControllerTest < ActionDispatch::IntegrationTest
+  test "should get index" do
+    get records_index_url
+    assert_response :success
+  end
+
+end
@@ -0,0 +1,15 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  title: MyString
+  body: MyText
+  directory: MyString
+  slug: MyString
+  type: 
+
+two:
+  title: MyString
+  body: MyText
+  directory: MyString
+  slug: MyString
+  type: 
@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  directory: MyString
+  slug: MyString
+
+two:
+  directory: MyString
+  slug: MyString
@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  title: MyString
+  body: MyText
+
+two:
+  title: MyString
+  body: MyText
@@ -0,0 +1,7 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  description: MyText
+
+two:
+  description: MyText
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class EntryTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class LinkTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class PostTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end
@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class RecordTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end