Hide lock icon globally

common/after_header.html

@@ -0,0 +1,9 @@
+<div id="login-message">
+    <h3>
+    There are a lot more discussions going on if you log in!
+    </h3>
+
+    <button class="widget-button btn btn-primary btn-small sign-up-button btn-text">
+        <span class="d-button-label">Log in or Sign Up</span>
+    </button>
+</div>

common/common.scss

@@ -1,3 +1,19 @@
+// Login CTA
+#login-message {
+    display: none;
+}
+
+html.anon {
+    body:not(.category-resources) {
+        // Display this message on all pages except in Community Resources
+        #login-message {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+    }
+}
+
 // Login form
 .login-right-side {
     display: none;
@@ -535,6 +551,10 @@ html body #main-outlet {
   margin-top: 2em;
 }
 
+.d-icon-lock {
+    display: none;
+}
+
 // Community Resources Category
 .category-resources {
     // Topic List
@@ -562,7 +582,8 @@ html body #main-outlet {
     // Topic Posts
 
     .topic-map,
-    .topic-status { // Hide the lock icon in the topic header of the post
+    .topic-avatar,
+    .names.trigger-user-card { // Hide the lock icon in the topic header of the post
         display: none;
     }