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

public/assets/css/_project-sass/_project-Base.scss

@@ -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;
+}

public/assets/css/neo.css

@@ -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; }

views/browse.erb

@@ -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>

views/index.erb

@@ -91,8 +91,13 @@
               <% end %>
           
             </ul>
+          </nav>
+          
+          <div class="alert txt-Center">
+            <p style="padding:5px">Alert message goes here</p>
+          </div>
+          
           
-</nav>
 
 <div class="logo int-Logo hp-Logo">
   <a href="/" title="back to home">

views/new.slim

@@ -12,7 +12,8 @@ javascript:
           p = error.last.first
 
 .page
-  .row
+  .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
@@ -42,13 +43,13 @@ javascript:
   
             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: 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:&nbsp;&nbsp;&nbsp;<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"
+            div style="background:#fff; width:100%; overflow:auto"
               == recaptcha_tag :challenge, ssl: true
             br