diff options
-rw-r--r-- | TODO.org | 1 | ||||
-rw-r--r-- | bin/page.html.erb | 2 | ||||
-rw-r--r-- | out/Andrew.html | 2 | ||||
-rw-r--r-- | out/dnd/PsionicSchools.html | 2 | ||||
-rw-r--r-- | out/dnd/Psionist.html | 2 | ||||
-rw-r--r-- | out/dnd/SpellGauntlet.html | 2 | ||||
-rw-r--r-- | out/dnd/Tastavi.html | 2 | ||||
-rw-r--r-- | out/dnd/index.html | 2 | ||||
-rw-r--r-- | out/index.html | 2 | ||||
-rw-r--r-- | out/main.css | 26 | ||||
-rw-r--r-- | src/main.scss | 27 |
11 files changed, 42 insertions, 28 deletions
@@ -4,6 +4,5 @@ - categories (writing/programming/dnd) * style - org tables -- move breadcrumbs * wish - case insenstive URLs diff --git a/bin/page.html.erb b/bin/page.html.erb index 49be4e8..1171705 100644 --- a/bin/page.html.erb +++ b/bin/page.html.erb @@ -9,7 +9,6 @@ </head> <body<% if @page.class %> class="<%= @page.class %>"<% end %>> <header> - <p class=breadcrumbs><%= @page.breadcrumbs %></p> <h1>AndrewDM</h1> <nav> <ul> @@ -22,6 +21,7 @@ </form> </ul> </nav> + <p class=breadcrumbs><%= @page.breadcrumbs %></p> </header> <article> <% if @page.tags.count > 0 %><p>Tags: <% @page.tags.each do |t| %><%= t.html %><% end %></p><% end %> diff --git a/out/Andrew.html b/out/Andrew.html index 84cb611..afae0a9 100644 --- a/out/Andrew.html +++ b/out/Andrew.html @@ -9,7 +9,6 @@ </head> <body> <header> - <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/Andrew.html">Andrew</a></p> <h1>AndrewDM</h1> <nav> <ul> @@ -22,6 +21,7 @@ </form> </ul> </nav> + <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/Andrew.html">Andrew</a></p> </header> <article> diff --git a/out/dnd/PsionicSchools.html b/out/dnd/PsionicSchools.html index aefd0bc..20ec665 100644 --- a/out/dnd/PsionicSchools.html +++ b/out/dnd/PsionicSchools.html @@ -9,7 +9,6 @@ </head> <body class="dnd"> <header> - <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/dnd">dnd</a> » <a href="/dnd/PsionicSchools.html">PsionicSchools</a></p> <h1>AndrewDM</h1> <nav> <ul> @@ -22,6 +21,7 @@ </form> </ul> </nav> + <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/dnd">dnd</a> » <a href="/dnd/PsionicSchools.html">PsionicSchools</a></p> </header> <article> <p>Tags: <a class="tag ES" href="/tags/ES.html">Essay</a><a class="tag HB" href="/tags/HB.html">Homebrew</a></p> diff --git a/out/dnd/Psionist.html b/out/dnd/Psionist.html index 21fc53c..c4dc4f0 100644 --- a/out/dnd/Psionist.html +++ b/out/dnd/Psionist.html @@ -9,7 +9,6 @@ </head> <body class="dnd"> <header> - <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/dnd">dnd</a> » <a href="/dnd/Psionist.html">Psionist</a></p> <h1>AndrewDM</h1> <nav> <ul> @@ -22,6 +21,7 @@ </form> </ul> </nav> + <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/dnd">dnd</a> » <a href="/dnd/Psionist.html">Psionist</a></p> </header> <article> <p>Tags: <a class="tag ES" href="/tags/ES.html">Essay</a><a class="tag HB" href="/tags/HB.html">Homebrew</a></p> diff --git a/out/dnd/SpellGauntlet.html b/out/dnd/SpellGauntlet.html index 4c6eb23..c95ef67 100644 --- a/out/dnd/SpellGauntlet.html +++ b/out/dnd/SpellGauntlet.html @@ -9,7 +9,6 @@ </head> <body class="dnd"> <header> - <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/dnd">dnd</a> » <a href="/dnd/SpellGauntlet.html">SpellGauntlet</a></p> <h1>AndrewDM</h1> <nav> <ul> @@ -22,6 +21,7 @@ </form> </ul> </nav> + <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/dnd">dnd</a> » <a href="/dnd/SpellGauntlet.html">SpellGauntlet</a></p> </header> <article> <p>Tags: <a class="tag FF" href="/tags/FF.html">Flash Fiction</a><a class="tag SS" href="/tags/SS.html">Short Story</a><a class="tag WP" href="/tags/WP.html">WIP</a></p> diff --git a/out/dnd/Tastavi.html b/out/dnd/Tastavi.html index 35c77e7..2b0f27b 100644 --- a/out/dnd/Tastavi.html +++ b/out/dnd/Tastavi.html @@ -9,7 +9,6 @@ </head> <body class="dnd"> <header> - <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/dnd">dnd</a> » <a href="/dnd/Tastavi.html">Tastavi</a></p> <h1>AndrewDM</h1> <nav> <ul> @@ -22,6 +21,7 @@ </form> </ul> </nav> + <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/dnd">dnd</a> » <a href="/dnd/Tastavi.html">Tastavi</a></p> </header> <article> <p>Tags: <a class="tag SS" href="/tags/SS.html">Short Story</a></p> diff --git a/out/dnd/index.html b/out/dnd/index.html index 97caabf..72f3d7a 100644 --- a/out/dnd/index.html +++ b/out/dnd/index.html @@ -9,7 +9,6 @@ </head> <body class="index"> <header> - <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/dnd">dnd</a></p> <h1>AndrewDM</h1> <nav> <ul> @@ -22,6 +21,7 @@ </form> </ul> </nav> + <p class=breadcrumbs><a href="/">Andrew D. Murrell</a> » <a href="/dnd">dnd</a></p> </header> <article> diff --git a/out/index.html b/out/index.html index e1bcab5..bcec045 100644 --- a/out/index.html +++ b/out/index.html @@ -9,7 +9,6 @@ </head> <body class="index"> <header> - <p class=breadcrumbs><a href="/">Andrew D. Murrell</a></p> <h1>AndrewDM</h1> <nav> <ul> @@ -22,6 +21,7 @@ </form> </ul> </nav> + <p class=breadcrumbs><a href="/">Andrew D. Murrell</a></p> </header> <article> diff --git a/out/main.css b/out/main.css index 5b716fa..1589673 100644 --- a/out/main.css +++ b/out/main.css @@ -3,17 +3,21 @@ body { padding: 0; } header { - width: 100%; - background-color: black; - color: white; } + width: 100%; } + header h1 { + font-size: 50px; + margin: 0; + background-color: rgba(0, 0, 0, 0.6); + color: white; + padding: 4px; + padding-bottom: 0; } header p.breadcrumbs { - background-color: Maroon; - margin: 0; } + background-color: rgba(0, 0, 0, 0.6); + margin: 0; + color: white; + padding: 4px; } header p.breadcrumbs a { color: GoldenRod; } - header h1 { - font-size: 50px; - margin: 0; } header nav { /* layout */ line-height: 1; @@ -40,11 +44,13 @@ header { header nav a:active { color: Black; } header nav form { - padding: 0.2 1em; + padding: 0.2em 0; + font-size: 40px; display: block; } header nav form input { font-size: 25px; - border: solid 1px #333333; } + border: solid 1px #333333; + vertical-align: middle; } header nav form input[type="search"] { max-width: 10em; } header nav form input:first-child { diff --git a/src/main.scss b/src/main.scss index 52bca7c..e143892 100644 --- a/src/main.scss +++ b/src/main.scss @@ -5,19 +5,25 @@ body { header { width: 100%; - background-color: black; - color: white; + + h1 { + font-size: 50px; + margin: 0; + background-color: rgba(0, 0, 0, 0.6); + color: white; + padding: 4px; + padding-bottom: 0; + } + p.breadcrumbs { - background-color: Maroon; + background-color: rgba(0, 0, 0, 0.6); margin: 0; + color: white; + padding: 4px; a { color: GoldenRod; } } - h1 { - font-size: 50px; - margin: 0; - } nav { /* layout */ @@ -39,8 +45,8 @@ header { background-color: Maroon; a { padding: 0.2em 1em; - font-size: 40px; + color: GoldenRod; text-decoration: none; @@ -56,11 +62,14 @@ header { } form { - padding: 0.2 1em; + padding: 0.2em 0; + font-size: 40px; display: block; + input { font-size: 25px; border: solid 1px #333333; + vertical-align: middle; } input[type="search"] { max-width: 10em; |