diff --git a/public/img/hpgallery-next.png b/public/img/hpgallery-next.png new file mode 100644 index 00000000..9ae5ff62 Binary files /dev/null and b/public/img/hpgallery-next.png differ diff --git a/public/img/hpgallery-prev.png b/public/img/hpgallery-prev.png new file mode 100644 index 00000000..512957cd Binary files /dev/null and b/public/img/hpgallery-prev.png differ diff --git a/sass/_project-sass/_project-Header.scss b/sass/_project-sass/_project-Header.scss index 2b246565..7b0da328 100644 --- a/sass/_project-sass/_project-Header.scss +++ b/sass/_project-sass/_project-Header.scss @@ -13,12 +13,15 @@ border-bottom: 0; } +.row.header-Content.content { + padding-bottom:27px; +} + .header-Content{ @media(max-device-width:480px), screen and (max-width:800px){ padding:0; } } - .blurb{background:#fff} .header-Intro{ diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index 70782018..6f7c4ee9 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -757,10 +757,28 @@ a.tag:hover { .section { padding: 50px 10%; margin: 0 auto; + float: left; } .section.featured-Websites { background:#971D31; - padding: 10px 2% 1px 2%; + padding: 30px 0; + width: 100%; + position:relative; +} +.section.featured-Websites .nav { + float:left; + width:4.25%; + height:45px; + background-size: 22px; + background-repeat: no-repeat; + background-position: center center; + margin-top: 3%; +} +.section.featured-Websites .nav.prev { + background-image:url(/img/hpgallery-prev.png); +} +.section.featured-Websites .nav.next { + background-image:url(/img/hpgallery-next.png); } .section.features { background: #4F7E89; @@ -769,13 +787,19 @@ a.tag:hover { color: #fff; } .section h2 { - font-size: 1.6em; + font-size: 1.7em; + text-align:center; +} +.section h3 { + font-size: 1.4em; + margin-top: 1.5em; + margin-bottom: .2em; } .section.last { - background: #666666; + background: #fff; } .section.last h2, .section.last blockquote { - color: white; + color: black; } .selected { font-weight: bold; @@ -809,7 +833,7 @@ a.tag:hover { width: 40%; } .browse-page .input-Area { - width: 100%; + width: auto; padding: 4px 5px; } .header-Outro .twitter-typeahead { diff --git a/sass/_project-sass/_project-Website-Gallery.scss b/sass/_project-sass/_project-Website-Gallery.scss index 72dfdb98..571937fc 100644 --- a/sass/_project-sass/_project-Website-Gallery.scss +++ b/sass/_project-sass/_project-Website-Gallery.scss @@ -30,16 +30,15 @@ &.int-Gall{ - li{ - + li { margin:0 .5% 12px; width:24%; background-color: white; border: 9px solid white; - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); @media (max-device-width:480px), screen and (max-width:800px){ width:49% @@ -48,8 +47,8 @@ } } -.neo-SS, .neo-Screen-Shot{ - border: 1px solid #eee; +.neo-SS, .z{ + border: 4px solid #eee; display:block; height:auto!important; position:relative; @@ -62,14 +61,19 @@ background-size:cover!important; display:block; } - .hp-Gallery img, .neo-Screen-Shot img{ width:100% } -.hp-Gallery li { - width: 14%; - margin-right: 2%; -} -.hp-Gallery { - padding: 24px 24px; +.hp-Gallery { + padding: 0px; + margin-bottom: 0; + + li { + width: 14%; + margin-right: 1.5%; + margin-bottom: 0; + } + li:last-child { + margin-right: 0; + } } diff --git a/views/browse.erb b/views/browse.erb index 2fb8e8c5..2d4d9cd1 100644 --- a/views/browse.erb +++ b/views/browse.erb @@ -45,7 +45,7 @@
- +
diff --git a/views/newindex_mockup.erb b/views/newindex_mockup.erb index 8b8249ce..27a32c16 100644 --- a/views/newindex_mockup.erb +++ b/views/newindex_mockup.erb @@ -121,7 +121,6 @@

Introducing the New Neocities

Now’s a great time to join our community of over <%= @sites_count.to_s.reverse.gsub(/...(?=.)/,'\&,').reverse %> websites! -
You get <%= Site::FREE_MAXIMUM_IN_MEGABYTES %> MB of free web space to make whatever you’d like.