Add photo to home page, og:image tag for articles.

content/pages/_home.md

@@ -3,6 +3,11 @@ Menu_Title: Home
 URL:
 Template: home
 Save_As: index.html
+Description: I'm Anton, and I have a passion for solving problems with technology. I'm an experienced full-stack developer, currently employed by Rutgers OIT. This is my personal site.
+
+<p style="margin: -1em 0;">
+    <img src="/media/thumbnails/300x_/anton-sc-close.png" class="inline-right" style="width:150px;">
+</p>
 
 ### Hi! My name is Anton.
 

pelicanconf.py

@@ -5,7 +5,8 @@ from __future__ import unicode_literals
 AUTHOR = 'Anton Sarukhanov'
 SITENAME = 'Anton Sarukhanov'
 SITESUBTITLE = 'Full-Stack Developer'
-SITEURL = ''
+PROFILE_IMG = '/media/anton-sc-close.png'
+SITEURL = 'http://ant.sr:5000/'
 
 PLUGINS = ['advthumbnailer']
 

theme/static/css/style.css

@@ -94,8 +94,11 @@ ul.projects {
     display: flex;
     flex-wrap: wrap;
 }
+ul.projects img {
+    width: 100%;
+}
 ul.projects li {
-    flex: 0 1 200px;
+    flex: 1 1 200px;
     padding: 1em;
     background-color: #eee;
 }

theme/templates/article.html

@@ -8,14 +8,15 @@
         {% if article.tags %}
         <meta name="keywords" content="{{ article.tags|map(attribute='name')|join(',') }}" />
         {% endif %}
+        {% if article.cover %}
+        <meta property="og:image" content="{{ SITEURL + article.cover }}" />
+        {% endif %}
 {% endblock %}
 
 {% block preface %}
         {% if article.cover %}
         <p class="hero">
-        {% if article.cover %}
             <img src="{{ SITEURL + article.cover | thumbnail("1000x_") }}" />
-        {% endif %}
         </p>
         {% endif %}
 {% endblock %}

theme/templates/home.html

 {% extends "base.html" %}
+{% block head %}
+{{ super() }}
+        {% if page %}
+        {% if page.description %}
+        <meta name="description" content="{{ page.description }}" />
+        {% endif %}
+        {% if page.tags %}
+        <meta name="keywords" content="{{ page.tags|map(attribute='name')|join(',') }}" />
+        {% endif %}
+        {% if page.cover %}
+        <meta property="og:image" content="{{ SITEURL + page.cover }}" />
+        {% endif %}
+        {% endif %}
+{% endblock %}
 {% block content %}
             {% if page %}
             {{ page.content|indent(12) }}
@@ -29,11 +43,9 @@
                 {% for article in articles if article.featured_project %}
                     <li>
                         {% if article.cover %}
-                        <h3>
-                            <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark">
-                                <img src="{{ SITEURL + article.cover | thumbnail("200x100") }}" />
-                            </a>
-                        </h3>
+                        <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark">
+                            <img src="{{ SITEURL + article.cover | thumbnail("400x200") }}" />
+                        </a>
                         {% endif %}
                         <h3><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark">
                             {{ article.title }}</a></h3>