X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;ds=sidebyside;f=view%2Ftheme%2Ffrio%2Ftemplates%2Fvcard-widget.tpl;h=d1b41728b19fb7895e99e9ca4cc60541279128e7;hb=4facd1dfdba93ede48ca40b5e146424e6701118b;hp=e5aebecc832281ce1eecf5fa26ff590f80bcc608;hpb=b67378ac6983d185175d50f8129d443b649a1a46;p=friendica.git

diff --git a/view/theme/frio/templates/vcard-widget.tpl b/view/theme/frio/templates/vcard-widget.tpl
index e5aebecc83..d1b41728b1 100644
--- a/view/theme/frio/templates/vcard-widget.tpl
+++ b/view/theme/frio/templates/vcard-widget.tpl
@@ -1,18 +1,38 @@
+<div class="vcard h-card widget">
 
-<div class="vcard widget">
-	{{if $url}}
-		<div id="profile-photo-wrapper" class="thumbnail"><a href="{{$url}}"><img class="vcard-photo 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>
-	{{/if}}
+	<div id="profile-photo-wrapper">
+		{{if $url}}
+		<a href="{{$url}}"><img class="photo u-photo" src="{{$photo}}" alt="{{$name}}" /></a>
+		{{else}}
+		<img class="photo u-photo" src="{{$photo}}" alt="{{$name}}" />
+		{{/if}}
+	</div>
+
+	{{* 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>
-		{{if $addr}}<div class="p-addr">{{$addr}}</div>{{/if}}
-		{{if $pdesc}}<div class="title">{{$pdesc}}</div>{{/if}}
+		<div class="profile-header">
+			<h3 class="fn p-name">{{$name}}</h3>
+
+			{{if $addr}}<div class="p-addr">{{$addr}}</div>{{/if}}
+
+			{{if $account_type}}<div class="account-type">({{$account_type}})</div>{{/if}}
+
+			{{if $pdesc}}<div class="title">{{$pdesc}}</div>{{/if}}
 
-		{{if $account_type}}<div class="account-type">{{$account_type}}</div>{{/if}}
-		{{if $network_name}}<dl class="network"><dt class="network-label">{{$network}}</dt><dd class="x-network">{{$network_name}}</dd></dl>{{/if}}
-		<div id="profile-vcard-break"></div>
+			{{if $network_link}}<dl class="network"><dt class="network-label">{{$network}}</dt><dd class="x-network">{{$network_link nofilter}}</dd></dl>{{/if}}
+		</div>
 	</div>
 </div>