More mobile tweaks and some content changes

assets/application.css

@@ -59,6 +59,7 @@ select {
   --ratio: 1.125;
 
   --color-background: white;
+  --color-code-background: #f9f9f9;
   --color-text: #222;
   --color-border: #000;
   --color-blue: mediumblue;
@@ -81,8 +82,8 @@ select {
   /* font-family: jaf-facitweb, sans-serif; */
   font-family: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans",
     source-sans-pro, sans-serif;
-  font-size: 1.4em;
-  line-height: 1.8;
+  font-size: 1.2em;
+  line-height: 1.7;
   color: var(--color-text);
   background: var(--color-background);
 }
@@ -118,17 +119,18 @@ code {
   font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas,
     "DejaVu Sans Mono", monospace;
   font-variant-ligatures: none;
+  background: var(--color-code-background);
 }
 
 code {
-  border: 1px solid;
   padding: 0 0.25em;
   line-height: 1.6;
   position: relative;
   font-size: 0.9em;
   display: inline-block;
   text-decoration: none;
   border-radius: 3px;
+  border: 1px solid var(--color-border);
 }
 
 .highlight {

pages/index.md

@@ -2,7 +2,7 @@
 title: Phlex — fast, object-oriented view framework for Ruby
 ---
 
-# Introduction
+# Phlex 💪
 
 Phlex is a [Ruby gem](https://rubygems.org/gems/phlex) for building fast object-oriented HTML and SVG components. Views are described using Ruby constructs: *methods*, *keyword arguments* and *blocks*, which directly correspond to the output. For example, this is how you might describe an HTML `<nav>` with a list of links:
 
@@ -32,14 +32,23 @@ The template is a special method that’s called when rendering a view. The `tem
 
 Instance methods perform important calculations or encapsulate a small part of the template. Public instance methods can expose an interface that’s yielded to the parent when rendering.
 
-# Setup
-Add `phlex` to your Gemfile and run `bundle install`.
+# Installation
+
+Install Phlex to your project by running:
+
+```sh
+$ bundle add phlex
+```
+
+This will add the following to your Gemfile:
 
 ```ruby
 gem "phlex"
 ```
 
-# HTML Introduction
+and automatically run `bundle install`
+
+# HTML
 ## HTML Views
 You can create an HTML view by subclassing `Phlex::HTML` and defining a `template` instance method.