femslash-city/views/about.erb

<div class="header-Outro about-Hero">
<div class="content about-HeroInner">
<div class="about-HeroCopy">
<p class="about-Eyebrow">A home for femslash fans and femslash related sites</p>
<h1>The web is yours.</h1>
<p class="about-HeroLead">
Femslash city is a fork of Neocities, the first of its kind, by <a href="https://agnes.love">Agnes the Alien</a>, creator of <a href="https://sunset.femslash.club">Sunset Archive</a>. It is web hosting for femslash fans, femslash fansites, shrines, and anything femslash related.
</p>
<div class="about-Actions">
<% if signed_in? %>
<a class="btn-Action about-PrimaryAction" href="/dashboard">Keep building your site</a>
<% else %>
<a class="btn-Action about-PrimaryAction" href="/#new">Create your free site</a>
<% end %>
<a class="about-SecondaryAction" href="/browse">Explore sites</a>
</div>
</div>

<div class="about-HeroArt" aria-hidden="true">
<div class="about-BrowserWindow">
<div class="about-BrowserBar">
<span></span>
<span></span>
<span></span>
<div class="about-AddressBar">yoursite.femslash.city</div>
</div>
<div class="about-BrowserBody">
</div>
</div>
</div>
</div>
</div>

<main class="about-Page">
<section class="content about-Intro" aria-labelledby="about-why-heading">
<p class="about-SectionLabel">Why Neocities</p>
<h2 id="about-why-heading">A bulwark for the web&rsquo;s independent spirit.</h2>
<div class="about-IntroColumns">
Yes, we will host your personal site. Yes, you have to apply, because we give you 20GB of space and space is limited LOL. I am not going to be picky, but if the site gets popular I may have to be. If you're still reading this message, you're safe though.

<br><br>


YES, signups are technically open, but the activation email won't send. You must email me at agnes@omg.lol with a little bit about you, links to you on the web anywhere at all, and what you plan on using the site for. The email worker does not send confirmation emails. You will have to get that from me >:)
</p>

<h2>What You Get</h2>
-20GB of storage
<br>-Use any file type and custom scripts. You can use any kind of file Neocities accepts. <br>
<br>-A cool community of cool and like-minded people
<br>-Completely censorship-free static web-hosting with the only rules being no IRL pornography, pirated or genuinely illegal material, or hate speech. That's it, that's our TOS. Since this site runs on an application basis, I believe I can trust the people I let in. Don't give me a reason not to.
<br><br>
<h2>What you DON'T get</h2>
<br>-A custom domain. Not feasible with my tech setup and also I think the domain is charming.
<br>-CLI interface; again not feasible with my tech setup
<br>-24/7 HTML or CSS support 
</div>
</section>

<section class="about-Values" aria-labelledby="about-values-heading">
<div class="content">
<p class="about-SectionLabel">What we stand for</p>

<h2 id="about-values-heading">Your creativity comes first.</h2>
<p class="about-SectionIntro">The service is designed around a few promises that keep your corner of the web yours.</p>

<div class="about-ValueGrid">
<article class="about-ValueCard">
<i class="fa fa-paint-brush" aria-hidden="true"></i>
<h3>Freedom to create</h3>
<p>No tiny text box prisons here. You get the <em>entire browser window</em>.</p>
</article>

<article class="about-ValueCard">
<i class="fa fa-heart" aria-hidden="true"></i>
<h3>Free to start</h3>
<p>Neocities will always offer a free way to make and host a website. Curiosity is all you need to get started.</p>
</article>

<article class="about-ValueCard">
<i class="fa fa-download" aria-hidden="true"></i>
<h3>Your site stays yours</h3>
<p>You own your site, we just host it. Download your files whenever you want.</p>
</article>

<article class="about-ValueCard">
<i class="fa fa-ban" aria-hidden="true"></i>
<h3>No ad business</h3>
<p>We do not put ads or watermarks on your site, and we do not sell your data to marketers or AI companies.</p>
</article>

<article class="about-ValueCard">
<i class="fa fa-graduation-cap" aria-hidden="true"></i>
<h3>Learn by making</h3>
<p>Build a real site while you learn HTML and CSS. Experiment freely, see your changes online, and grow your skills at your own pace.</p>
</article>

<article class="about-ValueCard">
<i class="fa fa-tree-city" aria-hidden="true"></i>
<h3>Built to last</h3>
<p>NO SUPPORTER PLANS, 20GB OF SPACE, ANY FILE UPLOAD</p>
</article>
</div>
</div>
</section>

<section class="content about-Possibilities" aria-labelledby="about-possibilities-heading">
<div class="about-PossibilitiesCopy">
<p class="about-SectionLabel">What will you make?</p>
<h2 id="about-possibilities-heading">Make a place that could only be yours.</h2>
<p>
A site can be useful, personal, serious, silly, polished, unfinished, or all of those at once. On Femslash.City, weird is a good thing.
</p>

</section>

<section class="content about-Invitation" aria-labelledby="about-invitation-heading">
<p class="about-SectionLabel">Long live the web</p>
<h2 id="about-invitation-heading">You do not need permission to make something meaningful.</h2>
<p>You just need an idea and a blank page.</p>
<div class="about-Actions about-InvitationActions">
<% if signed_in? %>
<a class="btn-Action about-PrimaryAction" href="/dashboard">Open your dashboard</a>
<% else %>
<a class="btn-Action about-PrimaryAction" href="/#new">Start building for free</a>
<% end %>
<a class="about-TextAction" href="/tutorials">Learn how to make a site <span aria-hidden="true">&rarr;</span></a>
</div>
</section>

</div>
</aside>
</main>