retrofit-game/index.php at master · CITY-at-UMD/retrofit-game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<html>
<head>
    <meta charset="utf-8">
    <title>Building Energy Retrofit Game: Introduction</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="css/docs.css" rel="stylesheet">

    <style>
      body {
        background: linear-gradient(to bottom, #999, #fff);
        padding-top: 60px;
        padding-bottom: 40px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 0.9em;
		font-size: 13px;
      }


      #container{
        width: 800px;
        text-align: left;
        margin: 0 auto;
      }
      .divFooter{
        width: 120px;
        height: 41px;
        margin: 0 auto;
      }

      .header{

      }
      #header{
      	margin-top: 0;
      	clear: both;
      	padding: 0;
      	color: #fff;
      	height: 150px;
      	width: 800px;
      	background: #fff;
      	background-image:url('img/header2.png');
      	background-position:0 0;
      }

      b {
     color: red;
      }
      p {
margin: 0.5em 0;
line-height: 150%;
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-family:arial;font-size:16px;
}
h4{
	color:green;
}
h2{
	color: yellow;
	text-shadow: 3px 4px 4px green;
}
      button {
    width: 100%;
    color: red;
      }
      button:disabled{
      color: #999;
      }
    </style>

</head>

<body>
<div id="container">
<div id="header" class="header">
</div>
<h2><center>Let's play the Energy Retrofit Game! </center></h2>
<h4>PURPOSE</h4>
<p align="justify">The purpose of the game is to demonstrate rapid energy simulation tools to evaluate long-term building retrofit projects.  Players can test different strategies to achieve different goals, learn to balance integrative design and pursuing best-payback measures first, and discover measures that are ineffective and others that are undervalued for this building.</p>

<h4>TARGET AUDIENCE</h4>
<p align="justify">This tool is built for facility managers and energy managers.</p>

<h4>HOW TO WIN?</h4>
<p align="justify">The goal is to create a retrofit strategy that will meet the energy savings target while performing as-well or better than investing the money elsewhere.  You will do this by strategically choosing the right measures, installed at the right time, to meet the energy savings goal of 20% by 2020, and having more capital than a 3% compounding investment at the end of year 10.  Alternatively, you can try to reach a 30% savings target, and compare investments in year 15 instead of year 10.<p>
<div class="pull-right"><a href="tracking-sheet.php" class="btn btn-large btn-success"><i class="icon-white icon-play"></i> Start Game Now!</a></div>
<br><br><br><hr>

</div>
</body>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-26348074-7', 'eebhub.org');
  ga('send', 'pageview');

</script>
<footer>
  <div class="divFooter"><a href="http://tools.eebhub.org"><img src="http://www.eebhub.org/images/assets/eebhub-logo.png"/></a></div>
  <p><center><a href="acknowledgements.php">acknowledgements & disclaimer</a></center></p>
</footer>
</html>