Marketing overhaul for the front home page
Noah Petherbridge
parent
2126c5ab84
commit
360ad41543
|
|
@ -117,6 +117,11 @@ img {
|
|||
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) */
|
||||
.card.nonshy-collapsible-mobile {
|
||||
cursor: pointer;
|
||||
|
|
@ -191,4 +196,12 @@ img {
|
|||
.tag.is-mixed {
|
||||
background: linear-gradient(141deg, #ff0537 0, #3ec487 100%);
|
||||
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;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
|
|
@ -66,6 +66,11 @@
|
|||
</li>
|
||||
</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>
|
||||
|
||||
<p>
|
||||
|
|
|
|||
|
|
@ -73,7 +73,15 @@
|
|||
</ul>
|
||||
|
||||
<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>
|
||||
The chat room is a completely custom-built app for {{PrettyTitle}} (and it's
|
||||
<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.
|
||||
</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">
|
||||
|
|
@ -199,5 +146,205 @@
|
|||
{{end}}
|
||||
</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>
|
||||
{{end}}
|
||||
|
|
|
|||
Loading…
Reference in New Issue