GNOME.org
 

art-web r568 - in branches/art-hub: . css

Author: thos
Date: Mon Dec 15 10:51:47 2008
New Revision: 568
URL: http://svn.gnome.org/viewvc/art-web?rev=568&view=rev

Log:
Update with new front page by Andreas Nilsson


Modified:
   branches/art-hub/css/frontpage.css
   branches/art-hub/index.html

Modified: branches/art-hub/css/frontpage.css
==============================================================================
--- branches/art-hub/css/frontpage.css	(original)
+++ branches/art-hub/css/frontpage.css	Mon Dec 15 10:51:47 2008
@@ -14,61 +14,42 @@
 	font-size: 100%;
 }
 
-/* three column layout */
-
-#top {
-	text-align: center;
-	margin: 1em;
-}
-
-#bottom {
-	padding-top: 1px;
-	clear: both;
+#sidebar2 {
+	float: right;
+	width: 300px;
 }
 
-#bottomLeft {
-	width: 66%;
-	float: left;
+#sidebar2 h3 {
+	margin-top: 0px;
 }
 
-#bottomLeftLeft {
-	width: 48%;
-	float: left;
+#bread {
+	margin-right: 400px;
 }
 
-#bottomLeftRight {
-	margin-left: 48%;
-	padding-left: 10px;
-	padding-left: 2em;
+#main {
+	background: yellow;
 }
 
-#bottomRight {
-	margin-left: 66%;
-	padding-left: 2em;
-	/*padding-left: 10px;*/
+#art-requests {
+	background: #edd400;
+	padding: 1em;
+	margin-bottom: 20px;
+	-moz-border-radius: 10px;
 }
 
-/* what is gnome? box */
-
-#whatisgnome {
-	position: relative;
-	z-index: 10;
-	border: 3px #99c solid;
-	background-color: #eee;
-	/*font-size: 95%;*/
-	line-height: 150%;
+#art-docs {
+	background: #d3d7cf;
+	padding: 1em;
+	-moz-border-radius: 10px;
 }
 
-#whatisgnome h2 {
-	padding: 0px;
-	margin: 0px;
-	padding: 0.3ex;
-	background-color: #ccf;
-	color: #333;
-	border-bottom: 1px #99c solid;
-	text-align: center;
+#content ul li {
+	padding: 0.2em;
 }
 
-#whatisgnome p {
-	padding: 0px 10px 0px 10px;
+#intro {
+	background: url("/css/art-palette.png") bottom right no-repeat;
+	padding-right: 215px;
+	margin-bottom: 100px;
 }

Modified: branches/art-hub/index.html
==============================================================================
--- branches/art-hub/index.html	(original)
+++ branches/art-hub/index.html	Mon Dec 15 10:51:47 2008
@@ -2,13 +2,14 @@
 <html><head>
 
 
-  <link href="css/layout.css" rel="stylesheet" type="text/css" media="screen">
-  <link href="css/style.css" rel="stylesheet" type="text/css" media="all">
+  <link href="/css/layout.css" rel="stylesheet" type="text/css" media="screen">
+  <link href="/css/style.css" rel="stylesheet" type="text/css" media="all">
+  <link href="/css/frontpage.css" rel="stylesheet" type="text/css" media="all">
   <link rel="icon" type="image/png" href="http://www.gnome.org/img/logo/foot-16.png";>
   <link rel="SHORTCUT ICON" type="image/png" href="http://www.gnome.org/img/logo/foot-16.png";><title>GNOME: The Free Software Desktop Project</title>
 
 
-<link rel="stylesheet" type="text/css" href="css/frontpage.css"></head><body>
+<lionk rel="stylesheet" type="text/css" href="css/frontpage.css"></head><body>
   <!-- site header -->
   <div id="page">
     <ul id="general">
@@ -49,88 +50,76 @@
 <!-- end site header -->
 
   <div id="body">
-    <div id="content">
 
-<div id="bottom">
-  <div id="bottomLeft">
-    <div id="bottomLeftLeft">
-    <h2>About</h2>
-    <p>This website aims to provide a place where artists, users and developers
-    can collaborate and share artwork for the GNOME desktop.</p>
-    <h3>Style</h3>
-    <p>GNOME artwork aims to conform to the <a
-    href="http://tango.freedesktop.org/";>Tango Desktop Project</a> style
-    guidelines. GNOME projects should try to match this style wherever possible.</p>
-    <h3>What happened to the old art.gnome.org?</h3>
-    <p>
-    The original art.gnome.org became difficult to maintain and was badly in need of a
-    face lift. This new version still includes the many themes and backgrounds
-    that have been submitted over the years, but in a
-    very much simplified layout. There are plans to add more features, but if you'd like to 
-    help improve art.gnome.org, please see the "Get Involved" section on this page.
-    </p>
-    </div>
-
-    <div id="bottomLeftRight">
-      <h2>Resources</h2>
-      <h3>Projects</h3>
-      <ul>
-        <li><a href="http://people.freedesktop.org/~jimmac/icons/#git";>GNOME
-        Icon Theme</a></li>
-        <li><a href="http://people.freedesktop.org/~jimmac/icons/#highcontrast";>High
-        Contrast Icon Theme</a></li>
-      </ul>
-      <h3>Documents</h3>
-      <ul>
-        <li>GNOME <a href="http://live.gnome.org/BrandGuidelines";>Brand
-        Guidelines</a></li>
-        <li><a
-        href="http://standards.freedesktop.org/icon-naming-spec/icon-naming-spec-latest.html";>Icon
-        Naming Specification</a></li>
-        <li><a href="http://freedesktop.org/wiki/ThemePackageSpec";>Theme Package Specification</a></li>
-        <li><a href="http://live.gnome.org/RoadMap/Artwork";>Artwork Roadmap</a></li>
-	<li><a href="http://live.gnome.org/ThemableAppSpecificIcons";>Implementing Themable Application Specific Icons</a></li>
-      </ul>
-      <h3>Get Involved</h3>
-      <p>There are lots of ways to get involved in GNOME art, even if you are
-      not an artist.
-      <ul>
-        <li><a href="http://mail.gnome.org/mailman/listinfo/gnome-themes-list";>gnome-themes mailing list</a></li>
-        <li><a href="http://lists.freedesktop.org/mailman/listinfo/tango-artists";>Tango Artists mailing list</a></li>
-        <li>#gnome-art on irc.gnome.org</li>
-        <li>#tango on irc.freenode.org</li>
-      </ul>
-      <h3>Licensing</h3>
-      <p>The GNOME Desktop is licensed under the GPL and LGPL, so it is only natural that
-      the artwork in GNOME is licensed with same ideas of freedom and co-operation.
-      </p>
-      <p>For more discussion about licensing and how you may be able to use GNOME
-      artwork, please see the <a href="faq.html">FAQ page</a>.</p>
-    </div>
-  </div>
+  <div id="content">
+<div id="sidebar2">
 
-  <div id="bottomRight">
-    <h2>Tutorials</h2>
-    <p>The <a href="http://live.gnome.org/GnomeArt";>GNOME Art wiki</a> has a number
-    of tutorials about creating artwork for GNOME. The tutorials are in various
-    stages of completeness and everyone is encouraged to help improve them where
-    possible.</p>
-    <p>The current tutorials available include:</p>
-    <ul>
-      <li><a href="http://live.gnome.org/GnomeArt/Tutorials/IconThemes";>Icon Themes</a></li>
-      <li><a href="http://live.gnome.org/GnomeArt/Tutorials/GtkThemes";>GTK+ Themes</a></li>
-      <li><a href="http://live.gnome.org/GnomeArt/Tutorials/MetacityThemes";>Metacity Themes</a></li>
-      <li><a href="http://live.gnome.org/GnomeArt/Tutorials";>More...</a></li>
-    </ul>
-     <h2>Artwork requests</h2>
-     <p>Are you a developer that need help with a application icon, logo or design for marketing materials? <a href="http://live.gnome.org/GnomeArt/ArtRequests";>Ask the GNOME artists for help!</a></p>
-  </div>
+<div id="art-requests">
+<h3>Artwork requests</h3>
+Are you a developer that need help with a application icon, logo or design for marketing materials? <a href="http://live.gnome.org/GnomeArt/ArtRequests";>Ask the GNOME artists for help!</a>
+</div>
 
+<div id="art-docs">
+<h3>Projects</h3>
+<ul>
+<li><a href="http://people.freedesktop.org/~jimmac/icons/#git";>GNOME Icon Theme</a></li>
+<li><a href="http://people.freedesktop.org/~jimmac/icons/#highcontrast";>High Contrast Icon Theme</a></li>
+</ul>
+
+<h3>Documents</h3>
+<ul>
+<li><a href="http://live.gnome.org/BrandGuidelines";>GNOME Brand Guidelines</a></li>
+<li><a href="http://standards.freedesktop.org/icon-naming-spec/icon-naming-spec-latest.html";>Icon Naming Specification</a></li>
+<li><a href="http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines";>Tango icon style guidelines</a>
+<li><a href="http://live.gnome.org/RoadMap/Artwork";>Artwork Roadmap</a></li>
+<li><a href="http://freedesktop.org/wiki/ThemePackageSpec";>Theme Package Specification</a></li>
+<li><a href="http://live.gnome.org/ThemableAppSpecificIcons";>Implementing Themable Application Specific Icons</a></li>
+</ul>
+
+<h3>Customization tutorials</h3>
+<ul>
+<li><a href="http://live.gnome.org/GnomeArt/Tutorials/IconThemes";>Icon Themes</a></li>
+<li><a href="http://live.gnome.org/GnomeArt/Tutorials/GtkThemes";>GTK+ Themes</a></li>
+<li><a href="http://live.gnome.org/GnomeArt/Tutorials/MetacityThemes";>Metacity Themes</a></li>
+<li><a href="http://live.gnome.org/GnomeArt/Tutorials";>More...</a></li>
 
+</ul>
 </div>
 
+</div><!-- end of div#sidebar2 -->
+
+
+<div id="bread">
+<h2>Do you want to create things that are both attractive and useful?</h2>
+<div id="intro">
+<p>The GNOME Art team needs your help with icons, visual design on the desktop and websites for GNOME projects.</p>
+
+<p>There are lots of ways to get involved in GNOME art, even if you are not an artist. Get in touch with us today!</p>
+
+<p>E-mail:</p>
+<ul>
+<li><a href="http://mail.gnome.org/mailman/listinfo/gnome-themes-list";>gnome-themes mailing list</a></li>
+<li><a href="http://lists.freedesktop.org/mailman/listinfo/tango-artists";>Tango Artists mailing list</a></li>
+</ul>
+
+<p>IRC Chat:</p>
+<ul>
+<li>#gnome-art on irc.gnome.org</li>
+<li>#tango on irc.freenode.org</li>
+</ul>
+</div> <!-- End of intro id -->
+
+<h3>Licensing</h3>
+
+<p>The GNOME Desktop is licensed under the <a href="http://www.gnu.org/licenses/gpl.html";>GPL</a> and <a href="http://www.gnu.org/licenses/lgpl.html";>LGPL</a>, so it is only natural that the artwork in GNOME is licensed with same ideas of freedom and co-operation.</p>
+
+<p>For more discussion about licensing and how you may be able to use GNOME artwork, please see the <a href="faq.html">FAQ page</a>.</p>
+
+<h3>What happened to art.gnome.org?</h3>
 
+<p>The original art.gnome.org became difficult to maintain and was badly in need of a face lift. This new version still includes the many themes and backgrounds that have been submitted over the years, but in a very much simplified layout. If you'd like to help improve art.gnome.org, please see the "Get Involved" section on this page</p>
 
+</div> <!-- end of div#bread -->
   </div> <!-- end of div#content -->
 
   <div id="footer">
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]