Skip to content

Instantly share code, notes, and snippets.

@benjaminjackman

benjaminjackman/periodicTable.scala.html

Created July 16, 2014 23:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save benjaminjackman/1b3562294dc752efda0a to your computer and use it in GitHub Desktop.
Save benjaminjackman/1b3562294dc752efda0a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
periodicTable.scala.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>ScalaJs + Play + three.js css3d - periodic table</title>
<link rel="stylesheet" href="@routes.Assets.at("stylesheets/periodic-table.css")">
</head>
<body>
@libs.tweenJs()
@libs.threeJs()
@libs.scalaJs()
<div id="container"></div>
<div id="info"><a href="http://threejs.org" target="_blank">three.js css3d</a> - periodic table. <a href="https://plus.google.com/113862800338869870683/posts/QcFk5HrWran" target="_blank">info</a>.</div>
<div id="menu">
<button id="table">TABLE</button>
<button id="sphere">SPHERE</button>
<button id="helix">HELIX</button>
<button id="grid">GRID</button>
</div>
<script>
PeriodicTable().start();
</script>
</body>
</html>
Raw
scalaJs.scala
@if(play.Play.isDev) {
<script src="@routes.Assets.at("javascripts/viz-sjs-fastopt.js")" type="text/javascript"></script>
} else {
<script src="@routes.Assets.at("javascripts/viz-sjs-opt.js")" type="text/javascript"></script>
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment