new

<% set_bg @page.slug %>

<section class="layout">

	<article>
		<% if @page.image.present? %>
			<%= render 'shared/pic',
				:url => @page.image.url,
				:alt => @page.title(current_locale),
				:wrap_class => 'article-pic'
			%>
		<% end %>

		<header>
			<h1 class="page-hd hd">
				<%= @page.title(current_locale) %>
				<% if @page.subtitle(current_locale).present? %>
					<span class="page-subhd subhd" data-test="subtitle"><%= @page.subtitle(current_locale) %></span>
				<% end %>
			</h1>
		</header>

		<section role="main">
			<div class="txt">
				<%= @page.content(current_locale).html_safe %>
			</div>
			<% if @page.children.any? %>
				<ul class="child-list" data-test="children" role="navigation">
					<% @page.children.each do |child| %>
						<li>
							<%= link_to page_path(child.path), :class => 'child-item item' do %>
								<h2 class="link-hd child-hd hd">
									<%= child.title(current_locale) %>
								</h2>
								<p><%= child.teaser(current_locale).html_safe %></p>
							<% end %>
						</li>
					<% end %>
				</ul>
			<% end %>
		</section>

		<% if @page.related_links.any? %>
			<section role="complementary">
				<dl class="headed-list list" data-test="related-links">
					<dt><%= t('content.related_links') %></dt>
					<% @page.related_links.each do |link| %>
						<dd>
							<%= link_to link.name(current_locale), link.url %>
						</dd>
					<% end %>
				</dl>
			</section>
		<% end %>

	</article>

	<aside>
		Spots
	</aside>

</section>

orginal

<% set_bg @page.slug %>

<div class="row">
	<div class="div3/4-col col">
		<div class="block">
			<% if @page.image.present? %>
				<%= render 'shared/pic',
					:url => @page.image.url,
					:alt => @page.title(current_locale)
				%>
			<% end %>
			<div class="b0-section t4-section all2-section section">
				<h1 class="page-hd hd">
					<%= @page.title(current_locale) %>
					<% if @page.subtitle(current_locale).present? %>
						<span class="page-subhd subhd" data-test="subtitle"><%= @page.subtitle(current_locale) %></span>
					<% end %>
				</h1>
			</div>

			<% if @page.related_links.any? %>
				<div class="div3/4-col col">
			<% end %>

			<div class="all2-section section" role="main">
				<div class="txt">
					<%= @page.content(current_locale).html_safe %>
				</div>
				<% if @page.children.any? %>
					<ul class="child-list" data-test="children" role="navigation">
						<% @page.children.each do |child| %>
							<li>
								<%= link_to page_path(child.path), :class => 'child-item item' do %>
									<h2 class="link-hd child-hd hd">
										<%= child.title(current_locale) %>
									</h2>
									<p><%= child.teaser(current_locale).html_safe %></p>
								<% end %>
							</li>
						<% end %>

					</ul>
				<% end %>
				<div class="tb-section section">
					<%= render 'shared/add_this_compact' %>
				</div>
			</div>

			<% if @page.related_links.any? %>
				</div>
				<div class="div1/4-col col" role="complementary">
					<div class="all-section section">
						<dl class="headed-list list" data-test="related-links">
							<dt><%= t('content.related_links') %></dt>
							<% @page.related_links.each do |link| %>
								<dd>
									<%= link_to link.name(current_locale), link.url %>
								</dd>
							<% end %>
						</dl>
					</div>
				</div>
			<% end %>

		</div>
	</div>
	<div class="div1/4-col r-col">
		<div class="block">
			Spots
		</div>
</div>