Warning: Undefined array key "HTTPS" in /var/www/sumscool.ca/html/SiteRoot.php on line 21
Hits: 635

List

Try: /ViewFile.php?path=ViewFile.php -- Online


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Scale and Font Example</title>
<style>
  .scaled-box {
    /* orig:: Scale by 400% then shrink to 1/4 (4 * 0.25 = 1x net scale) */
    transform: scale(4) scale(0.0625);
    transform-origin: top left;
  }
  
  .big-font {
    /* Font size set to 16*4/3?x the normal size */
/* orig::   font-size: 4rem;*/
    font-size: 3rem;
  }
</style>
</head>
<body>
<br />
<br />
    <nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
        <a class="navbar-brand" href="https://<?php echo $_SERVER['HTTP_HOST']; ?>/ca/sumscool/"><span style="color:#4B0082;text-shadow: 2px 2px 3px #DCDCDC">SumSCool.ca
            <canvas id="flag_canvas3" width="120" /*    font-size: 3rem;*/
height="50" style="position: absolute; left: 44px; top: 7px; border: 1px solid black;">
            </canvas>         
        </a>
        <button id="navMenu3" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">
            </ul>
         </div>
     </nav>


<hr />

  <div class="scaled-box">
    <p class="big-font">This text is 4x scale.</p>
  </div>
</body>
</html>