Style tweaks to blog archive

src/styles/blog.sass

@@ -614,11 +614,27 @@
 					padding-left: 70px
 
 		h4.blog_index-title
+			color: $color-text-dark-secondary
 			margin-left: 80px
 			padding-top: 25px
-			font:
+
-				family: $font-body
+			&.blog-archive
-			color: $color-text-dark-secondary
+				display: flex
+				font-size: 1em
+				margin-left: 0
+				padding: 0
+				text-align: center
+
+				a
+					flex: 1
+					padding: 15px
+
+					&.disabled
+						color: $color-text-dark-hint
+						pointer-events: none
+
+		h3.blog-archive-title
+			text-align: center
 
 
 	#blog_index-container,

src/templates/nodes/custom/blog/_macros.pug

@@ -70,9 +70,10 @@ h4.blog_index-title Blasts from the past
 | {% endfor %}
 
 | {% if more_posts_available %}
-.blog_index-item
+h4.blog_index-title.blog-archive
-	a.item-title.blog-archive(href="{{ project.blog_archive_url }}")
+	a(href="{{ project.blog_archive_url }}")
-		| {{posts_meta.total - posts|length}} more blog posts live here
+		| {{posts_meta.total - posts|length}} more blog posts over here
+		i.pi-angle-right
 | {% endif %}
 
 | {% else %}
@@ -84,19 +85,31 @@ h4.blog_index-title Blasts from the past
 | {% endmacro %}
 
 //- ******************************************************* -//
+
+| {% macro render_archive_pagination(project) %}
+h4.blog_index-title.blog-archive
+	a(class="{% if not project.blog_archive_prev %}disabled{% endif %}",
+		href="{{ project.blog_archive_prev }}", rel="prev")
+		i.pi-angle-left
+		| Previous page
+
+	a(href="{{ url_for('main.project_blog', project_url=project.url) }}", rel="prev")
+		| Blog Index
+
+	a(class="{% if not project.blog_archive_next %}disabled{% endif %}",
+		href="{{ project.blog_archive_next }}", rel="next")
+		| Next page
+		i.pi-angle-right
+| {% endmacro %}
+
 | {% macro render_archive(project, posts, posts_meta) %}
-| {% if project.blog_archive_prev %}
+
-.blog_index-item.list
+| {{ render_archive_pagination(project) }}
-	a(href="{{ project.blog_archive_prev }}", rel="prev") Previous page
-| {% endif %}
 
 | {% for node in posts %}
 | {{ render_blog_list_item(node) }}
 | {% endfor %}
 
-| {% if project.blog_archive_next %}
+| {{ render_archive_pagination(project) }}
-.blog_index-item.list
-	a(href="{{ project.blog_archive_next }}", rel="next") Next page
-| {% endif %}
 
 | {% endmacro %}

src/templates/nodes/custom/blog/archive_main_project.pug

@@ -4,8 +4,9 @@
 | {% block body %}
 .container.blog-archive
 	#blog_container.cloud-blog
-		#blog_index-container.expand-image-links
+		#blog_index-container
 			.blog_index-header
-				h1 Blog Archive
+				h3.blog-archive-title
+					| Blog Archive
 			| {{ blogmacros.render_archive(project, posts, posts_meta) }}
 | {% endblock %}