104 lines
4.8 KiB
HTML
104 lines
4.8 KiB
HTML
|
{{define "title"}}Invite to the inner circle{{end}}
|
||
|
|
{{define "content"}}
|
||
|
|
<div class="container">
|
||
|
|
<section class="hero is-inner-circle is-bold">
|
||
|
|
<div class="hero-body">
|
||
|
|
<div class="container">
|
||
|
|
<h1 class="title">
|
||
|
|
<img src="/static/img/circle-24.png">
|
||
|
|
Invite to the inner circle
|
||
|
|
</h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<div class="block p-4">
|
||
|
|
<div class="columns is-centered">
|
||
|
|
<div class="column is-half">
|
||
|
|
|
||
|
|
<div class="card" style="width: 100%; max-width: 640px">
|
||
|
|
<header class="card-header has-background-link">
|
||
|
|
<p class="card-header-title has-text-light">
|
||
|
|
<span class="icon"><img src="/static/img/circle-16.png"></span>
|
||
|
|
Invite to the inner circle
|
||
|
|
</p>
|
||
|
|
</header>
|
||
|
|
<div class="card-content">
|
||
|
|
|
||
|
|
<div class="media block">
|
||
|
|
<div class="media-left">
|
||
|
|
{{template "avatar-64x64" .User}}
|
||
|
|
</div>
|
||
|
|
<div class="media-content">
|
||
|
|
<p class="title is-4">{{.User.NameOrUsername}}</p>
|
||
|
|
<p class="subtitle is-6">
|
||
|
|
<span class="icon"><i class="fa fa-user"></i></span>
|
||
|
|
<a href="/u/{{.User.Username}}" target="_blank">{{.User.Username}}</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<form action="/inner-circle/invite" method="POST">
|
||
|
|
{{InputCSRF}}
|
||
|
|
<input type="hidden" name="to" value="{{.User.Username}}">
|
||
|
|
|
||
|
|
<div class="content">
|
||
|
|
<p>
|
||
|
|
Do you want to invite <strong>{{.User.Username}}</strong> to join the
|
||
|
|
{{PrettyCircle}}? Please review the following notes:
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
The inner circle is designed for {{PrettyTitle}} members who <em>actually</em> post
|
||
|
|
several nude photos <strong>with face</strong> on their profile page.
|
||
|
|
If {{.User.Username}} only has clothed selfies on their page, or keeps
|
||
|
|
their face hidden or cropped out of their nudes, please <strong>do not</strong>
|
||
|
|
invite them to join the inner circle.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
All members of the inner circle are allowed to invite others to join the
|
||
|
|
circle. We trust your judgment -- help ensure that the inner circle is only
|
||
|
|
made up of truly non-shy nudists who show their whole body on their profile
|
||
|
|
page.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Note: while we use the word "invite" they will actually be added to the inner circle
|
||
|
|
immediately and receive a notification that they had been added. They won't know that
|
||
|
|
it was <em>you</em> who invited them to join the circle.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="field has-text-centered">
|
||
|
|
<button type="submit" name="intent" value="confirm" class="button is-success">
|
||
|
|
Add to the inner circle
|
||
|
|
</button>
|
||
|
|
<button type="submit" name="intent" value="cancel" class="button is-warning ml-1">
|
||
|
|
Cancel
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
window.addEventListener("DOMContentLoaded", (event) => {
|
||
|
|
let $file = document.querySelector("#file"),
|
||
|
|
$fileName = document.querySelector("#fileName");
|
||
|
|
|
||
|
|
$file.addEventListener("change", function() {
|
||
|
|
let file = this.files[0];
|
||
|
|
$fileName.innerHTML = file.name;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
{{end}}
|