inser diagram appr image

Valessio Brito
1 parent 4cd43aa7
Showing 3 changed files with 14 additions and 3 deletions Show diff stats
src/web/static/css/style.css
src/web/static/images/diaappr.png
src/web/templates/about.html
@@ -71,6 +71,8 @@ border-radius: 10px;
 box-shadow: 0 2px 20px #545454;
 }
  
+.about #wrap { max-width: 780px; } 
+
 #header {
 position: absolute;
 top: 0px;
 $var title: About
 $var mod = 'about';
-$var cssfiles:
-$var jsfiles:
+$var cssfiles: static/css/facebox.css
+$var jsfiles: static/js/facebox.js
+
+<script type="text/javascript">
+    $$(document).ready(function() {
+        $$('a[rel*=facebox]').facebox({
+        loadingImage : '/static/images/loading.gif',
+        closeImage   : '/static/images/closelabel.png'
+        });
+    });
+</script>
  
 <div id="maincontent">
 <div class="innertube">
  
-<img style="float: right;" alt="AppRecommender logo" src="/static/images/logo.png" width="150px" />
+<a rel="facebox" href="/static/images/diaappr.png" title="AppRecommender Diagram"><img style="float: right; margin: 10px;" alt="AppRecommender Diagram" src="/static/images/diaappr.png" width="230px" /></a>
  
 <h1>About</h1>
...	...	@@ -71,6 +71,8 @@ border-radius: 10px;
71	71	box-shadow: 0 2px 20px #545454;
72	72	}
73	73
	74	+.about #wrap { max-width: 780px; }
	75	+
74	76	#header {
75	77	position: absolute;
76	78	top: 0px;
...	...
1	1	$var title: About
2	2	$var mod = 'about';
3		-$var cssfiles:
4		-$var jsfiles:
	3	+$var cssfiles: static/css/facebox.css
	4	+$var jsfiles: static/js/facebox.js
	5	+
	6	+<script type="text/javascript">
	7	+ $$(document).ready(function() {
	8	+ $$('a[rel*=facebox]').facebox({
	9	+ loadingImage : '/static/images/loading.gif',
	10	+ closeImage : '/static/images/closelabel.png'
	11	+ });
	12	+ });
	13	+</script>
5	14
6	15	<div id="maincontent">
7	16	<div class="innertube">
8	17
9		-<img style="float: right;" alt="AppRecommender logo" src="/static/images/logo.png" width="150px" />
	18	+<a rel="facebox" href="/static/images/diaappr.png" title="AppRecommender Diagram"><img style="float: right; margin: 10px;" alt="AppRecommender Diagram" src="/static/images/diaappr.png" width="230px" /></a>
10	19
11	20	<h1>About</h1>
12	21
...	...