291 lines
12 KiB
Text
291 lines
12 KiB
Text
<body class="hp">
|
||
<a id="new"></a>
|
||
|
||
<div class="page">
|
||
|
||
<header class="header-Base" role="banner">
|
||
<nav class="header-Nav clearfix" role="navigation">
|
||
<a href="#!" title="show small screen nav" class="small-Nav">
|
||
<img src="/img/nav-Icon.png" alt="navigation icon" />
|
||
</a>
|
||
<ul class="h-Nav constant-Nav" role="presentation">
|
||
<%== erb :'_header_links', layout: false %>
|
||
</ul>
|
||
|
||
<ul class="status-Nav">
|
||
|
||
<% if !signed_in? %>
|
||
<li>
|
||
<a href="/signin" class="sign-In">Sign In</a>
|
||
</li>
|
||
<% else %>
|
||
<li>
|
||
<a href="/dashboard" class="sign-In">Dashboard</a>
|
||
</li>
|
||
<li>
|
||
<a href="/settings" class="sign-In">Settings</a>
|
||
</li>
|
||
<li>
|
||
<a href="/signout" class="sign-In">Sign Out</a>
|
||
</li>
|
||
<% end %>
|
||
</ul>
|
||
</nav>
|
||
|
||
<%== flash_display centered: true %>
|
||
|
||
<div class="int-Logo hp-Logo">
|
||
<a href="/" title="back to home">
|
||
<span class="hidden">FEMSLASHCITY</span>
|
||
<img src="/cat.png" alt="FEMSLASHCITY!!" />
|
||
</a>
|
||
</div>
|
||
|
||
<section class="header-Intro">
|
||
<h1 class="logo header-Content content">
|
||
<span class="hidden">FEMSLASHCITY</span> <img src="/cat.png"/></h1>
|
||
</section>
|
||
|
||
<div class="header-Outro">
|
||
<div class="row header-Content content">
|
||
<div class="col intro">
|
||
<h2 class="section-header">A fork of the wonderful Neocities dedicated to femslash-related web hosting. Fans of femslash, shrines to femslash, etc. Invitation only; please email agnes@omg.lol to sign up. We also give you free supporter. No payments involved. Ya get 20GB of hosting and all of the neocities supporter features as well.</h2>
|
||
<p class="intro-text">
|
||
FEMSLASHCITY is a social network of <a href="/browse"><%= @sites_count.to_s.reverse.gsub(/...(?=.)/,'\&,').reverse %> web sites</a> that are bringing back the lost individual creativity of the web. We offer free static web hosting and tools that allow you to create your own web site. Join us!
|
||
</p>
|
||
<ul class="intro-List">
|
||
<li class="intro-Tools">
|
||
<span class="intro-Icon"></span>
|
||
<h3 class="delta">Powerful features to help you build</h3>
|
||
<p class="base">
|
||
We’ve made it easy to build your web site and explore other sites. FC features fast site performance, easy file uploading, RSS feeds, and so much more.
|
||
What it does not feature is the Neocities CLI or the custom domain capabilities of the main neocities site. </p>
|
||
</li>
|
||
|
||
<li class="intro-Social">
|
||
<span class="intro-Icon"></span>
|
||
<h3 class="delta">Share your web creation with the world</h3>
|
||
<p class="base">
|
||
It's your web site, your vision. Make it as normal or crazy as you want. You're the artist, you're in control.
|
||
</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col signup-Area">
|
||
<% if signed_in? %>
|
||
|
||
<div class="signup-Form">
|
||
<div class="content">
|
||
<h3 class="gamma txt-Center">Build your Website!</h3>
|
||
</div>
|
||
<p class="txt-Center">
|
||
Go to your dashboard to<br> start editing your website!
|
||
</p>
|
||
<br />
|
||
<div class="txt-Center">
|
||
<a href="/dashboard" class="btn-Action">Get Started</a>
|
||
</div>
|
||
</div>
|
||
<% else %>
|
||
<form id="createSiteForm" class="signup-Form" onsubmit="return false">
|
||
<input type="hidden" name="is_education" value="false">
|
||
<fieldset class="content">
|
||
<h2 class="gamma">Sign up for free</h2>
|
||
<hr />
|
||
<% if @create_disabled %>
|
||
<p>Sign up is not currently available, please try again later.</p>
|
||
<% else %>
|
||
<div class="siteCreateInputs">
|
||
<label for="create-Input">Username</label>
|
||
<input type="text" name="prevent_autofill_username" id="prevent_autofill_username" value="" style="position:absolute; top:-2000px; left:-2000px;" />
|
||
<input type="password" name="prevent_autofill_password" id="prevent_autofill_password" value="" style="position:absolute; top:-2000px; left:-2000px;" />
|
||
<input type="text" class="input-Area" id="create-Input" name="username" placeholder="my-site-name" data-placement="left" data-trigger="manual" autocapitalize="off" autocorrect="off" autocomplete="off" />
|
||
<label for="create-Input" id="domain-name">.femslash.city</label>
|
||
|
||
<label for="tags-input">Tags (your interests, site topics)</label>
|
||
<input type="text" class="input-Area" id="tags-input" name="new_tags_string" placeholder="art, videogames, food, music, programming, gardening, cats" data-placement="left" data-trigger="manual" autocapitalize="off" autocorrect="off" autocomplete="off" />
|
||
|
||
<div class="col col-50" style="padding-left:0;">
|
||
<label for="password-input">
|
||
Password
|
||
</label>
|
||
<input type="password" class="input-Area" id="password-input"
|
||
name="password" placeholder="password"
|
||
data-placement="left" data-trigger="manual"
|
||
autocapitalize="off" autocorrect="off" autocomplete="off" />
|
||
</div>
|
||
|
||
<div class="col col-50">
|
||
<label for="email-input">
|
||
Email
|
||
</label>
|
||
<input type="email" class="input-Area"
|
||
id="email-input" name="email"
|
||
placeholder="me@example.com" data-placement="left"
|
||
data-trigger="manual" autocapitalize="off"
|
||
autocorrect="off" autocomplete="off" />
|
||
</div>
|
||
|
||
<div class="col col-50" style="padding-left:0">
|
||
<label>
|
||
Confirm you are human
|
||
</label>
|
||
<%== hcaptcha_input %>
|
||
</div>
|
||
|
||
<div class="col col-50">
|
||
<div style="margin-top: 15px">
|
||
<input type="submit" value="Create My Site" class="btn-Action float-Right" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<% end %>
|
||
</fieldset>
|
||
</form>
|
||
<% end %>
|
||
|
||
</div> <!-- end .col-50 -->
|
||
|
||
</div> <!-- end .row -->
|
||
|
||
</div> <!-- end .header-Outro -->
|
||
|
||
</header>
|
||
|
||
<main class="content-Base">
|
||
|
||
<div class="section featured-Websites">
|
||
<h2 class="delta">Featured Sites</h2>
|
||
<!--
|
||
<div class="nav prev"></div>
|
||
-->
|
||
<ul class="website-Gallery hp-Gallery">
|
||
<% @featured_sites.each do |site| %>
|
||
<li>
|
||
<a href="<%= site[:uri] %>" title="<%= site[:title] %>" target="_blank">
|
||
<img src="<%= site[:screenshot_url] %>" class="neo-SS" alt="<%= site[:title] %>" />
|
||
</a>
|
||
</li>
|
||
<% end %>
|
||
</ul>
|
||
<!--
|
||
<div class="nav next"></div>
|
||
-->
|
||
<a href="/browse" class="btn-Action float-Right">Browse more sites</a>
|
||
</div>
|
||
|
||
<div class="section previews">
|
||
<h2 class="delta">Our mission: To make the web fun again by giving you back control of how you express yourself online.</h2>
|
||
|
||
<div class="row content">
|
||
<div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-editor-screenshot.png)"></div></div>
|
||
<div class="col col-50 text">
|
||
<h3><i class="fa fa-edit"></i> HTML editor, right in your browser</h3>
|
||
<p>No tools needed. With our easy-to-use HTML editor, you're ready to start building your awesome website right now.</p>
|
||
<p>If you'd rather use your favorite desktop editor, no problem. Uploading files is as easy as drag-n-drop.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row content right">
|
||
<div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-browse-screenshot.jpg);"></div></div>
|
||
<div class="col col-50 text">
|
||
<h3><i class="fa fa-globe"></i> Welcome back, web surfing</h3>
|
||
<p>All FC sites are viewable and easily surfable in our <a href="/browse">website gallery</a>.</p>
|
||
<p>Using tags (our version of Web Rings) you can easily discover new sites related to your interests.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row content">
|
||
<div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-follow-screenshot.jpg);"></div></div>
|
||
<div class="col col-50 text">
|
||
<h3><i class="fa fa-user-plus"></i> Follow your favorite FC sites</h3>
|
||
<p>Keep track of all your favorite sites by following them. Any changes to the sites automatically show up in your news feed. You'll also see what sites they follow.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row content right">
|
||
<div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-comment-screenshot.png);"></div></div>
|
||
<div class="col col-50 text">
|
||
<h3><i class="fa fa-comments-o"></i> Web creativity plus community</h3>
|
||
<p>Interact with your favorite web builders by posting comments, and sharing their sites on your social network of choice.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="section features">
|
||
<div class="row">
|
||
<div class="col col-50">
|
||
<h3>
|
||
<i class="fa fa-eye-slash"></i>Zero Advertising, Zero AI Data Selling
|
||
</h3>
|
||
<p>
|
||
<strong>FC will never sell your data for AI training or put advertising on your site.</strong> Your site belongs to you. Be gay!!! Love women+!!!
|
||
<div class="col col-50">
|
||
<h3>FEMSLASHCITY IS STILL IN ACTIVE DEVELOPMENT. The fucking. Neocities url and name is hard-coded into every individual file; it will take some time for me to switch it all over. Please have patience! :D</h3>
|
||
</div>
|
||
|
||
<div class="col col-100">
|
||
<div class="row stats">
|
||
<div class="col col-33">
|
||
<h2><%= @total_hits_count.to_comma_separated %></h2>
|
||
<h3 style="text-align: center">Site Hits</h3>
|
||
</div>
|
||
<div class="col col-33">
|
||
<h2><%= @total_views_count.to_comma_separated %></h2>
|
||
<h3 style="text-align: center">Site Visitors</h3>
|
||
</div>
|
||
<div class="col col-33">
|
||
<h2><%= @changed_count.to_comma_separated %></h2>
|
||
<h3 style="text-align: center">Site Updates</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="section bottom-signup">
|
||
<h2>What are you waiting for? <a href="#new">Start building your website now!</a></h2>
|
||
</section>
|
||
|
||
<footer class="footer-Base" role="contentinfo">
|
||
<div class="footer-Intro">
|
||
<div class="footer-Content">
|
||
<div class="row">
|
||
<div class="col col-33">
|
||
<div class="f-Col f-Col-1 clearfix">
|
||
<span class="footer-icon"></span>
|
||
<h2 class="delta">Support Us</h2>
|
||
<p class="tiny">
|
||
I run this site for fun. If you want to donate to me, that'd be cool. No pressure though; I enjoy providing these services for free. </p>
|
||
<a href="https://ko-fi.com/agnesthealien" title="Donate to FEMSLASHCITY" class="action-Link">Donate</a>
|
||
</div>
|
||
</div>
|
||
<div class="col col-33">
|
||
<div class="f-Col f-Col-2 clearfix">
|
||
<span class="footer-icon"></span>
|
||
<h2 class="delta">About Us</h2>
|
||
<p class="tiny">
|
||
FEMSLASHCITY is here to bring back the creativity and
|
||
free expression to the world wide web that made it great.
|
||
</p>
|
||
<a href="https://femslash.femslash.city/" title="More about FC" class="action-Link">More About Us</a>
|
||
</div>
|
||
</div>
|
||
<div class="col col-33">
|
||
<div class="f-Col f-Col-3 clearfix">
|
||
<span class="footer-icon"></span>
|
||
<h2 class="delta">News</h2>
|
||
<p class="tiny">
|
||
We don't have news yet! We will soon I prommy :)
|
||
</p>
|
||
<a href="/" title="Read about FC news and updates" class="action-Link">(Don't Attempt To) Read More Posts (Yet)</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<%== erb :'_footer', layout: false %>
|
||
</footer>
|
||
</div>
|
||
<%== erb :'_index_signup_script', layout: false %>
|
||
</body>
|