X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Ftemplates%2Fvcard-widget.tpl;h=040a6aa84a2326b45c95b936adba0690e0ac6a9a;hb=9653ae98aea5acecc04a3136b2160c9d0949fe1f;hp=e5aebecc832281ce1eecf5fa26ff590f80bcc608;hpb=2a33882fe03a52eb27a0c7154bac57e9fcd081b3;p=friendica.git

diff --git a/view/theme/frio/templates/vcard-widget.tpl b/view/theme/frio/templates/vcard-widget.tpl
index e5aebecc83..040a6aa84a 100644
--- a/view/theme/frio/templates/vcard-widget.tpl
+++ b/view/theme/frio/templates/vcard-widget.tpl
@@ -1,13 +1,27 @@
 
-<div class="vcard widget">
+<div class="vcard widget h-card">
 	{{if $url}}
-		<div id="profile-photo-wrapper" class="thumbnail"><a href="{{$url}}"><img class="vcard-photo photo" src="{{$photo}}" alt="{{$name}}" /></a></div>
+		<div id="profile-photo-wrapper" class="thumbnail"><a class="u-url" href="{{$url}}"><img class="vcard-photo photo u-photo" src="{{$photo}}" alt="{{$name}}" /></a></div>
 	{{else}}
-		<div id="profile-photo-wrapper" class="thumbnail"><img class="vcard-photo photo" src="{{$photo}}" alt="{{$name}}" /></div>
+		<div id="profile-photo-wrapper" class="thumbnail"><img class="vcard-photo photo u-photo" src="{{$photo}}" alt="{{$name}}" /></div>
 	{{/if}}
 
+	{{* The short information which will appended to the second navbar by scrollspy *}}
+	<div id="vcard-short-info-wrapper" style="display: none;">
+		<div id="vcard-short-info" class="media" style="display: none">
+			<div id="vcard-short-photo-wrapper" class="pull-left">
+				<img class="media-object" src="{{$photo}}" alt="{{$name}}" />
+			</div>
+
+			<div id="vcard-short-desc" class="media-body">
+				<h4 class="media-heading">{{$name}}</h4>
+				{{if $addr}}<div class="vcard-short-addr">{{$addr}}</div>{{/if}}
+			</div>
+		</div>
+	</div>
+
 	<div class="panel-body">
-		<div class="fn">{{$name}}</div>
+		<div class="fn p-name">{{$name}}</div>
 		{{if $addr}}<div class="p-addr">{{$addr}}</div>{{/if}}
 		{{if $pdesc}}<div class="title">{{$pdesc}}</div>{{/if}}