website/web/templates/index.html
2024-04-01 17:53:19 -07:00

204 lines
10 KiB
HTML

{{define "title"}}A social network for real nudists and exhibitionists{{end}}
{{define "content"}}
<div class="block">
<section class="hero is-light is-bold">
<div class="hero-body">
<div class="container">
<h1 class="title">{{ PrettyTitle }}</h1>
<h2 class="subtitle">{{ .Subtitle }}</h2>
</div>
</div>
</section>
</div>
<div class="block p-4">
<div class="columns">
<div class="column content is-three-quarters p-4">
<p>
Welcome to <strong>{{PrettyTitle}}</strong>, a social network designed for <strong>real</strong>
nudists and exhibitionists!
</p>
<p>
This website was designed by a life-long nudist, exhibitionist and software engineer to create
a safe space for like-minded individuals online. What makes this site unique is that only
real people and their own pictures are allowed here;
you'll be expected to <a href="/faq#certification-faqs">certify yourself</a> as being a real
human being to gain full access to the community on this website.
</p>
<p>
This website is open to <em>all</em> nudists and exhibitionists who are legal adults 18 years
or older.
</p>
<p>
{{PrettyTitle}} is first and foremost a "nudist website" and the default experience of this site
is to be kept clean and non-sexual in nature. However, we are not prudes here; for the exhibitionists
or more 'sex-positive nudists' among us this website also permits the sharing of more
<a href="/faq#define-explicit">'explicit'</a> photos, in designated areas only. Please just mark
those photos as 'Explicit' so people who don't want to see don't have to. <em>Seeing</em> explicit
content is strictly opt-in and the default is to hide any explicit photos or forums from your view.
</p>
<p>
You can read more <a href="/about">about this website</a> and check out the <a href="/faq">FAQ</a>
page for more information.
</p>
<p>
Follow <a rel="me" href="https://fedi.ckir.net/@nonshy">@nonshy on <i class="fab fa-mastodon"></i> Mastodon</a>
for news, status alerts and reblogs from some of our members on the Fediverse!
</p>
<h1>Site Rules</h1>
<ul>
<li>
🧑 Only <strong>real people</strong> are allowed to join. You must be comfortable showing your
face on your profile page. You don't need to include your face in your nudes but a profile picture
of your face is required.
</li>
<li>
<strong>Verification is mandatory.</strong> Along with the face picture on your profile page,
you will need to take a selfie with a hand-written note on paper to verify that you're a real
person.
</li>
<li>
🤳 <strong>Self pictures only.</strong> You are expected to post only pictures that you're in.
No "porn blogs" of random content you found online!
</li>
<li>
😈 <strong><span class="has-text-danger">Explicit content</span> is permitted in designated areas only.</strong>
Not all nudists want to see "sexual" content, but exhibitionists are welcome here too. If you want to upload
sexually charged content, mark those pictures as 'explicit' when uploading them or post them only to the
designated explicit forums so nudists who prefer not to see don't have to.
</li>
<li>
😡 <strong>No hate speech.</strong> We take a "zero tolerance" stance against Nazis,
<abbr title="Trans-Exclusionary Radical Feminists">TERFs</abbr>, transphobia, homophobia
or other forms of bigotry.
</li>
<li>
📵 <strong>Don't download or repost members' photos</strong> without their consent. There are risks inherent
with sharing a picture online, but it's never a fun experience the first time a friend mentions they saw your
nudes on some random social media page that you didn't know anything about!
</li>
<li>
🔞 You must be <strong class="has-text-danger">18 years or older</strong> to sign up for this website.
</li>
</ul>
<p>
For more details, please check out the <a href="/tos">Terms of Service</a> as well as
the <a href="/privacy">Privacy Policy</a>.
</p>
</div>
<div class="column is-one-quarter">
{{if .LoggedIn}}
<div class="card">
<header class="card-header has-background-link">
<p class="card-header-title has-text-light">Welcome back, {{.CurrentUser.Username}}!</p>
</header>
<div class="card-content p-2">
<ul class="menu-list">
<li>
<a href="/messages"{{if .NavUnreadMessages}} class="has-text-warning"{{end}}>
<span class="icon"><i class="fa fa-envelope"></i></span>
{{if .NavUnreadMessages}}
<span>{{.NavUnreadMessages}} New Message{{Pluralize64 .NavUnreadMessages}}!</span>
{{else}}
<span>Messages</span>
{{end}}
</a>
</li>
<li>
<a href="/friends{{if .NavFriendRequests}}?view=requests{{end}}"{{if .NavFriendRequests}} class="has-text-warning"{{end}}>
<span class="icon"><i class="fa fa-user-group"></i></span>
{{if .NavFriendRequests}}
<span>{{.NavFriendRequests}} Friend Request{{Pluralize64 .NavFriendRequests}}!</span>
{{else}}
<span>Friends</span>
{{end}}
</a>
</li>
<li>
<a href="/me{{if .NavUnreadNotifications}}?view=requests{{end}}"{{if .NavUnreadNotifications}} class="has-text-warning"{{end}}>
<span class="icon"><i class="fa {{if .NavUnreadNotifications}}fa-bell{{else}}fa-home-user{{end}}"></i></span>
{{if .NavUnreadNotifications}}
<span>{{.NavUnreadNotifications}} New Notification{{Pluralize64 .NavUnreadNotifications}}!</span>
{{else}}
<span>Dashboard</span>
{{end}}
</a>
</li>
<li>
<a href="/u/{{.CurrentUser.Username}}">
<span class="icon"><i class="fa fa-user"></i></span>
My Profile
</a>
</li>
<li>
<a href="/u/{{.CurrentUser.Username}}/photos">
<span class="icon"><i class="fa fa-image"></i></span>
My Photos
</a>
</li>
<li>
<a href="/photo/upload">
<span class="icon"><i class="fa fa-upload"></i></span>
Upload Photos
</a>
</li>
</ul>
</div>
</div>
{{else}}
<div class="card">
<header class="card-header has-background-link">
<p class="card-header-title has-text-light">Log In</p>
</header>
<div class="card-content">
<form action="/login" method="POST">
{{ InputCSRF }}
<div class="field">
<label class="label" for="idx_username">Username</label>
<input type="text" class="input"
name="username"
placeholder="username"
id="idx_username"
autocomplete="off">
</div>
<div class="field">
<label class="label" for="idx_password">Password</label>
<input type="password" class="input"
name="password"
placeholder="password"
id="idx_password"
autocomplete="off">
<a href="/forgot-password">Forgot?</a>
</div>
<div class="columns">
<div class="column">
<button type="submit" class="button is-link is-fullwidth">Log in</button>
</div>
<div class="column">
<a href="/signup" class="button is-secondary is-fullwidth">Sign up</a>
</div>
</div>
</form>
</div>
</div>
{{end}}
</div>
</div>
</div>
{{end}}