<!DOCTYPE html>
<html>
  <head>
    <title>CPM-program</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'timer' %>
  </head>

  <body>
<header id="header">
<div class="logo-space">
    <h1 class="title-logo"><%= link_to("CPM-program","/")%></h1>
    <p>時間経過: <span id="timer"></span></p>
</div>
<nav class="header-nav-left">
    <ul class="header-list">
        <li class="header-list-item"><%= link_to("応用問題","/posts/new")%></li>
        <li class="header-list-item"><%= link_to("応用問題みんなの回答","/posts/index")%></li>
        <li class="header-list-item"><%= link_to("Rubyクイズランダム１","/seikou")%></li>
        <li class="header-list-item"><%= link_to("Rubyクイズランダム２","/quiz1")%></li>
        <li class="header-list-item"><%= link_to("Rubyクイズ選択","/quiz-select")%></li>
    </ul>
</nav>
<nav class="header-nav-right">
    <ul class="header-list-icon">

    </ul>
</nav>
</header>
<% if flash[:notice]%>
<div class="flash">
  <%= flash[:notice]%>
</div>
<% end %>
    <%= yield %>
  </body>
</html>

