trosage

<% if video = Video.find(2862) %>
<div class="modal modal-forum-tipis featurette" data-featurette="modal" id="forum_tips_modal">

  <div class="grid-container">
    <div class="grid-60 grid-parent centered">

      <div class="contained">
        <div class="video-container">
          <div class="video-player-container">
            <%= video(video) %>

trosage

TEMPLATE
<a class="button" data-modal-trigger="post-question">Post question</a>
<%= render :partial => "modal/post-question" %>


OUTPUT

<h1>Treehouse</h1>

trosage

<% if @job.contact_email.present? %>
  <%= mail_to @job.contact_email, :class => "button button-primary button-full apply", :subject => "#{@job.title} [via Treehouse Job Board]" do %>
    Apply via email <span class="icon icon-right-white"></span>
  <% end %>

<% else %>
  <%= link_to @job.contact_url, :class => "button button-primary button-full apply" do %>
    Apply via web <span class="icon icon-right-white"></span>
  <% end %>
<% end %>

trosage

<a class="pagination-link pagination-prev"><span class="icon icon-left"></span>Prev</a>

<a class="pagination-link pagination-next">Next<span class="icon icon-right"></span></a>

trosage

.on("click", ".logo", function() {
    $(this).removeClass("mtf-inactive");
    $(this).addClass("mtf-active");
    $(".global-breadcrumbs").animate({
      top: -70
    }, 300, function(){
      $(".global-message").show();
      $(".global-message").animate({
        top: "68px",
        opacity: 1

trosage

<% selected = true if !logged_in? || @topic_groups || current_user.selected_topic?(topic_group_unit) %>
<li class="topic <%= "my-topic" if selected %>">
  <%= link_to topic_group_unit, :class => "collection" do %>
  <div class="quarter primary badge-container">
    <%= badge_image topic_group_unit, :link => false %>
    <!-- <span class="icon icon-new-corner"></span> -->
    <% if current_user && current_user.has_badge?(topic_group_unit.badge) %>
    <span class="icon icon-unlocked-corner"></span>
    <% end %>
  </div>

trosage

  $("#topic-tabs a").on("click", function(){
    $("#topic-tabs a").removeClass("selected");
    $(this).addClass("selected");
  });

  $(".topic-tab-all").on("click", function(){
    $(".topic-group").show();
  });
  $(".topic-tab-design").on("click", function(){
    $(".topic-group").hide();

trosage

  $("#topic-tabs a").live("click", function(){
    $("#topic-tabs a").removeClass("selected");
    $(this).addClass("selected");
  });

  $(".topic-tab-all").live("click", function(){
    $(".topic").show();
  });
  $(".topic-tab-design").live("click", function(){
    $(".topic").hide();

trosage

class NavLabels
  constructor: () ->
    $label = $(this).find(".nav-label-container")

    mouseIn = () ->
      $label.animate {
       opacity: 1
       top: 45
       }, 400
       

trosage

        <% if child.code_challenge? && !logged_in? %>
          <%= badge_image child, :alt => "", :class => "object-image" %>
          <h4><%= child.title %></h4>
        <% else %>
          <%= link_to_unit child do %>
            <%= badge_image child, :alt => "", :class => "object-image" %>
            <% if current_user && current_user.has_badge?(child.badge) %>
              <span class="icon icon-unlocked-badge-small"></span>
            <% end %>