add an 'about' dialog to show the server's version number

web/index.html

@@ -331,6 +331,13 @@
 			</div>
 		</div>
 
+		<div id="about-dialog" style="display:none;">
+			<p><img src="images/graphics/logo.png"></p>
+			<p id="about-title">Transmission X</p>
+			<p id="about-blurb">A fast and easy BitTorrent client</p>
+			<p id="about-copyright">Copyright (c) The Transmission Project</p>
+		</div>
+
 		<div id="stats-dialog" style="display:none;">
 			<div class="prefs-section">
 				<div class="title">Current Session</div>
@@ -374,6 +381,8 @@
 			<ul id="settings_menu">
 				<li id="button">&nbsp;
 					<ul id="footer_super_menu">
+						<li id="about-button">About</li>
+						<li class="separator"></li>
 						<li id="homepage">Transmission Homepage</li>
 						<li id="tipjar">Transmission Tip Jar</li>
 						<li class="separator"></li>

web/javascript/transmission.js

@@ -654,6 +654,12 @@ Transmission.prototype =
 				this.showStatsDialog();
 				break;
 
+			case 'about-button':
+				o = 'Transmission ' + this.serverVersion;
+				$('#about-dialog #about-title').html(o);
+				$('#about-dialog').dialog();
+				break;
+
 			case 'homepage':
 				window.open('http://www.transmissionbt.com/');
 				break;
@@ -1666,7 +1672,7 @@ Transmission.prototype =
 			'close': $.proxy(this.onStatsDialogClosed,this),
 			'show': 'fade',
 			'hide': 'fade',
-			'title': 'Transmission ' + this.serverVersion
+			'title': 'Statistics'
 		});
 	},
 

web/stylesheets/common.css

@@ -40,6 +40,20 @@ a {
 	background-image:         linear-gradient(top, #C9C9C9, #A7A7A7); /* standard, but currently unimplemented */
 }
 
+/***
+****
+****  ABOUT DIALOG
+****
+***/
+
+#about-dialog > * {
+	text-align: center;
+}
+#about-dialog > #about-title {
+	font-size: 1.3em;
+	font-weight: bold;
+}
+
 /***
 ****
 ****  TOOLBAR