gitinspector/html/html.header
Adam Waldenberg 3e8d6434e8 Perfected the look of the HTML output from the blame module.
This output is a good start and should work fine as a first template that
can be used when implementing HTML output in all other modules.

Once this is done we can work on adding some interactivity. However; it
might be a good idea to just release a version with some simple HTML
output before adding more complex stuff.
2012-11-17 02:58:56 +01:00

80 lines
1.7 KiB
Plaintext

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Generated by gitinspector {0}.</title>
<script type="application/javascript">{1}</script>
<script type="application/javascript">{2}</script>
<script type="application/javascript">{3}</script>
<style type="text/css">
html,body {{
height: 100%;
}}
body {{
font-family: "Arial";
float: left;
}}
div.box {{
border: 4px solid #ddd;
background-color: #eee;
margin: 1.25em;
padding: 5px;
font-size: small;
border-radius: 15px;
-moz-border-radius: 15px;
box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
}}
div.logo {{
width: 33%;
float: right;
}}
div.logo img {{
float: left;
padding: 0.6em;
}}
div.statistics {{
float: left;
width: 50em;
}}
div.statistics > div {{
position: relative;
float: left;
width: 100%;
}}
table.git {{
font-size: small;
width: 50%;
float: left;
}}
table.git th, table.git tfoot tr td {{
padding: 0.3em;
background-color: #ddcece;
border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
}}
table.git tfoot tr td{{
border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
}}
table.git td {{
padding: 0.4em;
}}
table.git tr.odd {{
background-color: #dbdbdb;
}}
div.chart {{
position: absolute;
top: 5px;
bottom: 5px;
right: 5px;
width: 50%;
font-size: x-small;
}}
</style>
</head>
<body>
<div class="box logo">
<img src="data:image/png;base64,{4}" />
<p>The output has been generated by <a href="http://gitinspector.googlecode.com">gitinspector</a>;
the statistical analysis tool for git repositories.<p>
</div>