From 5617f89c9941375f50ecba1757681aac1550afdd Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Thu, 24 Nov 2016 18:47:15 +0100
Subject: [PATCH] Style posts and assets on project homepage

---
 src/styles/_project.sass               | 37 ++++++++++++++++++++++----
 src/templates/projects/view_embed.jade | 16 ++++++-----
 2 files changed, 42 insertions(+), 11 deletions(-)

diff --git a/src/styles/_project.sass b/src/styles/_project.sass
index 3f43c5b7..60adfd42 100644
--- a/src/styles/_project.sass
+++ b/src/styles/_project.sass
@@ -1523,6 +1523,12 @@ section.node-details-container
 	color: $color-danger
 	clear: both
 
+a.learn-more
+	font-size: .9em
+	margin-left: 20px
+	padding: 5px 10px
+	+button($color-info, 3px)
+
 .node-extra
 	display: flex
 	flex-direction: column
@@ -1530,13 +1536,10 @@ section.node-details-container
 	padding: 0 20px
 	width: 100%
 
-	a.learn-more
-		font-size: .9em
-
-	.node-updates,
-	.node-blog
+	.node-updates
 		flex: 1
 		font-size: 1.1em
+		margin-top: 15px
 
 		ul
 			padding: 0
@@ -1554,6 +1557,9 @@ section.node-details-container
 				cursor: pointer
 				width: 33.3333%
 
+				&.texture
+					width: 25%
+
 				&:hover
 					img
 						opacity: .9
@@ -1561,6 +1567,23 @@ section.node-details-container
 						color: $color-primary
 						text-decoration: underline
 
+				&.post
+					.info .title
+						color: $node-type-post
+					a.image
+						border-color: $node-type-post
+						background-color: $node-type-post
+
+				&.asset.image a.image
+					border-color: $node-type-asset_image
+					background-color: $node-type-asset_image
+				&.asset.file a.image
+					border-color: $node-type-asset_file
+					background-color: $node-type-asset_file
+				&.asset.video a.image
+					border-color: $node-type-asset_video
+					background-color: $node-type-asset_video
+
 				$node-latest-thumbnail-size: 160px
 				.image
 					width: 100%
@@ -1571,6 +1594,9 @@ section.node-details-container
 					margin: 5px auto 10px auto
 					position: relative
 					overflow: hidden
+					border-bottom: 3px solid $color-background-dark
+					border-top-left-radius: 3px
+					border-top-right-radius: 3px
 
 					img
 						// max-width: 100%
@@ -1593,6 +1619,7 @@ section.node-details-container
 						display: block
 						word-break: break-word
 						font-size: 1.1em
+						color: $color-text-dark-primary
 						+clearfix
 
 					span.details
diff --git a/src/templates/projects/view_embed.jade b/src/templates/projects/view_embed.jade
index c18a1a6b..f1c8624b 100644
--- a/src/templates/projects/view_embed.jade
+++ b/src/templates/projects/view_embed.jade
@@ -64,8 +64,7 @@ script.
 			| {{ description }}
 
 		| {% if title != 'about' %}
-		.node-extra
-			a.learn-more(href="{{ url_for( 'projects.about', project_url=project.url) }}") LEARN MORE
+		a.learn-more(href="{{ url_for( 'projects.about', project_url=project.url) }}") LEARN MORE
 
 		.node-extra
 
@@ -74,19 +73,24 @@ script.
 				ul.node-updates-list
 					| {% for n in activity_stream %}
 					| {% if n.node_type not in ['comment'] %}
-					li.node-updates-list-item(data-node_id="{{ n._id }}")
+					li.node-updates-list-item(
+						data-node_id="{{ n._id }}",
+						class="{{ n.node_type }} {{ n.properties.content_type | hide_none }}")
 						a.image(href="{{ url_for_node(node=n) }}")
 							| {% if n.picture %}
 							img(src="{{ n.picture.thumbnail('l', api=api) }}")
 							| {% else %}
-							| {% if n.properties.content_type == 'video' %}
+
+							| {% if n.node_type == 'post' %}
+							i.pi-newspaper
+							| {% elif n.node_type == 'texture' or n.node_type == 'group_texture' %}
+							i.pi-texture
+							| {% elif n.properties.content_type == 'video' %}
 							i.pi-film-thick
 							| {% elif n.properties.content_type == 'image' %}
 							i.pi-picture
 							| {% elif n.properties.content_type == 'file' %}
 							i.pi-file-archive
-							| {% elif n.node_type == 'texture' or n.node_type == 'group_texture' %}
-							i.pi-texture
 							| {% else %}
 							i.pi-folder
 							| {% endif %}