<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="228016" data-post-id="228016">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="dojap" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  dojap
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Where is anything about making copies of images like phoenix-HEGEN2FR.png which esbuild is making after adding:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">watchers: [
    # Start the esbuild watcher by calling Esbuild.install_and_run(:default, args)
    esbuild:
      {Esbuild, :install_and_run,
       [
         :default,
         ~w(--sourcemap=inline --watch --loader:.jpg=file --loader:.png=file --loader:.gif=file --loader:.svg=file)
       ]}
  ]
</code></pre>
<p>Also, there is NOT A SINGLE MENTION about the <strong>background-image problem in CSS</strong> files in the docs you linked.</p>
<p>Please, try it on your own with the clean install of Pheonix 1.6. I mentioned all the steps to reproduce this issue a few comments above.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="228016" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/background-image-in-css-not-working-in-phoenix-1-6/42905/23">Post #22</a>
	                </div>
	            </div>
              <div id="likers-container-228016" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="228016"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #22"></div>
  </section>
</div>
    <div class="postbit" id="228017" data-post-id="228017">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="dojap" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  dojap
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hmm, I don’t understand it. Could you explain further how to solve it with my problem? Thank you.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="228017" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/background-image-in-css-not-working-in-phoenix-1-6/42905/24">Post #23</a>
	                </div>
	            </div>
              <div id="likers-container-228017" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="228017"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #23"></div>
  </section>
</div>
    <div class="postbit" id="228019" data-post-id="228019">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="kokolegorille" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/kokolegorille/120/4784_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  kokolegorille
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="dojap" data-post="23" data-topic="42905">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/d/958977/48.png" class="avatar"> dojap:</div>
<blockquote>
<p>there is NOT A SINGLE MENTION about the <strong>background-image problem in CSS</strong></p>
</blockquote>
</aside>
<p>The problem was obviously a path problem…<br>
You did not put the right path (relative to the css, as mentionned above by <a class="mention" href="/u/kip" rel="nofollow">@kip</a>)</p>
<p>And then, You did not use the appropriate loader.</p>
<p>Now You know how to do it properly.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="228019" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/background-image-in-css-not-working-in-phoenix-1-6/42905/25">Post #24</a>
	                </div>
	            </div>
              <div id="likers-container-228019" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="228019"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #24"></div>
  </section>
</div>
    <div class="postbit" id="228021" data-post-id="228021">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="dojap" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  dojap
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Again, my problems are that:</p>
<p>This “loader”, whatever it is (a program, method, whatever…) of esbuild creates another copy of my existing image <strong>phoenix.png</strong> that is already here: <code>/priv/static/images/phoenix.png</code>. /images is a place I want to have all images that are design related - and I suppose that is standard in webdev world.</p>
<p>The copy is being put here: <code>/priv/static/assets/phoenix-HEGEN2FR.png</code>.</p>
<p>The suffix is probably some mechanism to prevent duplicates or something, I don’t know esbuild at all.</p>
<p>But I don’t want to have what I have now, which is this:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">/priv
  /static
    /assets
      app.css
      app.js
      phoenix-HEGEN2FR.png   &lt;-- I DO NOT WANT THIS HERE
    /images
      phoenix.png
    favicon.ico
    robots.txt
</code></pre>
<p>I want to have:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">/priv
  /static
    /assets
      app.css
      app.js
    /images
      phoenix.png  &lt;-- I WANT ONLY THIS
    favicon.ico
    robots.txt
</code></pre>
<p>Any idea how to do this?</p>
<p>How to disable the creation of duplicit files by esbuild?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="228021" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/background-image-in-css-not-working-in-phoenix-1-6/42905/26">Post #25</a>
	                </div>
	            </div>
              <div id="likers-container-228021" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="228021"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #25"></div>
  </section>
</div>
    <div class="postbit" id="228043" data-post-id="228043">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="dojap" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  dojap
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I am completely stuck.</p>
<p>All I wanted was to show an image via background-image on my html element.</p>
<p>And I ended up debugging my app and trying to search through the esbuild go source code.</p>
<p>Please, could somebody try to install a vanilla fresh Phoenix 1.6 install and try to use background-image in the phoenix.css or app.css file (using e.g. the included Phoenix logo image in priv/static/images/phoeinx.png) <strong>without creating an additional duplicate image in priv/static/assets</strong> as I have described in more details in my previous post?</p>
<p>Thank you in advance.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="228043" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/background-image-in-css-not-working-in-phoenix-1-6/42905/27">Post #26</a>
	                </div>
	            </div>
              <div id="likers-container-228043" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="228043"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #26"></div>
  </section>
</div>
    <div class="postbit" id="228054" data-post-id="228054">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="experimentix" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  experimentix
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>i’ve created a fresh install in 1.6 on mac and i get the same problem</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">[watch] build started (change: "css/phoenix.css")
 &gt; css/phoenix.css:41:24: error: Could not resolve "../images/phoenix.png"
    41 │   background-image: url("../images/phoenix.png");
</code></pre>
<p>I’ve other project where i’m experimenting with talwind and alpine and it works<br>
maybe trying to add them to your project and remove after.<br>
Don’t know, i’m new to this.<br>
i’ve followed this <a href="https://pragmaticstudio.com/tutorials/adding-tailwind-css-to-phoenix" class="inline-onebox" rel="noopener nofollow ugc">Adding Tailwind CSS to Phoenix 1.6</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="228054" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/background-image-in-css-not-working-in-phoenix-1-6/42905/28">Post #27</a>
	                </div>
	            </div>
              <div id="likers-container-228054" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="228054"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #27"></div>
  </section>
</div>
    <div class="postbit" id="228056" data-post-id="228056">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="dojap" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  dojap
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="experimentix" data-post="28" data-topic="42905">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/e/dec6dc/48.png" class="avatar"> experimentix:</div>
<blockquote>
<p>talwind and alpine</p>
</blockquote>
</aside>
<p>Thanks, finally somebody who can reproduce this problem on his machine. I thought I was crazy.</p>
<p>Perhaps the devs who are more intimate with Phoenix development will notice this post and will be able to help.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="228056" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/background-image-in-css-not-working-in-phoenix-1-6/42905/29">Post #28</a>
	                </div>
	            </div>
              <div id="likers-container-228056" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="228056"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #28"></div>
  </section>
</div>
    <div class="postbit" id="228065" data-post-id="228065">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="APB9785" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/APB9785/120/24101_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  APB9785
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Creator of ECSx</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>When you are serving assets to a website, they should get bundled first - this will take the raw files and output them to a separate file/directory, where they are then delivered to the client efficiently.  This is what esbuild is for - it is a bundler.  You can control the output directory in <code>config.exs</code>:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">config :esbuild,
  version: "0.12.18",
  default: [
    args: ~w(js/app.js --bundle --target=es2016 --outdir=../priv/static/assets),
    cd: Path.expand("../assets", __DIR__),
    env: %{"NODE_PATH" =&gt; Path.expand("../deps", __DIR__)}
  ]
</code></pre>
<p>Notice <code>--outdir=../priv/static/assets</code></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="228065" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/background-image-in-css-not-working-in-phoenix-1-6/42905/30">Post #29</a>
	                </div>
	            </div>
              <div id="likers-container-228065" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="228065"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #29"></div>
  </section>
</div>
    <div class="postbit" id="228070" data-post-id="228070">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="dojap" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  dojap
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="APB9785" data-post="30" data-topic="42905">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/apb9785/48/24101_2.png" class="avatar"> APB9785:</div>
<blockquote>
<p>ssets to a website, they should get bundled first - this will take the raw files and output them to a separate file/directory, where they are th</p>
</blockquote>
</aside>
<p>I have already images in my static folder. Again, I don’t want to duplicate my images.</p>
<p>Now I have dupllicates (pheonix.png and phoenix-HEGEN2FR.png are duplicates of the same file):</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">/priv
  /static
    /assets
      app.css
      app.js
      phoenix-HEGEN2FR.png   &lt;-- I DO NOT WANT THIS HERE
    /images
      phoenix.png
    favicon.ico
    robots.txt
</code></pre>
<p>I want to have:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">/priv
  /static
    /assets
      app.css
      app.js
    /images
      phoenix.png  &lt;-- I WANT ONLY THIS
    favicon.ico
    robots.txt
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="228070" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/background-image-in-css-not-working-in-phoenix-1-6/42905/31">Post #30</a>
	                </div>
	            </div>
              <div id="likers-container-228070" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="228070"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #30"></div>
  </section>
</div>
    <div class="postbit" id="228075" data-post-id="228075">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="derek-zhou" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/derek-zhou/120/19943_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  derek-zhou
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="dojap" data-post="26" data-topic="42905">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/letter_avatar_proxy/v4/letter/d/958977/48.png" class="avatar"> dojap:</div>
<blockquote>
<p>This “loader”, whatever it is (a program, method, whatever…) of esbuild creates another copy of my existing image <strong>phoenix.png</strong> that is already here: <code>/priv/static/images/phoenix.png</code></p>
</blockquote>
</aside>
<p><code>/priv/static</code> is an output dir, not a source dir. likewise, it is in the <code>.gitignore</code> file. You images should live in <code>/assets/static/images/</code>, and something in your build pipeline should copy them into <code>/priv/static/images/</code></p>
<p>Your css should looks like <code>/assets/css/app.css</code>. So it should reference the images with relative dir like <code>../static/images/bluh.jpg</code></p>
<p>During the build process the images will be copied, the css will be built, and part of the building is to fix up the file reference to point to the final dir.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="228075" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/background-image-in-css-not-working-in-phoenix-1-6/42905/32">Post #31</a>
	                </div>
	            </div>
              <div id="likers-container-228075" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="228075"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #31"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/42905/load_more?page=4">Load more posts (13 remaining)</a>
</div></template></turbo-stream>