<div class="alert alert-info scope-update-banner" role="alert" id="scope-update-banner">
  <div class="container">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close" onclick="dismissScopeBanner()">
      <span aria-hidden="true">&times;</span>
    </button>
    <strong>Important Update:</strong> <%= Rails.application.settings["abbreviation"] %> has updated its submission scope requirements, affecting what is eligible for submission and what information is required in your paper.
    <%= link_to "Read the announcement &rarr;".html_safe, "https://blog.joss.theoj.org/2026/01/preparing-joss-for-a-generative-ai-future", target: "_blank", class: "alert-link" %> • 
    <%= link_to "View updated requirements &rarr;".html_safe, "https://joss.readthedocs.io/en/latest/submitting.html#scope-and-significance", target: "_blank", class: "alert-link" %>
  </div>
</div>

<script>
function dismissScopeBanner() {
  document.cookie = "scope_banner_dismissed=true; max-age=2592000; path=/"; // 30 days
  document.getElementById('scope-update-banner').style.display = 'none';
}
</script>
