Source Browser

root / app / views / layouts / application.html.erb 
<!DOCTYPE html>

<html data-theme="light">

  <head>

    <title><%= content_for(:title) || "About" %></title>

    <meta name="viewport" content="width=device-width,initial-scale=1">

    <%= csrf_meta_tags %>

    <%= csp_meta_tag %>

    <link rel="preconnect" href="https://fonts.bunny.net">

    <link href="https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap" rel="stylesheet">

    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>

    <%= javascript_importmap_tags %>

  </head>



  <body>

    <nav class="main-nav">

      <div class="nav-container">

        <span class="nav-brand"><%= link_to "Ruby About", root_path %></span>

        <ul class="nav-links">

          <li><%= link_to "Examples", examples_path, class: current_page?(examples_path) ? "active" : "" %></li>

          <li><%= link_to "Source", source_index_path, class: request.path.start_with?("/source") ? "active" : "" %></li>

        </ul>

        <button class="theme-toggle"

                data-controller="theme"

                data-action="click->theme#toggle"

                aria-label="Toggle dark mode">☾</button>

      </div>

    </nav>



    <main class="container">

      <% if flash[:notice] %>

        <div class="flash flash-notice"><%= flash[:notice] %></div>

      <% end %>

      <% if flash[:alert] %>

        <div class="flash flash-alert"><%= flash[:alert] %></div>

      <% end %>



      <%= yield %>

    </main>



    <footer class="main-footer">

      <div class="container">

        <p>Ruby About &mdash; A portfolio of Ruby code examples</p>

      </div>

    </footer>

  </body>

</html>

← Back