Marketing overhaul for the front home page
This commit is contained in:
Noah Petherbridge
parent
2126c5ab84
commit
360ad41543
|
|
@ -117,6 +117,11 @@ img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Bulma supplement: full height cards e.g. for grid layout on home page */
|
||||||
|
.is-fullheight {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
/* Collapsible cards for mobile (e.g. filter cards) */
|
/* Collapsible cards for mobile (e.g. filter cards) */
|
||||||
.card.nonshy-collapsible-mobile {
|
.card.nonshy-collapsible-mobile {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -191,4 +196,12 @@ img {
|
||||||
.tag.is-mixed {
|
.tag.is-mixed {
|
||||||
background: linear-gradient(141deg, #ff0537 0, #3ec487 100%);
|
background: linear-gradient(141deg, #ff0537 0, #3ec487 100%);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Home page marketing styles */
|
||||||
|
.nonshy-home-card .card-header {
|
||||||
|
background-position: right 12px center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-color: #400040;
|
||||||
|
height: 64px;
|
||||||
}
|
}
|
||||||
BIN
web/static/img/camera-emoji.png
Normal file
BIN
web/static/img/camera-emoji.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
BIN
web/static/img/certification-icon.png
Normal file
BIN
web/static/img/certification-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
web/static/img/chat-screenshot.png
Normal file
BIN
web/static/img/chat-screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
BIN
web/static/img/forum-screenshot.png
Normal file
BIN
web/static/img/forum-screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
BIN
web/static/img/gallery-screenshot.png
Normal file
BIN
web/static/img/gallery-screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
BIN
web/static/img/imp-emoji.png
Normal file
BIN
web/static/img/imp-emoji.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
|
|
@ -66,6 +66,11 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
For more details, please see the <a href="/tos">Terms of Service</a> as well as
|
||||||
|
the <a href="/privacy">Privacy Policy</a>.
|
||||||
|
</p>
|
||||||
|
|
||||||
<h1>Onboarding</h1>
|
<h1>Onboarding</h1>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
|
|
|
||||||
|
|
@ -73,7 +73,15 @@
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h2 id="webcam-chat-room">A Webcam Chat Room</h2>
|
<h2 id="webcam-chat-room">A Webcam Chat Room</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="columns is-centered">
|
||||||
|
<div class="column is-8">
|
||||||
|
<img src="/static/img/chat-screenshot.png">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
<p>
|
<p>
|
||||||
The chat room is a completely custom-built app for {{PrettyTitle}} (and it's
|
The chat room is a completely custom-built app for {{PrettyTitle}} (and it's
|
||||||
<a href="/about#open-source">open source</a> too!)
|
<a href="/about#open-source">open source</a> too!)
|
||||||
|
|
|
||||||
|
|
@ -41,59 +41,6 @@
|
||||||
content is strictly opt-in and the default is to hide any explicit photos or forums from your view.
|
content is strictly opt-in and the default is to hide any explicit photos or forums from your view.
|
||||||
</p>
|
</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>
|
||||||
|
|
||||||
<div class="column is-one-quarter">
|
<div class="column is-one-quarter">
|
||||||
|
|
@ -199,5 +146,205 @@
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<h1 class="title">What sets {{PrettyTitle}} apart</h1>
|
||||||
|
|
||||||
|
<div class="grid is-col-min-12 mb-6">
|
||||||
|
<div class="cell">
|
||||||
|
<article class="card is-fullheight nonshy-home-card">
|
||||||
|
<div class="card-header has-text-centered" style="background-image: url(/static/img/certification-icon.png)">
|
||||||
|
<div class="card-header-title has-text-light has-text-centered">
|
||||||
|
Only Certified Profiles
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-content content has-text-justified">
|
||||||
|
<p>
|
||||||
|
Only <strong>real people</strong> are allowed to join {{PrettyTitle}}.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
It is required that you
|
||||||
|
will submit a "<a href="/faq#certification-faqs">Verification Selfie</a>" to the site admin before
|
||||||
|
you can meet the rest of the community here. We don't want any catfishers coming in with stolen
|
||||||
|
photos, or shy anonymous lurkers who never show their face.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Having a face picture on your profile is also required; but you <em>MAY</em> set it to
|
||||||
|
'friends only' visibility if you must.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cell">
|
||||||
|
<article class="card is-fullheight nonshy-home-card">
|
||||||
|
<div class="card-header has-text-centered" style="background-image: url(/static/img/camera-emoji.png)">
|
||||||
|
<div class="card-header-title has-text-light has-text-centered">
|
||||||
|
Self Photos Only
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-content content has-text-justified">
|
||||||
|
<p>
|
||||||
|
Share photos of your naked journey with your friends and the greater {{PrettyTitle}} community.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Each member gets their own Photo Gallery on their profile page, and they can feature
|
||||||
|
their photos on the site-wide gallery for all (certified) members to see.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Pictures can be marked for "friends-only" or "private" visibility, so you are always in control
|
||||||
|
of which photos of yourself are shared with whom.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cell">
|
||||||
|
<article class="card is-fullheight nonshy-home-card">
|
||||||
|
<div class="card-header has-text-centered" style="background-image: url(/static/img/imp-emoji.png)">
|
||||||
|
<div class="card-header-title has-text-light has-text-centered">
|
||||||
|
Exhibitionists Welcome
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-content content has-text-justified">
|
||||||
|
<p>
|
||||||
|
While {{PrettyTitle}} is first and foremost a "nudist website," we are not prudes here and
|
||||||
|
we acknowledge that humans are sexual creatures who should be allowed to show off their horny side,
|
||||||
|
too, with consenting audiences.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
We just mark our sexy photos and webcams as '<strong class="has-text-danger">Explicit</strong>' so that
|
||||||
|
nudists who prefer not to see that stuff don't have to; the <strong>default</strong> experience
|
||||||
|
of the website is kept clean and non-sexual in nature — you can opt-in to see explicit
|
||||||
|
content if you like that stuff!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 class="title">Some of {{PrettyTitle}}'s notable features</h1>
|
||||||
|
|
||||||
|
<div class="grid is-col-min-12 mb-6">
|
||||||
|
<div class="cell">
|
||||||
|
<article class="card is-fullheight">
|
||||||
|
<div class="card-image">
|
||||||
|
<figure class="image is-16by9">
|
||||||
|
<img src="/static/img/chat-screenshot.png" alt="Chat screenshot">
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<div class="card-content content has-text-justified">
|
||||||
|
<p class="subtitle">A Webcam Chat Room</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Our chat room was custom built with {{PrettyTitle}}'s unique needs in mind.
|
||||||
|
It has public text channels, private messages, and async webcam support.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Some of its unique features include:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
An option to require your webcam viewers to <em>also</em> be sharing their
|
||||||
|
own camera first before they can watch yours.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
It is permitted to be horny on camera as long as you tag your webcam as
|
||||||
|
being '<span class="has-text-danger">Explicit</span>' which will show your
|
||||||
|
camera icon in a <span class="has-text-danger">red</span> color (as opposed
|
||||||
|
to the <span class="has-text-link">blue</span>, or 'not explicit' cameras)
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Learn more about the <a href="/features#webcam-chat-room">chat room features.</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cell">
|
||||||
|
<article class="card is-fullheight">
|
||||||
|
<div class="card-image">
|
||||||
|
<figure class="image is-16by9">
|
||||||
|
<img src="/static/img/gallery-screenshot.png" alt="Chat screenshot">
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<div class="card-content content has-text-justified">
|
||||||
|
<p class="subtitle">A Site-wide Photo Gallery</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
The "Member Gallery" is where you can find photos shared by the wider {{PrettyTitle}}
|
||||||
|
community all in one place. When members upload a new picture to their profile page,
|
||||||
|
they can opt to feature it on the Member Gallery for the rest of the community to see.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Only certified members are able to view the gallery, and you can also see "friends only"
|
||||||
|
pictures your friends had uploaded on this page as well. 'Explicit' photos will not appear
|
||||||
|
unless you have opted-in to see that stuff on your account settings.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
It's also possible to upload a photo <em>only</em> to your profile and not feature it
|
||||||
|
on the site-wide gallery if you want.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cell">
|
||||||
|
<article class="card is-fullheight">
|
||||||
|
<div class="card-image">
|
||||||
|
<figure class="image is-16by9">
|
||||||
|
<img src="/static/img/forum-screenshot.png" alt="Chat screenshot">
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<div class="card-content content has-text-justified">
|
||||||
|
<p class="subtitle">Discussion Forums</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
If slower paced, but more in-depth discussions are your cup of tea,
|
||||||
|
{{PrettyTitle}} has a variety of forums centered around various topics
|
||||||
|
where you can meet the community and make some new friends!
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Some forums are centered around thoughtful discussions, others are more
|
||||||
|
for sharing pictures and stories. We also have some forums for sexual (or
|
||||||
|
'explicit') topics, which are only visible to members who have opted-in to
|
||||||
|
see explicit content on their account settings.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="block content">
|
||||||
|
<p>
|
||||||
|
You can read more <a href="/about">about this website</a>, see a <a href="/features">tour of its features</a>
|
||||||
|
or 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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{if not .LoggedIn}}
|
||||||
|
<div class="has-text-centered">
|
||||||
|
<a href="/signup" class="button is-success is-large">
|
||||||
|
Create your account today
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user