1 <div class="vcard h-card widget">
3 <div id="profile-photo-wrapper">
4 {{if $profile.picdate}}
5 <a href="{{$profile.url}}"><img class="photo u-photo" src="{{$profile.photo}}?rev={{$profile.picdate}}" alt="{{$profile.name}}" /></a>
7 <a href="{{$profile.url}}"><img class="photo u-photo" src="{{$profile.photo}}" alt="{{$profile.name}}" /></a>
10 <div class="tool visible-lg visible-md">
13 <a class="" href="{{$profile.edit.0}}" title="{{$profile.edit.3}}"><i class="fa fa-pencil-square-o"></i></a>
17 <div class="profile-edit-side-div"><a class="profile-edit-side-link icon edit" title="{{$editprofile}}" href="profiles" ></a></div>
24 {{* The short information which will appended to the second navbar by scrollspy *}}
25 <div id="vcard-short-info-wrapper" style="display: none;">
26 <div id="vcard-short-info" class="media" style="display: none">
27 <div id="vcard-short-photo-wrapper" class="pull-left">
28 <img class="media-object" src="{{$profile.photo}}" alt="{{$profile.name}}" />
31 <div id="vcard-short-desc" class="media-body">
32 <h4 class="media-heading">{{$profile.name}}</h4>
33 {{if $profile.addr}}<div class="vcard-short-addr">{{$profile.addr}}</div>{{/if}}
38 <div class="panel-body">
39 <div class="profile-header">
40 <h3 class="fn p-name">{{$profile.name}}</h3>
42 {{if $profile.addr}}<div class="p-addr">{{$profile.addr}}</div>{{/if}}
44 {{if $profile.pdesc}}<div class="title">{{$profile.pdesc}}</div>{{/if}}
47 <div id="profile-extra-links">
49 <div id="dfrn-request-link-button">
51 <a id="dfrn-request-link" class="btn btn-primary btn-sm" href="{{$remoteconnect}}">
52 <span class=""><i class="fa fa-user-plus"></i></span>
53 <span class="">{{$connect}}</span>
56 <a id="dfrn-request-link" class="btn btn-labeled btn-primary btn-sm" href="dfrn_request/{{$profile.nickname}}">
57 <span class=""><i class="fa fa-user-plus"></i></span>
58 <span class="">{{$connect}}</span>
64 <div id="wallmessage-link-botton">
65 <button type="button" id="wallmessage-link" class="btn btn-labeled btn-primary btn-sm" onclick="openWallMessage('{{$wallmessage_link}}')">
66 <span class=""><i class="fa fa-envelope"></i></span>
67 <span class="">{{$wallmessage}}</span>
73 <div class="clear"></div>
76 <div class="location detail">
77 <span class="location-label icon"><i class="fa fa-map-marker"></i></span>
79 {{if $profile.address}}<span class="street-address p-street-address">{{$profile.address}}</span>{{/if}}
80 <span class="city-state-zip">
81 <span class="locality p-locality">{{$profile.locality}}</span>{{if $profile.locality}}, {{/if}}
82 <span class="region p-region">{{$profile.region}}</span>
83 <span class="postal-code p-postal-code">{{$profile.postal_code}}</span>
85 {{if $profile.country_name}}<span class="country-name p-country-name">{{$profile.country_name}}</span>{{/if}}
92 <span class="xmpp-label icon"><i class="fa fa-comments"></i></span>
93 <span class="xmpp-data">{{$profile.xmpp}}</span>
98 <div class="mf detail">
99 <span class="gender-label icon"><i class="fa fa-venus-mars"></i></span>
100 <span class="p-gender">{{$profile.gender}}</span>
104 {{if $profile.pubkey}}<div class="key u-key" style="display:none;">{{$profile.pubkey}}</div>{{/if}}
106 {{if $contacts}}<div class="contacts" style="display:none;">{{$contacts}}</div>{{/if}}
108 {{if $updated}}<div class="updated" style="display:none;">{{$updated}}</div>{{/if}}
111 <div class="marital detail">
112 <span class="marital-label icon"><i class="fa fa-heart"></i></span>
113 <span class="marital-text icon">{{$profile.marital}}</span>
118 <div class="homepage detail">
119 <span class="homepage-label icon"><i class="fa fa-external-link-square"></i></span>
120 <span class="homepage-url u-url"><a href="{{$profile.homepage}}" rel="me" target="_blank">{{$profile.homepage}}</a></span>
124 {{if $about}}<dl class="about" style="display:none;"><dt class="about-label">{{$about}}</dt><dd class="x-network">{{$profile.about}}</dd></dl>{{/if}}
126 {{include file="diaspora_vcard.tpl"}}
130 {{if $contact_block}}
131 <div class="widget" id="widget-contacts">