[gnomeweb-wml] easytag: Redesign using gnome.org style



commit 2dd59273638ff7381f5123cbe3c346eb72f6739b
Author: David King <amigadave amigadave com>
Date:   Tue Jan 22 22:20:21 2013 +0000

    easytag: Redesign using gnome.org style
    
    Remove lots of old cruft, such as GTK+ 1 screenshots and old logos.

 projects.gnome.org/easytag/ChangeLog-gtk1          | 1030 -----
 .../easytag/EasyTAG_Documentation.html             |  613 ---
 projects.gnome.org/easytag/Makefile.am             |   70 +-
 projects.gnome.org/easytag/css/bar.png             |  Bin 0 -> 154 bytes
 projects.gnome.org/easytag/css/foot.png            |  Bin 0 -> 699 bytes
 projects.gnome.org/easytag/css/gnome-16.png        |  Bin 0 -> 650 bytes
 projects.gnome.org/easytag/css/layout.css          |  475 +++
 projects.gnome.org/easytag/css/style.css           |  209 +
 projects.gnome.org/easytag/css/top_bar-bg.png      |  Bin 0 -> 185 bytes
 projects.gnome.org/easytag/downloads.htm           |  921 -----
 projects.gnome.org/easytag/easytag.css             |   93 -
 projects.gnome.org/easytag/faq.html                |  112 +
 projects.gnome.org/easytag/fr/index.htm            |   62 -
 projects.gnome.org/easytag/fr/index.html           |   23 -
 projects.gnome.org/easytag/history.htm             | 4022 --------------------
 projects.gnome.org/easytag/images/EasyTAG.png      |  Bin 2494 -> 0 bytes
 projects.gnome.org/easytag/images/EasyTAG_logo.png |  Bin 16292 -> 0 bytes
 .../easytag/images/EasyTAG_logo_100.png            |  Bin 5025 -> 0 bytes
 .../easytag/images/EasyTAG_logo_150.png            |  Bin 8533 -> 0 bytes
 projects.gnome.org/easytag/images/Go.gif           |  Bin 887 -> 0 bytes
 projects.gnome.org/easytag/images/bug.png          |  Bin 1316 -> 0 bytes
 projects.gnome.org/easytag/images/debian.png       |  Bin 858 -> 0 bytes
 projects.gnome.org/easytag/images/download.png     |  Bin 1155 -> 0 bytes
 projects.gnome.org/easytag/images/easytag-icon.png |  Bin 0 -> 874 bytes
 projects.gnome.org/easytag/images/easytag-logo.png |  Bin 0 -> 20223 bytes
 projects.gnome.org/easytag/images/fedora.png       |  Bin 446 -> 0 bytes
 projects.gnome.org/easytag/images/file.png         |  Bin 491 -> 0 bytes
 projects.gnome.org/easytag/images/fink.png         |  Bin 387 -> 0 bytes
 projects.gnome.org/easytag/images/freebsd.png      |  Bin 638 -> 0 bytes
 projects.gnome.org/easytag/images/freshrpms.png    |  Bin 320 -> 0 bytes
 projects.gnome.org/easytag/images/gentoo.png       |  Bin 738 -> 0 bytes
 projects.gnome.org/easytag/images/index.html       |    9 -
 projects.gnome.org/easytag/images/mandrake.png     |  Bin 532 -> 0 bytes
 projects.gnome.org/easytag/images/mandrake_.png    |  Bin 896 -> 0 bytes
 projects.gnome.org/easytag/images/netbsd.png       |  Bin 366 -> 0 bytes
 projects.gnome.org/easytag/images/news.png         |  Bin 1318 -> 0 bytes
 projects.gnome.org/easytag/images/opensuse.png     |  Bin 566 -> 0 bytes
 projects.gnome.org/easytag/images/osx.png          |  Bin 787 -> 0 bytes
 projects.gnome.org/easytag/images/redhat.png       |  Bin 303 -> 0 bytes
 .../screenshot_cddb_window_automatic_search.jpg    |  Bin 73400 -> 0 bytes
 .../screenshot_cddb_window_manual_search.jpg       |  Bin 76344 -> 0 bytes
 .../images/screenshot-gtk1/screenshot_easytag.jpg  |  Bin 15800 -> 0 bytes
 .../screenshot_load_filename_window.jpg            |  Bin 37588 -> 0 bytes
 .../screenshot-gtk1/screenshot_main_window.jpg     |  Bin 110594 -> 0 bytes
 .../screenshot-gtk1/screenshot_main_window_aav.jpg |  Bin 110571 -> 0 bytes
 .../screenshot-gtk1/screenshot_playlist_window.jpg |  Bin 36765 -> 0 bytes
 .../images/screenshot-gtk1/screenshot_prefs.jpg    |  Bin 62336 -> 0 bytes
 .../screenshot_search_file_window.jpg              |  Bin 31530 -> 0 bytes
 .../screenshot-gtk1/screenshot_sw_mask_editor.jpg  |  Bin 41590 -> 0 bytes
 .../screenshot_sw_process_fields.jpg               |  Bin 29103 -> 0 bytes
 .../screenshot-gtk1/screenshot_sw_rename_file.jpg  |  Bin 14547 -> 0 bytes
 .../screenshot-gtk1/screenshot_sw_scan_tag.jpg     |  Bin 16412 -> 0 bytes
 .../images/screenshot-gtk2/screenshot_easytag.png  |  Bin 73320 -> 0 bytes
 .../screenshot-gtk2/screenshot_main_window.jpg     |  Bin 156720 -> 0 bytes
 projects.gnome.org/easytag/images/slackware.png    |  Bin 683 -> 0 bytes
 projects.gnome.org/easytag/images/suse.png         |  Bin 872 -> 0 bytes
 projects.gnome.org/easytag/images/tarball.png      |  Bin 846 -> 0 bytes
 projects.gnome.org/easytag/images/win32.png        |  Bin 727 -> 0 bytes
 projects.gnome.org/easytag/index.htm               |  693 +---
 projects.gnome.org/easytag/index.html              |   20 -
 projects.gnome.org/easytag/menu.htm                |   93 -
 projects.gnome.org/easytag/screenshots-gtk1.htm    |  275 --
 projects.gnome.org/easytag/screenshots-gtk2.htm    |  285 --
 projects.gnome.org/easytag/screenshots.html        |  162 +
 64 files changed, 1135 insertions(+), 8032 deletions(-)
---
diff --git a/projects.gnome.org/easytag/Makefile.am b/projects.gnome.org/easytag/Makefile.am
index 42da5a1..987aeff 100644
--- a/projects.gnome.org/easytag/Makefile.am
+++ b/projects.gnome.org/easytag/Makefile.am
@@ -2,77 +2,33 @@ urlpath = /easytag/
 
 page_SCRIPTS= \
 	ChangeLog \
-	ChangeLog-gtk1 \
-	downloads.htm \
-	easytag.css \
-	EasyTAG_Documentation.html \
-	history.htm \
-	index.htm \
+	faq.html \
 	index.html \
-	menu.htm \
-	screenshots-gtk1.htm \
-	screenshots-gtk2.htm \
+	screenshots.html \
 	$(NULL)
 
-frdir=$(pagedir)/fr
-fr_DATA = \
-	fr/index.htm \
-	fr/index.html \
+cssdir=$(pagedir)/css
+css_DATA = \
+	css/bar.png \
+	css/foot.png \
+	css/gnome-16.png \
+	css/layout.css \
+	css/style.css \
+	css/top_bar-bg.png \
 	$(NULL)
 
 imagesdir=$(pagedir)/images
 images_DATA = \
-	images/bug.png \
-	images/debian.png \
-	images/download.png \
-	images/EasyTAG.png \
-	images/EasyTAG_logo.png \
-	images/EasyTAG_logo_100.png \
-	images/EasyTAG_logo_150.png \
-	images/fedora.png \
-	images/file.png \
-	images/fink.png \
-	images/freebsd.png \
-	images/freshrpms.png \
-	images/gentoo.png \
-	images/Go.gif \
-	images/mandrake.png \
-	images/mandrake_.png \
-	images/netbsd.png \
-	images/news.png \
-	images/opensuse.png \
-	images/osx.png \
-	images/redhat.png \
-	images/slackware.png \
-	images/suse.png \
-	images/tarball.png \
-	images/win32.png \
-	$(NULL)
-
-screenshot_gtk1dir = $(pagedir)/images/screenshot-gtk1
-screenshot_gtk1_DATA = \
-	images/screenshot-gtk1/screenshot_cddb_window_automatic_search.jpg \
-	images/screenshot-gtk1/screenshot_cddb_window_manual_search.jpg \
-	images/screenshot-gtk1/screenshot_easytag.jpg \
-	images/screenshot-gtk1/screenshot_load_filename_window.jpg \
-	images/screenshot-gtk1/screenshot_main_window.jpg \
-	images/screenshot-gtk1/screenshot_main_window_aav.jpg \
-	images/screenshot-gtk1/screenshot_playlist_window.jpg \
-	images/screenshot-gtk1/screenshot_prefs.jpg \
-	images/screenshot-gtk1/screenshot_search_file_window.jpg \
-	images/screenshot-gtk1/screenshot_sw_mask_editor.jpg \
-	images/screenshot-gtk1/screenshot_sw_process_fields.jpg \
-	images/screenshot-gtk1/screenshot_sw_rename_file.jpg \
-	images/screenshot-gtk1/screenshot_sw_scan_tag.jpg \
+	images/easytag-icon.png \
+	images/easytag-logo.png \
 	$(NULL)
 
 screenshot_gtk2dir = $(pagedir)/images/screenshot-gtk2
 screenshot_gtk2_DATA = \
 	images/screenshot-gtk2/screenshot_cddb_window_automatic_search.png \
 	images/screenshot-gtk2/screenshot_cddb_window_manual_search.png \
-	images/screenshot-gtk2/screenshot_easytag.png \
 	images/screenshot-gtk2/screenshot_load_filename_window.png \
-	images/screenshot-gtk2/screenshot_main_window.jpg \
+	images/screenshot-gtk2/screenshot_main_window.png \
 	images/screenshot-gtk2/screenshot_main_window_aav.png \
 	images/screenshot-gtk2/screenshot_main_window_pic.png \
 	images/screenshot-gtk2/screenshot_main_window_win32.png \
diff --git a/projects.gnome.org/easytag/css/bar.png b/projects.gnome.org/easytag/css/bar.png
new file mode 100644
index 0000000..e5b354e
Binary files /dev/null and b/projects.gnome.org/easytag/css/bar.png differ
diff --git a/projects.gnome.org/easytag/css/foot.png b/projects.gnome.org/easytag/css/foot.png
new file mode 100644
index 0000000..1138da1
Binary files /dev/null and b/projects.gnome.org/easytag/css/foot.png differ
diff --git a/projects.gnome.org/easytag/css/gnome-16.png b/projects.gnome.org/easytag/css/gnome-16.png
new file mode 100644
index 0000000..95c4ff6
Binary files /dev/null and b/projects.gnome.org/easytag/css/gnome-16.png differ
diff --git a/projects.gnome.org/easytag/css/layout.css b/projects.gnome.org/easytag/css/layout.css
new file mode 100644
index 0000000..d7d170c
--- /dev/null
+++ b/projects.gnome.org/easytag/css/layout.css
@@ -0,0 +1,475 @@
+/* CSS copied from http://git.gnome.org/browse/mail-web/ */
+
+/* Basic tags */
+body {
+    padding: 0px;
+    background: url(http://www.gnome.org/wp-content/themes/gnome-grass/images/html-bg.png) repeat-x scroll 0 10px #FFFFFF;
+    height: 100%;
+    margin-bottom: 0px;
+    color: #2E3436;
+    font-family: Cantarell,'Droid Sans',Ubuntu,'DejaVu Sans',Arial,sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+    width: 100%;
+}
+
+#body {
+    margin: 90px 230px 0px 10px;
+    padding: 0px;
+}
+
+a img {
+    border: 0px;
+    margin-top: 39px;
+}
+
+/* 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-top: 10px;
+    padding: 0px;
+    float: right;
+}
+
+.center {
+    text-align: center;
+}
+
+/* Common page elements: Header, footer, etc. */
+
+#hdr {
+    position: absolute;
+    z-index: 5;
+
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    width: 100%;
+    height: 48px;
+
+    text-align: right;
+
+    background-color: #e3ffc3;
+    text-decoration: underline;
+}
+
+#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;
+}
+
+
+/* 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;
+}
+
+
+#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: 100%;
+    text-align: center;
+    clear: both;
+}
+
+
+div.body {
+    clear: both;
+    padding-top: 1px;
+}
+
+ul.toc {
+    padding: 0;
+    padding-left: 20px;
+    margin-left: 0;
+    margin-right: 10px;
+    list-style: none;
+}
+
+ul.toc li {
+    list-style: circle;
+}
+
+ul.toc li a {
+    text-decoration: none;
+    color: black;
+}
+
+ul.toc li a:hover {
+    text-decoration: underline;
+}
+
+#header h1 {
+    margin-left: 20px;   
+    padding-top: 85px; 
+    font-size: 130%;
+    color: #3F4448;
+    font-weight: inherit;
+}
+
+
+/* page content */
+
+div#content {
+    clear: both;
+    padding-top: 0.3em;
+    margin: 1em;
+}
+
+/* global domain bar */
+
+#global_domain_bar {
+    width: 960px;
+    margin: auto;
+}
+
+#global_domain_bar .maxwidth {
+    margin: 10px;
+    margin-top: -16px;
+}
+
+
+#global_domain_bar .tab {
+    background: none repeat scroll 0 0 #FFFFFF;
+    border-radius: 5px 5px 5px 5px;
+    box-shadow: 0 4px 2px -2px #8FB3D9;
+    float: right;
+    font-size: 12px;
+    line-height: 16px;
+    padding: 6px 8px;
+    position: relative;
+    right: 0;
+}
+
+#global_domain_bar .tab a.root:last-child {
+    border-right: 0 none;
+    margin-right: 0;
+    padding-right: 0;
+}
+
+#global_domain_bar .tab a.root {
+    background: url(http://www.gnome.org/wp-content/themes/gnome-grass/images/favicon.png) no-repeat scroll 0 0 #FFFFFF;
+    border-right: 1px solid #CCCCCC;
+    color: #555753;
+    font-weight: bold;
+    margin-right: 3px;
+    padding-left: 18px;
+    padding-right: 6px;
+    text-decoration: none;
+}
+
+
+/* Footer Grass & community */
+
+#footer_grass {
+    background: url(http://www.gnome.org/wp-content/themes/gnome-grass/images/grass.png) repeat-x scroll top transparent;
+    height: 39px;
+    margin-top: -33px;
+    bottom: 0;
+}
+
+#footer_community {
+    background: url(http://www.gnome.org/wp-content/themes/gnome-grass/images/footer_arts/community.png) center no-repeat;
+    height: 180px;
+    bottom: 0; 
+}
+
+/* FOOTER  */
+
+#footer div.links > div > ul > li {
+    float: left;
+    margin: 0 40px 10px 0;
+}
+
+#footer ul li {
+    margin: 0;
+    padding: 0;
+}
+
+#footer p {
+    color: #3F4448;
+    margin: 0em;
+}
+
+#footer #footnotes {
+    font-size: 9px;
+    margin-top: 4px;
+}
+
+#footer ul.menu > li > a {
+    font-weight: bold;
+}
+
+#footer div.links div a, #footer div.links div strong {
+    display: block;
+    text-decoration: none;
+}
+
+#footer .links a {
+    -moz-transition: background-color 100ms ease-in 0s;
+    color: inherit;
+}
+
+/*top bar*/
+
+.left {
+    float: left;
+}
+
+#top_bar ul {
+    list-style: none outside none;
+    margin: 0;
+    padding: 0 5px;
+}
+
+#top_bar ul li {
+    display: inline;
+    margin: 0 5px 0 0;
+}
+
+#top_bar a {
+    -moz-transition: background 100ms linear 0s;
+    border-radius: 4px 4px 4px 4px;
+    color: #FFFFFF;
+    outline: 0 none;
+    padding: 4px 8px;
+    text-decoration: none;
+    text-shadow: 0 1px 0 #000000;
+}
+
+#top_bar a:hover {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
+}
+
+#top_bar a:focus {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
+}
+
+#top_bar a:active, #top_bar li.current-menu-item a, #top_bar li.current-page-ancestor a {
+    background: url("images/top_bar-item-bg.png") repeat-x scroll center top #1C2021;
+    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 3px rgba(0, 0, 0, 0.4) inset;
+}
+
+.right {
+    float: right;
+}
+
+.hidden {
+    display: none;
+}
+
+#top_bar {
+    background: url("images/top_bar-bg.png") repeat-x scroll center top #2E3436;
+    border-radius: 6px 6px 6px 6px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    float: right;
+    font-size: 13px;
+    line-height: normal;
+    margin-top: 48px;
+}
+
+.content_container .nav_grid {
+    width: 700px;
+}
+
+.content_container {
+    margin-left: auto;
+    margin-right: auto;
+    width: 960px;
+}
+
+.logo_grid, .nav_grid {
+    display: inline;
+    float: left;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+input {
+    -moz-appearance: textfield;
+    -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
+    -moz-user-select: text;
+    background-color: -moz-field;
+    border: 2px inset threedface;
+    color: -moz-fieldtext;
+    cursor: text;
+    font: -moz-field;
+    letter-spacing: normal;
+    line-height: normal !important;
+    padding: 1px 0;
+    text-align: start;
+    text-indent: 0;
+    text-rendering: optimizelegibility;
+    text-shadow: none;
+    text-transform: none;
+    word-spacing: normal;
+}
+
+
+/*logo*/
+
+#header #logo {
+    float: left;
+}
+
+.logo_grid {
+    width: 220px;
+}
+
+
+#header #logo img {
+    -moz-transition: opacity 200ms ease-out 0s;
+    height: 78px;
+    margin-left: 10px;
+    opacity: 1;
+    width: 250px;
+    left: 10px;
+    margin-top: 5px;
+}
+
+#header {
+    margin: 20px auto 0;
+    width: 960px;
+    float: center;
+    font-size: 75%;
+}
+
+
+#except_footer {
+    width: 960px;
+    margin: auto;
+}
+
+#logo_bar {
+    font-size: 75%;
+    margin: 20px auto 0;
+    width: 960px;
+    padding-top: 10px;
+}
+
+select {
+    height: 27px;
+    margin-left: 53px;
+    margin-top: 55px;
+    text-align: center;
+    width: 205px;
+}
diff --git a/projects.gnome.org/easytag/css/style.css b/projects.gnome.org/easytag/css/style.css
new file mode 100644
index 0000000..174db88
--- /dev/null
+++ b/projects.gnome.org/easytag/css/style.css
@@ -0,0 +1,209 @@
+/**
+ * Styles that are not a part of page layout.
+ *
+ * For example:
+ *  Fonts
+ *  Sizes
+ *  Decoration
+ *  Separators
+ */
+body {
+  margin: 0; 
+  padding: 0;
+}
+
+div#content a {
+	color: #3465a4;
+	border-bottom: 1px #888;
+	text-decoration: none;
+}
+
+div#content a:hover {
+	text-decoration: underline;
+}
+
+
+h1.first {
+  margin-top: 0;
+  padding-top: 0;
+}
+
+h2, h3, h4, h5, h6 {
+  color: #3f3f3f;
+}
+
+h1 {
+  font-size: 1.4em;
+}
+
+h2 {
+    font-size: 25px;
+}
+
+h3, dt {
+    font-size: 21px;
+    margin: 0.4em 0 0.5em;
+    color: #2E3436;
+}
+
+p, dd, .action_box, ul, ol {
+    margin: 0.4em 0 1em;
+}
+
+/*  lists  */
+.list {
+  margin-top:.5em;
+}
+.list tr td {
+  padding:.2em;
+  text-align:left;
+}
+.list td label {
+  border-bottom:1px dashed #999;
+  font-weight:normal;
+}
+.list th {
+  background: #ccf;
+  border: 1px solid #000;
+  font-weight: bold;
+  padding: 2px;
+}
+.list th a {
+  display: block;
+  padding:.2em 1.2em .2em .2em;
+  text-align: left;
+}
+.list th a:hover {
+  background-color: #fff;
+}
+.row1 {
+  background-color: #eee;
+}
+.row2 {
+  background-color: #ddd;
+}
+.row1:hover, .row2:hover {
+  background-color: #fff;
+}
+
+.record th {
+  text-align: right;
+}
+
+/* styling page content */
+
+h1 {
+	font-size: 1.5em;
+	color: #3f3f3f;
+}
+
+/* styling form widgets like bugzilla.gnome.org */
+input,textarea {
+ border: 1px solid #6f6f6f;
+/* background: #dddddd; */
+}
+
+input.login_small {
+ border-style: none;
+}
+
+input:focus,textarea:focus {
+  background-color: #f7f2d0;
+  color: #000000;
+}
+
+/* select {
+ border: groove
+} */
+
+option {
+ border: 0px none #ffffff;
+}
+
+input[type=radio] {
+  margin-left: 1em;
+}
+
+/* footer */
+
+#footer {
+    background: none repeat scroll 0 0 #D3D7CF;
+    clear: left;
+    color: #555753;
+    padding: 14px 0 195px;
+    margin-bottom: 0;
+}
+
+#footer {
+    font-size: 11px;
+    line-height: 1.5em;
+}
+
+#footer ul {
+    list-style: none outside none;
+    margin: 0;
+    padding: 0;
+}
+
+#footer li {
+	display: inline;
+	padding: 0 0;
+}
+
+#footer a {
+	color: #3465a4;
+	text-decoration: none;
+}
+
+#footer div.links div a:hover{
+    display: block;
+    text-decoration: underline;
+}
+h1 {
+ margin: auto; 
+ width: 960px;
+}
+
+h2 {
+    font-size: 25px;
+}
+h3, dt {
+    font-size: 21px;
+    margin: 0.4em 0 0.5em;
+    color: #2E3436;
+}
+dt {
+    color: #E36615;
+}
+dt a:hover {
+    color: #fa7721;    
+}
+h4 {
+    font-size: 16px;
+    color: #ce5c00;
+}
+h5 {
+    font-size: 14px;
+}
+h6 {
+    font-size: 12px;
+}
+ol {
+    list-style:decimal;
+}
+ul {
+    list-style:square;
+}
+
+dl,dt,h2,h3,h4,h5,h6,pre,table,address,fieldset {
+    margin: 0.8em 0 0.4em;
+}
+p, dd, .action_box, ul, ol {
+    margin: 0.4em 0 1em;
+}
+code {
+    background: #ececec;
+    background: rgba(0,0,0,0.1);
+    padding: 1px;
+}
+
diff --git a/projects.gnome.org/easytag/css/top_bar-bg.png b/projects.gnome.org/easytag/css/top_bar-bg.png
new file mode 100644
index 0000000..567188c
Binary files /dev/null and b/projects.gnome.org/easytag/css/top_bar-bg.png differ
diff --git a/projects.gnome.org/easytag/faq.html b/projects.gnome.org/easytag/faq.html
new file mode 100644
index 0000000..0e0740f
--- /dev/null
+++ b/projects.gnome.org/easytag/faq.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<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 rel="icon" type="image/png" href="images/easytag-icon.png" />
+  <link rel="SHORTCUT ICON" type="image/png" href="images/easytag-icon.png" />
+
+  <title>Frequently asked questions about EasyTAG</title>
+</head>
+
+<body id="mail_gnome">
+  <div id="except_footer">
+    <div id="header" class="content_container">
+      <div id="global_domain_bar">
+        <div class="maxwidth">
+          <div class="tab">
+            <a class="root" href="http://www.gnome.org/";>GNOME.org</a>
+          </div>
+        </div>
+      </div>
+    </div><!-- header -->
+
+    <div id="logo_bar" class="content_container">
+      <div id="logo" class="logo_grid">
+        <a title="Go to home page" href="http://projects.gnome.org/easytag/";><img src="images/easytag-logo.png" alt="EasyTAG" /></a>
+      </div>
+
+      <div id="top_bar" class="nav_grid">
+        <div class="left">
+          <div class="menu-globalnav-container">
+            <ul id="menu-globalnav" class="menu">
+              <li class="menu-item">
+              <a href="http://projects.gnome.org/easytag/"; title="EasyTAG homepage">Home</a></li>
+
+              <li class="menu-item">
+              <a href="screenshots.html">Screenshots</a></li>
+
+              <li class="menu-item">
+              <a href="faq.html" title="Frequently Asked Questions">FAQ</a></li>
+
+              <li class="menu-item">
+              <a href="https://live.gnome.org/EasyTAG"; title="EasyTAG wiki at live.gnome.org">Wiki</a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="right">
+          <a href="http://projects.gnome.org/"; title="Other projects hosted at gnome.org">GNOME
+          Projects</a>
+        </div>
+      </div>
+    </div>
+
+    <div class="body">
+      <div id="content">
+
+        <h2>EasyTAG is a tag editor for MP3, Ogg Vorbis files and more</h2>
+
+        <ul id="toc" class="toc">
+        <li><a href="#install">How can I install EasyTAG?</a></li>
+        <li><a href="#bug">I think that I found a bug, what should I do?</a></li>
+        <li><a href="#donate">How can I donate to EasyTAG?</a></li>
+        </ul>
+
+        <h3 id="install">How can I install EasyTAG?</h3>
+
+        <p>EasyTAG is included in most Linux distributions, so installing the
+        distribution package is the easiest way. For Windows, download the
+        Windows installer. If you want to build EasyTAG yourself, download the
+        latest tarball release.</p>
+
+        <h3 id="bug">I think that I found a bug, what should I do?</h3>
+
+        <p><a href="https://bugzilla.gnome.org/enter_bug.cgi?product=easytag";>File
+        a new bug in Bugzilla</a> (you will need to register for an account if
+        you do not have one) or send an email describing the bug to
+        <a href="https://mail.gnome.org/mailman/listinfo/easytag-list";>the
+        mailing list</a>.</p>
+
+        <h3 id="donate">How can I donate to EasyTAG?</h3>
+
+        <p>EasyTAG does not currently have a way of accepting donations, but
+        please feel free to donate to any other Free software project that you
+        find deserving, such as
+        <a href="http://www.gnome.org/friends/"; title="Become a friend of GNOME">GNOME</a>
+        (which provides hosting for EasyTAG) or the
+        <a href"https://my.fsf.org/donate/"; title="Donate to the FSF">FSF</a>
+        (which provides GNU licenses, under which EasyTAG is licensed).</p>
+
+      </div><!-- end of content -->
+    </div>
+  </div><!--end of except_footer-->
+
+  <div id="footer_community"></div>
+
+  <div id="footer_grass"></div>
+
+  <div id="footer">
+    <div class="content_container" id="content_container">
+      <div id="footnotes" class="nav_grid">
+        <p> Copyright &copy; 2000 - 2013
+        <a href="mailto:easytag-list gnome org"><strong>The EasyTAG
+        authors</strong></a>.<br />
+        <small><a href="http://validator.w3.org/check/referer";>Optimised</a>
+        for <a href= "http://www.w3.org/";>standards</a>. Hosted by
+        <a href="http://www.redhat.com/";>Red Hat</a>.</small></p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/projects.gnome.org/easytag/images/easytag-icon.png b/projects.gnome.org/easytag/images/easytag-icon.png
new file mode 100644
index 0000000..1b3c82e
Binary files /dev/null and b/projects.gnome.org/easytag/images/easytag-icon.png differ
diff --git a/projects.gnome.org/easytag/images/easytag-logo.png b/projects.gnome.org/easytag/images/easytag-logo.png
new file mode 100644
index 0000000..4a41a50
Binary files /dev/null and b/projects.gnome.org/easytag/images/easytag-logo.png differ
diff --git a/projects.gnome.org/easytag/index.htm b/projects.gnome.org/easytag/index.htm
index 18d912a..df25d11 100644
--- a/projects.gnome.org/easytag/index.htm
+++ b/projects.gnome.org/easytag/index.htm
@@ -1,534 +1,169 @@
-<!DOCTYPE doctype PUBLIC "-//w3c//dtd html 4.0 transitional//en">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
 <head>
-  <title>EasyTAG - Tag editor for MP3, Ogg Vorbis, FLAC, MusePack and
-Monkey's Audio files, ...</title>
-  <meta http-equiv="Content-Type"
- content="text/html; charset=iso-8859-1">
-  <meta name="description"
- content="EasyTAG is an utility for viewing and editing tags for MP3, MP2, FLAC and OGG files, Ogg Vorbis, MusePack and Monkey's Audio files. His simple and nice GTK+ interface make tagging easier under GNU/Linux and Windows.">
-  <meta name="keywords"
- content="EasyTAG, easytag, MP3, MP2, MP4, M4A, M4P, AAC, editor, editing, software, id3, id3v1, id3v1.1, id3v1.x, id3v2, id3lib, Unicode, UTF-16, tag, tagger, Ogg, Vorbis, flac, Monkey's Audio, OptimFROG, MAC, APE, MusePack, MPC, MP+, MPP, linux, windows, win32, cddb, freedb, freedb.org, APIC, attached picture, cover art, MPEG4IP, mp4v2">
-  <link rel="icon" href="images/EasyTAG.png" type="image/png">
-  <link rel="shortcut icon" href="images/EasyTAG.png" type="image/png">
-  <link rel="Stylesheet" href="easytag.css" type="text/css">
+  <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 rel="icon" type="image/png" href="images/easytag-icon.png" />
+  <link rel="SHORTCUT ICON" type="image/png" href="images/easytag-icon.png" />
+
+  <title>EasyTAG - Tag editor for MP3, Ogg Vorbis, FLAC, MusePack and Monkey's
+  Audio files</title>
 </head>
-<body>
-<div id="header">
-<h1> EasyTAG - Tag editor for MP3, Ogg Vorbis files and more </h1>
-</div>
-<table bgcolor="#a0a0a0" border="0" width="100%">
-  <tbody>
-    <tr>
-      <td>
-      <table bgcolor="#cbcbcb" bordercolor="#cbcbcb" width="100%">
-        <tbody>
-          <tr bordercolor="#c4c4c4" bgcolor="#cbcbcb">
-            <td bgcolor="#a0a0a0" nowrap="nowrap">
-            <div align="center"><font color="#000000"
- face="lucida, helvetica, sans-serif"><b><font color="#000000"
- face="lucida, helvetica, sans-serif">Latest Stable Version :</font></b></font></div>
-            </td>
-            <td bgcolor="#a0a0a0" nowrap="nowrap">
-            <div align="center"><font color="#000000"
- face="lucida, helvetica, sans-serif"><b><font color="#000000"
- face="lucida, helvetica, sans-serif">Latest Devel Version :</font></b></font></div>
-            </td>
-            <td rowspan="2" bordercolor="#c4c4c4">
-            </td>
-          </tr>
-          <tr bgcolor="#cbcbcb">
-            <td bordercolor="#c4c4c4" nowrap="nowrap">
-            <div align="center"><font
- face="lucida, helvetica, sans-serif"><b>2.1.7</b> (2012/01/14)</font></div>
-            </td>
-            <td bordercolor="#c4c4c4" nowrap="nowrap">
-            <div align="center"><font
- face="lucida, helvetica, sans-serif"><b>2.1.7</b> (2012/01/14)</font></div>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<br>
-<br>
-<a name="about"></a> <br>
-<table name="about" bgcolor="#a0a0a0" border="0" cellpadding="0"
- cellspacing="0" width="100%">
-  <tbody>
-    <tr>
-      <td height="100">
-      <table border="0" cellpadding="3" cellspacing="3" width="100%">
-        <tbody>
-          <tr>
-            <td height="27">
-            <div align="center"><font
- face="lucida, helvetica, sans-serif"><b><font color="#000000" size="+1">ABOUT</font></b></font></div>
-            </td>
-          </tr>
-          <tr>
-            <td bgcolor="#ffffff">
-            <p><font face="lucida, helvetica, sans-serif">&nbsp;&nbsp;&nbsp;EasyTAG
-is a utility for viewing and editing tags for MP3, MP2, MP4/AAC, FLAC,
-Ogg Vorbis, MusePack, Monkey's Audio and WavPack files. Its simple and
-nice GTK+ interface makes tagging easier under GNU/Linux or Windows.<br>
-            </font></p>
-            <p>&nbsp;&nbsp;&nbsp; <font
- face="lucida, helvetica, sans-serif"> The program exists for the both
-versions of the GTK library 1.2 and 2.4.<br>
-The GTK 1.2 version wouldn't change a lot (may be some bugs fixes), as
-all new developments will be concentrated on the new GTK 2.4 version.<br>
-            <br>
-            </font></p>
-            <table border="0" width="100%">
-              <tbody>
-                <tr>
-                  <td bgcolor="#c4c4c4" height="13" width="100%">
-                  <div align="center"><font
- face="lucida, helvetica, sans-serif"> <b><b><font size="+1">EasyTAG
-2.x</font></b></b></font></div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-            <blockquote>
-              <p><font face="lucida, helvetica, sans-serif"><i>Features
-of version 2.1</i>:</font></p>
-            </blockquote>
-            <ul>
-              <ul>
-                <li><font face="lucida, helvetica, sans-serif">View,
-edit, write tags of MP3, MP2 files (ID3 tag with pictures), <a
- href="http://flac.sourceforge.net";>FLAC</a> files (FLAC Vorbis tag), <a
- href="http://www.vorbis.com";>Ogg Vorbis</a> files (Ogg Vorbis tag),
-MP4/AAC (MP4/AAC tag), MusePack, Monkey's Audio files and WavPack files
-(APE tag),</font></li>
-                <li> <font face="lucida, helvetica, sans-serif">Can
-edit more tag fields : Title, Artist, Album, Disc Album, Year, Track
-Number, Genre, Comment, </font><font
- face="lucida, helvetica, sans-serif">Composer, Original
-Artist/Performer, Copyright, URL, Encoder name and attached Picture,<br>
-                  </font></li>
-                <li><font face="lucida, helvetica, sans-serif">Auto
-tagging: parse filename and directory to complete automatically the
-fields (using masks),</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Ability
-to rename files and directories from the tag (using masks) or by
-loading a text file,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Process
-selected files of the selected directory,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Ability
-to browse subdirectories,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Recursion
-for tagging, removing, renaming, saving...,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Can set
-a field (artist, title,...) to all other files,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Read
-file header informations (bitrate, time, ...) and display them,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Auto
-completion of the date if a partial is entered,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Undo and
-redo last changes,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Ability
-to process fields of tag and file name (convert letters into uppercase,
-downcase, ...),</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Ability
-to open a directory or a file with an external program,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">CDDB
-support using Freedb.org and Gnudb.org servers (manual and automatic
-search),</font></li>
-                <li><font face="lucida, helvetica, sans-serif">A tree
-based browser or a view by Artist &amp; Album,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">A list
-to select files, </font></li>
-                <li><font face="lucida, helvetica, sans-serif">A
-playlist generator window,</font></li>
-                <li><font face="lucida, helvetica, sans-serif"> A file
-searching window,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Simple
-and explicit interface!,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">French,
-German, Russian, Dutch, Hungarian, Swedish, Italian, Japanese,
-Ukrainian, Czech, Spanish, Polish, Romanian, Danish, Greek, Brazilian
-Portuguese and Chinese translation languages,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Written
-in C and uses GTK+ 2 for the GUI,</font></li>
-                <li><font face="lucida, helvetica, sans-serif">Package
-available for <b>GNU/Linux</b> and <b>Windows</b>.</font></li>
-              </ul>
+
+<body id="mail_gnome">
+  <div id="except_footer">
+    <div id="header" class="content_container">
+      <div id="global_domain_bar">
+        <div class="maxwidth">
+          <div class="tab">
+            <a class="root" href="http://www.gnome.org/";>GNOME.org</a>
+          </div>
+        </div>
+      </div>
+    </div><!-- header -->
+
+    <div id="logo_bar" class="content_container">
+      <div id="logo" class="logo_grid">
+        <a title="Go to home page" href="http://projects.gnome.org/easytag/";><img src="images/easytag-logo.png" alt="EasyTAG" width="196px" height="221px" /></a>
+      </div>
+
+      <div id="top_bar" class="nav_grid">
+        <div class="left">
+          <div class="menu-globalnav-container">
+            <ul id="menu-globalnav" class="menu">
+              <li class="menu-item">
+              <a href="http://projects.gnome.org/easytag/"; title="EasyTAG homepage">Home</a></li>
+
+              <li class="menu-item">
+              <a href="screenshots.html">Screenshots</a></li>
+
+              <li class="menu-item">
+              <a href="faq.html" title="Frequently Asked Questions">FAQ</a></li>
+
+              <li class="menu-item">
+              <a href="https://live.gnome.org/EasyTAG"; title="EasyTAG wiki at live.gnome.org">Wiki</a></li>
             </ul>
-            <ul>
-            </ul>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<br>
-<p> <b><font color="#000099"><a name="news"></a></font></b>
-<table name="news" bgcolor="#a0a0a0" border="0" cellpadding="0"
- cellspacing="0" width="100%">
-  <tbody>
-    <tr>
-      <td>
-      <table border="0" cellpadding="3" cellspacing="3" width="100%">
-        <tbody>
-          <tr>
-            <td>
-            <p align="center"><font color="#000000"
- face="lucida, helvetica, sans-serif"><b><font size="+1">NEWS</font></b></font></p>
-            </td>
-          </tr>
-          <tr>
-            <td bgcolor="#ffffff">
-            <table border="0" width="100%">
-              <tbody>
-                <tr>
-                  <td bgcolor="#c4c4c4" height="13" width="100%"><font
- face="lucida, helvetica, sans-serif"><img src="images/news.png"
- align="absmiddle" height="24" width="24"> 2012/02/20 - </font><font
- face="lucida, helvetica, sans-serif"><b><b><font size="+1">EasyTAG
-2.1.7</font></b></b></font></td>
-                </tr>
-              </tbody>
-            </table>
-            <p><font face="lucida, helvetica, sans-serif">Changes since
-version 2.1.6 (<a href="ChangeLog">ChangeLog</a>) :</font></p>
-            <ul>
-              <li>Gaute Amundsen's ConfirmWhenUnsavedFiles.patch</li>
-              <li>Mark Ferry's albumartist patch for ogg and flac</li>
-              <li>GöWaschk's update for German translation</li>
-              <li>Kip Warner's optimized base64 decoder for album art</li>
-              <li>Updated contributor credits</li>
-              <li>Debianized</li>
-              <li>Updated version to 2.1.7</li>
-            </ul>
-            <p><font face="lucida, helvetica, sans-serif">(go to <a
- href="downloads.htm#download">download section</a> for tarball and
-Debian
-packages).</font></p>
-            </td>
-          </tr>
-          <tr>
-            <td bgcolor="#ffffff">
-            <table border="0" width="100%">
-              <tbody>
-                <tr>
-                  <td bgcolor="#c4c4c4" height="13" width="100%"><font
- face="lucida, helvetica, sans-serif"><img src="images/news.png"
- align="absmiddle" height="24" width="24"> 2011/07/03 - <span
- style="font-weight: bold;">Resurrection!</span><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><b><b><b><b><b><font
- size="+1"></font></b></b></b></b></b></b></b></font></b></b></font></b></b></font></b></b></font></b></b></font></td>
-                </tr>
-              </tbody>
-            </table>
-            <p><font face="lucida, helvetica, sans-serif">EasyTAG is
-resurrected and back from the dead! Check out our new Git repository <a
- href="http://git.gnome.org/browse/easytag/";>here</a>.</font></p>
-            </td>
-          </tr>
-          <tr>
-            <td bgcolor="#ffffff">
-            <table border="0" width="100%">
-              <tbody>
-                <tr>
-                  <td bgcolor="#c4c4c4" height="13" width="100%"><font
- face="lucida, helvetica, sans-serif"><img src="images/news.png"
- align="absmiddle" height="24" width="24"> 2008/07/14 - <b><b><font
- size="+1">EasyTAG 2.1.6</font><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><b><b><b><b><b><font
- size="+1"> (</font><font face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><b><b><b><b><b><font
- size="+1">Developing </font></b></b></b></b></b></b></b></font></b></b></font></b></b></font></b></b></font></b></b></font><font
- size="+1">version)</font></b></b></b></b></b></b></b></font></b></b></font></b></b></font></b></b></font></b></b></font></td>
-                </tr>
-              </tbody>
-            </table>
-            <p><font face="lucida, helvetica, sans-serif">Changes since
-version 2.1.5 (<a href="ChangeLog">ChangeLog</a>) :</font></p>
-            <ul>
-              <li> Fixed displaying of the corresponding file when
-handling the Cddb track <br>
-list,</li>
-              <li> Fixed configure script to check needed libraries for
-Speex support,</li>
-              <li> Fixed problem of displaying picture files which have
-an extension not in lowercase,</li>
-              <li> Fixed a crash when writing Flac tag if the file
-doesn't contain a vendor string (thanks to Marcus Holland-Moritz),</li>
-              <li> Fixed displaying of ChangeLog in the 'About' window,</li>
-              <li> Fixed crash with language environment variables set
-to nul (thanks to Juliya Valeeva),</li>
-              <li> Fixed saving Ogg and Flac files with multifields and
-warn if the year value will be truncated (thanks to Zohaib Hassan),</li>
-              <li> Added shortcuts to the Desktop, Documents, Download
-and Music directories,</li>
-              <li> Improved process to save severals files : the stop
-button is enabled, the user is warned if the file was changed by an
-external program, and the error messages are displayed in the log view
-instead of message boxes,</li>
-              <li> Japanese translation updated (thanks to Hironao
-Komatsu),</li>
-              <li> Swedish translation updated (thanks to Arild
-Matsson),</li>
-              <li> Polish translation updated (thanks to Micha&#322;
-Smoczyk),</li>
-              <li> German translation updated (thanks to GöWaschk),</li>
-              <li> French translation updated.<br>
-                <br>
-              </li>
-              <li>Windows version :<br>
-                <ul>
-                  <li>Fixed problem to read and save configuration
-files under WinXP or Vista with accounts containing non ASCII
-characters,</li>
-                  <li>Fixed problem to load picture files containing
-accuentuated character on the name or the path.<br>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-            <p><font face="lucida, helvetica, sans-serif">(go to <a
- href="downloads.htm#download">download section</a> for tarball and RPM
-packages)</font></p>
-            </td>
-          </tr>
-          <tr>
-            <td bgcolor="#ffffff">
-            <table border="0" width="100%">
-              <tbody>
-                <tr>
-                  <td bgcolor="#c4c4c4" height="13" width="100%"><font
- face="lucida, helvetica, sans-serif"><img src="images/news.png"
- align="absmiddle" height="24" width="24"> 2008/01/26 - <b><b><font
- size="+1">EasyTAG 2.1.5</font><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><b><b><b><b><b><font
- size="+1"> (</font><font face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><font
- face="lucida, helvetica, sans-serif"><b><b><b><b><b><b><b><font
- size="+1">Developing </font></b></b></b></b></b></b></b></font></b></b></font></b></b></font></b></b></font></b></b></font><font
- size="+1">version)</font></b></b></b></b></b></b></b></font></b></b></font></b></b></font></b></b></font></b></b></font></td>
-                </tr>
-              </tbody>
-            </table>
-            <p><font face="lucida, helvetica, sans-serif">Changes since
-version 2.1.4 (<a href="ChangeLog">ChangeLog</a>) :</font></p>
-            <ul>
-              <li> Added an option in the "Process Fields" scanner to
-enable/disable detection of Roman numerals,</li>
-              <li> Disabled unsynchronisation when writing ID3v2.4 tags
-(as Taglib doesn't support them) to avoid problem with pictures on some
-applications (thanks to Alexey Illarionov),</li>
-              <li> Fixed compilation problem with previous versions of
-flac older than 1.1.3,</li>
-              <li> Fixed the size of log view when resizing the main
-window,</li>
-              <li> Fixed browser problem with the hidden directories
-filter: directories starting with severals dots were also hidden,</li>
-              <li> Fixed problem when renaming severals directories and
-files with the 'Rename File and Directory' scanner (thanks to vdaghan),</li>
-              <li> Fixed detection of valid roman numerals in the
-"Process Fields" scanner (was used some parts of the Roman library from
-David M. Syzdek),</li>
-              <li> Brazilian Portuguese translation updated (thanks to
-doutor.zero),</li>
-              <li> Polish translation updated (thanks to Michal
-Smoczyk),</li>
-              <li> Swedish translation updated (thanks to Anders
-Strö),</li>
-              <li> German translation updated (thanks to GöWaschk), </li>
-              <li>French translation updated.<br>
-                <br>
-              </li>
-              <li>Windows version :
-                <ul>
-                  <li> Fixed incorrect path when opening the program
-using the context menu "Browse with EasyTAG",</li>
-                  <li>Fixed uninstall of the context menu "Browse with
-EasyTAG".<br>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-            <p><font face="lucida, helvetica, sans-serif">(go to <a
- href="downloads.htm#download">download section</a> for tarball and RPM
-packages)</font></p>
-            </td>
-          </tr>
-          <tr>
-            <td bgcolor="#ffffff" height="2"><font
- face="lucida, helvetica, sans-serif">For older news, go <a
- href="history.htm">here</a>.</font></td>
-          </tr>
-        </tbody>
-      </table>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<br>
-<br>
-<a name="screenshots"></a>
-<table name="screenshots" bgcolor="#a0a0a0" border="0" cellpadding="0"
- cellspacing="0" width="100%">
-  <tbody>
-    <tr>
-      <td colspan="3" width="100%">
-      <table border="0" cellpadding="3" cellspacing="3" width="100%">
-        <tbody>
-          <tr>
-            <td>
-            <div align="center"><b><font color="#000000"
- face="lucida, helvetica, sans-serif" size="+1">SCREENSHOTS</font></b></div>
-            </td>
-          </tr>
-          <tr>
-            <td bgcolor="#ffffff">
-            <table border="0" width="100%">
-              <tbody>
-                <tr>
-                  <td bgcolor="#c4c4c4" height="13" width="100%">
-                  <div align="center"><font
- face="lucida, helvetica, sans-serif"> <b><b><font size="+1">EasyTAG
-2.x</font></b></b></font></div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-            <table border="0" cellspacing="2" width="100%">
-              <tbody>
-                <tr>
-                  <td width="24%">
-                  <div align="center"><a href="screenshots-gtk2.htm"><img
- src="images/screenshot-gtk2/screenshot_easytag.png"
- alt="EasyTAG Main Window" align="middle" border="0"></a></div>
-                  </td>
-                  <td width="76%"><font
- face="lucida, helvetica, sans-serif">&nbsp;&nbsp;&nbsp; <a
- href="screenshots-gtk2.htm">Screenshots</a> of EasyTAG 2.1 (taken the
-May 7th 2007).</font> </td>
-                </tr>
-              </tbody>
-            </table>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<br>
-<b><font color="#000099"> </font></b>
-</p>
-<p></p>
-<p><b><font color="#000099"><a name="mailing"></a><br>
-</font></b>
-<table name="mailing_list" bgcolor="#a0a0a0" border="0" cellpadding="0"
- cellspacing="0" width="100%">
-  <tbody>
-    <tr bgcolor="#a0a0a0">
-      <td>
-      <table border="0" cellpadding="3" cellspacing="3" width="100%">
-        <tbody>
-          <tr>
-            <td>
-            <div align="center"><b><font color="#000000"
- face="lucida, helvetica, sans-serif" size="+1">MAILING LIST</font></b></div>
-            </td>
-          </tr>
-          <tr>
-            <td bgcolor="#ffffff"><font
- face="lucida, helvetica, sans-serif">&nbsp;&nbsp;&nbsp; There is a <b><i>mailing
-list</i></b> where you can receive announcements of the new versions of
-EasyTAG. This mailing list is very quiet, so don't hesitate to
-subscribe.<br>
-To subscribe (and unsubscribe) to it, go to this page: <a
- href="https://mail.gnome.org/mailman/listinfo/easytag-list";
- target="_parent">"Mailing Area"</a> and follow the instructions in the
-form.</font></td>
-          </tr>
-        </tbody>
-      </table>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<br>
-</p>
-<p></p>
-<p> <b><font color="#000099"><a name="developing"></a><br>
-</font></b>
-<table name="developing" bgcolor="#a0a0a0" border="0" cellpadding="0"
- cellspacing="0" width="100%">
-  <tbody>
-    <tr>
-      <td height="25">
-      <table border="0" cellpadding="3" cellspacing="3" width="100%">
-        <tbody>
-          <tr>
-            <td>
-            <div align="center"><font
- face="lucida, helvetica, sans-serif">&nbsp;&nbsp;&nbsp;<b><font
- color="#000000" face="lucida, helvetica, sans-serif" size="+1">DEVELOPING</font></b></font></div>
-            </td>
-          </tr>
-          <tr>
-            <td bgcolor="#ffffff"><font
- face="lucida, helvetica, sans-serif">&nbsp;&nbsp;&nbsp; If you have
-any bug reports, suggestions, comments, want to help developing EasyTAG
-or to make the translation catalog for your language, please mail the <a
- href="mailto:easytag-list gnome org">mailing list</a>.<br>
-Thanks in advance... :-)<br>
-            <br>
-The project source code is maintained in our</font><font
- face="lucida, helvetica, sans-serif"> Git repository <a
- href="http://git.gnome.org/browse/easytag/";>here</a>.</font></td>
-          </tr>
-        </tbody>
-      </table>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<br>
-</p>
-<p></p>
-<p> </p>
-<hr width="100%">
-<center> <font face="lucida, helvetica, sans-serif" size="-1">You're
-at the <a href="http://projects.gnome.org/easytag"; target="_parent">EasyTAG
-Home Page</a> - Copyright (C) 2000-2012 <a
- href="mailto:easytag-list gnome org">the EasyTAG authors</a></font> <font face="lucida, helvetica, sans-serif" size="-1">
-<script language="javascript">
-      <!--
-      date  = document.lastModified
-      day   = date.charAt(3)+date.charAt(4)
-      month = date.charAt(0)+date.charAt(1)
-      year  = date.charAt(6)+date.charAt(7)+date.charAt(8)+date.charAt(9)
-      document.write(" - Last update : " + day + "/" + month + "/" + year)
-      //-->
-    </script></font></center>
+          </div>
+        </div>
+        <div class="right">
+          <a href="http://projects.gnome.org/"; title="Other projects hosted at gnome.org">GNOME
+          Projects</a>
+        </div>
+      </div>
+    </div>
+
+    <div class="body">
+      <div id="content">
+
+        <h2>EasyTAG is a tag editor for MP3, Ogg Vorbis files and more</h2>
+
+        <h3 id="about">About</h3>
+
+        <p>EasyTAG is a utility for viewing and editing tags for MP3, MP2,
+        MP4/AAC, FLAC, Ogg Vorbis, MusePack, Monkey's Audio and WavPack files.
+        Its simple and nice GTK+ interface makes tagging easier under Linux or
+        Windows.</p>
+
+        <p>The program depends on GTK+ 2.24, but there is an experimental GTK+
+        3.0 interface.</p>
+
+        <h3 id="news">News</h3>
+
+        <h4>2013-02-03 EasyTAG lightning talk at FOSDEM</h4>
+
+        <p class="newsitem">David King gave a talk about recent EasyTAG
+	developments at FOSDEM. See
+	<a href="http://amigadave.com/presentations/easytag_fosdem_2013.pdf"; title="EasyTAG: straightforward audio file tagging">the
+        presentation slides</a>.</p>
+
+        <h4>2012-11-30 Project moved to gnome.org</h4>
+
+        <p class="newsitem"><a href=https://mail.gnome.org/archives/easytag-list/2012-November/msg00006.html";>EasyTAG
+        has moved from SourceForge to gnome.org</a>. Please file bugs in
+        <a href="https://bugzilla.gnome.org/browse.cgi?product=easytag";>the new
+        bugtracker</a>, send mailing list postings to the
+        <a href="https://mail.gnome.org/mailman/listinfo/easytag-list";>new
+        mailing list</a> and clone from
+        <a href="http://git.gnome.org/browse/easytag/";>git at the new
+        location</a>.</p>
+
+        <h4>2012-01-14 EasyTAG 2.1.7</h4>
+
+        <p class="newsitem">Changes since version 2.1.6:</p>
+
+        <ul>
+            <li>Gaute Amundsen's ConfirmWhenUnsavedFiles.patch</li>
+            <li>Mark Ferry's albumartist patch for ogg and flac</li>
+            <li>GÃtz Waschk's update for German translation</li>
+            <li>Kip Warner's optimized base64 decoder for album art</li>
+            <li>Updated contributor credits</li>
+            <li>Debianized</li>
+            <li>Updated version to 2.1.7</li>
+         </ul>
+
+         <p><a href="http://sourceforge.net/projects/easytag/files/easytag%20%28gtk%202%29/2.1/easytag-2.1.7.tar.bz2/download";>Download
+         2.1.7</a> | <a href="https://mail.gnome.org/archives/easytag-list/2012-January/msg00014.html";>2.1.7 release
+         notes</a></p>
+
+        <h3 id="features">Features of EasyTAG 2.1</h3>
+
+        <ul>
+          <li>View, edit, write tags of MP3, MP2 files (ID3 tag with pictures),
+          <a href="http://flac.sourceforge.net/";>FLAC</a> files (FLAC Vorbis
+          tag), <a href="http://www.vorbis.com/";>Ogg Vorbis</a> files (Ogg
+          Vorbis tag), MP4/AAC (MP4/AAC tag), MusePack, Monkey's Audio files
+          and WavPack files (APE tag)</li>
+          <li>Can edit more tag fields: title, artist, album, disc number,
+          year, track number, comment, composer, original artist/performer,
+          copyright, URL, encoder name and attached picture</li>
+          <li>Auto tagging: filename and directory to automatically complete
+          the fields (masks)</li>
+          <li>Ability to rename files and directories from the tag (using
+          masks) or by loading a text file</li>
+          <li>Process selected files of the selected directory</li>
+          <li>Ability to browse subdirectories</li>
+          <li>Recursion for tagging, removing, renaming, saving...</li>
+          <li>Can set a field (artist, title,...) to all other files</li>
+          <li>Read and display file header information (bitrate, time,...)</li>
+          <li>Auto completion of the date if a partial one is entered</li>
+          <li>Undo and redo last changes</li>
+          <li>Ability to process fields of tag and file name (convert letters
+          into uppercase, lowercase,...</font></li>
+          <li>Ability to open a directory or a file with an external
+          program</li>
+          <li>CDDB support using Freedb.org and Gnudb.org servers (manual and
+          automatic search)</li>
+          <li>A tree based browser or a view by artist &amp; album</li>
+          <li>A list to select files</li>
+          <li>A playlist generator window</li>
+          <li>A file searching window</li>
+          <li>Straightforward and explicit interface</li>
+          <li><a href="http://l10n.gnome.org/module/easytag/";
+          title="EasyTAG translation statistics">Translations into many
+          languages</a></li>
+          <li>Written in C and using GTK+ 2.24 for the GUI</font></li>
+          <li>Packages available for Linux and Windows</li>
+        </ul>
+      </div><!-- end of content -->
+    </div>
+  </div><!--end of except_footer-->
+
+  <div id="footer_community"></div>
+
+  <div id="footer_grass"></div>
+
+  <div id="footer">
+    <div class="content_container" id="content_container">
+      <div id="footnotes" class="nav_grid">
+        <p> Copyright &copy; 2000 - 2013
+        <a href="mailto:easytag-list gnome org"><strong>The EasyTAG
+        authors</strong></a>.<br />
+        <small><a href="http://validator.w3.org/check/referer";>Optimised</a>
+        for <a href= "http://www.w3.org/";>standards</a>. Hosted by
+        <a href="http://www.redhat.com/";>Red Hat</a>.</small></p>
+      </div>
+    </div>
+  </div>
 </body>
 </html>
diff --git a/projects.gnome.org/easytag/screenshots.html b/projects.gnome.org/easytag/screenshots.html
new file mode 100644
index 0000000..9d33021
--- /dev/null
+++ b/projects.gnome.org/easytag/screenshots.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<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 rel="icon" type="image/png" href="images/easytag-icon.png" />
+  <link rel="SHORTCUT ICON" type="image/png" href="images/easytag-icon.png" />
+
+  <title>EasyTAG screenshots</title>
+</head>
+
+<body id="mail_gnome">
+  <div id="except_footer">
+    <div id="header" class="content_container">
+      <div id="global_domain_bar">
+        <div class="maxwidth">
+          <div class="tab">
+            <a class="root" href="http://www.gnome.org/";>GNOME.org</a>
+          </div>
+        </div>
+      </div>
+    </div><!-- header -->
+
+    <div id="logo_bar" class="content_container">
+      <div id="logo" class="logo_grid">
+        <a title="Go to home page" href="http://projects.gnome.org/easytag/";><img src="images/easytag-logo.png" alt="EasyTAG" /></a>
+      </div>
+
+      <div id="top_bar" class="nav_grid">
+        <div class="left">
+          <div class="menu-globalnav-container">
+            <ul id="menu-globalnav" class="menu">
+              <li class="menu-item">
+              <a href="http://projects.gnome.org/easytag/"; title="EasyTAG homepage">Home</a></li>
+
+              <li class="menu-item">
+              <a href="screenshots.html">Screenshots</a></li>
+
+              <li class="menu-item">
+              <a href="faq.html" title="Frequently Asked Questions">FAQ</a></li>
+
+              <li class="menu-item">
+              <a href="https://live.gnome.org/EasyTAG"; title="EasyTAG wiki at live.gnome.org">Wiki</a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="right">
+          <a href="http://projects.gnome.org/"; title="Other projects hosted at gnome.org">GNOME
+          Projects</a>
+        </div>
+      </div>
+    </div>
+
+    <div class="body">
+      <div id="content">
+
+        <h2>Some EasyTAG screenshots</h2>
+
+        <h3>The main window</h3>
+
+        <p>The entire interface of EasyTAG has been built with the GTK+
+        libraries, and was conceived to be used quickly and easily.</p>
+
+        <p>The normal view:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_main_window.png" /></div>
+
+        <p>Viewing by artist and album:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_main_window_aav.png" /></div>
+
+        <p>The pictures tab:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_main_window_pic.png" /></div>
+
+        <p>The main window under Windows XP:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_main_window_win32.png" /></div>
+
+        <h3>The preferences window</h3>
+
+        <p>This window allows configuration of many EasyTAG functions:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_prefs.png" /></div>
+
+        <h3>The scanner window</h3>
+
+        <p>This convertible window groups together three different scanners,
+        to:</p>
+
+        <ul>
+          <li>fill the tags by using the file name and the path</li>
+          <li>rename the file and directory using the tags</li>
+          <li>apply processing and filters to the text in the tags and filenames</li>
+        </ul>
+
+        <p>The first and second scanner use masks, which may be created and
+        modified by the user in the Mask Editor.</p>
+
+        <p>The scanner to fill the tag using the file name and path:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_sw_mask_editor.png" /></div>
+
+        <p>The scanner to rename the file and directory using tags:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_sw_rename_file.png" /></div>
+
+        <p>The scanner to process and filter fields:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_sw_process_fields.png"></div>
+
+        <h3>The CDDB window</h3>
+
+        <p>Automatic search:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_cddb_window_automatic_search.png" /></div>
+
+        <p>Manual search:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_cddb_window_manual_search.png" /></div>
+
+        <h3>The playlist window</h3>
+
+        <p>This window is used to generate playlists from the list of files.</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_playlist_window.png" /></div>
+
+        <h3>The file search window</h3>
+
+        <p>Search the file names and tags:</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_search_file_window.png" /></div>
+
+        <h3>The load filenames window</h3>
+
+        <p>The window is used to set the filenames from a text file.</p>
+
+        <div><img src="images/screenshot-gtk2/screenshot_load_filename_window.png" /></div>
+
+      </div><!-- end of content -->
+    </div>
+  </div><!--end of except_footer-->
+
+  <div id="footer_community"></div>
+
+  <div id="footer_grass"></div>
+
+  <div id="footer">
+    <div class="content_container" id="content_container">
+      <div id="footnotes" class="nav_grid">
+        <p> Copyright &copy; 2000 - 2013
+        <a href="mailto:easytag-list gnome org"><strong>The EasyTAG
+        authors</strong></a>.<br />
+        <small><a href="http://validator.w3.org/check/referer";>Optimised</a>
+        for <a href= "http://www.w3.org/";>standards</a>. Hosted by
+        <a href="http://www.redhat.com/";>Red Hat</a>.</small></p>
+      </div>
+    </div>
+  </div>
+</body>
+</html>



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]