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,48 @@ html body #main-outlet {
   margin-top: 2em;
 }
 
+.d-icon-lock {
+    display: none;
+}
+
+// Community Resources Category
+.category-resources {
+    // Topic List
+
+    .topic-list-header {
+        display: none !important;
+    }
+
+    .topic-list-body {
+        .topic-list-data {
+            // Center content in the topic list
+            display: flex;
+            align-items: center;
+        }
+
+        .num.views,
+        .num.posts,
+        .num.activity,
+        .posters,
+        .topic-statuses {
+            display: none !important;
+        }
+    }
+
+    // Topic Posts
+
+    .topic-map,
+    .topic-avatar,
+    .names.trigger-user-card { // Hide the lock icon in the topic header of the post
+        display: none;
+    }
+
+    .topic-meta-data {
+        display: flex;
+        justify-content: right;
+    }
+}
+
 // published page additions
 .published-page-content-wrapper {
   max-width: 1000px;

mobile/mobile.scss

@@ -213,3 +213,25 @@ ol.category-breadcrumb {
         margin: 2rem 0;
     }
 }
+
+// Community Resources Category
+.category-resources {
+
+    // Topic List
+
+    .topic-list-data {
+        .right {
+            margin-left: 0 !important;
+            display: flex;
+            align-items: center;
+        }
+    }
+
+    // Topic Post
+
+    .topic-avatar,
+    .topic-meta-data {
+        display: none !important;
+    }
+}
+