{{ define "personal-properties/app.tmpl" }}
	{{template "wde-widgets/window-title-bar.tmpl" .TitleBarConfig}}
	<div class="content-border">
		<div class="PersPropsContent">
			<div class="PropsView">
				<div class="PropertiesList">
					
					<div class="ShortBio">
						<img class="Image" src="/system/libs/img/get?path={{ .HeaderProps.IconPath }}" alt="My Photo">
						<div class="Text">
							<div class="Name">{{ .HeaderProps.Name }}</div>
							<div>{{ .HeaderProps.Value1 }}</div>
							<div>{{ .HeaderProps.Value2 }}</div>
						</div>
						<div class="Links">
							{{ range $link := .Links }}
								<a href="{{$link.Url}}" target="_blank">
									<div class="link-lable">{{$link.Text}}</div>
									<img class="Link" src="/system/libs/img/get?path={{$link.Icon}}" >
								</a>
							{{ end }}
						</div>
					</div> 
					{{ range $island := .Islands }}
						<!-- FIXME -->
						<div class="Island">
							<div class="Title"> {{$island.Header}}:</div>
							<div class="Content">
								{{range $property := $island.Properties}}
									<div class="Row">
										<div class="Key">
											{{$property.Key}}:
											{{ range $keyComment := $property.KeyComments }}
												<div class="KeyComment">{{ $keyComment }}</div>
											{{ end }}
										</div>
										<div class="Values">
											{{ range $value := $property.Values }}
												<div class="Value">{{ $value }}</div>
											{{ end }}
										</div>
									</div>
								{{ end }}
							</div>
						</div>
					{{ end }}
				</div>
			</div>
			<!-- {{template "wde-widgets/scrollbar.tmpl" .}} -->
		</div>
	</div>
{{ end }}