[gnomeweb-wml] diagnome: refresh template for 2009
- From: Diego Escalante Urrelo <diegoe src gnome org>
- To: svn-commits-list gnome org
- Cc:
- Subject: [gnomeweb-wml] diagnome: refresh template for 2009
- Date: Mon, 5 Oct 2009 04:29:44 +0000 (UTC)
commit c12c5cd6842dfadd6f3a00c284256e0e93784e4e
Author: Diego Escalante Urrelo <diegoe gnome org>
Date: Sun Oct 4 22:48:32 2009 -0500
diagnome: refresh template for 2009
projects.gnome.org/diagnome/diagnome.css | 173 +++++-----
projects.gnome.org/diagnome/facebook.png | Bin 0 -> 731 bytes
projects.gnome.org/diagnome/header.png | Bin 0 -> 312313 bytes
projects.gnome.org/diagnome/header.xcf | Bin 0 -> 484506 bytes
.../diagnome/images/logo-twitter-40px.png | Bin 4620 -> 0 bytes
projects.gnome.org/diagnome/index.html | 83 ++---
projects.gnome.org/diagnome/layout.css | 364 +-------------------
projects.gnome.org/diagnome/style.css | 153 --------
8 files changed, 124 insertions(+), 649 deletions(-)
---
diff --git a/projects.gnome.org/diagnome/diagnome.css b/projects.gnome.org/diagnome/diagnome.css
index 23eb383..20e6e8d 100755
--- a/projects.gnome.org/diagnome/diagnome.css
+++ b/projects.gnome.org/diagnome/diagnome.css
@@ -4,147 +4,146 @@ body {
font-family: "Bitstream Vera Sans", Arial, Helvetica, Verdana, sans-serif;
background-image: none;
-}
-
-#diagnome-social {
-margin-left: 5%;
-width: 100px;
-float: right;
+ background: white;
+ color: black;
+ font-size: 0.8em;
}
#expositores {
-margin-left: 5%;
-width: 70%;
-float: left;
+ margin-left: 5%;
+ width: 70%;
+ float: left;
}
#expositores h3 {
-color: #3465a4;
-font-size: 14px;
-text-align: right;
+ color: #3465a4;
+ font-size: 14px;
+ text-align: right;
}
#expositores td {
-width: 80%;
--moz-border-radius: 0.5em;
--webkit-border-radius: 0.5em;
-background-color: #Ffffff;
-text-align: left;
-margin-right: 100px;
-margin-left: 1px;
+ width: 80%;
+ -moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
+ background-color: #Ffffff;
+ text-align: left;
+ margin-right: 100px;
+ margin-left: 1px;
}
#expositores img {
-border: none;
-float: left;
-margin-left: 6px;
-margin-top: 2px;
-margin-right: 6px;
-margin-bottom: 2px;
+ border: none;
+ float: left;
+ margin-left: 6px;
+ margin-top: 2px;
+ margin-right: 6px;
+ margin-bottom: 2px;
}
#programa {
-margin-left: 5%;
-width: 70%
-float: center;
+ margin-left: 5%;
+ width: 70%
+ float: center;
}
h2 {
-color: #3f3f3f;
-font-size: 20px;
-margin-top: 2.5em;
+ color: #3f3f3f;
+ font-size: 20px;
+ margin-top: 1.5em;
}
h3 {
-color: #3f3f3f;
-font-size: 14px;
-margin-top: 2.5em;
+ color: #3f3f3f;
+ font-size: 14px;
+ margin-top: 1.5em;
}
p,
li {
-font-size: 12px;
}
#latour-content {
-margin-left: 5%;
-width: 450px;
-float: left;
-letter-spacing: 0.8px;
+ margin-left: 9%;
+ width: 400px;
+ float: left;
+ margin-bottom: 3em;
+}
+#twitter {
+ margin-bottom: 0.5em;
+}
+#twitter_update_list {
+ margin-bottom: 0.5em;
+ padding-bottom: 0.5em;
+}
+#twitter_update_list li {
+ margin-bottom: 0.4em;
}
-
#latour-logo {
-width: 400px;
-float: left;
-margin-left: 4%;
-margin-top: 30px;
+ width: 380px;
+ float: left;
+ margin-left: 5%;
+ margin-bottom: 3em;
}
.tour-stop {
-color: #3465a4;
-font-size: 18px;
+ color: #3465a4;
+ font-size: 18px;
}
a,
a:active,
a:visited {
-color: #3465a4;
-text-decoration: none;
-border-bottom: 1px dotted #3465a4;
+ color: #3465a4;
+ text-decoration: none;
+ border-bottom: 1px dotted #3465a4;
}
-
-h3 span {
-font-weight: bold;
-font-size: 16px;
+img {
+ border: 0 !important;
}
-#languages {
-font-size: 12px;
-text-align: right;
-padding-top: 0.3em;
-padding-right: 2.5em;
+.header {
+ text-align:center;
+ padding-top: 1em;
+ padding-bottom: 1em;
}
-#links {
-font-size 12px;
-text-align: right;
-padding-top: 0.5em;
-padding-right: 2.5em;
+h3 span {
+ font-weight: bold;
+ font-size: 1.2em;
}
-.latour-logo-content {
-padding-left: 10px;
+#languages {
+ text-align: right;
+ padding-top: 0.3em;
+ padding-right: 2.5em;
+ padding-bottom: 0.5em;
}
-.photos img {
-margin: 2px;
-padding: 1px;
-border: 1px solid #555;
-float: left;
-}
-.photos {
-text-align: center;
-padding-right: 1.8em;
-}
-.photos br {
-clear: both;
+#links {
+ font-size 12px;
+ text-align: right;
+ padding-top: 0.5em;
+ padding-right: 2.5em;
}
-
#footer {
-color: #aaa;
-text-align: center;
-padding: 0.5em;
-clear: both;
-font-size: 12px;
+ text-align: left;
+ margin-top: 2em;
+ padding: 2em;
+ padding-left: 4em;
+ padding-right: 4em;
+ clear: both;
+ font-size: 12px;
+ background: black;
+ border-top: 1px solid #ccc;
+ color: white;
+ line-height: 150%;
}
-
#footer a {
-color: #888;
-border: 0;
+ color: white;
+ border-bottom: 1px dotted #ccc;
}
-
/* Tabla programa */
#rounded-corner
diff --git a/projects.gnome.org/diagnome/facebook.png b/projects.gnome.org/diagnome/facebook.png
new file mode 100644
index 0000000..8036b19
Binary files /dev/null and b/projects.gnome.org/diagnome/facebook.png differ
diff --git a/projects.gnome.org/diagnome/header.png b/projects.gnome.org/diagnome/header.png
new file mode 100644
index 0000000..a6564bf
Binary files /dev/null and b/projects.gnome.org/diagnome/header.png differ
diff --git a/projects.gnome.org/diagnome/header.xcf b/projects.gnome.org/diagnome/header.xcf
new file mode 100644
index 0000000..6accaa1
Binary files /dev/null and b/projects.gnome.org/diagnome/header.xcf differ
diff --git a/projects.gnome.org/diagnome/index.html b/projects.gnome.org/diagnome/index.html
old mode 100755
new mode 100644
index f1b6856..2597981
--- a/projects.gnome.org/diagnome/index.html
+++ b/projects.gnome.org/diagnome/index.html
@@ -32,61 +32,52 @@
<li id="siteaction-gnome_community">
<a title="Community" href="http://www.gnome.org/community/";>Community</a>
</li>
- </ul>
-<div id="languages"><a href="index.html.en">English</a> · <a href="index.html.es">Español</a>
-</div>
-<div id="links"><a href="programa.html">Programa</a> · <a href="expositores.html">Expositores</a>
-</div>
+</ul>
+<div id="languages"><a href="index.html.en">English</a> · <a href="index.html.es">Español</a></div>
<div id="latour-content">
-<h2>DÃa de GNOME en Chile! 2009!</h2>
-<p>Este es el evento de difusión del proyecto <a href="www.gnome.org">GNOME</a> más grande que se organiza a nivel nacional.</p>
-<p>
-Se darán a conocer al público en general y a los desarrolladores interesados en poder contribuir, información sobre sus alcances, tecnologÃas y últimos avances del proyecto.
-</p>
-<p>
-Este encuentro de usuarios y desarrolladores se mostrarán diferentes herramientas y se compartirá conocimiento sobre GNOME, a través de una serie de actividades como charlas y talleres, las cuales serán cubiertas por un número importante de expositores nacionales e internacionales que contribuyen de forma activa a este proyecto.
-</p>
-<p>
-En esta oportunidad se contará con expositores provenientes de los paÃses de Perú y Finlandia, los cuales se sumarán al conjunto de desarrolladores locales con los que cuenta nuestro paÃs, demostrando que Chile no se encuentra lejos de ser un actor importante en el desarrollo y difusión de este ambiente.
-</p>
-<p>
-Se llevará a cabo el dÃa Sábado 24 de Octubre de 2009 en la Universidad Técnica Federico Santa MarÃa, en la ciudad de ValparaÃso, Chile. Y esta enmarcado dentro del <a href="http://2009.encuentrolinux.cl";>Décimo Encuentro Linux</a> a realizarse desde el Jueves 22 al Sábado 24 de Octubre en dicha ciudad.</p>
+<h2 style="margin-top: 0;">¡DÃa GNOME en Chile! ¡2009!</h2>
+ <p><a href="programa.html">Programa</a> · <a href="expositores.html">Expositores</a></p>
+¡El evento más grande de GNOME en la costa del PacÃfico se vuelve a repetir!
+<br/><br/>
+Siguiendo la filosofÃa del proyecto, el DÃa GNOME es un espacio libre, horizontal y accesible para conocer a otros entusiastas y desarrolladores, compartir ideas, quejas, proyectos, todo en un ambiente de amistad y buena onda.
+<br/><br/>
+En esta ocasión, y gracias al apoyo de la Fundación GNOME y el Décimo Encuentro Linux, nos acompañarán expositores de Perú y Finlandia quienes compartirán con nosotros sus experiencias y anécdotas.
+<br/><br/>
+El evento se llevará a cabo el dÃa <b>sábado 24 de octubre de 2009</b> en la Universidad Técnica Federico Santa MarÃa, en la ciudad de ValparaÃso, Chile. Enmarcado dentro del Décimo Encuentro Linux a realizarse desde el jueves 22 al sábado 24 de octubre en dicha ciudad.
+ <br/><br/>
+ <a href="http://www.facebook.com/group.php?gid=147294960046"; title="Unete al Grupo DÃa GNOME de Facebook!">
+ <img src="facebook.png"/> DÃa GNOME en Facebook</a>
<h2>¡Participa!</h2>
-<p>La inscripción no tiene costo, solamente debes inscribirte en <a href="http://registro.gnome.cl";>esta página</a>., la cual nos ayudará a programarnos de mejor forma.</p>
+ <p>La inscripción no tiene costo, <a href="http://registro.gnome.cl";>solamente debes inscribirte en esta página</a> la cual nos ayudará a programarnos de mejor forma.</p>
-<p><a href="#salondiagnome">El salón</a> donde se realizará el evento tiene una capacidad máxima de 300 personas y tendrán preferencia las personas inscritas.</p>
-<ul>
- <li>Asistiras al evento? <a href="http://registro.gnome.cl";>Inscribete!</a></li>
- <li>Subscribete a la <a href="http://mail.gnome.org/mailman/listinfo/gnome-cl-list";>lista de correo de correo</a> de <a href="http://www.gnome.cl";>GNOME Chile!</a></li>
- <li>Visita la pagina de <a href="http://www.gnome.cl";>GNOME Chile</a></li>
- <li>Unete al <a href="http://www.facebook.com/group.php?gid=147294960046";>grupo de Facebook!</a>
-</ul>
-<a name="salondiagnome"><h2>¿Dónde?</h2></a>
-<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?source=s_q&hl=en&geocode=&view=map&ie=UTF8&t=h&msa=0&msid=113135296348126613369.000474fcb3b8972334458&ll=-33.030937,-71.596656&spn=0.012593,0.018239&z=15&output=embed";></iframe><br /><small>View <a href="http://maps.google.com/maps/ms?source=embed&hl=en&geocode=&view=map&ie=UTF8&t=h&msa=0&msid=113135296348126613369.000474fcb3b8972334458&ll=-33.030937,-71.596656&spn=0.012593,0.018239&z=15"; style="color:#0000FF;text-align:left">DÃa GNOME</a> in a larger map</small>
-<h3><span>Cómo llegar</span></h3>
-<p>El DÃa GNOME se realizara en el <a href="images/mapa-diagnome.png">Salón T</a> de la UTFSM, puedes visitar el <a href="images/mapa-diagnome.png">mapa</a> para ver su ubicación. </p>
+ <p>El salón donde se realizará el evento tiene una capacidad máxima de 300 personas y tendrán preferencia las personas inscritas.</p>
+ <ul>
+ <li>¿Asistiras al evento? <a href="http://registro.gnome.cl";>Inscribete!</a></li>
+ <li>¡SubscrÃbete a la <a href="http://mail.gnome.org/mailman/listinfo/gnome-cl-list";>lista de correo de correo</a> de <a href="http://www.gnome.cl";>GNOME Chile!</a></li>
+ <li>Visita la página de <a href="http://www.gnome.cl";>GNOME Chile</a></li>
+ <li>¡�nete al <a href="http://www.facebook.com/group.php?gid=147294960046";>grupo de Facebook!</a>
+ </ul>
+
+ <h2>Cómo llegar</h2>
+ <p>El DÃa GNOME se realizara en el <a href="images/mapa-diagnome.png">Salón T de la UTFSM</a>, puedes visitar el <a href="images/mapa-diagnome.png">mapa</a> para ver su ubicación. </p>
+ <iframe width="350" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?source=embed&hl=en&geocode=&view=map&ie=UTF8&t=h&msa=0&msid=113135296348126613369.000474fcb3b8972334458&ll=-33.034535,-71.597214&spn=0.008994,0.01502&z=15&output=embed";></iframe><br /><small>Ver <a href="http://maps.google.com/maps/ms?source=embed&hl=en&geocode=&view=map&ie=UTF8&t=h&msa=0&msid=113135296348126613369.000474fcb3b8972334458&ll=-33.034535,-71.597214&spn=0.008994,0.01502&z=15"; style="color:#0000FF;text-align:left">DÃa GNOME</a> en un mapa más grande</small>
</div>
+
<div id="latour-logo">
-<div class="latour-logo-content">
-<!--<img src="images/diagnome.jpg" title="debe ser cambiado por un banner"/><br/> -->
-<iframe align="center" src="http://www.flickr.com/slideShow/index gne?group_id=954185 N22&user_id=&set_id=&text=" frameBorder="0" width="450" height="450" scrolling="no"></iframe>
-<br/>
-<div id="diagnome-social">
-<a href="http://www.twitter.com/diagnome"; title="Siguenos mediante Twitter!"><img src="images/logo-twitter-40px.png"></a><a href="http://www.facebook.com/group.php?gid=147294960046"; title="Unete al Grupo DÃa GNOME de Facebook!"><img src="images/logo-facebook-40px.png"></a>
-</div>
-<div id="twitter_div">
-<h3 class="sidebar-title">DÃa GNOME Twitter Updates</h3>
-<ul id="twitter_update_list"></ul>
-</div>
-<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js";></script>
-<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/diagnome.json?callback=twitterCallback2&count=5";></script>
-</div>
-</div>
+
+<img src="header.png"/>
+
+<h2 class="sidebar-title">Ã?ltimas noticias</h2>
+ <a href="http://twitter.com/diagnome"; title="siguenos en twitter">@diagnome en Twitter</a>:
+ <ul id="twitter_update_list"></ul>
+ <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js";></script>
+ <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/diagnome.json?callback=twitterCallback2&count=2";></script>
</div>
+
<div id="footer">
Copyright © 2009 The GNOME Project.<br/>
-Design by <a href="http://www.andreasn.se/";>Andreas Nilsson</a>,<a href="http://www.gnome.org/~diegoe/";>Diego Escalante Urrelo</a> and <a href="http://www.gnome.org/~pvillavi/";>Pedro Villavicencio Garrido</a>.
+Diseño por <a href="http://www.andreasn.se/";>Andreas Nilsson</a>, <a href="http://www.gnome.org/~diegoe/";>Diego Escalante Urrelo</a> y <a href="http://www.gnome.org/~pvillavi/";>Pedro Villavicencio Garrido</a>.
</div>
</body></html>
diff --git a/projects.gnome.org/diagnome/layout.css b/projects.gnome.org/diagnome/layout.css
index 66aba6b..aae9fa3 100755
--- a/projects.gnome.org/diagnome/layout.css
+++ b/projects.gnome.org/diagnome/layout.css
@@ -2,7 +2,7 @@
body {
margin: 0px;
background-color: white;
- font-family: sans-serif;
+ font-family: "DejaVu Sans", Verdana, sans-serif;
color: black;
}
@@ -10,289 +10,6 @@ body {
margin: 90px 230px 0px 10px;
padding: 0px;
}
-
-a img {
- border: 0px;
-}
-
-/* Anchors */
-a {
- color: #0000ff;
-}
-
-a:visited {
- color: #551a8b;
-}
-
-a:active {
- color: #ff0000;
-}
-
-/* Basic classes */
-
-.none { /* to add paragraph spacing to various elements for ttys */
- margin: 0px;
- padding: 0px;
-}
-
-.invisible { /* stuff that should appear when this css isn't used */
- margin: 0px;
- border: 0px;
- padding: 0px;
- height: 0px;
- visibility: hidden;
-}
-
-.left {
- margin: 10px;
- padding: 0px;
- float: left;
-}
-
-.right {
- margin: 10px;
- padding: 0px;
- float: right;
-}
-
-.center {
- text-align: center;
-}
-
-/* Common page elements: Header, footer, etc. */
-
-#logo {
- position: absolute;
- top: 10px;
- left: 10px;
- border: 0px;
- z-index: 10;
-
- width: 64px;
- height: 64px;
-}
-
-#logo a img {
- width: 64px;
- height: 64px;
-}
-
-#hdr {
- position: absolute;
- z-index: 5;
-
- top: 0px;
- left: 0px;
- right: 0px;
- width: 100%;
- height: 48px;
-
- text-align: right;
-
- background-color: #e3ffc3;
- border-bottom: 1px solid #807d74;
-}
-
-#banner {
- position: absolute;
- z-index: 10;
-
- top: 0px;
- right: 0px;
- border: 0px;
-
- width: 300px;
- height: 48px;
-
-}
-
-#banner a img {
- width: 300px;
- height: 48px;
-}
-
-#hdrNav {
- position: absolute;
- top: 54px;
- left: 0px;
-
- margin-left: 84px;
- text-align: left;
- vertical-align: middle;
- font-size: small;
-}
-
-#hdrNav a {
- color: #000000;
-}
-
-#hdrTitle {
- height: 48px;
- padding: 10px 10px 0px 0px;
- font-weight: bold;
-}
-
-
-/* Search thingy */
-
-#search {
- font-size: small;
- margin-bottom: 10px;
- padding: 10px;
- background-color: #dddddd;
-}
-
-#search input {
- border: 1px solid #666666;
- background-color: #ffffff;
-
- vertical-align: middle;
-}
-
-
-/* Sidebar */
-
-#sidebar {
- position: absolute;
- top: 90px;
- right: 0px;
- width: 210px;
-
- /*margin-right: 10px;*/
- padding-right: 10px;
- padding-bottom: 0px;
- border-left: 1px dashed #dddddd;
- background-color: #ffffff;
-}
-
-#sidebar p {
- margin-top: 0px;
- padding-left: 10px;
- padding-right: 10px;
-}
-
-#sidebar p.section {
- text-align: center;
- font-weight: bold;
- padding-top: 3px;
- padding-bottom: 3px;
- color: #999999;
- background-color: #eeeeee;
-}
-
-#sidebar ul {
- margin: 0em;
- margin-bottom: 15px;
- padding-left: 10px;
- padding-right: 10px;
- list-style-type: none;
-}
-
-#sidebar ul ul {
- padding-left: 2em;
- padding-right: 0em;
- list-style-type: square;
-}
-
-
-/* Copyright footer */
-
-#copyright {
- text-align: center;
- font-size: small;
- clear: both;
-
- margin-top: 10px;
- padding: 5px 0px 5px 0px;
- color: #aaaaaa;
-}
-
-#copyright a {
- color: #aaaaff;
-}
-
-#copyright a:visited {
- color: #ffaaaa;
-}
-
-
-/* News Sections */
-
-p.newsitem {
- clear: left;
- margin-bottom: 20px;
-}
-
-p.newsitem img.newsicon {
- float: left;
- margin: 0px 10px 10px 10px;
- border: 0px;
-}
-
-
-/* Generic Classes */
-
-div.code {
- background-color: #e0e0e0;
- color: #000000;
- white-space: pre;
- font-family: monospace;
-}
-
-
-body {
- margin: 0px;
- padding: 0px;
- font-family: sans-serif;
- background: white url(star.png) -100px -200px no-repeat;
- height: 101%;
-}
-
-#page {
- margin: 0px;
- padding: 0px;
-}
-
-div.in-column {
- margin: 0 0 2em 1em;
- float: right;
- max-width: 12em;
-}
-
-hr {
- color: #888;
- background: #888;
- border: 0;
- height: 1px;
- width: 90%;
- text-align: center;
- clear: both;
-}
-
-
-div.body {
- clear: both;
-}
-
-
-div.sidebar {
- position: absolute;
- text-align: left;
- right: 0px;
- top: 60px;
- width: 27ex;
- padding-left: 1ex;
- border-left: 1ex solid #eee;
- margin-top: 4em;
-}
-
-div.sidebar h2 {
- margin-top: 0;
- padding: 5px 2ex 5px 2ex;
- background: url(t.png) top left repeat-y;
- font-size: 100%;
-}
-
ul.toc {
padding: 0;
padding-left: 20px;
@@ -358,82 +75,3 @@ ul.toc li a:hover {
margin-left: 0;
padding-left: 27px;
}
-
-
-#header {
- background: #729FCF url(gnome.png) 15px 10px no-repeat;
- float: left;
- width: 100%;
- font-size: 75%;
-}
-
-#header h1 {
- margin: 0;
- margin-left: 85px;
- padding-top: 25px;
- font-size: 200%;
- color: #eeeeec;
-}
-
-#tabs {
- background: url(bar.png) 0 100% repeat-x;
- width: 100%;
- float: left;
- margin: 0;
- padding: 0;
-}
-
-#portal-globalnav {
- float: right;
- list-style: none;
- margin: 0;
- margin-right: 3ex;
-}
-
-#portal-globalnav li {
- float: left;
- margin: 0;
- margin-left: 0.2ex;
- font-size: 2ex;
-}
-
-#portal-globalnav li a:hover {
- color: #111111;
-}
-
-#portal-globalnav li a {
- float: left;
- text-decoration: none;
- color: #555555;
- background: url(tab_left.png) 0 0 no-repeat;
- padding: 7px 0 7px 7px;
- border-bottom: 2px solid #CCCCCC;
-}
-
-#portal-globalnav li span {
- background: url(tab_right.png) 100% 0 no-repeat;
- padding: 7px 28px 7px 19px;
-}
-
-#portal-globalnav li.selected a {
- color: #3566A5;
- background: url(tab_left.png) 0 -57px no-repeat;
- border-bottom: none;
- padding-top: 8px;
- padding-bottom: 8px;
-}
-
-#portal-globalnav li.selected a span {
- background: url(tab_right.png) 100% -57px no-repeat;
- padding-top: 8px;
- padding-bottom: 8px;
-}
-
-/* page content */
-
-div#content {
- clear: both;
- padding: 1em;
- margin: 1em;
-}
-
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
