Skip to content

Instantly share code, notes, and snippets.

@ylluminate
Created April 11, 2014 02:10
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='style.css'/>
<script src="http://cdn.opalrb.org/opal/0.6.0/opal.js"></script>
<script src="http://cdn.opalrb.org/opal/0.6.0/opal-parser.js"></script>
<script src="https://gist.githubusercontent.com/ylluminate/7c4b2c862303b46db850/raw/0465deb877ef9f9d545d6302fc6fcdca54e00904/run_ruby_scripts.js"></script>
<script src="http://f.cl.ly/items/0a2e3r2K352a353n2C0B/opal-browser.js"></script>
<script src="http://f.cl.ly/items/0A24452V2s0P0r22432N/opal-browser-canvas.js"></script>
<script type="text/ruby">
puts 'Test: inside of embedded code'
</script>
<script type="text/ruby" src="script.rb"></script>
</head>
<body>
<center>
<h1 id="header">Pong</h1>
<h4 id="author">by <a href="http://www.codecademy.com/">Codecademy</a> user <a href="http://www.codecademy.com/ylluminarious">Codicus Wings</a></h4>
<canvas id="canvas" height="500" width="700">
This text is displayed if your browser doesn't support the HTML5 Canvas element.
</canvas>
</center>
</body>
</html>
# Please put rb code here
#canvas {
border-style: solid;
border-color: white;
background-color: black;
}
#header {
font-family: Courier;
cursor: default;
}
#author {
cursor: default;
font-family: Courier;
}
a:first-child {
text-decoration: none;
color: blue;
}
a:nth-child(2) {
text-decoration: none;
color: lightblue;
}
a:hover {
color: white;
}
body {
background-color: gray;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment