Obrázek ve stránce se zpracuje do čtverce

sass/style.scss

@@ -126,6 +126,7 @@ main {
 			float: right;
 			max-width: 48%;
 			margin-left: 2em;
+			border-radius: 50%;
 		}
 	}
 

templates/page.html

@@ -7,7 +7,7 @@
 			<p>{{ page.description }}</p>
 		</div>
 		{% if page.extra.mainimage %}
-			<img src="{{ page.permalink }}{{ page.extra.mainimage }}" alt="Main image">
+			<img src="{{ resize_image(path=page.extra.mainimage, width=500, height=500, op="fill") }}" alt="{{ page.extra.mainimage }}">
 		{% endif %}
 	</section>
 	{{ page.content | safe }}