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


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="axelson" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/axelson/120/26351_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  axelson
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Scenic Core Team</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>ElixirConf 2017 included a talk about building a UI “natively” in Elixir that is quite exciting to me! (It uses a port to talk to OpenGL via a small C wrapper). I’m looking forward to the code being released so I can play around with it.</p>
<p>Here’s the link to the forum post discussing the talk that <a class="mention" href="/u/boydm" rel="nofollow">@boydm</a> gave at ElixirConf:</p><aside class="quote quote-modified" data-post="1" data-topic="8653">
  <div class="title">
    <div class="quote-controls"></div>
    <img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/axelson/48/26351_2.png" class="avatar">
    <div class="quote-title__text-content">
      <a href="https://forum.elixirforum.com/t/3-elixirconf-2017-elixir-native-ui-boyd-multerer/8653" rel="nofollow">3) ElixirConf 2017 - Elixir Native UI - Boyd Multerer</a> <a class="badge-category__wrapper " href="/c/learning-resources/talks/58" rel="nofollow"><span data-category-id="58" style="--category-badge-color: #3AB54A; --category-badge-text-color: #FFFFFF; --parent-category-badge-color: #3AB54A;" data-parent-category-id="8" data-drop-close="true" class="badge-category --style-square --has-parent" title="Elixir Talks Section"><span class="badge-category__name">Talks</span></span></a>
    </div>
  </div>
  <blockquote>
    Okay, posting this day’s talk by <a class="mention" href="/u/boydm" rel="nofollow">@boydm</a>: 
ElixirConf 2017 - Elixir Native UI - Boyd Multerer 
<a href="https://www.youtube.com/watch?v=77FW-jrCyCs&amp;index=3&amp;list=PLqj39LCvnOWZMVugtyKlHMF1o2zPNntFL" class="onebox" target="_blank" rel="noopener nofollow">https://www.youtube.com/watch?v=77FW-jrCyCs&amp;index=3&amp;list=PLqj39LCvnOWZMVugtyKlHMF1o2zPNntFL</a> 

I will be showing and discussing an Elixir-Native UI package that only depends on OpenGL (through glut). No browser, no wxWidgets, just Erlang, Elixir and OpenGL… Intended for embedded applications, but with possibilities for use beyond. 


The framework supports multiple scenes, animations, input, forms, fonts…
  </blockquote>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="51757" data-batch-url="/posts/batch_likers">
                        4
                      </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/gui-programming-in-elixir/304/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-51757" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="51757"
                     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 #11"></div>
  </section>
</div>
    <div class="postbit" id="54526" data-post-id="54526">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I write mostly GUI business apps, and also need a lot of reporting.  The Little Elixir &amp; OTP Guidebook states in the intro that Elixir that Elixir &amp; GUI don’t mix, but several presentations at the Elixir Conf, including the Toyota Way seems to indicate that large companies have embraced Elixir for business apps.  Am I barking up the wrong tree here?<br>
A corollary question is whether any of you are using reporting tools, and whether you are writing your ORM in Ecto, if I understand that correctly, or in stored procedures.  It seems to me that in order for a reporting tool to interact with the data it would have to be outside of Ecto.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="54526" 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/gui-programming-in-elixir/304/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-54526" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="54526"
                     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 #12"></div>
  </section>
</div>
    <div class="postbit" id="54548" data-post-id="54548">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="mchean" data-post="13" data-topic="304">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mchean/48/6820_2.png" class="avatar"> mchean:</div>
<blockquote>
<p>I write mostly GUI business apps, and also need a lot of reporting.  The Little Elixir &amp; OTP Guidebook states in the intro that Elixir that Elixir &amp; GUI don’t mix, but several presentations at the Elixir Conf, including the Toyota Way seems to indicate that large companies have embraced Elixir for business apps.  Am I barking up the wrong tree here?</p>
</blockquote>
</aside>
<p>There’s a kind of chicken and egg problem here. IMHO, the BEAM would be a pretty awesome GUI app environment, but it doesn’t have a robust interface to the client windowing API. There is the wx interface, but the problem with putting any GUI library in as a NIF is that it can crash the BEAM.</p>
<p>One way around this is to use the browser and javascript as your GUI interface.</p>
<p>Creating a Port interface to OpenGL is also pretty intriguing. However, I think for Native UI Desktop Apps, Elixir is going to be an uphill battle. There will likely be places where this battle is worthwhile, but I think for most applications the time to delivery penalty will be too great until more of the spadework in library interfaces is available.</p>
<p>What might make more sense is to drive an Elixir app via a GUI wrapper if your underlying problem maps well to what the BEAM does well. (i.e. if your basic problem is “embarrassingly parallel” and I/O limited ) What would scream “Elixir Desktop App” to me is a problem that using the increasing number of cores available on high end desktops would help.</p>
<p>While Elixir will never likely be the fastest on 1 or two cores, once you’ve solved your problem in Elixir it becomes much easier to throw 24 or (128) cores at it and see reasonable speed ups. Right now those kinds of machines are mostly servers, but that level of concurrency will eventually make it’s way into desktop computing.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="54548" 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/gui-programming-in-elixir/304/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-54548" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="54548"
                     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 #13"></div>
  </section>
</div>
    <div class="postbit" id="55390" data-post-id="55390">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>So maybe just presenting the browser as a GUI interface would be the best solution?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="55390" 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/gui-programming-in-elixir/304/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-55390" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="55390"
                     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 #14"></div>
  </section>
</div>
    <div class="postbit" id="75777" data-post-id="75777">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Here’s Joe Armstrong’s research on GUI options for Erlang: <a href="http://erlang.org/pipermail/erlang-questions/2017-July/092949.html" class="inline-onebox" rel="nofollow">[erlang-questions] My quest for a decent way to make a GUI in erlang</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="75777" data-batch-url="/posts/batch_likers">
                        5
                      </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/gui-programming-in-elixir/304/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-75777" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="75777"
                     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 #15"></div>
  </section>
</div>
    <div class="postbit" id="88477" data-post-id="88477">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="bbense" data-post="14" data-topic="304">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bbense/48/1074_2.png" class="avatar"> bbense:</div>
<blockquote>
<p>IMHO, the BEAM would be a pretty awesome GUI app environment</p>
</blockquote>
</aside>
<p>I agree. People are going crazy over component oriented architecture now. Isolating and orchestrating state is selling like hot cakes.</p>
<p>Elixir is designed for this, no? This kind of reactive design.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="88477" data-batch-url="/posts/batch_likers">
                        2
                      </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/gui-programming-in-elixir/304/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-88477" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="88477"
                     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 #16"></div>
  </section>
</div>
    <div class="postbit" id="88479" data-post-id="88479">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="AstonJ" data-post="2" data-topic="304">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/astonj/48/15_2.png" class="avatar"> AstonJ:</div>
<blockquote>
<p>If so I would look at <a href="http://electron.atom.io" rel="noopener nofollow ugc">http://electron.atom.io </a> for the GUI and then use Elixir on the back end/server. (<a class="mention" href="/u/kofno" rel="nofollow">@kofno</a> has some experience with Electron. Hopefully he’ll spot this and add some thoughts.)</p>
</blockquote>
</aside>
<p>I wonder if using <a href="https://elixirscript.github.io/" rel="noopener nofollow ugc">ElixirScript</a> and compiling to electron would be a possibility <img src="https://forum.elixirforum.com/images/emoji/apple/thinking.png?v=15" title=":thinking:" class="emoji" alt=":thinking:" 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="88479" data-batch-url="/posts/batch_likers">
                        2
                      </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/gui-programming-in-elixir/304/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-88479" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="88479"
                     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 #17"></div>
  </section>
</div>
    <div class="postbit" id="107172" data-post-id="107172">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Kind of late to the party here, but for anyone still interested in this, I’m currently building a phoenix app that I plan to distribute on desktops using <a href="https://github.com/zserge/webview" rel="noopener nofollow ugc">webview</a>, seems to be the most simple and straightforward approach.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="107172" data-batch-url="/posts/batch_likers">
                        5
                      </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/gui-programming-in-elixir/304/19">Post #18</a>
	                </div>
	            </div>
              <div id="likers-container-107172" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="107172"
                     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 #18"></div>
  </section>
</div>
    <div class="postbit" id="107190" data-post-id="107190">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="Gee5ive" data-post="19" data-topic="304">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/gee5ive/48/17292_2.png" class="avatar"> Gee5ive:</div>
<blockquote>
<p>Kind of late to the party here, but for anyone still interested in this, I’m currently building a phoenix app that I plan to distribute on desktops using <a href="https://github.com/zserge/webview" rel="noopener nofollow ugc">webview </a>, seems to be the most simple and straightforward approach.</p>
</blockquote>
</aside>
<p>please do keep us posted, sounds awesome - dream scenario would be an app that you could build for desktop and/or for the nerves kiosk <a href="https://github.com/LeToteTeam/kiosk_system_rpi3" class="inline-onebox" rel="noopener nofollow ugc">GitHub - nerves-web-kiosk/kiosk_system_rpi3: Nerves QtWebEngine Kiosk system for Raspberry Pi 3 · GitHub</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="107190" 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/gui-programming-in-elixir/304/20">Post #19</a>
	                </div>
	            </div>
              <div id="likers-container-107190" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="107190"
                     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 #19"></div>
  </section>
</div>
    <div class="postbit" id="192640" data-post-id="192640">
  <section>
    <div class="post-wrap">


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

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="Gee5ive" data-post="19" data-topic="304" data-full="true">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/gee5ive/48/17292_2.png" class="avatar"> Gee5ive:</div>
<blockquote>
<p>Kind of late to the party here, but for anyone still interested in this, I’m currently building a phoenix app that I plan to distribute on desktops using <a href="https://github.com/zserge/webview" rel="nofollow">webview </a>, seems to be the most simple and straightforward approach.</p>
</blockquote>
</aside>
<p>Did you manage to get something working with webview? Sounds like an interesting option compared to electron.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="192640" data-batch-url="/posts/batch_likers">
                        2
                      </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/gui-programming-in-elixir/304/21">Post #20</a>
	                </div>
	            </div>
              <div id="likers-container-192640" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="192640"
                     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 #20"></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/304/load_more?page=3">Load more posts (1 remaining)</a>
</div></template></turbo-stream>