Added screenshots

README.md

@@ -27,9 +27,9 @@ Subscribe to Mailtrain Newsletter [here](http://mailtrain.org/subscription/EysIv
 
   1. Download and unpack Mailtrain [sources](https://github.com/andris9/mailtrain/archive/master.zip)
   2. Run `npm install` in the Mailtrain folder to install required dependencies
-  3. Edit [default.toml](config/default.toml) and update MySQL Settings
+  3. Copy [config/default.toml](config/default.toml) as `config/production.toml` and update MySQL Settings in it
   4. Import SQL tables by running `mysql -u MYSQL_USER -p MYSQL_DB < setup/mailtrain.sql`
-  5. Run the server `npm start`
+  5. Run the server `NODE_ENV=production npm start`
   6. Open [http://localhost:3000/](http://localhost:3000/)
   7. Authenticate as `admin`:`test`
   8. Navigate to [http://localhost:3000/settings](http://localhost:3000/settings) and update service configuration

views/index.hbs

@@ -1,12 +1,50 @@
 <div class="row">
     <div class="col-md-12">
 
-        <blockquote>
-            Subscribe to <strong>Mailtrain Newsletter</strong> <a href="http://mailtrain.org/subscription/EysIv8sAx">here</a> (uses Mailtrain obviously)
-        </blockquote>
+        <div class="well">
+            Subscribe to <strong>Mailtrain Newsletter</strong> <a class="btn btn-success btn-sm" href="http://mailtrain.org/subscription/EysIv8sAx" role="button"><span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span> Subscribe here</a>            (uses Mailtrain obviously)
+        </div>
     </div>
 </div>
 
+<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+    <!-- Indicators -->
+    <ol class="carousel-indicators">
+        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+    </ol>
+
+    <!-- Wrapper for slides -->
+    <div class="carousel-inner" role="listbox">
+        <div class="item active">
+            <img src="/images/img01_lists.png" alt="Lists">
+        </div>
+        <div class="item">
+            <img src="/images/img02_list.png" alt="List">
+        </div>
+        <div class="item">
+            <img src="/images/img03_fields.png" alt="Custom fields">
+        </div>
+        <div class="item">
+            <img src="/images/img04_segment.png" alt="List segments">
+        </div>
+        <div class="item">
+            <img src="/images/img05_subscribe.png" alt="List segments">
+        </div>
+    </div>
+
+    <!-- Controls -->
+    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+        <span class="sr-only">Previous</span>
+    </a>
+    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+        <span class="sr-only">Next</span>
+    </a>
+</div>
+
 <div class="row">
     <div class="col-md-4">
         <h2>List management</h2>
@@ -29,10 +67,10 @@
     </div>
     <div class="col-md-4">
         <h2>Send via any provider</h2>
-        <p>Amazon SES, SparkPost, SendGrid, Mailgun – you name it. You can use any provider that supports SMTP protocol to send out your newsletters.</p>
+        <p>Amazon SES, SparkPost, SendGrid, Mailgun – you name it. You can use any provider that supports SMTP protocol to send out your newsletters. Bounce and complaints handling via webhooks is supported for SES, SparkPost, SendGrid and Mailgun.</p>
     </div>
     <div class="col-md-4">
         <h2>On the roadmap</h2>
-        <p>Automatic bounce and complaint handling for other providers besides AWS SES, reports, API access and more…</p>
+        <p>Reports, API access and more…</p>
     </div>
 </div>