<!DOCTYPE html>

<html>

	<head>
		    <title>
				
					Welcome to Esoteric Renaissance! - Esoteric Renaissance
					
		    </title>
		<link rel="stylesheet" href="asset/css/main.css" />
		<link rel="icon" type="image/x-icon" href="asset/favicon.ico" />
		
		<link rel="image_src" href="asset/forever.png" />
		<link href="atom.xml" rel="alternate" title="Esoteric Renaissance" type="application/atom+xml">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta property="og:type" content="website" />
		<meta property="og:image" content="asset/forever.jpg" />
   		<meta name="fediverse:creator" content="@kirasha@dice.camp" />
	</head>

	<body>
		<div class="container">

			<div  class="topleft"></div>

			<header class="topcenter">
				<h1>Esoteric Renaissance</h1>
				<h2 class="tagline">...experiments in thought and art</h2>
			</header>

			<div class="topright"></div>

			<div class="lefttop"></div>
			<div class="left"></div>
			<div class="leftbottom"></div>

			<main class="center">                 <section class="primary">
                    
                    <h2 class="post-title">Welcome to Esoteric Renaissance!</h2>
                    
                    <p>This is my own little home on the web. Here you will find my blog, personal journalings, photography, writing, fandom creations, and various other creative endeavors. Subjects and discussions here range from spiritual to squeeage, writing to art, social networking to fandom, fantasy to technology, each making up just a tiny fragment of the goings on in my head. Please make yourself at home and enjoy your visit.</p>
<hr />
<h2><a id="what-s-new" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>What's new?</h2>
<h3><a id="31-may-2026" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>31 May 2026</h3>
<p>I've been doing a deep dive into what they call the &quot;Web Revival&quot; and my old (circa 1996 - 2008) site designs. I feel that a major redesign may be coming so. But, in the meantime, I've been finishing up the base code and the MWeb Pro file set up that will let me maintain this site more easily for the long term. You may see small things pop up here and there as I rediscover the things I loved and still enjoy. And the blog section should be updated more regularly now, even as I work still to organize and decide what older posts will continue to be archived here.</p>
<h2><a id="current" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>Current...</h2>
<p><strong>Music:</strong> <a href="https://youtube.com/playlist?list=OLAK5uy_mDrtt4e99TOZIc-IobgjxOvYqGTR-X9Ew">Baldur's Gate 3 OST</a><br />
<strong>Book:</strong> <em><a href="https://bookshop.org/p/books/black-as-diamond-u-m-agoawike/34b7fd96680d0819">Black as Diamond</a></em> by U. M. Agoawike<br />
<strong>Obsession:</strong> <a href="https://baldursgate3.game">Baldur's Gate 3</a></p>

                    
                </section> 				<aside class="sidebar">

				<img src="asset/profile.png" alt="Computer-generated game image of a pale elf with long black hair ending in hot pink ends wearing a black sweater" class="profile" />
				<a href="https://www.imood.com/users/kirasha" class="side">Mood: <img src="https://moods.imood.com/display/uname-kirasha/fg-222222/trans-1/imood.gif" alt="The current mood of kirasha at www.imood.com" border="0" class="imood"></a>
				<a href="https://dice.camp/@kirasha" title="Follow me on Mastodon!"><img src="asset/mastodon.svg" alt="Mastodon Logo" class="social" /></a>

				<p class="button er"><a href="index.html" title="Return to Main Page">Home</a></p>
				<p class="button er"><a href="about.html" title="About the Author">About</a></p>
				<p class="button blog"><a href="blog/index.html" title="Latest Blog Entries">Blog</a></p>
				<p class="button gaming"><a href="gaming/index.html" title="Articles on Gaming">Gaming</a></p>
				<p class="button sl"><a href="sl/index.html" title="Latest Blog Entries">Second Life</a></p>
				<p class="button er"><a href="links.html" title="Links to My Favorite Places">Links</a></p>

				<a target="blank" style="text-decoration:none;" href="https://moonphase.guide/">
					<img src="https://moonphase.guide/module/MeEFGdlpjbStRaGk3YjVwUFJZRGg1WVFhLzI1d3FlVVFSTUpubEpmQlU0WjhoMjY3Z1IrUWVCU2lLa3o2NjNVQ3lSMnBoUTlmakRsbCtWNzVtaWovT1E9PQ.png" />
 				</a>

				<a href="https://humanstxt.org" title="Humans.txt: We are people, not machines" class="side"><img src="asset/humanstxt-isolated-blank.gif" alt="Humans.txt Logo" /></a>

			</aside>

			</main>

            <div class="righttop"></div>
            <div class="right"></div>
            <div class="rightbottom"></div>

            <div class="bottomleft"></div>

            <footer class="bottomcenter">
                <p class="disclaimer">&copy; Esoteric-Renaissance.com All rights reserved. | <a href="updates.html" title="Site Update Log">Site Updates</a> | <a href="policies.html" title="Site Policies and Terms">Site Policies</a> | <a href="humans.txt" title="Humans.txt">humans.txt</a></p>
            </footer>

			<div class="bottomright"></div>

		</div>

<style>.mweb-charts{background:#fff;}
body{ box-sizing: border-box;
    margin: 0 auto;}
@media print{
    pre, code, pre code {
     overflow: visible !important;
     white-space: pre-wrap !important;       /* css-3 */
     white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
     white-space: -pre-wrap !important;      /* Opera 4-6 */
     white-space: -o-pre-wrap !important;    /* Opera 7 */
     word-wrap: break-word !important;       /* Internet Explorer 5.5+ */
    }
    html,body{margin:0;padding:4px;}
    .mweb-yaml{display:none;}
}



div.code-toolbar {
  position: relative;
}

div.code-toolbar > .toolbar {
  position: absolute;
  z-index: 10;
  top: .3em;
  right: .2em;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

div.code-toolbar:hover > .toolbar {
  opacity: 1;
}

/* Separate line b/c rules are thrown out if selector is invalid.
   IE11 and old Edge versions don't support :focus-within. */
div.code-toolbar:focus-within > .toolbar {
  opacity: 1;
}

div.code-toolbar > .toolbar > .toolbar-item {
  display: inline-block;
}

div.code-toolbar > .toolbar > .toolbar-item > a {
  cursor: pointer;
}

div.code-toolbar > .toolbar > .toolbar-item > button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none; /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}

div.code-toolbar > .toolbar > .toolbar-item > a,
div.code-toolbar > .toolbar > .toolbar-item > button,
div.code-toolbar > .toolbar > .toolbar-item > span {
  color: inherit;
  font-size: .8em;
  padding: 4px .5em;
  background: #f5f2f0;
  background: rgba(224, 224, 224, 0.4);
  box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
  border-radius: .5em;
}

div.code-toolbar > .toolbar > .toolbar-item > a:hover,
div.code-toolbar > .toolbar > .toolbar-item > a:focus,
div.code-toolbar > .toolbar > .toolbar-item > button:hover,
div.code-toolbar > .toolbar > .toolbar-item > button:focus,
div.code-toolbar > .toolbar > .toolbar-item > span:hover,
div.code-toolbar > .toolbar > .toolbar-item > span:focus {
  color: inherit;
  text-decoration: none;
}
</style>



	</body>

</html>