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

<section class="latestpost">
<h3>Latest....</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 %> | Category: <%= @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><br>I'm a <a href="http://deathbusters.org/romantic/" target="_blank">Hopeless Romantic</a><br>
<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><br>friends, mutuals, cool people... <br><a href="https://serpentinemalign.neocities.org/"><img src="https://file.garden/aJzQmzrHVB4BLKwu/smbutton.png"></a><a href="https://eunoia.sayitditto.net/"><img src="https://file.garden/aJzQmzrHVB4BLKwu/eunoia.png"></a><a href="https://linkyblog.neocities.org/"><img src="https://file.garden/aJzQmzrHVB4BLKwu/linkybanner.png"></a><a href="https://www.hellomei.dev/"><img src="https://file.garden/aJzQmzrHVB4BLKwu/hellomei.gif"></a><a href="https://maevedarcy.neocities.org/"><img src="https://hospital.alien.town/lib/exe/fetch.php?w=68&tok=84e143&media=https%3A%2F%2Ffile.garden%2FaJzQmzrHVB4BLKwu%2Fmaeve.png" width="88px"></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 id='DYKENET'>
<script type="text/javascript" src="https://testtubesterone.nekoweb.org/pages/dykenet/onionring-variables.js"></script>
<script type="text/javascript" src="https://testtubesterone.nekoweb.org/pages/dykenet/onionring-widget.js"></script>
</div>

<div id='amiga'>
<script type="text/javascript" src="https://nicois.gay/amiga/onionring-variables.js"></script>
<script type="text/javascript" src="https://nicois.gay/amiga/onionring-widget.js"></script>
</div>
    <div style="width: fit-content; border: 2px outset; text-align:center">
	<p style="margin: 0; padding: 0.1em; border: 2px inset">This site is a member of the Queer & Religious webring.</p>
	<div style="display: flex">
		<a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/queerandreligious/previous?via=https%3A%2F%2Fkissing.computer">Previous Site</a>
		<a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/queerandreligious/random?via=https%3A%2F%2Fkissing.computer">Random Site</a>
		<a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/queerandreligious/next?via=https%3A%2F%2Fkissing.computer">Next Site</a>
	</div>
</div>


<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>
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.20/index.global.min.js'></script><script src='cdn.jsdelivr.net'></script>

<div id="calendar"></div>

<div id="eventModal" class="modal">
  <div class="modal-content">
    <span id="closeModal" class="close">&times;</span>
    <h2 id="modalTitle"></h2>
    <p id="modalDate"></p>
    <p id="modalDescription"></p>
  </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth',
    events: [
      {
        title: 'Candy Hearts Due',
        start: '2026-02-07',
        description: 'https://candyheartsex.dreamwidth.org/'
      },
      {
        title: 'Seasons of Drabbles due',
        start: '2026-01-31',
        description: 'https://seasonsofdrabbles.dreamwidth.org'
      },
       {
        title: 'With Mama Flash Due',
        start: '2026-01-23',
        description: 'https://archiveofourown.org/collections/withmamaflash2026/profile'
      },
    ],
    eventClick: function(info) {
      info.jsEvent.preventDefault();
      document.getElementById('modalTitle').textContent = info.event.title;
      document.getElementById('modalDate').textContent = info.event.start.toLocaleString();
      document.getElementById('modalDescription').textContent = info.event.extendedProps.description || '';
      document.getElementById('eventModal').style.display = 'block';
    }
  });

  calendar.render();

  document.getElementById('closeModal').onclick = function() {
    document.getElementById('eventModal').style.display = 'none';
  };

  window.onclick = function(e) {
    if (e.target === document.getElementById('eventModal')) {
      document.getElementById('eventModal').style.display = 'none';
    }
  };
});
    </script>
</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>
</section><br>