]> gitweb.mndrdr.org Git - arelpe.git/commitdiff
Visual revisions to post page, changes to join page for logged in users, introduction...
authorAidan Cornelius-Bell <[email protected]>
Fri, 22 Nov 2024 22:22:58 +0000 (08:52 +1030)
committerAidan Cornelius-Bell <[email protected]>
Fri, 22 Nov 2024 22:22:58 +0000 (08:52 +1030)
Gemfile.lock
app/assets/stylesheets/application.css
app/views/devise/registrations/edit.html.erb
app/views/layouts/_home_post_links.html.erb
app/views/pubview/join.html.erb
app/views/pubview/post.html.erb

index 662018a0d97d714353ab9bfcf5c8d618db27fb1b..1bf95f89becb0ac03e7279c828fa9191f509c1f0 100644 (file)
@@ -167,7 +167,7 @@ GEM
     marcel (1.0.4)
     matrix (0.4.2)
     mini_mime (1.1.5)
-    minitest (5.25.1)
+    minitest (5.25.2)
     msgpack (1.7.5)
     multi_xml (0.7.1)
       bigdecimal (~> 3.1)
@@ -243,7 +243,7 @@ GEM
       zeitwerk (~> 2.6)
     rainbow (3.1.1)
     rake (13.2.1)
-    rdoc (6.7.0)
+    rdoc (6.8.1)
       psych (>= 4.0.0)
     redcarpet (3.6.0)
     regexp_parser (2.9.2)
@@ -304,7 +304,7 @@ GEM
       activesupport (>= 6.1)
       sprockets (>= 3.0.0)
     stringio (3.1.2)
-    stripe (13.1.2)
+    stripe (13.2.0)
     thor (1.3.2)
     timeout (0.4.2)
     tzinfo (2.0.6)
index c40fba69a9c1548f4b47549a0c88cec23b96a582..0332ca8d2214cb641ac7bac1081876a3918f7d26 100644 (file)
@@ -286,6 +286,25 @@ footer p {
     text-align: center;
 }
 
+.container .lead {
+    color: var(--code-text);
+    max-width: 80%;
+    margin: auto;
+}
+
+.lead-button {
+    text-decoration: none;
+    border: 1px dashed var(--link-color);
+    padding: 5px;
+    border-radius: 5px;
+}
+
+.lead-button:hover,
+.lead-button:active {
+    text-decoration: none;
+    border: 1px solid var(--link-color);
+}
+
 .porter {
     max-width: 170px;
     float: right;
@@ -313,6 +332,22 @@ footer p {
     display: none;
 }
 
+.postmeta {
+    max-width: 80%;
+    border-radius: 3px;
+    background: var(--quote-bg);
+    padding: 3px 15px;
+}
+
+.bookmark-buttons {
+    margin-bottom: -5px;
+    padding-bottom: 3px;
+}
+
+.button-bottomless {
+    border-radius: 5px 5px 0 0 !important;
+}
+
 .logo {
     max-width: 48px;
     float: right;
@@ -547,7 +582,7 @@ ul .post-item a:visited {
     }
 }
 
-@media (max-width: 480px) {
+@media (max-width: 506px) {
     .container,
     footer {
         margin: 5px 10px -10px 5px;
@@ -565,4 +600,7 @@ ul .post-item a:visited {
     .logo {
         margin-top: 20px;
     }
+    .postmeta {
+        max-width: 100%;
+    }
 }
index e9e2528efaf05571eecbda62d4536c87a4583d60..95a875f7dd838cce3de754532fbcd47d81f0596e 100644 (file)
@@ -2,7 +2,7 @@
 
 <% content_for :form_content do %>
   <p>Welcome back, <%= resource.first_name %>. Your email address is <%= resource.confirmed? ? "confirmed":"not yet confirmed, please check your email soon" %>.</p>
-  
+
   <% if current_user %>
     <% if current_user.ongoing_subscriber? %>
       <p>Thank you for your <%= link_to "ongoing support", subscriptions_path %>!</p>
     <% end %>
   <% end %>
 
-  <hr> 
-  
+  <hr>
+
   <%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
     <%= render "devise/shared/error_messages", resource: resource %>
 
-    <div class="field">
-      <%= f.label :first_name %>
-      <%= f.text_field :first_name %>
-    </div>
-
-    <div class="field">
-      <%= f.label :last_name %>
-      <%= f.text_field :last_name %>
-    </div>
+  <div class="field-group">
+        <div class="field">
+            <%= f.label :first_name %>
+            <%= f.text_field :first_name %>
+        </div>
+        <div class="field">
+            <%= f.label :last_name %>
+            <%= f.text_field :last_name %>
+        </div>
+  </div>
 
     <div class="field">
       <%= f.label :email %>
       <div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
     <% end %>
 
-    <div class="field">
-      <%= f.label :password %> <i>(leave blank if you don't want to change it)</i>
-      <%= f.password_field :password, autocomplete: "new-password" %>
-      <% if @minimum_password_length %>
-        <em><%= @minimum_password_length %> characters minimum</em>
-      <% end %>
-    </div>
+    <div class="field-group">
+        <div class="field">
+        <%= f.label :password %>
+        <%= f.password_field :password, autocomplete: "new-password", placeholder: "Leave blank to keep your current password" %>
+        <% if @minimum_password_length %>
+            <em><%= @minimum_password_length %> characters minimum</em>
+        <% end %>
+        </div>
 
-    <div class="field">
-      <%= f.label :password_confirmation %>
-      <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+        <div class="field">
+        <%= f.label :password_confirmation %>
+        <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+        </div>
     </div>
 
     <div class="field">
index 066ea831c24b8a3c0ed34f750b9c44f6b762d06f..f69f51996d6a127a13dea91725972201836abb74 100644 (file)
@@ -1,9 +1,9 @@
 <% if !@post&.short_dispatch? %>
 <% if @post&.title? %><h3>Follow via RSS, Email or Membership...</h3><% end %>
-<p><span class="callout">→ Want an email for each new post?</span> Join the mailing list for free <%= link_to "right here <abbr title=\"internal link\">&swarr;&#xFE0E;</abbr>".html_safe, "/join/" %>.</p>
-<p><span class="callout">→ Like this work and want to support it?</span> Get started <%= link_to " here <abbr title=\"internal link\">&swarr;&#xFE0E;</abbr>".html_safe, "/join/" %>.</p>
-<p><span class="callout">→ Prefer RSS?</span> you can subscribe to a combined <%= link_to "bookmarks+dispatches feed here <abbr title=\"internal link\">&swarr;&#xFE0E;</abbr>".html_safe, rss_path %> or <%= link_to "full text dispatches only feed here <abbr title=\"external link\">&nearr;&#xFE0E;</abbr>".html_safe, dispatches_rss_path %>.</p>
+<p><span class="callout">→ 📬 Want an email for each new post?</span> Join the mailing list for free <%= link_to "right here <abbr title=\"internal link\">&swarr;&#xFE0E;</abbr>".html_safe, "/join/" %>.</p>
+<p><span class="callout">→ 💰 Like this work and want to support it?</span> Get started <%= link_to " here <abbr title=\"internal link\">&swarr;&#xFE0E;</abbr>".html_safe, "/join/" %>.</p>
+<p><span class="callout">→ 📰 Prefer RSS?</span> you can subscribe to a combined <%= link_to "bookmarks+dispatches feed here <abbr title=\"internal link\">&swarr;&#xFE0E;</abbr>".html_safe, rss_path %> or <%= link_to "full text dispatches only feed here <abbr title=\"external link\">&nearr;&#xFE0E;</abbr>".html_safe, dispatches_rss_path %>.</p>
 <% end %>
 <% if @post %>
-<p><%= link_to "â\86\91 Back to top", "#top" %> or <%= link_to "â\86¼ Back to some other dispatches...", "#{root_path}?filter=posts" %></p>
+<p><%= link_to "â\86\91 Back to top", "#top" %> or <%= link_to "⥤ Read more", "#{root_path}" %></p>
 <% end %>
index a9cd09440d3fe0353595a18131de5aaf0c5b36ff..1a6b2e93dee0ebd3a6a49290d995a28d06b0e238 100644 (file)
@@ -11,7 +11,7 @@
   <div class="container">
        <%= image_tag "growchart.svg", class: "porter" %>
        <h3>Join the counter-hegemony</h3>
-       <p>mind reader is where theory meets practice. As a free member, you’ll join a growing community of readers thinking deeply about capitalism, technology, and social transformation. What you get for <strong>free</strong>:</p>
+       <p>mind reader is where theory meets practice. As a <% if current_user %>member you have joined <% else %>free member, you’ll join<% end %> a growing community of readers thinking deeply about capitalism, technology, and social transformation. What you get for <strong>free</strong>:</p>
        <ul>
           <li>☛  Direct dispatches: fresh analysis straight to your inbox.</li>
           <li>☛  Community dialogue: exchange ideas and correspond directly about posts.</li>
           <li>☛  A place to support my work by becoming a financial member (free, annual and lifetime tiers &mdash; pay what you want).</li>
        </ul>
        <p>There’s no paywall here – just like there shouldn’t be barriers to critical thought. Joining takes two minutes and keeps this independent platform for radical analysis going strong. So, what are you waiting for? Let’s be happy together!</p>
-       <%= image_tag "aidan_arrow.svg", class: "aidans_arrow" %>
+       <% if current_user %>
+       <p>As a current member (thank you!) you can adjust your settings on these pages:</p>
+       <p><% if current_user&.paid_user? %><%= link_to "Financial supporter settings", subscriptions_path, class: "button" %><% else %><%= link_to "Become a financial supporter", subscriptions_path, class: "button" %><% end %> <%= link_to "Join the mailing list", mailing_lists_path, class: "button" %></p>
+       <% else %>
+  <%= image_tag "aidan_arrow.svg", class: "aidans_arrow" %>
        <p>To get started with mind reader membership – <em>always free</em> – simply register for an account on this website and confirm your email. Don’t worry, I’ll guide you through each step of the process! Just Get started below:</p>
        <p><%= link_to "Get started, free forever", new_user_registration_path, class: "button" %> <%= link_to "Log back in", new_user_session_path, class: "button" %></p>
-       <p>You can always easily (read: no phone call or email required) cancel any paid affiliation and close your account forever, no quesetions asked. Just log in and modify your options by clicking here: <%= link_to "manage payments", subscriptions_path %>.</p>
+       <% end %>
+       <p>You can always easily (read: no phone call or email required) cancel any paid affiliation and close your account forever, no quesetions asked.</p>
   </div>
 </div>
index f1ecddf64bd746c4bd6741319aef0e722a827584..0268a68b2ba64c64d298a48a7d093c47849bff6b 100644 (file)
@@ -8,15 +8,22 @@
   <% content_for :meta_published, "#{@post.created_at&.strftime('%Y-%m-%d')}" %>
   <% if @post.post_type != "bookmark" %>
   <h1><%= @post.title %></h1>
-  <%= link_to "↼ Back to some other dispatches...", "#{root_path}?filter=posts" %>
+  <div class="bookmark-buttons">
+      <%= link_to "↼ More dispatches 👀", "#{root_path}?filter=posts", class: "button button-bottomless" %>
+      <% if !current_user %>
+      <%= link_to "Join mind reader 🫰🏽", join_path, class: "button button-bottomless" %>
+      <% end %>
+  </div>
   <div class="postmeta">
-       <p>Posted <%= @post.published_at.strftime('%B %d, %Y') %> and tagged <%= raw @post.format_tags %> <% if [email protected]_dispatch?%>Reading Time: about <%= @reading_time %> minute(s) <% end %> from: Aidan Cornelius-Bell.</p>
+       <p >Posted <%= @post.published_at.strftime('%B %d, %Y') %> and tagged <%= raw @post.format_tags %><br><% if [email protected]_dispatch?%>Reading Time: about <%= @reading_time %> minute(s) <% end %> from: Aidan Cornelius-Bell.</p>
   </div>
   <% else %>
   <h1 style="margin-bottom: -.8em">Bookmark comment permalink:</h1>
   <h3><%= @post.title %></h3>
-  <%= link_to "View original content", @post.url, class: "button", target: "_BLANK" %>
-  <%= link_to "More from mind reader", "#{root_path}?filter=bookmarks", class: "button" %>
+  <div class="bookmark-buttons">
+    <%= link_to "👁 View linked content", @post.url, class: "button button-bottomless", target: "_BLANK" %>
+    <%= link_to "🗞 More from mind reader", "#{root_path}", class: "button button-bottomless" %>
+  </div>
   <div class="postmeta">
        <p>Originally bookmarked on mind reader on <%= @post.published_at.strftime('%B %d, %Y') %>.</p>
   </div>
@@ -26,7 +33,7 @@
 <div class="post">
   <div class="container">
     <% if !current_user %>
-        <p class="lead"><%= @promo_strings.sample %> <%= link_to "Start right now", join_path %>.</p>
+        <p class="lead"><%= @promo_strings.sample %> <%= link_to "Start right now!", join_path, class: "lead-button" %></p>
     <% end %>
        <%= raw @rendered_content %>
   </div>