crappy-reverie/_includes/custom-index-upper.html

{% comment %}
  Placeholder to allow defining custom things in the index page, in principle, you can add anything here.
{% endcomment %}

<div class="posts">
  <article class="post">
    <center><h1> <span style="color:red;">U</span><span style="color:aquamarine">u</span><span style="color:deepskyblue">U</span><span style="color:indianred">W</span><span style="color:palegreen">w</span><span style="color:plum">U</span><span style="color:slateblue">P</span><span style="color:gold">O</span><span style="color:crimson">d</span> </h1></center>
    <br>
    <center>
      <img type="image/avif" decoding="async" id="homepage-rand-img" src="/assets/images/index_rand/compressed_avif/com_26.avif" alt="Akira!" width="300"/>
    </center>
    <center><a style="color:darkmagenta;" href="/projects/">Projects</a> | <a style="color:firebrick;" href="/blog/">Blog</a> | <a style="color:maroon;" href="/p-p/">Source</a> | <a style="color:peru;" href="/about/">About</a></center>
    <center><h2>On <span style="color:thistle">Git{}</span></h2></center>
    <center><h4><a href="https://github.com/minoplhy" target="_blank"><i class="svg-others github"></i></a> <a href="https://owu.se/p-p/minoplhy" target="_blank"><i class="svg-others gitea"></i></a> <a href="https://framagit.org/meeillo" target="_blank"><i class="svg-others framagit"></i></a> <a href="https://codeberg.org/DoulpaGllo" target="_blank"><i class="svg-others codeberg"></i></a></h4></center>
  </article>
</div>

<script src="{{ site.baseurl }}/assets/js/kirby-img.js"></script>
<script>
  const imgArray = [
    '/assets/images/index_rand/compressed_avif/com_1.avif', 
    '/assets/images/index_rand/compressed_avif/com_2.avif', 
    '/assets/images/index_rand/compressed_avif/com_3.avif', 
    '/assets/images/index_rand/compressed_avif/com_4.avif', 
    '/assets/images/index_rand/compressed_avif/com_5.avif', 
    '/assets/images/index_rand/compressed_avif/com_6.avif', 
    '/assets/images/index_rand/compressed_avif/com_7.avif', 
    '/assets/images/index_rand/compressed_avif/com_8.avif', 
    '/assets/images/index_rand/compressed_avif/com_9.avif', 
    '/assets/images/index_rand/compressed_avif/com_10.avif', 
    '/assets/images/index_rand/compressed_avif/com_11.avif', 
    '/assets/images/index_rand/compressed_avif/com_12.avif', 
    '/assets/images/index_rand/compressed_avif/com_13.avif', 
    '/assets/images/index_rand/compressed_avif/com_14.avif', 
    '/assets/images/index_rand/compressed_avif/com_15.avif', 
    '/assets/images/index_rand/compressed_avif/com_16.avif', 
    '/assets/images/index_rand/compressed_avif/com_17.avif', 
    '/assets/images/index_rand/compressed_avif/com_18.avif', 
    '/assets/images/index_rand/compressed_avif/com_19.avif', 
    '/assets/images/index_rand/compressed_avif/com_20.avif', 
    '/assets/images/index_rand/compressed_avif/com_21.avif', 
    '/assets/images/index_rand/compressed_avif/com_22.avif', 
    '/assets/images/index_rand/compressed_avif/com_23.avif', 
    '/assets/images/index_rand/compressed_avif/com_24.avif', 
    '/assets/images/index_rand/compressed_avif/com_25.avif', 
    '/assets/images/index_rand/compressed_avif/com_26.avif',
    '/assets/images/index_rand/compressed_avif/com_27.avif',
    '/assets/images/index_rand/compressed_avif/com_28.avif',
    '/assets/images/index_rand/compressed_avif/com_29.avif',
    '/assets/images/index_rand/compressed_avif/com_30.avif',
    '/assets/images/index_rand/compressed_avif/com_31.avif',
    '/assets/images/index_rand/compressed_avif/com_32.avif',
    '/assets/images/index_rand/compressed_avif/com_33.avif',
    '/assets/images/index_rand/compressed_avif/com_34.avif',
    '/assets/images/index_rand/compressed_avif/com_35.avif'
  ];
  document.onload = randomImageBroker('homepage-rand-img', imgArray);
</script>