8ed489c264
Prevent videos from automatically full-screening on autoplay by using the iOS 10+ playsinline attribute.
80 lines
3.9 KiB
HTML
80 lines
3.9 KiB
HTML
{{define "title"}}Delete Photo{{end}}
|
|
{{define "content"}}
|
|
<div class="container">
|
|
<section class="hero is-info is-bold">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<h1 class="title">
|
|
Delete Photo
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="block p-4">
|
|
<div class="level">
|
|
<div class="level-item">
|
|
<div class="card" style="max-width: 512px">
|
|
<header class="card-header has-background-danger">
|
|
<p class="card-header-title has-text-light">
|
|
<span class="icon"><i class="fa fa-trash"></i></span>
|
|
Delete Photo
|
|
</p>
|
|
</header>
|
|
<div class="card-content">
|
|
<form method="POST" action="/photo/delete">
|
|
{{InputCSRF}}
|
|
<input type="hidden" name="id" value="{{.Photo.ID}}">
|
|
<input type="hidden" name="confirm" value="true">
|
|
|
|
<div class="image block">
|
|
<!-- GIF video? -->
|
|
{{if HasSuffix .Photo.Filename ".mp4"}}
|
|
<video autoplay loop controls controlsList="nodownload" playsinline>
|
|
<source src="{{PhotoURL .Photo.Filename}}" type="video/mp4">
|
|
</video>
|
|
{{else}}
|
|
<img src="{{PhotoURL .Photo.Filename}}">
|
|
{{end}}
|
|
</div>
|
|
<div class="block">
|
|
Are you sure you want to delete this photo?
|
|
</div>
|
|
{{if .InnerCircleWarning}}
|
|
<div class="notification has-background-danger-light">
|
|
<strong class="has-text-danger">
|
|
<i class="fa fa-exclamation-triangle mr-1"></i>
|
|
Important
|
|
{{PrettyCircle}}
|
|
<img src="/static/img/circle-10.png" alt="Inner circle icon">
|
|
Information
|
|
</strong>
|
|
|
|
<div class="mt-2">
|
|
When you delete this photo, your count of <strong>public</strong> photos will drop below 5 (five)
|
|
and you will be immediately <strong>removed from the inner circle.</strong>
|
|
</div>
|
|
|
|
<div class="mt-2">
|
|
If you wish to avoid this, please upload a new <strong>public</strong> photo
|
|
before deleting this one. {{PrettyCircle}} members are expected to maintain at
|
|
least 5 nudes with face on their public gallery — it's what qualified you
|
|
to be invited to the inner circle in the first place!
|
|
<a href="/inner-circle" target="_blank">Learn more <i class="fa fa-external-link"></i></a>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
<div class="block has-text-center">
|
|
<button type="submit" class="button is-danger">Delete Photo</button>
|
|
<button type="button" class="button" onclick="history.back()">Cancel</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
{{end}}
|