personal-website/templates/personal-properties/app.tmpl

{{ define "personal-properties/app.tmpl" }}
    <!-- <div id="WindowBorder" class="PersonalPropertiesFrame"> -->
        <div id="TestWindowHeader" class="WindowFrameTopBar">
            <button id="closeWindowButton" class="WindowFrameTopBarButton" title="Close Window"></button>
            <div id="Drag" class="WindowDragArea"></div>
            <div class="WindowFrameTitle">
                About me
            </div>
            <div id="Drag" class="WindowDragArea"></div>
            <!-- <button class="WindowFrameTopBarButton" ></button> -->
        </div>
		<div class="VisualFrame">
				<div id="ContentFrame" class="ContentFrame">
					<div class="Personal-properties-bio">
						<img src="res/img/default-avatar-photo-placeholder-profile-picture-vector.jpg" alt="My Photo" style="width: 48px;height: 48px;">
						<div class="Personal-properties-textbio">
							<div>{{ .Name }}</div>
							<div>{{ .BasicBio }}</div>
						</div>
					</div>
					{{ range $propIsland := .allprops }}
						<div id="prop" class="Personal-properties-prop">
							<div class="Personal-properties-prop-title">
								{{$propIsland.Header}}:
							</div>
							<div class="Personal-properties-prop-content">
								{{range $prop := $propIsland.Props}}
								<div class="Personal-properties-prop-row">
									<div class="Personal-properties-prop-key">
										{{$prop.Key}}:
										{{ range $value := $prop.KeyComments }}
										<div class="Personal-properties-prop-key-comments">    
											{{ $value }} 
										</div>
										{{ end }}
									</div>
									<div class="Personal-properties-prop-values">
										{{ range $value := $prop.Values }}
										<div class="Personal-properties-prop-value">    
											{{ $value }} 
										</div>
										{{ end }}
									</div>
								</div>
							{{ end }}
							</div>
						</div>  

					
					{{ end }}
				</div>

		</div>
    <!-- </div> -->
	
{{ end }}