added new landing page

app/assets/javascripts/common.js

@@ -8,17 +8,20 @@ $(document).ready(function() {
   $("table.striped tbody tr:even").addClass("even");
   $("table.striped tbody tr:odd").addClass("odd");
 
-  // More link
-  $("#site-map-link").click(function(e) {
-    $("#more-links").toggle();
-    e.preventDefault();
-    e.stopPropagation();
-  });
-  $("#more-links").hide().offset({top: $("#site-map-link").offset().top + $("#site-map-link").height() + 10, left: $("#site-map-link").offset().left});  
-  
-  $(document).click(function(e) {
-    $("#more-links").hide();
-  });
+  if ($("#site-map-link").length > 0) {
+    // More link
+    $("#site-map-link").click(function(e) {
+      $("#more-links").toggle();
+      e.preventDefault();
+      e.stopPropagation();
+    });
+
+    $("#more-links").hide().offset({top: $("#site-map-link").offset().top + $("#site-map-link").height() + 10, left: $("#site-map-link").offset().left});  
+
+    $(document).click(function(e) {
+      $("#more-links").hide();
+    });
+  }
   
   // Ajax links
   $("a[data-remote=true]").click(function(e) {

app/assets/javascripts/landings.js

@@ -0,0 +1,8 @@
+$(function() {
+  $("#c-landings div.data").each(function(i, div) {
+    var $div = $(div);
+    var $image = $div.prev();
+    
+    $div.width($image.width() - 10).height($image.height() - 10).offset({top: $image.position().top, left: $image.position().left});
+  });
+});

app/assets/stylesheets/common/030_links.css.scss

@@ -31,4 +31,8 @@ a.login {
 
 a.forum-updated {
   font-style: italic;
+}
+
+a.wiki-link {
+  margin-right: 0.3em;
 }

app/assets/stylesheets/specific/landing.css.scss

@@ -0,0 +1,44 @@
+div#c-landings {
+  div#a-show {
+    padding-top: 4em;
+    width: 960px;
+    margin: auto;
+
+    h1 {
+      text-align: center;
+      font-size: 4em;
+    }
+    
+    p.slogan {
+      text-align: center;
+      font-size: 1.5em;
+      font-weight: bold;
+    }
+    
+    div.column {
+      width: 480px;
+      vertical-align: top;
+      float: left;
+      background-color: #000;
+    }
+    
+    div.landing-post {
+      overflow: hidden;
+    }
+    
+    div.landing-post:hover img {
+      opacity: 0.25;
+    }
+    
+    div.landing-post:hover div.data {
+      opacity: 1.0;
+    }
+    
+    div.landing-post div.data {
+      position: absolute;
+      color: white;
+      padding: 5px;
+      cursor: pointer;
+    }
+  }
+}

app/assets/stylesheets/specific/posts.css.scss

@@ -26,6 +26,14 @@ article.post-preview {
   }
 }
 
+div.text-post-medium {
+  height: 150px;
+  width: 480px;
+  text-align: center;
+  line-height: 480px;
+  border: 1px solid #CCC;
+}
+
 article.post-preview.blacklisted-active {
   display: none;
 }

app/controllers/landings_controller.rb

@@ -0,0 +1,6 @@
+class LandingsController < ApplicationController
+  def show
+    @explorer = PopularPostExplorer.new
+    render :layout => "blank"
+  end
+end

app/helpers/landings_helper.rb

@@ -0,0 +1,2 @@
+module LandingsHelper
+end

app/logical/popular_post_explorer.rb

@@ -0,0 +1,30 @@
+class PopularPostExplorer
+  attr_reader :col1, :col2, :posts
+  
+  def initialize
+    load_posts
+    sort_posts
+  end
+
+private
+
+  def load_posts
+    # Post.tag_match("order:rank").where("image_width >= ?", Danbooru.config.medium_image_width).limit(5).offset(offset)
+    @posts = Post.where("image_width >= ?", Danbooru.config.medium_image_width).limit(50)
+  end
+  
+  def sort_posts
+    height1, height2 = 0, 0
+    @col1, @col2 = [], []
+    
+    posts.each do |post|
+      if height1 > height2
+        @col2 << post
+        height2 += post.medium_image_height
+      else
+        @col1 << post
+        height1 += post.medium_image_height
+      end
+    end
+  end
+end

app/models/post.rb

@@ -473,6 +473,29 @@ class Post < ActiveRecord::Base
     def has_tag?(tag)
       tag_string =~ /(?:^| )#{tag}(?:$| )/
     end
+    
+    def essential_tag_string
+      tag_categories = Tag.categories_for(tag_array)
+      tag_array.each do |tag|
+        if tag_categories[tag] == Danbooru.config.tag_category_mapping["copyright"]
+          return "copyright: " + tag
+        end
+      end
+
+      tag_array.each do |tag|
+        if tag_categories[tag] == Danbooru.config.tag_category_mapping["character"]
+          return "character: " + tag
+        end
+      end
+
+      tag_array.each do |tag|
+        if tag_categories[tag] == Danbooru.config.tag_category_mapping["artist"]
+          return "artist: " + tag
+        end
+      end
+
+      return tag_array.first
+    end
   end
   
   module FavoriteMethods

app/presenters/post_presenter.rb

@@ -32,6 +32,13 @@ class PostPresenter < Presenter
   def preview_html
     PostPresenter.preview(@post)
   end
+  
+  def medium_image_html(template, options = {})
+    return "" if @post.is_deleted? && !CurrentUser.user.is_janitor?
+    return "" if !Danbooru.config.can_user_see_post?(CurrentUser.user, @post)
+    
+    template.render("posts/partials/show/medium_image", :post => @post)
+  end
 
   def image_html(template)
     return template.content_tag("p", "This image was deleted.") if @post.is_deleted? && !CurrentUser.user.is_janitor?

app/presenters/tag_set_presenter.rb

@@ -36,12 +36,13 @@ private
     html << %{<li class="category-#{categories[tag]}">}
     current_query = template.params[:tags] || ""
     
+    if categories[tag] == 1
+      html << %{<a class="wiki-link" href="/artists/show_or_new?name=#{u(tag)}">?</a> }
+    else
+      html << %{<a class="wiki-link" href="/wiki_pages?title=#{u(tag)}">?</a> }
+    end
+
     if CurrentUser.user.is_privileged?
-      if categories[tag] == 1
-        html << %{<a href="/artists/show_or_new?name=#{u(tag)}">?</a> }
-      else
-        html << %{<a href="/wiki_pages?title=#{u(tag)}">?</a> }
-      end
       html << %{<a href="/posts?tags=#{u(current_query)}+#{u(tag)}" class="search-inc-tag">+</a> }
       html << %{<a href="/posts?tags=#{u(current_query)}+-#{u(tag)}" class="search-exl-tag">&ndash;</a> }
     end

app/views/landings/_image.html.erb

@@ -0,0 +1 @@
+<div class="landing-post"><a href="<%= post_path(post) %>"><img src="<%= post.medium_file_url %>" width="<%= post.medium_image_width %>" height="<%= post.medium_image_height %>"><div class="data"><p><%= post.essential_tag_string %></p></div></a></div>

app/views/landings/_tag.html.erb

@@ -0,0 +1,8 @@
+<!-- 
+- tag
+ -->
+<div>
+  <% @explorer.search(tag, 300).each do |post| %>
+    <%= post.presenter.medium_image_html(self, :max_height => 300) %>
+  <% end %>
+</div>

app/views/landings/show.html.erb

@@ -0,0 +1,22 @@
+<div id="c-landings">
+  <div id="a-show">
+    <h1><%= link_to Danbooru.config.app_name, posts_path %></h1>
+    <p class="slogan">Find good art fast</p>
+    
+    <div class="column">
+      <% @explorer.col1.each do |post| %>
+        <%= render "image", :post => post %>
+      <% end %>
+    </div>
+
+    <div class="column">
+      <% @explorer.col2.each do |post| %>
+        <%= render "image", :post => post %>
+      <% end %>
+    </div>
+  </div>
+</div>
+
+<% content_for(:page_title) do %>
+  <%= Danbooru.config.app_name %>
+<% end %>

app/views/layouts/blank.html.erb

@@ -0,0 +1,17 @@
+<!doctype html>
+<html>
+<head>
+  <title><%= yield :page_title %></title>
+  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+  <link rel="top" title="<%= Danbooru.config.app_name %>" href="/">
+  <%= csrf_meta_tag %>
+  <%= auto_discovery_link_tag :atom, posts_path(:format => "atom", :tags => params[:tags]) %>
+  <%= stylesheet_link_tag "application", :media => "screen" %>
+  <%= javascript_include_tag "application" %>
+  <%= Danbooru.config.custom_html_header_content %>
+  <%= yield :html_header %>
+</head>
+<body>
+  <%= yield :layout %>
+</body>
+</html>

app/views/moderator/post/queues/show.html.erb

@@ -27,7 +27,13 @@
       <% @posts.each do |post| %>
         <article id="post-<%= post.id %>">
           <aside>
-            <%= link_to(image_tag(post.medium_file_url), post_path(post)) %>
+            <% if post.is_image? %>
+              <%= link_to(image_tag(post.medium_file_url), post_path(post)) %>
+            <% elsif post.is_flash? %>
+              <div class="text-post-medium">Flash</div>
+            <% else %>
+              <div class="text-post-medium">Download</div>
+            <% end %>
           </aside>
 
           <section>