kissingcomputer/app/views/welcome/index.html.erb

<section class="latestpost">
<h3>Latest Post....</h3>
<% if @latest_post %>
  <h2><%= @latest_post.post_title %></h2> <%=@latest_post.created_at %>
  <p><%= truncate(@latest_post.text.to_plain_text, length: 200) %></p>
  <p>By: <%= @latest_post.blog.member.name %> | Blog: <%= @latest_post.blog.title %></p>
  <%= link_to 'Read More', member_blog_post_path(@latest_post.blog.member, @latest_post.blog, @latest_post) %>
<% else %>
  <p>No posts yet.</p>
<% end %>
</section>

<section class="aboutus">
<h3>Welcome...</h3>
<img src="/button.png" alt="a 88x31 site button, with a radial pink and green gradient. in the middle, there is a graphic of a computer with kiss marks."><br>
Hi! I'm Agnes (Agnes the Alien!). I'm a freakdyke alien in its mid 20s trying to create a little home on the web. Here, you will find fandom thoughts and events, personal thoughts and life goings-on, my writing and creativity, and just about anything. This website is an eternal work in progress :) Feel free to look around!<br><br><marquee class="MyMarquee" id="my_marquee" direction="left" behavior="1" scrollamount="4"><a href="http://culqued.wings.nu/">NPC - The Negative Spirit</a> // <a href="http://culqued.wings.nu/"><font color="#FF0000">r</font><font color="#FF8000">a</font><font color="#FFFF00">i</font><font color="#008000">n</font><font color="#0000FF">b</font><font color="#8000FF">o</font><font color="#800080">w</font></a> &#x1F308; <font color="#03fc35">green</font> & <font color="#b5046b">pink</font> // <a href="https://lockheart.love/collections/culques">Cutie Connection</a> <img src="https://file.garden/aJzQmzrHVB4BLKwu/paw-green.png">Binturong // 🛸  If I was in <a href="https://alien.hospital/clique">Doom Patrol</a>, I'd be a Negative Spirit. 🛸 // <img src="https://file.garden/ZRcocrUQNGkxIJor/ao3e.png"> Additional <a href="https://alien.hospital/clique">Tags:</a> Vivisection //  <a href="https://gg8473.com/?page=cliques">Evil Yuri</a> ★ Age Gap</marquee>
<iframe width="314" height="321" scrollng="no" src="https://gifypet.neocities.org/pet/pet.html?name=tns&dob=1755757193&gender=undefined&element=Air&pet=https%3A%2F%2Ffile.garden%2FaJzQmzrHVB4BLKwu%2Fimage1%2520-%2520Copy.png&map=https%3A%2F%2Ffile.garden%2FaJzQmzrHVB4BLKwu%2Fpink40esg.jpg&background=https%3A%2F%2Ffile.garden%2FaJzQmzrHVB4BLKwu%2Fpinkhrtsbg.gif&tablecolor=black&textcolor=black" frameborder="0"></iframe>
<center>PICLOG!!</center> <br><a href="https://piclog.blue/profile.php?id=924"><img src="https://piclog.blue/latest.php?id=924"></a>
</section><section class="etc"><center>
<div id="minty"><div id="minty-username"></div><div id="minty-content"></div></div><script src="https://minty.anteater.monster/current-status.js?name=alien" defer></script><div id='yume-ring'>
<script type="text/javascript" src="https://yume-ring.neocities.org/onionring-variables.js"></script>
<script type="text/javascript" src="https://yume-ring.neocities.org/onionring-widget2.js"></script>
</div>
           
<div id='fandomring'>
<script type="text/javascript" src="https://fandomr.ing/onionring/onionring-variables.js"></script>
<script type="text/javascript" src="https://fandomr.ing/onionring/onionring-widget.js"></script>

</div>


<div class="boxmisc"><h3>FUN!</h3>
<iframe src="https://petrapixel.neocities.org/widgets/lastfm?center=0&marquee=0&font-family=MS Gothic&font-weight:900&font-size=16px&color=#000&username=keegbovo&swapPositions=1&deulmiter=~&underulne=1" height="20px" frameborder="0" title="Last.Fm Status" id="ulnkjesus" style="color:#fff;"></iframe><iframe src="https://free.timeanddate.com/clock/ia8kdkgg/n77/fn6/fs16/fcf99/tc000/ftbi/bas2/bat1/bac0f9/pa8/tt0/tw1/th1/ta1/tb4" frameborder="0" width="210" height="66"></iframe><!-- © wdisseny --><div id="contain_moon" style="text-align:center;padding-top:5px;padding-bottom:5px;"><div style="font-weight:bold">The moon today</div><div style="margin-top:-7px;margin-bottom:-15px;padding:30px;filter:drop-shadow(0 0 30px hsl(220,100%,15%))"></div><div>.</div><div style="font-size:small">.</div></div><script>(function(){var d=new Date().getDate();var m=document.querySelectorAll("#contain_moon div");var a=new XMLHttpRequest();var url="https://www.icalendar37.net/lunar/api/?lang=en&month="+(new Date().getMonth()+1)+"&year="+(new Date().getFullYear())+"&size=100&lightColor=rgb(245,245,245)&shadeColor=rgb(17,17,17)&LDZ="+new Date(new Date().getFullYear(),new Date().getMonth(),1)/1000+"";m[1].style.height="100px";a.onreadystatechange=function(){if(a.readyState==4&&a.status==200){var b=JSON.parse(a.responseText);m[1].innerHTML=b.phase[d].svg;if(typeof moon_widget_loaded=="function")moon_widget_loaded(b);m[2].innerHTML=b.phase[d].npWidget;m[3].innerHTML="Next full moon<br>"+b.nextFullMoon}};a.open("GET",url,true);a.send()})()</script><script src="https://cdn.commoninja.com/sdk/latest/commonninja.js" defer></script>
<div class="commonninja_component pid-105395c7-5fec-4896-9d96-13ef43c07011"></div>
</center>
</section><section class="bottomindex"> 
<h2>Guestbook</h2>
<iframe style="border:1px #FFFFFF none" src="https://gayaliens420.atabook.org/" title="iFrame" width="100%" height="350" scrolling="yes" frameborder="no" allow=""></iframe>
</div></section>