diff options
-rw-r--r-- | _assets/css/main.scss | 20 | ||||
-rw-r--r-- | _layouts/default.html | 9 | ||||
-rw-r--r-- | index.md | 2 |
3 files changed, 23 insertions, 8 deletions
diff --git a/_assets/css/main.scss b/_assets/css/main.scss index b11591c..54180a2 100644 --- a/_assets/css/main.scss +++ b/_assets/css/main.scss @@ -107,6 +107,15 @@ footer p { } } +.content-title { + text-align: left; + + h1, p, h2 { + display: inline; + font-size: 1.2em; + } +} + /* Cool menu. */ @media (min-width: 350px) and (max-width: 600px) { @@ -134,12 +143,10 @@ footer p { /* ELEMENTS */ -h1, h2, h3, h4, h5, h6 { +h3, h4, h5, h6 { line-height: 1; margin: 0; } -h1 { font-size: 18px; } -h2 { font-size: 24px; margin-top: 0; } h3 { font-size: 18px; } p { margin: 5px 0; @@ -147,6 +154,13 @@ p { padding-bottom: 0.5em; } +.menu-title { + margin: 0; + line-height: 1; + font-weight: bold; + font-size: 18px; +} + hr { line-height: 1; border: none; diff --git a/_layouts/default.html b/_layouts/default.html index 2bbc27f..83942ad 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -59,10 +59,11 @@ <!-- Main content. --> <section class="content-wrapper"> -<h2>{% if page.layout == "post" %}{{ page.date | date_to_string }}: {% endif %}{% if page.title %}{{ page.title }}{% else %}About myself{% endif %}</h2> -<hr /> +<div class="content-title"> +<h1>John Touhey</h1><p>: </p><h2>{% if page.layout == "post" %}{{ page.date | date_to_string }}: {% endif %}{% if page.title %}{{ page.title }}{% else %}About myself{% endif %}</h2> +</div> -<div class="content"> +<hr /><div class="content"> {{ content }} </div></section> @@ -74,7 +75,7 @@ </a></div> <div class="side-content"><header> - <h1>John Touhey</h1> + <p class="menu-title">John Touhey</p> <p>Musician, painter, father.</p> </header><nav><ul> <li><a href="{{ site.baseurl }}/">Home</a></li> @@ -1,7 +1,7 @@ --- layout: default --- -{% asset me.jpg class="hi" magick:resize="800x" %} +{% asset me.jpg class="hi" magick:resize="800x" alt="John Touhey in front of some of his paintings." %} Hi! I go by the name **John Touhey**, and this is my website. Its main purpose is to share my artworks, and a few other things. Please enjoy! |