<!DOCTYPE html>
<html lang="en">
  <section style="font-family:courier;">
  
    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
	<meta charset="UTF-8" />
	<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
	<html lang="en">
    <link rel="stylesheet" href="static/StartPage.css">
    <style>
        .EyeFriendly{
        font-size: 16px;
        }
    </style>
    <head>
    </head>
    <body class="WholeSection">
    <div>
        
        
    </div>
    
    <div class="EyeFriendly">
        <a href="/Login">Login?</a> 
        | No session logged in. (Guest login)
    </div> 
    
    
	<hr>
    <div width: 100%>
        <form action="/Weave2">
            <button class="Btn BtnCover" type="submit">Weave</button>
        </form>
    </div>
    
    <hr>
	"I code to make magic real." -Site Owner
	<hr>
    <div class="image-container" id="imageContainer">
	<img src="static/images/CastleCreationUsingBing.jpg" alt="Picture= A child extending his hand and creating a magical world with a majestic castle. Colorful with creatures flying and wisps of magic." class="stretch-image">
    </div>  
	<!--
    <div class="image-container-halftall">
    <img src="static/images/TreeEarth.jpg" alt="Picture= Homemade drawing of a tree, land, and the sun." class="stretch-image"> <!--style="width:200px;height:100px;">
    </div>
	-->

</body>
<script src="/static/StartPage.js"></script>
  </section>
</html>