X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Ftemplates%2Fvcard-widget.tpl;h=0eae2841bd3e200d19e06e5ca96017f7e5284c77;hb=fabc90e9dd5f1c4280a9bfa6c6930a3fc985f87a;hp=e5aebecc832281ce1eecf5fa26ff590f80bcc608;hpb=0f8148a4cb7c477b363cccdb5c638cd10d9df531;p=friendica.git

diff --git a/view/theme/frio/templates/vcard-widget.tpl b/view/theme/frio/templates/vcard-widget.tpl
index e5aebecc83..0eae2841bd 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 $pdesc}}<div class="title">{{$pdesc}}</div>{{/if}}
+
+			{{if $account_type}}<div class="account-type">{{$account_type}}</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>