mirror of
https://github.com/neocities/neocities.git
synced 2025-04-25 01:32:36 +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-Header'; // Project Specific Header Styling
|
||||||
@import 'project-Main'; // Project Specific Main Content Area Styling
|
@import 'project-Main'; // Project Specific Main Content Area Styling
|
||||||
@import 'project-Footer'; // Project Specific Footer Styling
|
@import 'project-Footer'; // Project Specific Footer Styling
|
||||||
|
|
||||||
|
.alert{
|
||||||
|
background-color:#F39C12; color:#fff;
|
||||||
|
}
|
||||||
|
|
|
@ -1302,19 +1302,11 @@ a {
|
||||||
position: static; } }
|
position: static; } }
|
||||||
|
|
||||||
.footer-icon {
|
.footer-icon {
|
||||||
display: block;
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
top: -70px; }
|
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 {
|
.f-Col-1 {
|
||||||
padding-right: 12px; }
|
padding-right: 12px; }
|
||||||
|
@ -1361,9 +1353,6 @@ a {
|
||||||
background-image: url(../img/latest-news.png);
|
background-image: url(../img/latest-news.png);
|
||||||
width: 134px;
|
width: 134px;
|
||||||
height: 103px; }
|
height: 103px; }
|
||||||
@media (max-device-width: 480px), screen and (max-width: 800px) {
|
|
||||||
.f-Col-3 {
|
|
||||||
padding-left: 0; } }
|
|
||||||
|
|
||||||
.footer-Outro {
|
.footer-Outro {
|
||||||
background: #ccdf9b;
|
background: #ccdf9b;
|
||||||
|
@ -1389,3 +1378,7 @@ a {
|
||||||
padding: 0 8px; }
|
padding: 0 8px; }
|
||||||
.footer-Nav .h-Nav li:last-child a, .footer-Nav .bread li:last-child a {
|
.footer-Nav .h-Nav li:last-child a, .footer-Nav .bread li:last-child a {
|
||||||
padding-right: 0; }
|
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="row">
|
||||||
<div class="col col-50">
|
<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>
|
<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 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>
|
</div>
|
||||||
|
|
|
@ -54,45 +54,50 @@
|
||||||
|
|
||||||
<header class="header-Base">
|
<header class="header-Base">
|
||||||
<nav class="header-Nav clearfix" role="navigation">
|
<nav class="header-Nav clearfix" role="navigation">
|
||||||
<a href="#!" title="show small screen nav" class="small-Nav">
|
<a href="#!" title="show small screen nav" class="small-Nav">
|
||||||
<img src="assets/img/nav-Icon.png" alt="navigation icon" />
|
<img src="assets/img/nav-Icon.png" alt="navigation icon" />
|
||||||
</a>
|
</a>
|
||||||
<ul class="h-Nav constant-Nav">
|
<ul class="h-Nav constant-Nav">
|
||||||
<li>
|
<li>
|
||||||
<a href="/" title="back to the start">NeoCities</a>
|
<a href="/" title="back to the start">NeoCities</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/browse" title="Browse NeoCities member websites">Websites</a>
|
<a href="/browse" title="Browse NeoCities member websites">Websites</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/tutorials" title="Learn to code with these tutorials">Tutorials</a>
|
<a href="/tutorials" title="Learn to code with these tutorials">Tutorials</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/about" title="About NeoCities">About</a>
|
<a href="/about" title="About NeoCities">About</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<ul class="status-Nav">
|
<ul class="status-Nav">
|
||||||
|
|
||||||
<% if !signed_in? %>
|
<% if !signed_in? %>
|
||||||
<li>
|
<li>
|
||||||
<a href="/signin" class="sign-In" title="Sign into your account">Sign In</a>
|
<a href="/signin" class="sign-In" title="Sign into your account">Sign In</a>
|
||||||
</li>
|
</li>
|
||||||
<% else %>
|
<% else %>
|
||||||
<li>
|
<li>
|
||||||
<a href="/dashboard" class="sign-In">Dashboard</a>
|
<a href="/dashboard" class="sign-In">Dashboard</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/settings" class="sign-In">Settings</a>
|
<a href="/settings" class="sign-In">Settings</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/signout" class="sign-In">Signout</a>
|
<a href="/signout" class="sign-In">Signout</a>
|
||||||
</li>
|
</li>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="alert txt-Center">
|
||||||
|
<p style="padding:5px">Alert message goes here</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<div class="logo int-Logo hp-Logo">
|
<div class="logo int-Logo hp-Logo">
|
||||||
<a href="/" title="back to home">
|
<a href="/" title="back to home">
|
||||||
|
|
|
@ -12,46 +12,47 @@ javascript:
|
||||||
p = error.last.first
|
p = error.last.first
|
||||||
|
|
||||||
.page
|
.page
|
||||||
.row
|
.content-Base
|
||||||
form method="POST" action="/create"
|
.row.content style="padding-top:0"
|
||||||
input name="csrf_token" type="hidden" value="#{csrf_token}"
|
form method="POST" action="/create"
|
||||||
h2.txt-Center Create a New Home Page
|
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"
|
.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 _ -
|
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
|
br
|
||||||
h5 Username
|
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 <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
|
hr
|
||||||
h5 Password
|
h5 Password
|
||||||
input class="input-Area" name="password" type="password"
|
input class="input-Area" name="password" type="password"
|
||||||
|
|
||||||
br
|
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>
|
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
|
hr
|
||||||
h5 Email
|
h5 Email
|
||||||
input class="input-Area" name="email" type="email" placeholder="youremail@example.com" value="#{@site.email}"
|
input class="input-Area" name="email" type="email" placeholder="youremail@example.com" value="#{@site.email}"
|
||||||
|
|
||||||
br
|
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).
|
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
|
hr
|
||||||
h5 Tags
|
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: 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"
|
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: 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).
|
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"
|
div style="background:#fff; width:100%; overflow:auto"
|
||||||
== recaptcha_tag :challenge, ssl: true
|
== recaptcha_tag :challenge, ssl: true
|
||||||
br
|
br
|
||||||
|
|
||||||
h3 You're done. Just click the button below!
|
h3 You're done. Just click the button below!
|
||||||
.txt-Center
|
.txt-Center
|
||||||
input.btn-Action type="submit" value="Create Home Page"
|
input.btn-Action type="submit" value="Create Home Page"
|
||||||
|
|
Loading…
Add table
Reference in a new issue