summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--_assets/css/main.scss20
-rw-r--r--_layouts/default.html9
-rw-r--r--index.md2
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>
diff --git a/index.md b/index.md
index 688613f..75a1161 100644
--- a/index.md
+++ b/index.md
@@ -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!