var red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];
var lightpink = [350, 100, 88];
var darkpink = [340, 60, 65];

var myName = "AlbionsRefuge";
var letterColors = [darkpink, purple, lightpink];

if (2 == 2) {
    bubbleShape = "circle";
} else {
    bubbleShape = "square";
}

drawName(myName, letterColors);
bounceBubbles();
<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
    <style>
        div {
            border-radius: 5px;
            font-family: sans-serif;
        }
        #header {
            position: fixed;
            background-color: #993f6c;
            color: #ffffff;
            height: 75px;
            width: 100%;
            text-align: center;
            vertical-align: middle;
            line-height: 75px;
            font-size: 36px;

        }
        #footer {
        	position: relative;
        	height: 150px;
        	color: #ffffff;
        	background-color: #993f6c;
        	clear: both;
        	font-size: 36px;
        	text-align: center;
        	vertical-align: middle;
        	line-height: 100px;
        }
    </style>
  </head>
  <body>
  <div id="header">Thank you for building this fun for us Lalith!</div>
    <canvas id="myCanvas"></canvas>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script>
    <script type="text/javascript" src="main.js"></script>

    <div id="footer"></div>
  </body>
</html>
Created from scratch
3 forks
108 views

Browse more Codebits

Hecho en NYC &copy; 2018 Codecademy