mirror of
https://github.com/danbee/danbarberphoto
synced 2025-03-04 08:49:07 +00:00
Refactor views to make more sense.
This commit is contained in:
parent
e143f120ab
commit
3b44ea18ff
@ -1,36 +1,31 @@
|
||||
<div class="sg-5 page-links">
|
||||
<% if @categories.previous_page -%>
|
||||
<%= link_to raw('<div>←</div>'), { :page => @categories.previous_page }, :class => 'prev-link' %>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="sg-5 page-links">
|
||||
<% if @categories.next_page -%>
|
||||
<%= link_to raw('<div>→</div>'), { :page => @categories.next_page }, :class => 'next-link' %>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<% content_for :navigation do %>
|
||||
<div class="sg-5 page-links">
|
||||
<% if @categories.previous_page -%>
|
||||
<%= link_to raw('<div>←</div>'), { :page => @categories.previous_page }, :class => 'prev-link' %>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="sg-5 page-links">
|
||||
<% if @categories.next_page -%>
|
||||
<%= link_to raw('<div>→</div>'), { :page => @categories.next_page }, :class => 'next-link' %>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<% @num_blank = 4 - @categories.length -%>
|
||||
|
||||
<div class="sg-24 sgParent">
|
||||
<% @photos.each do |photo| %>
|
||||
<div class="sg-11 photo" style="background: url('<%= photo.photo.url(:size11) %>')">
|
||||
<%= link_to_photo photo %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<% @photos.each do |photo| %>
|
||||
<% @categories.each do |category| %>
|
||||
<div class="category sg-5" style="background: <%= category.base_colour %>">
|
||||
<%= link_to raw('<h3>'+h(category.name.downcase)+'</h3>'), category_photos_path(category) %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="sg-11 photo" style="background: url('<%= photo.photo.url(:size11) %>')">
|
||||
<%= link_to_photo photo %>
|
||||
</div>
|
||||
|
||||
<% end %>
|
||||
|
||||
<% @categories.each do |category| %>
|
||||
<div class="category sg-5" style="background: <%= category.base_colour %>">
|
||||
<%= link_to raw('<h3>'+h(category.name.downcase)+'</h3>'), category_photos_path(category) %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<% @num_blank.times do %>
|
||||
<div class="sg-5 photo blank-photo">
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
</div>
|
||||
<% @num_blank.times do %>
|
||||
<div class="sg-5 photo blank-photo">
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
@ -1,10 +1,11 @@
|
||||
<div class="sg-5 about">
|
||||
<%= link_to raw('<span>about</span>'), page_path(:about) %>
|
||||
</div>
|
||||
<div class="sg-5 portfolio">
|
||||
<%= link_to raw('<span>portfolio</span>'), :controller => 'categories' %>
|
||||
</div>
|
||||
</div>
|
||||
<% content_for :navigation do %>
|
||||
<div class="sg-5 about">
|
||||
<%= link_to raw('<span>about</span>'), page_path(:about) %>
|
||||
</div>
|
||||
<div class="sg-5 portfolio">
|
||||
<%= link_to raw('<span>portfolio</span>'), :controller => 'categories' %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<% if @photo %>
|
||||
<div class="sg-17 photo" style="background: url('<%= @photo.photo.url(:size17) %>')">
|
||||
|
||||
@ -21,17 +21,18 @@
|
||||
<div id="container">
|
||||
|
||||
<div class="sgParent sg-12">
|
||||
|
||||
<header class="sg-11">
|
||||
<%= link_to image_tag('/assets/title.png', :alt => 'Dan Barber Photography', :width => 236), '/' %>
|
||||
</header>
|
||||
|
||||
<%= yield :navigation %>
|
||||
</div>
|
||||
<div class="sg-24 sgParent">
|
||||
<%= yield %>
|
||||
|
||||
<footer class="sg-35">
|
||||
©2013 Dan Barber
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,29 +1,26 @@
|
||||
<div class="sg-5 about">
|
||||
</div>
|
||||
<div class="sg-5 portfolio">
|
||||
<%= link_to raw('<span>portfolio</span>'), :controller => 'categories' %>
|
||||
</div>
|
||||
<% content_for :navigation do %>
|
||||
<div class="sg-5 about">
|
||||
</div>
|
||||
<div class="sg-5 portfolio">
|
||||
<%= link_to raw('<span>portfolio</span>'), :controller => 'categories' %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="sg-11 about-content">
|
||||
<div>
|
||||
<%= raw(@page.content.to_html) %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sg-24 sgParent">
|
||||
|
||||
<div class="sg-11 about-content">
|
||||
<div>
|
||||
<%= raw(@page.content.to_html) %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sg-11" style="background: url(/assets/me.jpg);">
|
||||
</div>
|
||||
|
||||
<div class="sg-5" style="background: #222;">
|
||||
</div>
|
||||
<div class="sg-5" style="background: #333;">
|
||||
</div>
|
||||
<div class="sg-5" style="background: #555;">
|
||||
</div>
|
||||
<div class="sg-5 contact">
|
||||
<%= link_to raw('<span>contact</span>'), new_contact_path %>
|
||||
</div>
|
||||
|
||||
<div class="sg-11" style="background: url(/assets/me.jpg);">
|
||||
</div>
|
||||
|
||||
<div class="sg-5" style="background: #222;">
|
||||
</div>
|
||||
<div class="sg-5" style="background: #333;">
|
||||
</div>
|
||||
<div class="sg-5" style="background: #555;">
|
||||
</div>
|
||||
<div class="sg-5 contact">
|
||||
<%= link_to raw('<span>contact</span>'), new_contact_path %>
|
||||
</div>
|
||||
|
||||
@ -1,40 +1,35 @@
|
||||
<div class="sg-5 page-links">
|
||||
<% if @photos.previous_page -%>
|
||||
<%= link_to raw('<div>←</div>'), { :page => @photos.previous_page }, :class => 'prev-link' %>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="sg-5 page-links">
|
||||
<% if @photos.next_page -%>
|
||||
<%= link_to raw('<div>→</div>'), { :page => @photos.next_page }, :class => 'next-link' %>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<% content_for :navigation do %>
|
||||
<div class="sg-5 page-links">
|
||||
<% if @photos.previous_page -%>
|
||||
<%= link_to raw('<div>←</div>'), { :page => @photos.previous_page }, :class => 'prev-link' %>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="sg-5 page-links">
|
||||
<% if @photos.next_page -%>
|
||||
<%= link_to raw('<div>→</div>'), { :page => @photos.next_page }, :class => 'next-link' %>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="sg-24 sgParent">
|
||||
<% if @category %>
|
||||
<div class="sg-5 category" style="background: <%= @category.base_colour %>">
|
||||
<%= link_to raw('<h3>'+h(@category.name.downcase)+'</h3><div class="arrow">↑</div>'), categories_path %>
|
||||
</div>
|
||||
<% else %>
|
||||
<div class="sg-5 category" style="background: #333;">
|
||||
<h3>all photos</h3>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<% if @category %>
|
||||
<div class="sg-5 category" style="background: <%= @category.base_colour %>">
|
||||
<%= link_to raw('<h3>'+h(@category.name.downcase)+'</h3><div class="arrow">↑</div>'), categories_path %>
|
||||
</div>
|
||||
<% else %>
|
||||
<div class="sg-5 category" style="background: #333;">
|
||||
<h3>all photos</h3>
|
||||
</div>
|
||||
<% end %>
|
||||
<% @num_blank = 11 - @photos.length -%>
|
||||
|
||||
<% @num_blank = 11 - @photos.length -%>
|
||||
<% @photos.each do |photo| %>
|
||||
<div class="sg-5 photo" style="background: url('<%= photo.photo.url(:size5) %>')">
|
||||
<%= link_to_photo photo %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<% @photos.each do |photo| %>
|
||||
|
||||
<div class="sg-5 photo" style="background: url('<%= photo.photo.url(:size5) %>')">
|
||||
<%= link_to_photo photo %>
|
||||
</div>
|
||||
|
||||
<% end %>
|
||||
|
||||
<% @num_blank.times do %>
|
||||
<div class="sg-5 photo blank-photo">
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
</div>
|
||||
<% @num_blank.times do %>
|
||||
<div class="sg-5 photo blank-photo">
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user