Skip to content

Instantly share code, notes, and snippets.

@haoch
Created January 27, 2013 17:01
Show Gist options
  • Select an option

  • Save haoch/4649235 to your computer and use it in GitHub Desktop.

Select an option

Save haoch/4649235 to your computer and use it in GitHub Desktop.
Play framework gist
@************************************************************************
* Base Page Template *
* *
* Parameters *
* pageid -- page id, for menu/page index,etc. *
* title -- page tile *
* styles -- page additional styles *
* scripts -- page additionalscripts,placed on the bottom of page *
* content -- page content,in the "container" *
* Description *
* Included template components: *
* -- ./menu.scala.html (menu html template) *
* -- ./footer.scala.html (footer htmk template) *
* Default loaded styles: *
* -- bootstrap.min.css *
* -- bootstrap-responsive.min.css *
* -- main.css *
* Default loaded scripts: *
* -- jquery.min.js *
* -- bootstrap.min.js *
* -- main.js *
* Version *
* 1.0 -- Firstly created.(hao) *
* Author *
* Hao Chen ([email protected]) *
* *
************************************************************************@
@(pageid: String)(title: String)(styles: Html)(scripts: Html)(content: Html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>@title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Capacinity Management, eBay Inc, Data Warehouse">
<meta name="author" content="hchen9@@ebay.com">
<!-- Le styles -->
<link href="@routes.Assets.at("frameworks/bootstrap/css/bootstrap.min.css")" rel="stylesheet">
<link href="@routes.Assets.at("frameworks/bootstrap/css/bootstrap-responsive.min.css")" rel="stylesheet">
<link href="@routes.Assets.at("stylesheets/main.css")" rel="stylesheet">
@styles
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>-->
<!--[if lt IE 9]>
<script src="@routes.Assets.at("frameworks/html5.js")"></script>
<![endif]-->
<!-- Fav and touch icons -->
<!-- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png"> -->
<!-- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png"> -->
<!-- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png"> -->
<!-- <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png"> -->
<!-- <link rel="shortcut icon" href="../assets/ico/favicon.png"> -->
</head>
<body>
@menu(pageid)
<div class="container-fluid" id="base_container">
@content
<hr>
@footer()
</div><!--/.fluid-container-->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="@routes.Assets.at("frameworks/jquery.min.js")"></script>
<script src="@routes.Assets.at("frameworks/bootstrap/js/bootstrap.min.js")"></script>
@scripts
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment