Added crawler layer, Fixed image hover bug

author.hbs

@@ -9,7 +9,7 @@
 		class="main-header author-head"
 		style="background-image: url({{#if cover}}{{cover}}{{else}}http://localhost:2368/ghost/img/user-cover.png{{/if}})">
 	</header>
-	
+
 	<section class="author-profile">
 		{{#if image}}
 		<figure class="author-image">
@@ -33,3 +33,5 @@
 	<div id="origami-posts">
 	</div>
 </main>
+
+{{> "loop"}}

index.hbs

@@ -22,3 +22,5 @@
 	<div id="origami-posts">
 	</div>
 </main>
+
+{{> "loop"}}

partials/loop.hbs

@@ -0,0 +1,7 @@
+<div class="crawler-links-layer">
+	{{#foreach posts}}
+	<a href="{{url}}">{{title}}</a>
+	{{/foreach}}
+
+	{{pagination}}
+</div>

src/components/Post.vue

@@ -5,7 +5,7 @@
 		</header>
 		<hr class="post-divider">
 		<template v-if="image">
-			<div class="post-image">
+			<div :class="imageClass" @mouseover="mouseover" @mouseout="mouseout">
 				<div class="post-image-filter" :style="imageStyle"></div>
 				<div class="post-image-indicator">
 					<div class="post-image-indicator-shape"></div>
@@ -116,6 +116,10 @@
 
 			imageStyle(){
 				return `background-image: url("${this.image}")`;
+			},
+
+			imageClass(){
+				return `post-image${this.hover ? ' hover' : ''}`;
 			}
 		},
 		mounted() {
@@ -126,6 +130,20 @@
 			this.$el.style.animationName = "flip";
 			this.$el.style.webkitAnimationName = "flip";
 		},
+		methods: {
+			mouseover(){
+				this.hover = true;
+			},
+
+			mouseout(){
+				this.hover = false;
+			}
+		},
+		data(){
+			return {
+				hover: false
+			};
+		},
 		components: {
 			Author,
 			Tag

src/index.js

@@ -54,4 +54,4 @@ new Clipboard('[data-origami-link]', {
 
 		return resolveUrl(trigger.getAttribute('data-origami-link'));
 	}
-})
+});

src/less/origami.less

@@ -239,6 +239,10 @@
 	//margin-right: 6px;
 }
 
+.crawler-links-layer {
+	display: none;
+}
+
 /* Appears in the top left corner of your home page */
 .blog-logo {
 	display: block;
@@ -526,10 +530,12 @@
 		-webkit-transition: -webkit-filter .5s;
 
 		will-change: filter;
+	}
 
-		&:hover {
-			.blur(3px);
-		}
+	&:hover .post-image-filter,
+	.post-image-filter:hover,
+	.post-image.hover .post-image-filter {
+		.blur(3px);
 	}
 
 	.mobile-image-tools {

tag.hbs

@@ -24,3 +24,5 @@
 	<div id="origami-posts">
 	</div>
 </main>
+
+{{> "loop"}}