everything but logo.

css/app.css

@@ -908,6 +908,54 @@ div.typeahead a:first-child {
     left:0px; right:0px; top:0px; bottom:0px;
 }
 
+.modal-section {
+    padding: 20px;
+}
+
+.modal-section.header {
+    border-radius: 4px 4px 0 0;
+}
+
+.modal-section:last-child {
+    border-radius: 0 0 4px 4px;
+}
+
+.modal-section:only-child { border-radius: 4px;
+}
+
+.modal-section .buttons {
+    padding-top: 10px;
+    width: 100%;
+}
+
+.modal-section img.wiki-image {
+    max-width: 100%;
+    max-height: 300px;
+    display: block;
+}
+
+.modal-flash .content {
+    box-shadow: none;
+    border-radius: 4px;
+    background: #111;
+    color: #eee;
+}
+
+.modal-flash .close-modal {
+    display:none;
+}
+
+.loading-modal {
+    text-align: center;
+}
+
+/* Intro Modal
+------------------------------------------------------- */
+
+
+/* Commit Modal
+------------------------------------------------------- */
+
 .commit-modal .user-info {
     display: inline-block;
 }

js/id/ui/splash.js

@@ -2,10 +2,15 @@ iD.ui.splash = function() {
     var modal = iD.ui.modal();
 
     modal.select('.modal')
-        .classed('modal-splash', true);
+        .attr('class', 'modal-splash modal')
 
-    modal.select('.content')
-        .html('Welcome to iD!');
+    var introModal = modal.select('.content')
+        .append('div')
+        .attr('class', 'header modal-section fillL');
+
+        introModal.append('div').attr('class','logo');
+
+        introModal.html("<h2>Welcome to the iD OpenStreetMap editor</h2><p>This is development version 0.0.0-alpha1. For more information see <a href='http://ideditor.com/'>ideditor.com</a> and report bugs at <a href='https://github.com'>github.com.systemed/iD</a></p>");
 
     return modal;
-};
+};