Merge pull request #13 from dvinciguerra/master

Pagina de Projetos
mantovani · Oct 7, 2011 · 1e32fc1 · 1e32fc1
2 parents 4aef17f + c9f9d07
commit 1e32fc1
Show file tree

Hide file tree

Showing 5 changed files with 93 additions and 0 deletions.
diff --git a/root/static/files/projeto/list.json b/root/static/files/projeto/list.json
@@ -0,0 +1,23 @@
+{ "projetos":[
+    {
+        "name":"Equin&oacute;cio",
+        "description":"Evento virtual realizado em todos os meses do equin&#243;cio, com o objetivo de gerar conte&#250;do na lingua portuguesa sobre a linguagem Perl. Em 2 anos foram produzidos quase 100 artigos, e para que ele se desenvolva e tenha uma maior publicidade, &eacute; interessante que a plataforma onde &eacute; disponibilizada os artigos, seja cada vez melhor.",
+        "maintainer":"Colaboradores Sao Paulo Perl Mongers",
+        "url":"http://sao-paulo.pm.org"
+    },{
+        "name":"Site da São Paulo Perl Mongers",
+        "description":"&#201; o nosso site e &eacute; necess&#225;ria uma atualiza&ccedil;&#227;o constante, e tamb&eacute;m de manuten&ccedil;&#227;o dele.",
+        "maintainer":"Daniel Mantovani",
+        "url":"http://github.com/mantovani/SPPM-Web"
+    },{
+        "name":"Para onde foi o meu dinheiro ?",
+        "description":"Site com o objetivo de visualizar as informações sobre orçamento público, que são disponibilizadas pelo próprio governo em infografia.",
+        "maintainer":"Thiago Rondon",
+        "url":"http://github.com/maluco/CMD"
+    },{
+        "name":"Perl, Perguntas e Respostas ?",
+        "description":"Documento que tem como objetivo oferecer perguntas e respostas frequentes para programadores e curiosos na linguagem Perl.",
+        "maintainer":"Thiago Rondon",
+        "url":"http://github.com/maluco"
+    }
+]}
diff --git a/root/static/js/jquery.min.js b/root/static/js/jquery.min.js
diff --git a/root/templates/lib/site/site_base/footer.tt b/root/templates/lib/site/site_base/footer.tt
@@ -3,6 +3,7 @@
 		<li><a href="[% c.uri_for('/treinamento') %]">Treinamento</a></li>
 		<li><a href="[% c.uri_for('/equinocio','2011') %]">Meses do Equin&oacute;cio</a></li>
 		<li><a href="[% c.uri_for('/empresas') %]">Empresas</a></li>
+		<li><a href="[% c.uri_for('/projetos') %]">Projetos</a></li>
 	</ul>
 	<div class="copyright">
 		<p>Copyleft S&atilde;o Paulo Perl Mongers.</p>

diff --git a/root/templates/lib/site/site_base/html.tt b/root/templates/lib/site/site_base/html.tt
@@ -11,6 +11,8 @@
 
 	<meta name="keywords" content="linguagem, computacao, computacional, perl, comunidade, softwarelivre, sao paulo" />
 
+    <script src="/static/js/jquery.min.js" type="text/javascript"></script>
+
 	<link rel="stylesheet" href="/static/styles.css" type="text/css" />
 	<link rel="stylesheet" href="/static/css/calendar.css" type="text/css" />
 	<link rel="stylesheet" href="/static/print.css" type="text/css" media="print"  />

diff --git a/root/templates/src/local/projetos.tt b/root/templates/src/local/projetos.tt
@@ -0,0 +1,63 @@
+[% META title=" Projetos " %]
+
+
+<div id="container_top">
+	<div id="container_bottom">
+		<div class="top">
+			<h2>Projetos</h2>
+			<div class="whois">
+				<p>
+					Segue abaixo a rela&ccedil;&atilde;o de projetos escritos em perl e mantidos/apoiados pela comunidade S&atilde;o Paulo Perl Mongers.
+				</p>
+                <table width="100%" align="center" cellspacing="0" style="">
+                    <tr>
+                        <td width="30%" valign="top">
+                            <p><input type="text" name="search" value="Buscar por..." style="border:solid 1px #666;background-color:#eaeaea;"/></p>
+                            <p><strong>Lista de Projetos</strong></p>
+                            <ul id="project-list"></ul>
+                        </td>
+                        <td width="70%" valign="top">
+                            <div id="projects">
+                            </div>
+                        <td>
+                    </tr>
+                </table>
+				<p style="border:dashed 1px #900;padding:15px;background-color:#eaeaea;">
+                    Você participa ou criou algum projeto bacana em Perl? 
+                    Acha que seria legal compartilhar com a comunidade?
+                    Entre em <a href="/contato">contato</a> conosco e mande-nos mais informações sobre seu projeto!
+			</div>
+		</div>
+	</div>
+</div>
+
+<script type="text/javascript">
+    $(function(){
+        $.ajax({
+            method:'GET',
+            url:'/static/files/projeto/list.json',
+            contentType:'application/json',
+            success: function(json) {
+                $.each(json.projetos, function(index){
+                    $('#project-list').append('<li><a class="project-item" href="#">' + this.name + '</a></li>');
+                    $('#projects').append('<div style="font-size:12px;border:solid 1px #ccc;padding:10px;background-color:#eaeaea;"><h4><strong>'+this.name+'</strong></h4><p>'+this.description+'</p>Mantido por:&nbsp;'+this.maintainer+'<br>Endere&ccedil;o:&nbsp;<a href="'+this.url+'">'+this.url+'</a></div><br>');
+                });
+            }
+        });
+
+        /**
+        * Getting project informations action
+        */
+        $('.project-item').click(function(){
+            alert('teste');
+        });
+
+    });
+</script>
+
+<style type="text/css">
+
+    #projects ul { color:#333333;list-style:none; }
+    ul { color:#333;}
+
+</style>