diff --git a/app/controllers/workshop_logs_controller.rb b/app/controllers/workshop_logs_controller.rb
index 49adc2a73..4577abc8a 100644
--- a/app/controllers/workshop_logs_controller.rb
+++ b/app/controllers/workshop_logs_controller.rb
@@ -72,7 +72,7 @@ def create
 
   def show
     @workshop_log = Report.find(params[:id]).decorate
-    @workshop     = @workshop_log.workshop.decorate
+    @workshop     = @workshop_log.workshop&.decorate
     @answers      = @workshop_log.report_form_field_answers
 
     if @workshop_log
diff --git a/app/frontend/stylesheets/application.tailwind.css b/app/frontend/stylesheets/application.tailwind.css
index b26cbf066..f0ea48b67 100644
--- a/app/frontend/stylesheets/application.tailwind.css
+++ b/app/frontend/stylesheets/application.tailwind.css
@@ -73,3 +73,7 @@
 .readonly textarea {
   @apply bg-gray-100 text-gray-500 cursor-not-allowed border-gray-300;
 }
+
+.rotate-180 {
+  transform: rotate(180deg);
+}
diff --git a/app/views/community_news/show.html.erb b/app/views/community_news/show.html.erb
index df851d810..0eebc6a29 100644
--- a/app/views/community_news/show.html.erb
+++ b/app/views/community_news/show.html.erb
@@ -19,7 +19,7 @@
       </div>
 
       <!-- Header Row -->
-      <div class="w-full">
+      <div class="w-full bg-white rounded-lg shadow-md p-6 space-y-6">
         <div class="max-w-3xl mx-auto px-4 py-10 text-gray-800">
 
           <!-- Title -->
diff --git a/app/views/quotes/index.html.erb b/app/views/quotes/index.html.erb
index 10e0e056f..4c58523c3 100644
--- a/app/views/quotes/index.html.erb
+++ b/app/views/quotes/index.html.erb
@@ -44,7 +44,7 @@
 <!--                      <span-->
 <!--                        class="inline-flex items-center px-2 py-0.5 rounded-full-->
 <!--                               text-xs font-medium bg-yellow-100 text-yellow-800 whitespace-nowrap">-->
-<!--                        🌟 Featured-->
+<!--                        🌟 Dashboard Feature -->
 <!--                      </span>-->
                     <%# end %>
                   </div>
diff --git a/app/views/resources/show.html.erb b/app/views/resources/show.html.erb
index af32cd4a1..76b5180be 100644
--- a/app/views/resources/show.html.erb
+++ b/app/views/resources/show.html.erb
@@ -1,109 +1,126 @@
-<div class="resource-detail py-6 min-h-screen">
-  <div class="max-w-5xl mx-auto px-4">
+<div class="min-h-screen py-8">
+  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+    <div class="bg-violet-50 border border-gray-200 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-200 p-6">
+      <!-- Top Right Utility Buttons -->
+      <div class="text-right mb-4 space-x-1">
+        <span class="inline-block text-md">
+          <%= render "bookmarks/editable_bookmark_button", resource: @resource.object %>
+        </span>
 
-    <div class="flex justify-end mb-6">
-      <% if current_user.super_user? %>
-        <%= link_to("Edit", edit_resource_path(@resource), class: "btn btn-primary-outline admin-only bg-blue-100") %>
-      <% end %>
-
-      <%= link_to ("<span title='Download #{@resource.kind} image'>" +
-        " Download <span class='fa fa-download'></span></span>").html_safe,
-                  resource_download_path(@resource),
-                  class: "btn btn-utility" if @resource.download_attachment&.file&.attached? %>
-      <%= render "bookmarks/editable_bookmark_button", resource: @resource.object %>
-    </div>
+        <% if current_user.super_user? %>
+          <%= link_to("Edit", edit_resource_path(@resource),
+                      class: "admin-only bg-blue-100 btn btn-primary-outline") %>
+        <% end %>
 
+        <%= link_to ("<span title='Download #{@resource.kind} image'>" +
+          " Download <span class='fa fa-download'></span></span>").html_safe,
+                    resource_download_path(@resource),
+                    class: "btn btn-utility" if @resource.download_attachment&.file&.attached? %>
+      </div>
 
-    <!-- Resource Card -->
-    <div class="bg-white rounded-lg shadow-md p-6 space-y-6">
+      <!-- Resource Card -->
+      <div class="bg-white rounded-lg shadow-md p-6 space-y-6">
 
-      <!-- Title -->
-      <h2 class="text-3xl font-semibold text-gray-900">
-        <%= @resource.display_title %>
-      </h2>
+        <!-- Title -->
+        <h2 class="text-3xl font-semibold text-gray-900 mb-2">
+          <%= @resource.display_title %>
+        </h2>
 
-      <% if @resource.inactive? %>
-        <div class="text-red-500 mb-3">
-          [HIDDEN]
+        <div class="mb-3">
+          <% if @resource.featured %>
+            <span
+              class="inline-flex items-center px-2 py-0.5 rounded-full
+                     text-xs font-medium bg-yellow-100 text-yellow-800 whitespace-nowrap">
+              🌟 Dashboard Feature
+            </span>
+          <% end %>
+          <% if @resource.inactive? %>
+             <span
+               class="inline-flex items-center px-2 py-0.5 rounded-full
+                     text-xs font-medium bg-blue-100 text-gray-600 whitespace-nowrap">
+               <i class="fa-solid fa-eye-slash mr-1"></i> Hidden
+            </span>
+          <% end %>
         </div>
-      <% end %>
 
-      <!-- Author and Date -->
-      <div class="flex flex-col gap-1">
-        <% unless @resource.toolkit_and_form? %>
-          <div class="flex items-center text-gray-600 text-sm gap-2">
-            <span><%= @resource.author %></span>
-            <% unless @resource.story? %>
-              <span class="<%= "border-l border-gray-400 pl-2" if @resource.author.present? %>">
-                <%= @resource.display_date %>
-              </span>
-            <% end %>
-          </div>
-        <% end %>
-      </div>
 
-      <div class="images">
-        <!-- Hero Image -->
-        <% if @resource.main_image&.file&.attached? %>
-          <div class="mb-8">
-            <%= image_tag @resource.main_image.file,
-                          class: "w-full rounded-lg shadow-sm border border-gray-200",
-                          alt: @resource.title %>
-          </div>
-        <% end %>
+        <!-- Author and Date -->
+        <div class="flex flex-col gap-1">
+          <% unless @resource.toolkit_and_form? %>
+            <div class="flex items-center text-gray-600 text-sm gap-2">
+              <span><%= @resource.author %></span>
+              <% unless @resource.story? %>
+                    <span class="<%= "border-l border-gray-400 pl-2" if @resource.author.present? %>">
+                      <%= @resource.display_date %>
+                    </span>
+              <% end %>
+            </div>
+          <% end %>
+        </div>
+
+        <div class="images">
+          <!-- Hero Image -->
+          <% if @resource.main_image&.file&.attached? %>
+            <div class="mb-8">
+              <%= image_tag @resource.main_image.file,
+                            class: "w-full rounded-lg shadow-sm border border-gray-200",
+                            alt: @resource.title %>
+            </div>
+          <% end %>
 
-        <!-- Gallery Images -->
-        <% if @resource.gallery_images.any? { |img| img.persisted? && img.file.attached? } %>
-          <div class="resource-gallery single-resource-detail text-center mb-4">
-            <div class="flex flex-wrap justify-center gap-4 mx-auto max-w-3xl">
-              <% @resource.gallery_images.each_with_index do |gallery_image, idx| %>
-                <% if gallery_image.file&.attached? %>
-                  <%= image_tag url_for(gallery_image.file),
-                                alt: "Gallery Image #{idx + 1}",
-                                data: { file_preview_target: "preview" },
-                                class: "w-32 h-32 object-cover border border-gray-300 shadow-sm" %>
+          <!-- Gallery Images -->
+          <% if @resource.gallery_images.any? { |img| img.persisted? && img.file.attached? } %>
+            <div class="resource-gallery single-resource-detail text-center mb-4">
+              <div class="flex flex-wrap justify-center gap-4 mx-auto max-w-3xl">
+                <% @resource.gallery_images.each_with_index do |gallery_image, idx| %>
+                  <% if gallery_image.file&.attached? %>
+                    <%= image_tag url_for(gallery_image.file),
+                                  alt: "Gallery Image #{idx + 1}",
+                                  data: { file_preview_target: "preview" },
+                                  class: "w-32 h-32 object-cover border border-gray-300 shadow-sm" %>
+                  <% end %>
                 <% end %>
-              <% end %>
+              </div>
             </div>
+          <% end %>
+        </div>
+
+
+        <!-- URL -->
+        <% if @resource.url.present? %>
+          <div class="prose mx-auto leading-relaxed text-gray-800 text-left">
+            <%= link_to @resource.url, @resource.url, target: "_blank",
+                        rel: "noopener noreferrer",
+                        class: "text-blue-600 hover:underline break-words" %>
           </div>
         <% end %>
-      </div>
 
 
-      <!-- URL -->
-      <% if @resource.url.present? %>
+        <!-- Main Text -->
         <div class="prose mx-auto leading-relaxed text-gray-800 text-left">
-          <%= link_to @resource.url, @resource.url, target: "_blank",
-                      rel: "noopener noreferrer",
-                      class: "text-blue-600 hover:underline break-words" %>
+          <%= @resource.display_text %>
         </div>
-      <% end %>
-
 
-      <!-- Main Text -->
-      <div class="prose mx-auto leading-relaxed text-gray-800 text-left">
-        <%= @resource.display_text %>
-      </div>
-
-      <!-- Attachments -->
-      <% if @resource.attachments.any? %>
-        <div class="mt-6">
-          <p class="font-medium text-gray-700 mb-2">Attachment:</p>
-          <ul class="flex flex-wrap gap-2">
-            <% @resource.attachments.each do |attachment| %>
-              <% if attachment.file&.attached? %>
-                <li>
-                  <%= link_to ("<span title='Download #{@resource.kind}'>" +
-                                " #{ attachment.file_file_name } <span class='fa fa-download'></span></span>").html_safe,
-                              resource_download_path(@resource,
-                                                     attachment_id: attachment.id),
-                              class: "btn btn-utility" if attachment&.file&.attached? %>
-                </li>
+        <!-- Attachments -->
+        <% if @resource.attachments.any? %>
+          <div class="mt-6">
+            <p class="font-medium text-gray-700 mb-2">Attachment:</p>
+            <ul class="flex flex-wrap gap-2">
+              <% @resource.attachments.each do |attachment| %>
+                <% if attachment.file&.attached? %>
+                  <li>
+                    <%= link_to ("<span title='Download #{@resource.kind}'>" +
+                      " #{ attachment.file_file_name } <span class='fa fa-download'></span></span>").html_safe,
+                                resource_download_path(@resource,
+                                                       attachment_id: attachment.id),
+                                class: "btn btn-utility" if attachment&.file&.attached? %>
+                  </li>
+                <% end %>
               <% end %>
-            <% end %>
-          </ul>
-        </div>
-      <% end %>
+            </ul>
+          </div>
+        <% end %>
+      </div>
     </div>
   </div>
 </div>
diff --git a/app/views/stories/show.html.erb b/app/views/stories/show.html.erb
index 033854678..0a6881705 100644
--- a/app/views/stories/show.html.erb
+++ b/app/views/stories/show.html.erb
@@ -1,8 +1,9 @@
 <% story_url   = story_url(@story) %>
 <% story_title = ERB::Util.url_encode(@story.title) %>
+
 <div class="min-h-screen py-8">
   <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-    <div class="border border-gray-200 bg-rose-50 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-200 p-6">
+    <div class="bg-rose-50 border border-gray-200 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-200 p-6">
       <!-- Top Right Utility Buttons -->
       <div class="text-right mb-4 space-x-1">
         <span class="inline-block text-sm">
@@ -24,99 +25,109 @@
       </div>
 
       <!-- Header Row -->
-      <div class="w-full">
-        <div class="max-w-3xl mx-auto px-4 py-10 text-gray-800">
-
-          <!-- Title -->
-          <h1 class="text-3xl font-bold mb-2 text-gray-900 leading-tight">
-            <%= @story.title %>
-          </h1>
-
-          <!-- Meta Data (exact screenshot style) -->
-          <div class="text-sm text-gray-600 space-y-0.5 mb-6">
-            <p><strong>Story by:</strong> <%= @story.story_idea&.author_credit || @story.created_by.full_name %></p>
-            <p><strong>Organization Name:</strong> <%= @story.organization_name %></p>
-            <% if @story.decorate.workshop_title.present? %>
-            <p><strong>Workshop:</strong> <%= @story.decorate.workshop_title %></p>
-            <% end %>
-          </div>
-
-          <div class="images">
-            <!-- Hero Image -->
-            <% if @story.main_image&.file&.attached? %>
-              <div class="mb-8">
-                <%= image_tag @story.main_image.file,
-                              class: "w-full rounded-lg shadow-sm border border-gray-200",
-                              alt: @story.title %>
-              </div>
+      <div class="w-full bg-white rounded-lg shadow-md p-6 space-y-6">
+
+        <!-- Title -->
+        <h1 class="text-3xl font-bold my-6 text-gray-900 leading-tight">
+          <%= @story.title %>
+        </h1>
+
+        <!-- Meta Data (exact screenshot style) -->
+        <div class="text-sm text-gray-600 space-y-0.5 mb-6">
+          <p><strong>Story by:</strong>
+            <% author_credit = @story.story_idea&.author_credit || @story.created_by.full_name %>
+            <% if @story.created_by.facilitator&.profile_is_searchable %>
+              <%= link_to author_credit, facilitator_path(@story.created_by) %>
+            <% else %>
+              <%= author_credit %>
             <% end %>
+          </p>
+          <p><strong>Organization Name:</strong>
+            <%= link_to @story.decorate.organization_name,
+                        organization_path(@story.project),
+                        class: "hover:underline" %>
+          </p>
+          <% if @story.decorate.workshop_title.present? %>
+            <p><strong>Workshop:</strong>
+              <%= link_to @story.decorate.workshop_title, workshop_path(@story.workshop), class: "hover:underline" %>
+            </p>
+          <% end %>
+        </div>
 
-            <!-- Gallery Images -->
-            <% if @story.gallery_images.any? { |img| img.persisted? && img.file.attached? } %>
-              <div class="story-gallery single-story-detail text-center mb-4">
-                <div class="flex flex-wrap justify-center gap-4 mx-auto max-w-3xl">
-                  <% @story.gallery_images.each_with_index do |gallery_image, idx| %>
-                    <% if gallery_image.file&.attached? %>
-                      <%= image_tag url_for(gallery_image.file),
-                                    alt: "Gallery Image #{idx + 1}",
-                                    data: { file_preview_target: "preview" },
-                                    class: "w-32 h-32 object-cover border border-gray-300 shadow-sm" %>
-                    <% end %>
+        <div class="images">
+          <!-- Hero Image -->
+          <% if @story.main_image&.file&.attached? %>
+            <div class="mb-8">
+              <%= image_tag @story.main_image.file,
+                            class: "w-full rounded-lg shadow-sm border border-gray-200",
+                            alt: @story.title %>
+            </div>
+          <% end %>
+
+          <!-- Gallery Images -->
+          <% if @story.gallery_images.any? { |img| img.persisted? && img.file.attached? } %>
+            <div class="story-gallery single-story-detail text-center mb-4">
+              <div class="flex flex-wrap justify-center gap-4 mx-auto max-w-3xl">
+                <% @story.gallery_images.each_with_index do |gallery_image, idx| %>
+                  <% if gallery_image.file&.attached? %>
+                    <%= image_tag url_for(gallery_image.file),
+                                  alt: "Gallery Image #{idx + 1}",
+                                  data: { file_preview_target: "preview" },
+                                  class: "w-32 h-32 object-cover border border-gray-300 shadow-sm" %>
                   <% end %>
-                </div>
+                <% end %>
               </div>
-            <% end %>
-          </div>
-
-          <!-- Story Body Text -->
-          <div class="prose prose-lg max-w-none text-gray-700 mb-10">
-            <%= simple_format(@story.body) %>
-          </div>
-
-          <!-- Share Section -->
-          <h3 class="font-semibold text-lg mb-3">Share this Story:</h3>
-
-          <div class="flex space-x-4 mb-6">
-
-            <!-- Facebook -->
-            <%= link_to "https://www.facebook.com/sharer/sharer.php?u=#{story_url}",
-                        target: "_blank", rel: "noopener",
-                        class: "text-blue-600 hover:text-blue-800" do %>
-              <i class="fab fa-facebook-square fa-lg"></i>
-            <% end %>
+            </div>
+          <% end %>
+        </div>
 
-            <!-- X / Twitter -->
-            <%= link_to "https://twitter.com/intent/tweet?url=#{story_url}&text=#{story_title}",
-                        target: "_blank", rel: "noopener",
-                        class: "text-sky-500 hover:text-sky-700" do %>
-              <i class="fab fa-x-twitter fa-lg"></i>
-            <% end %>
+        <!-- Story Body Text -->
+        <div class="prose prose-lg max-w-none text-gray-700 mb-10">
+          <%= simple_format(@story.body) %>
+        </div>
 
-            <!-- LinkedIn -->
-            <%= link_to "https://www.linkedin.com/sharing/share-offsite/?url=#{story_url}",
-                        target: "_blank", rel: "noopener",
-                        class: "text-blue-700 hover:text-blue-900" do %>
-              <i class="fab fa-linkedin fa-lg"></i>
-            <% end %>
+        <!-- Share Section -->
+        <h3 class="font-semibold text-lg mb-3">Share this Story:</h3>
+
+        <div class="flex space-x-4 mb-6">
+
+          <!-- Facebook -->
+          <%= link_to "https://www.facebook.com/sharer/sharer.php?u=#{story_url}",
+                      target: "_blank", rel: "noopener",
+                      class: "text-blue-600 hover:text-blue-800" do %>
+            <i class="fab fa-facebook-square fa-lg"></i>
+          <% end %>
+
+          <!-- X / Twitter -->
+          <%= link_to "https://twitter.com/intent/tweet?url=#{story_url}&text=#{story_title}",
+                      target: "_blank", rel: "noopener",
+                      class: "text-sky-500 hover:text-sky-700" do %>
+            <i class="fab fa-x-twitter fa-lg"></i>
+          <% end %>
+
+          <!-- LinkedIn -->
+          <%= link_to "https://www.linkedin.com/sharing/share-offsite/?url=#{story_url}",
+                      target: "_blank", rel: "noopener",
+                      class: "text-blue-700 hover:text-blue-900" do %>
+            <i class="fab fa-linkedin fa-lg"></i>
+          <% end %>
+
+          <!-- Pinterest -->
+          <%= link_to "https://pinterest.com/pin/create/button/?url=#{story_url}&description=#{story_title}",
+                      target: "_blank", rel: "noopener",
+                      class: "text-red-600 hover:text-red-800" do %>
+            <i class="fab fa-pinterest-square fa-lg"></i>
+          <% end %>
 
-            <!-- Pinterest -->
-            <%= link_to "https://pinterest.com/pin/create/button/?url=#{story_url}&description=#{story_title}",
-                        target: "_blank", rel: "noopener",
-                        class: "text-red-600 hover:text-red-800" do %>
-              <i class="fab fa-pinterest-square fa-lg"></i>
-            <% end %>
+        </div>
 
-          </div>
-
-          <!-- Footer Copy (matches screenshot) -->
-          <div class="text-sm text-gray-500 leading-relaxed border-t border-gray-300 pt-6">
-            <strong>A Window Between Worlds (AWBW)</strong>
-            supports hundreds of art workshop facilitators across the country to
-            incorporate creative expression into their work with trauma survivors.
-            These Windows Facilitators serve over 140,000 adults, teens, and children each year.
-            Through these stories, we invite you to explore and share their journeys
-            toward transformation and healing.
-          </div>
+        <div class="text-sm text-gray-500 leading-relaxed border-t border-gray-300 pt-6">
+          <strong>A Window Between Worlds (AWBW)</strong>
+          supports hundreds of art workshop facilitators across the country to
+          incorporate creative expression into their work with trauma survivors.
+          These Windows Facilitators serve over 140,000 adults, teens, and children each year.
+          Through these stories, we invite you to explore and share their journeys
+          toward transformation and healing.
         </div>
       </div>
     </div>
diff --git a/app/views/story_ideas/show.html.erb b/app/views/story_ideas/show.html.erb
index 3d6bebe68..03ebf364c 100644
--- a/app/views/story_ideas/show.html.erb
+++ b/app/views/story_ideas/show.html.erb
@@ -16,7 +16,7 @@
     </p>
     <p>
       <strong>Workshop:</strong>
-      <%= @story_idea.workshop.title %>
+      <%= @story_idea.workshop&.title || @story_idea.external_workshop_title %>
     </p>
   </div>
 
diff --git a/app/views/workshops/_show_associations.html.erb b/app/views/workshops/_show_associations.html.erb
index a72f9da6a..904712e78 100644
--- a/app/views/workshops/_show_associations.html.erb
+++ b/app/views/workshops/_show_associations.html.erb
@@ -73,7 +73,7 @@
           <div class="flex flex-col items-center space-y-2 max-w-[120px] mb-3">
             <%= link_to resource_path(spotlight), class: "flex flex-col items-center text-center" do %>
               <img
-                src="<%= spotlight.main_image_url %>"
+                src="<%= spotlight.decorate.main_image_url %>"
                 alt="<%= spotlight.title.truncate(25) %>"
                 class="block w-10 h-10 rounded-md object-cover"
                 onerror="this.onerror=null;this.src='<%= asset_path('missing.png') %>';