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


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>You can also use the <code>wkhtmltopdf</code> program but then you’d likely have the same problem.</p>
<p>So either Docker or a small VPS which you can fully control.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="180512" 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/chromicpdf-pdf-generator/29473/22">Post #21</a>
	                </div>
	            </div>
              <div id="likers-container-180512" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="180512"
                     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 #21"></div>
  </section>
</div>
    <div class="postbit" id="180514" data-post-id="180514">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Yes, there was a service I looked at earlier in this journey when I was converting from a csv download using Panpipe, but I wasn’t building .html then.  But now that I am it’s good to be reminded that I should revisit that.  Easy to route a call to another api …<br>
In the meantime I’m watching a Docker tutorial <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="180514" 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/chromicpdf-pdf-generator/29473/23">Post #22</a>
	                </div>
	            </div>
              <div id="likers-container-180514" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="180514"
                     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="181003" data-post-id="181003">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="maltoe" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/maltoe/120/18436_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  maltoe
                      <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><a class="mention" href="/u/shotleybuilder" rel="nofollow">@shotleybuilder</a> Sorry for the late reply</p>
<p>I’d be very interested to hear if you could get ChromicPDF to work on a Windows host. It should theoretically be able to communicate with the remote debugging channel through pipes on Windows as well, but maybe the command line switches are different.</p>
<blockquote>
<p>a named env variable ‘chromium’</p>
</blockquote>
<p>Does you mean the binary is called <code>chromium</code>? Otherwise, <a href="https://github.com/bitcrowd/chromic_pdf/blob/47ad8493ecba8842942eb12a4c81cd7b808463b0/lib/chromic_pdf/pdf/chrome_impl.ex#L40-L45" rel="noopener nofollow ugc">here</a>’s the list of executable names ChromicPDF tries to launch Chrome with. If you need it to look for <code>chrome.exe</code>, you could try to checkout the library locally, configure it as local dependency <code>{:chromic_pdf, path: "..."}</code> in your project, and add <code>chrome.exe</code> to this list.</p>
<p>With regards to deployment: Yes, docker is definitely your best option. Then, you also don’t need to get it running on Windows anymore <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="181003" 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/chromicpdf-pdf-generator/29473/24">Post #23</a>
	                </div>
	            </div>
              <div id="likers-container-181003" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="181003"
                     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="189851" data-post-id="189851">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="onebox allowlistedgeneric" data-onebox-src="https://hex.pm/packages/pdf">
  <header class="source">
      <img src="https://hex.pm/images/hex-full-a8183c4f9adac71516516d107d402b18.svg?vsn=d" class="site-icon" alt="" width="136" height="120">

      <a href="https://hex.pm/packages/pdf" target="_blank" rel="noopener nofollow">Hex</a>
  </header>

  <article class="onebox-body">
    <img width="160" height="160" src="https://hex.pm/images/favicon-160-3770bc59f1f8ba7656b4db5a1eacd8e3.png?vsn=d" class="thumbnail onebox-avatar" alt="">

<h3><a href="https://hex.pm/packages/pdf" target="_blank" rel="noopener nofollow">pdf</a></h3>

  <p>Elixir API for generating PDF documents.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="189851" data-batch-url="/posts/batch_likers">
                        3
                      </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/chromicpdf-pdf-generator/29473/25">Post #24</a>
	                </div>
	            </div>
              <div id="likers-container-189851" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="189851"
                     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="207693" data-post-id="207693">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="maltoe" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/maltoe/120/18436_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  maltoe
                      <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>Just released version 1.0 <img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20"></p>
<p>See the <a href="https://hexdocs.pm/chromic_pdf/changelog.html#content" rel="noopener nofollow ugc">Changelog</a> for recent additions and changes.</p>
<p>Thanks to everyone who took interest into this little project of mine!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="207693" data-batch-url="/posts/batch_likers">
                        6
                      </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/chromicpdf-pdf-generator/29473/26">Post #25</a>
	                </div>
	            </div>
              <div id="likers-container-207693" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="207693"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-most-liked cat-most-liked" title="One of the top 3 liked posts in this thread!"></div>
  </section>
</div>
    <div class="postbit" id="207756" data-post-id="207756">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>This looks interesting.<br>
Right now I’m building PDFs using CSS3-paged-media and <a href="https://docraptor.com" rel="noopener nofollow ugc">https://docraptor.com</a>. ChromicPDF with <a href="https://www.pagedjs.org/" rel="noopener nofollow ugc">https://www.pagedjs.org/</a> could be an alternative.</p>
<p><a class="mention" href="/u/maltoe" rel="nofollow">@maltoe</a> there is a broken link in the readme: <a href="https://hexdocs.pm/chromic_pdf/examples/phoenix" rel="noopener nofollow ugc">https://hexdocs.pm/chromic_pdf/examples/phoenix</a></p>
<p>For anyone interested in generating high quality PDFs I highly recommend <a href="https://print-css.rocks/" rel="noopener nofollow ugc">https://print-css.rocks/</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="207756" 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/chromicpdf-pdf-generator/29473/27">Post #26</a>
	                </div>
	            </div>
              <div id="likers-container-207756" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="207756"
                     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="208287" data-post-id="208287">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="maltoe" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/maltoe/120/18436_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  maltoe
                      <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><a class="mention" href="/u/sebb" rel="nofollow">@Sebb</a> thanks for letting me know, fixed the link.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="208287" 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/chromicpdf-pdf-generator/29473/28">Post #27</a>
	                </div>
	            </div>
              <div id="likers-container-208287" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="208287"
                     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="233138" data-post-id="233138">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p><a class="mention" href="/u/maltoe" rel="nofollow">@maltoe</a> Thanks for this great package - makes pdf generation a lot easier!</p>
<p>Is there a way to link a stylesheet in the footer template?</p>
<p>Currently I’m</p>
<ul>
<li>rendering a footer template</li>
<li>converting it to a string with <code>HTML.safe_to_string()</code></li>
<li>adding it as a footer with <code>ChromicPDF.Template.source_and_options()</code></li>
<li>and generating a temporary file with <code>ChromicPDF.print_to_pdf()</code>, that is being downloaded in the <code>:output</code> callback</li>
</ul>
<p>I’m linking a stylesheet in the footer via an absolute path like this:<br>
<code>&lt;link rel="stylesheet" href="&lt;%= AppWeb.Endpoint.static_url() %&gt;&lt;%= Routes.static_path(@conn, "/assets/app.css") %&gt;"/&gt;</code><br>
This works well for the PDF content but when I link the stylesheet in the footer I get the following error:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">** (exit) an exception was raised:
    ** (RuntimeError) Timeout in Channel.run_protocol/3!

The underlying GenServer.call/3 exited with a timeout. This happens when the browser was
not able to complete the current operation (= PDF print job) within the configured
5000 milliseconds.

If you are printing large PDFs and expect long processing times, please consult the
documentation for the `timeout` option of the session pool.

If you are *not* printing large PDFs but your print jobs still time out, this is likely a
bug in ChromicPDF. Please open an issue on the issue tracker.
</code></pre>
<p>Any suggestions?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="233138" 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/chromicpdf-pdf-generator/29473/29">Post #28</a>
	                </div>
	            </div>
              <div id="likers-container-233138" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="233138"
                     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="233255" data-post-id="233255">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="maltoe" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/maltoe/120/18436_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  maltoe
                      <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>Hey <a class="mention" href="/u/timkonieczny" rel="nofollow">@timkonieczny</a></p>
<p>to be honest I’ve never tried loading an external stylesheet in the header or footer templates. We usually have some kind of <code>PDFView</code> helper module (like <code>Phoenix.View</code> but with added PDF-related functionality) which has functions to render the stylesheets inline into the markup. See the <code>examples/phoenix</code> directory for an example of how something like this <em>can</em> be done (though it can also be done totally differently <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"> )</p>
<p>I reproduced the behaviour you’ve seen and took a look into the protocol messages: it turns out the inspector is crashing when you give it external URLs in the footer/header templates (at least on Chrome 96) - so I guess the answer to your question is: “No, it doesn’t work.”</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">%{"method" =&gt; "Inspector.targetCrashed", "params" =&gt; %{}, "sessionId" =&gt; "8041679B6EF313C3F4346A7C239D4F91"}
</code></pre>
<p>I’ll add a note about this to the docs, and perhaps extend the error message of this exception a bit to include the last message received or so. Thanks for letting me know.</p>
<p>Best,<br>
malte</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="233255" 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/chromicpdf-pdf-generator/29473/30">Post #29</a>
	                </div>
	            </div>
              <div id="likers-container-233255" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="233255"
                     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="233257" data-post-id="233257">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="maltoe" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/maltoe/120/18436_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  maltoe
                      <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><code>img</code> tags don’t crash, by the way, but simply remain unloaded. So my best guess is that the header/footer renderers don’t have network connectivity at all, plus for some reason the <code>link</code> tag makes the inspect explode. <img src="https://forum.elixirforum.com/images/emoji/apple/man_shrugging.png?v=15" title=":man_shrugging:" class="emoji" alt=":man_shrugging:" loading="lazy" width="20" height="20"> Chrome is weird.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="233257" 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/chromicpdf-pdf-generator/29473/31">Post #30</a>
	                </div>
	            </div>
              <div id="likers-container-233257" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="233257"
                     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>
</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/29473/load_more?page=4">Load more posts</a>
</div></template></turbo-stream>