Style posts and assets on project homepage

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
+	.node-updates
-		font-size: .9em
-
-	.node-updates,
-	.node-blog
 		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

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 %}