.container .lead {
color: var(--code-text);
- max-width: 80%;
margin: auto;
}
+.promo {
+ border: 1px solid var(--code-text);
+ border-radius: 3px;
+ padding: 0.55em 1em;
+ margin: 1em auto;
+ background: var(--body-bg);
+ max-width: 80%;
+}
+
.lead-button {
text-decoration: none;
border: 1px dashed var(--link-color);
.toggle-icon {
transition: transform 0.2s ease;
}
+
+ .button {
+ margin-bottom: 4px;
+ }
}
/* Margin Notes/Footnotes */
margin: 0 auto;
}
+ .page .post-grid {
+ display: initial;
+ }
+ .page .main-content {
+ grid-column: 0;
+ }
+
.main-content {
grid-column: 1;
position: relative;
<%= render partial: "layouts/navigation_buttons" %>
-<% if !current_user %>
- <p class="lead"><%= @promo_strings.sample %> <%= link_to "Start right now", join_path %>.</p>
-<% end %>
-
<div class="post">
<ul class="container">
<% @items.group_by { |item| item.respond_to?(:published_at) ? item.published_at&.to_date : item.created_at.to_date }.each do |date, items| %>
<li class="date-heading">
From <%= date&.strftime('%B %e, %Y') %>:
+ <% if !current_user %>
+ <em><%= @promo_strings.sample %> <%= link_to "Start right now", join_path %>.</em>
+ <% end %>
</li>
<% items.each do |item| %>
<li class="<%= item.post_type %>-item<%= if item.short_dispatch? then " thought-item" end %>">
<div class="post">
<div class="container">
<% if !current_user %>
- <p class="lead"><%= @promo_strings.sample %> <%= link_to "Start right now!", join_path, class: "lead-button" %></p>
+ <div class="promo">
+ <p class="lead"><%= @promo_strings.sample %> <%= link_to "Start right now!", join_path, class: "lead-button" %></p>
+ </div>
<% end %>
<%= raw @rendered_content %>
<%= render partial: "layouts/navigation_buttons" %>
<div class="post">
- <div class="container">
+ <div class="container page">
<%= MarkdownRenderer.render(@page.content).html_safe %>
</div>
</div>