<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    
    

    <title>popup - Ayakael</title>

    <!-- cargo-culted from https://realfavicongenerator.net/ -->
    <!-- for the record: it is absolutely ridiculous that new browsers
    *and* operating systems each want their own little precious
    snowflake just for a frigging icon -->
    <link rel="apple-touch-icon" sizes="180x180" href="../../apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../../favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../../favicon-16x16.png">
    <link rel="manifest" href="../../site.webmanifest">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <!-- ikiwiki CSS -->
    <link href="../../style.css" rel="stylesheet" />

    <!-- Bootstrap core CSS -->
    <!-- those checksums can be verified with: shasum -b -a 384 $file | xxd -r -p | base64 -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />

    <!-- Custom styles for this template -->
    <link href="../../bootstrap.local.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Custom styles for derivatives -->
    
    <link rel="stylesheet" href="../../local.css" type="text/css" />
    

    
      
      
      
      
      
    
  </head>
  <body>

    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="../../">
            <img alt="Ayakael" src="../../favicon.png" width="48" height="48" />
          </a>
        </div>

        <div id="navbar" class="collapse navbar-collapse">

          

            
            <!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->

<ul class="nav navbar-nav navbar-right">
<li><a href="../../index.en.html">Home</a></li>
<li><a href="https://ayakael.net/forge/">Forge</a></li>
<li><a href="../../contact/index.en.html">Contact</a></li>
</ul>

            
          <ul class="nav navbar-nav">
            



          </ul>
        </div>

      </div>
    </nav>

    <div class="container" id="content">

            <p>Use this template to create a popup window that is displayed when the mouse
is over part of the page. This template has two parameters:</p>

<ul>
<li>`mouseover` - This is the text or other content that triggers the
popup.
<li>`popup` - This should be the content of the popup window. It can be
anything, even images or a whole little wiki page, but should not be too
large for good usability.
</ul>

<p>Note that browsers that do not support the CSS will display the popup
inline in the page, inside square brackets.</p>


            

            

            
            <!-- legacy Ikiwiki comments.pm section -->
            

            <!-- Mastodon comments -->


            <div class="pagedate text-muted">
            <span class="created">Created <time datetime="2024-08-26T01:26:16Z" class="dt-published">Mon Aug 26 01:26:16 2024</time>.</span>
            <span class="edited">
            
            Edited <time datetime="2024-08-26T01:26:16Z">Mon Aug 26 01:26:16 2024</time>.
            
            </span>
            </div>

            <nav class="navbar navbar-default">
                
            <div class="navbar-brand"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></div>
            <div class="container-fluid">

            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-footer" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
            </div>

            <div id="navbar-footer" class="collapse navbar-collapse">
            

            <ul class="nav navbar-nav navbar-right">
            

            
            
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Meta<span class="caret"></span></a>
                <ul class="dropdown-menu">
              
              
                <li><a href="../../recentchanges/index.en.html">Timeline</a></li>
              
              
              
              
              
              
                  
              
                </ul>
              </li>
            
            </ul>
            </div>
            </div>
            </nav>
            

            
    </div> <!-- /container -->

    <footer class="footer" role="contentinfo">
	<div class="container">

    
    <p class="text-muted">
    <span class="copyright">
        Copyleft © 2024-2024 ayakael <a href="../../meta/license/">CC-BY-SA</a>
    </span>
    <span class="pull-right powered-by">
        Powered by <a href="http://ikiwiki.info/">ikiwiki</a>.
        <a href="https://gitlab.com/anarcat/ikiwiki-bootstrap-anarcat">Theme</a> by <a href="https://anarc.at/blog/2015-09-09-bootstrap">anarcat</a>.
    </span>
</p>

    

	</div>
    </footer>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous" integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"></script>

	<!-- TODO: Find other ways to setup analytics
    <script data-goatcounter="https://analytics.anarc.at/count" async src="//analytics.anarc.at/count.js"></script>
    <noscript>
    <img src="https://analytics.anarc.at/count?p=templates/popup&t=popup" alt="tracking pixel to count visitors when Javascript is disabled" />
    </noscript>
	-->
  </body>
</html>
