Merge pull request #21 from redmatrix/master

updating from original codebase

2 files changed, 137 insertions, 2 deletions

diff --git a/view/tpl/profile_advanced.tpl b/view/tpl/profile_advanced.tpl
index a4413e536..a027a7c2e 100755
--- a/view/tpl/profile_advanced.tpl
+++ b/view/tpl/profile_advanced.tpl
@@ -4,7 +4,7 @@
 			{{if $profile.like_count}}
 			<button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown" id="profile-like">{{$profile.like_count}} {{$profile.like_button_label}}</button>
 			{{if $profile.likers}}
-			<ul class="dropdown-menu" role="menu" aria-labelledby="profile-like">{{foreach $profile.likers as $liker}}<li role="presentation"><a href="{{$liker.url}}">{{$liker.name}}</a></li>{{/foreach}}</ul>
+			<ul class="dropdown-menu" role="menu" aria-labelledby="profile-like">{{foreach $profile.likers as $liker}}<li role="presentation"><a href="{{$liker.url}}"><img class="dropdown-menu-img-xs" src="{{$liker.photo}}" alt="{{$liker.name}}" /> {{$liker.name}}</a></li>{{/foreach}}</ul>
 			{{/if}}
 			{{/if}}
 			{{if $profile.canlike}}
@@ -215,7 +215,7 @@
 		<div class="btn-group">
 		<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" id="thing-like-{{$item.term_hash}}">{{$item.like_count}} {{$item.like_label}}</button>
 		{{if $item.likes}}
-		<ul class="dropdown-menu" role="menu" aria-labelledby="thing-like-{{$item.term_hash}}">{{foreach $item.likes as $liker}}<li role="presentation"><a href="{{$liker.xchan_url}}">{{$liker.xchan_name}}</a></li>{{/foreach}}</ul>
+		<ul class="dropdown-menu" role="menu" aria-labelledby="thing-like-{{$item.term_hash}}">{{foreach $item.likes as $liker}}<li role="presentation"><a href="{{$liker.xchan_url}}"><img class="dropdown-menu-img-xs" src="{{$liker.xchan_photo_s}}" alt="{{$liker.name}}" /> {{$liker.xchan_name}}</a></li>{{/foreach}}</ul>
 		{{/if}}
 		</div>
 		{{/if}}
diff --git a/view/tpl/zcard.tpl b/view/tpl/zcard.tpl
new file mode 100644
index 000000000..b73b1011c
--- /dev/null
+++ b/view/tpl/zcard.tpl
@@ -0,0 +1,135 @@
+<style>
+{{if $size == 'hz_large'}}
+.hz_card {
+/*	-moz-transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); 
+	transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); */
+	font-family: sans-serif, arial, freesans;
+}
+.hz_cover_photo {
+	max-width: 100%;
+}
+.hz_profile_photo {
+	position: relative;
+	top: -300px;
+	left: 30px;
+	background-color: white;
+	border: 1px solid #ddd;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	padding: 10px;
+	width: 320px;
+	height: 320px;
+}
+
+.hz_name {
+	position: relative;
+	top: -100px;
+	left: 400px;
+	color: #fff;
+	font-size: 48px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
+}
+.hz_addr {
+	position: relative;
+	top: -110px;
+	left: 400px;
+	color: #fff;
+	font-size: 24px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
+}	
+{{elseif $size == 'hz_medium'}}
+.hz_card {
+	-moz-transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); 
+	transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); 
+	font-family: sans-serif, arial, freesans;
+}
+.hz_cover_photo {
+	max-width: 100%;
+}
+.hz_profile_photo {
+	position: relative;
+	top: -300px;
+	left: 30px;
+	background-color: white;
+	border: 1px solid #ddd;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	padding: 10px;
+	width: 320px;
+	height: 320px;
+}
+
+.hz_name {
+	position: relative;
+	top: -100px;
+	left: 400px;
+	color: #fff;
+	font-size: 48px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
+}
+.hz_addr {
+	position: relative;
+	top: -110px;
+	left: 400px;
+	color: #fff;
+	font-size: 24px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
+}	
+
+
+{{else}}
+.hz_card {
+/*	-moz-transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); 
+	transform: translate(-{{$translate}}%, -{{$translate}}%) scale({{$scale}}, {{$scale}}); */
+	font-family: sans-serif, arial, freesans;
+}
+.hz_cover_photo {
+	max-width: 100%;
+}
+.hz_profile_photo {
+	position: relative;
+	top: -75px;
+	left: 20px;
+	background-color: white;
+	border: 1px solid #ddd;
+/*	border-radius: 5px;
+	-moz-border-radius: 5px; */
+	padding: 3px;
+	width: 80px;
+	height: 80px;
+}
+
+.hz_name {
+	position: relative;
+	top: -40px;
+	left: 120px;
+	color: #fff;
+	font-size: 18px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
+}
+.hz_addr {
+	position: relative;
+	top: -40px;
+	left: 120px;
+	color: #fff;
+	font-size: 10px;
+    text-rendering: optimizelegibility;
+    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
+}	
+{{/if}}
+
+</style>
+
+<div class="hz_card {{$size}}">
+	<div class="hz_cover_photo"><img src="{{$cover.href}}" alt="{{$zcard.chan.xchan_name}}" />
+		<div class="hz_name">{{$zcard.chan.xchan_name}}</div>
+		<div class="hz_addr">{{$zcard.chan.channel_addr}}</div>
+	</div>
+	<div class="hz_profile_photo"><img style="width: {{$pphoto.width}}px; height: {{$pphoto.height}}px;" src="{{$pphoto.href}}" alt="{{$zcard.chan.xchan_name}}" /></div>
+</div>
+