164 lines
3.3 KiB
Cheetah
164 lines
3.3 KiB
Cheetah
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="https://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title><%=title%></title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<style>
|
|
body {
|
|
background:#F2F9FF;
|
|
color:#666;
|
|
font-family:Arial;
|
|
}
|
|
a {
|
|
color:#f80;
|
|
text-decoration:none;
|
|
}
|
|
a:hover {
|
|
color:#635f94;
|
|
text-decoration:underline;
|
|
}
|
|
h1, h2, h3, h4 {
|
|
text-transform: capitalize;
|
|
white-space:nowrap;
|
|
margin: 0 0 .25em 0;
|
|
}
|
|
h4 {
|
|
color: #A1A8AD;
|
|
}
|
|
#desc {
|
|
float: left;
|
|
margin-bottom: 1em;
|
|
position: relative;
|
|
white-space:nowrap;
|
|
font-size:1em;
|
|
}
|
|
.box {
|
|
float: left;
|
|
min-width: 200px;
|
|
margin-right: 20px;
|
|
background: #fff;
|
|
padding:8px;
|
|
border:2px solid #c5cdd4;
|
|
border-radius:.45em;
|
|
|
|
box-shadow: 0 0 16px rgba(100,100,100,0.2);
|
|
}
|
|
.screenshot {
|
|
margin: 20px 20px 20px 0;
|
|
float: left;
|
|
clear: both;
|
|
background: #fff;
|
|
box-shadow: 0 0 10px rgba(120,120,120,0.2);
|
|
padding: 8px;
|
|
}
|
|
ul {
|
|
font-size:.85em;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
li {
|
|
margin:0 0 2px 18px;
|
|
}
|
|
#copy {
|
|
position:fixed;
|
|
z-index:1000;
|
|
right:150px;
|
|
top:-8px;
|
|
font-size:.85em;
|
|
padding:8px 8px 2px 8px;
|
|
background: #eee;
|
|
border: 2px solid #bbb;
|
|
border-radius:.7em;
|
|
opacity: 0.9;
|
|
box-shadow:0 0 8px #aaa;
|
|
font-weight: bold;
|
|
color:#bbb;
|
|
}
|
|
#copy a {
|
|
color:#888;
|
|
text-decoration:none
|
|
}
|
|
#copy a:hover {
|
|
color:#f80
|
|
}
|
|
#ribbon {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
border: 0;
|
|
filter: alpha(opacity=80);
|
|
-khtml-opacity: .8;
|
|
-moz-opacity: .8;
|
|
opacity: .8;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body id="home">
|
|
|
|
<h1><%=title%></h1>
|
|
|
|
<div id="desc">
|
|
<%=pkg.description%>
|
|
<div style="position:absolute;top:0;right:-120px">
|
|
<iframe src="<%=ribbonurl%>" allowtransparency="true" frameborder="0" scrolling="0" width="104px" height="20px"></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="clear:both"></div>
|
|
<div class="box">
|
|
<h4>Features</h4>
|
|
<ul id="ff">
|
|
<% _.forEach(features, function(f) { %>
|
|
<li><%- f%></li>
|
|
<% }); %>
|
|
</ul>
|
|
</div>
|
|
<div class="box">
|
|
<h4>Code repositories</h4>
|
|
<% _.forEach(sources, function(s) { %>
|
|
<a target="_blank" href="<%=s.url%>"><%- s.name%></a>
|
|
<br />
|
|
<% }); %>
|
|
|
|
<h4>Homepage</h4>
|
|
<a href="<%=pkg.homepage%>"><%=pkg.homepage%></a>
|
|
<br />
|
|
|
|
<h4>Download</h4>
|
|
<ul>
|
|
<li><a href="<%=giturl%>/archive/master.zip">Dev Pack (.zip)</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="box">
|
|
<h4>Examples</h4>
|
|
<ul id="examples">
|
|
<% _.forEach(examples, function(file) { %>
|
|
<li><a href="<%- file %>"><%- file%></a></li>
|
|
<% }); %>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="screenshot">
|
|
<img src="<%=image%>" />
|
|
</div>
|
|
|
|
<div id="copy"><a href="<%=pkg.author.url%>">Opengeo.tech</a> • ©<a rel="author" href="https://opengeo.tech/stefano-cudini/"><%= pkg.author.name %></a></div>
|
|
|
|
<a href="<%=giturl%>"><img id="ribbon" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>
|
|
|
|
<div style="clear:both;font-size:.85em;margin-bottom:1em">
|
|
<b>For questions and bugs</b> I recommend you to <a href="<%=giturl%>/issues">create New Issue</a> on Github repository.</strong><br />
|
|
<br />
|
|
This is a micro discussion area for methods of implementation.<br />
|
|
</div>
|
|
|
|
<div id="comments">
|
|
<div id="disqus_thread"></div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/labs-common.js"></script>
|
|
|
|
</body>
|
|
</html>
|