kuvia2/templates/user_profil.tmpl
kekskurse cdb7122a30
All checks were successful
continuous-integration/drone/push Build is passing
#6 Responsive
2022-01-15 02:10:58 +01:00

48 lines
No EOL
1.7 KiB
Cheetah

{{template "top" .}}
<style>
.row {
padding-top: calc(var(--bs-gutter-x) * .5);
padding-bottom: calc(var(--bs-gutter-x) * .5);
}
</style>
<div class="container" style="margin-top: 100px;">
<div class="row">
<div class="col-3">
<img src="/image?path={{ .user.Image }}&width=200" style="border-radius: 50%;max-width: 80%;" ></img>
</div>
<div class="col-9">
<h1>{{ if not .user.Name }}
{{ .user.Username }}
{{else}}
{{ .user.Name }}
{{end}}</h1>
<p class="d-sm-none d-md-block">{{ if .user.AboutMe }}{{ .user.AboutMe }}{{ end }}</p>
<div style="padding-top: 30px;" class="d-none d-md-block">
{{ if .user.Webpage }}<i class="fas fa-globe"></i> <a href="{{ .user.Webpage }}">{{ .user.Webpage }}</a> {{ end }}
{{ if .user.Location}}<i class="fas fa-map-marker-alt"></i> {{ .user.Location }}{{ end }}
</div>
</div>
</div>
<div class="row d-block d-sm-block d-md-none" >
<div class="col-12">
{{ if .user.AboutMe }} <p>{{ .user.AboutMe }}</p>{{ end }}
<div style="padding-top: 30px;">
{{ if .user.Webpage }}<br/><i class="fas fa-globe"></i> <a href="{{ .user.Webpage }}">{{ .user.Webpage }}</a>{{ end }}
{{ if .user.Location}}<br/><i class="fas fa-map-marker-alt"></i> {{ .user.Location }}{{ end }}
</div>
</div>
</div>
<hr></hr>
{{ range .list }}
<div class="row">
{{ range . }}
<div class="col-md-4">
<a href="/u/{{ $.user.Username }}/{{ .Id }}">
<img src="/image?path={{ .MainImage }}" style="max-width: 100%">
</a>
</div>
{{ end }}
</div>
{{ end }}
</div>
{{template "bottom" .}}