mirror of
https://github.com/neocities/neocities.git
synced 2025-04-24 17:22:35 +02:00
more updates
added temp alert div to index.erb copy edit on browse page updated scss/css files as needed make new.slim true responsive
This commit is contained in:
parent
d297f9ff28
commit
8ab36b0e17
6 changed files with 96 additions and 93 deletions
|
@ -52,3 +52,7 @@ a{
|
|||
@import 'project-Header'; // Project Specific Header Styling
|
||||
@import 'project-Main'; // Project Specific Main Content Area Styling
|
||||
@import 'project-Footer'; // Project Specific Footer Styling
|
||||
|
||||
.alert{
|
||||
background-color:#F39C12; color:#fff;
|
||||
}
|
||||
|
|
|
@ -1302,19 +1302,11 @@ a {
|
|||
position: static; } }
|
||||
|
||||
.footer-icon {
|
||||
display: block;
|
||||
background-repeat: no-repeat;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: -70px; }
|
||||
@media (max-device-width: 480px), screen and (max-width: 800px) {
|
||||
.footer-icon {
|
||||
position: static;
|
||||
float: right; } }
|
||||
|
||||
@media (max-device-width: 480px), screen and (max-width: 800px) {
|
||||
p.tiny {
|
||||
min-height: 3.5em; } }
|
||||
|
||||
.f-Col-1 {
|
||||
padding-right: 12px; }
|
||||
|
@ -1361,9 +1353,6 @@ a {
|
|||
background-image: url(../img/latest-news.png);
|
||||
width: 134px;
|
||||
height: 103px; }
|
||||
@media (max-device-width: 480px), screen and (max-width: 800px) {
|
||||
.f-Col-3 {
|
||||
padding-left: 0; } }
|
||||
|
||||
.footer-Outro {
|
||||
background: #ccdf9b;
|
||||
|
@ -1389,3 +1378,7 @@ a {
|
|||
padding: 0 8px; }
|
||||
.footer-Nav .h-Nav li:last-child a, .footer-Nav .bread li:last-child a {
|
||||
padding-right: 0; }
|
||||
|
||||
.alert {
|
||||
background-color: #F39C12;
|
||||
color: #fff; }
|
||||
|
|
2
public/assets/css/neo.min.css
vendored
2
public/assets/css/neo.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -8,7 +8,7 @@
|
|||
|
||||
<div class="row">
|
||||
<div class="col col-50">
|
||||
<h2>Web Sites on NeoCities</h2>
|
||||
<h2>Websites on NeoCities</h2>
|
||||
<p>If you like a site, don't forget to bookmark it!<br>Visitor counts are updated hourly.</p>
|
||||
<div style="margin-bottom: 40px; width: 280px;"><a class="btn-Action" style="padding-top: 10px; padding-bottom: 10px" href="/new">Create your NeoCities site now</a></div>
|
||||
</div>
|
||||
|
|
|
@ -54,45 +54,50 @@
|
|||
|
||||
<header class="header-Base">
|
||||
<nav class="header-Nav clearfix" role="navigation">
|
||||
<a href="#!" title="show small screen nav" class="small-Nav">
|
||||
<img src="assets/img/nav-Icon.png" alt="navigation icon" />
|
||||
</a>
|
||||
<ul class="h-Nav constant-Nav">
|
||||
<li>
|
||||
<a href="/" title="back to the start">NeoCities</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/browse" title="Browse NeoCities member websites">Websites</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/tutorials" title="Learn to code with these tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/about" title="About NeoCities">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="status-Nav">
|
||||
|
||||
<% if !signed_in? %>
|
||||
<li>
|
||||
<a href="/signin" class="sign-In" title="Sign into your account">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">Signout</a>
|
||||
</li>
|
||||
<% end %>
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
<a href="#!" title="show small screen nav" class="small-Nav">
|
||||
<img src="assets/img/nav-Icon.png" alt="navigation icon" />
|
||||
</a>
|
||||
<ul class="h-Nav constant-Nav">
|
||||
<li>
|
||||
<a href="/" title="back to the start">NeoCities</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/browse" title="Browse NeoCities member websites">Websites</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/tutorials" title="Learn to code with these tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/about" title="About NeoCities">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="status-Nav">
|
||||
|
||||
<% if !signed_in? %>
|
||||
<li>
|
||||
<a href="/signin" class="sign-In" title="Sign into your account">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">Signout</a>
|
||||
</li>
|
||||
<% end %>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="alert txt-Center">
|
||||
<p style="padding:5px">Alert message goes here</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="logo int-Logo hp-Logo">
|
||||
<a href="/" title="back to home">
|
||||
|
|
|
@ -12,46 +12,47 @@ javascript:
|
|||
p = error.last.first
|
||||
|
||||
.page
|
||||
.row
|
||||
form method="POST" action="/create"
|
||||
input name="csrf_token" type="hidden" value="#{csrf_token}"
|
||||
h2.txt-Center Create a New Home Page
|
||||
.content-Base
|
||||
.row.content style="padding-top:0"
|
||||
form method="POST" action="/create"
|
||||
input name="csrf_token" type="hidden" value="#{csrf_token}"
|
||||
h2.txt-Center Create a New Home Page
|
||||
|
||||
.col.col-50 style="margin:0 auto; float:none"
|
||||
p.tiny First, enter a username. This will also be used as your site path.<br><b>Do not forget this, it will be used to sign in to and manage your home page.</b> It cannot contain spaces, and can only use the following characters: a-z A-Z 0-9 _ -
|
||||
br
|
||||
h5 Username
|
||||
p.tiny <input class="input-Area" name="username" type="text" placeholder="yourusername" value="#{@site.username}" autocapitalize="off" autocorrect="off">.neocities.org
|
||||
|
||||
.col.col-50 style="margin:0 auto; float:none"
|
||||
p.tiny First, enter a username. This will also be used as your site path.<br><b>Do not forget this, it will be used to sign in to and manage your home page.</b> It cannot contain spaces, and can only use the following characters: a-z A-Z 0-9 _ -
|
||||
br
|
||||
h5 Username
|
||||
p.tiny <input class="input-Area" name="username" type="text" placeholder="yourusername" value="#{@site.username}" autocapitalize="off" autocorrect="off">.neocities.org
|
||||
|
||||
p.tiny Next, enter a password. This will be used to allow you to login. Minimum 5 characters. If you don't make it a good password, Dade Murphy from the movie Hackers will come in and steal your "garbage files".
|
||||
p.tiny Next, enter a password. This will be used to allow you to login. Minimum 5 characters. If you don't make it a good password, Dade Murphy from the movie Hackers will come in and steal your "garbage files".
|
||||
|
||||
hr
|
||||
h5 Password
|
||||
input class="input-Area" name="password" type="password"
|
||||
|
||||
br
|
||||
p.tiny Now you can enter an e-mail address. Your e-mail address is private and we will not show it to anyone for any reason. You don't have to provide one, but <b>we will not be able to reset your password without it, so don't lose your username and password if you leave this blank!</b>
|
||||
|
||||
hr
|
||||
h5 Email
|
||||
input class="input-Area" name="email" type="email" placeholder="youremail@example.com" value="#{@site.email}"
|
||||
|
||||
br
|
||||
|
||||
hr
|
||||
h5 Password
|
||||
input class="input-Area" name="password" type="password"
|
||||
|
||||
br
|
||||
p.tiny Now you can enter an e-mail address. Your e-mail address is private and we will not show it to anyone for any reason. You don't have to provide one, but <b>we will not be able to reset your password without it, so don't lose your username and password if you leave this blank!</b>
|
||||
|
||||
hr
|
||||
h5 Email
|
||||
input class="input-Area" name="email" type="email" placeholder="youremail@example.com" value="#{@site.email}"
|
||||
|
||||
br
|
||||
|
||||
p.tiny You can optionally enter some tags! Tags will allow others to find your site based on your interests, or your site's theme. <b>Separate multiple tags with commas</b>. Don't think too hard about this, you can change them later. You can have a maximum of ten tags, and there is a two word per tag maximum (extra words in a tag will be removed).
|
||||
|
||||
hr
|
||||
h5 Tags
|
||||
p: input class="input-Area" name="tags" type="text" style="width: 400px" placeholder="pokemon, video games, bulbasaur" value="#{params[:tags]}" autocapitalize="off" autocorrect="off"
|
||||
p.tiny You can optionally enter some tags! Tags will allow others to find your site based on your interests, or your site's theme. <b>Separate multiple tags with commas</b>. Don't think too hard about this, you can change them later. You can have a maximum of ten tags, and there is a two word per tag maximum (extra words in a tag will be removed).
|
||||
|
||||
input name="is_nsfw" type="hidden" value="false"
|
||||
p: strong If your page will contain objectionable (adult) content, check this box: <input name="is_nsfw" type="checkbox" value="true" style="margin-top:0">
|
||||
|
||||
p.tiny <b>Last thing!</b> Enter these two words correctly (with spaces) so we know you're not a robot (don't worry robots, we still love you).
|
||||
div style="background:#fff"
|
||||
== recaptcha_tag :challenge, ssl: true
|
||||
br
|
||||
|
||||
h3 You're done. Just click the button below!
|
||||
.txt-Center
|
||||
input.btn-Action type="submit" value="Create Home Page"
|
||||
hr
|
||||
h5 Tags
|
||||
p: input class="input-Area" name="tags" type="text" style="width: 400px; max-width:100%" placeholder="pokemon, video games, bulbasaur" value="#{params[:tags]}" autocapitalize="off" autocorrect="off"
|
||||
|
||||
input name="is_nsfw" type="hidden" value="false"
|
||||
p: strong If your page will contain objectionable (adult) content, check this box: <input name="is_nsfw" type="checkbox" value="true" style="margin-top:0">
|
||||
|
||||
p.tiny <b>Last thing!</b> Enter these two words correctly (with spaces) so we know you're not a robot (don't worry robots, we still love you).
|
||||
div style="background:#fff; width:100%; overflow:auto"
|
||||
== recaptcha_tag :challenge, ssl: true
|
||||
br
|
||||
|
||||
h3 You're done. Just click the button below!
|
||||
.txt-Center
|
||||
input.btn-Action type="submit" value="Create Home Page"
|
||||
|
|
Loading…
Add table
Reference in a new issue