<html>
    <head>
        <title>Release Notes</title>
        <style>
            body {
                background-color: hsl(200, 90%, 40%);
                font-family: "Avenir";
                font-size:16px;
            }
        #main {
            display:block;
            position:relative;
            width:75%;
            margin:0 auto;
        }
        body:hover #main {
        }
        #content {
            display:block;
            position:relative;
            background-color: white;
            padding:2em;
            margin-top:1em;
            -webkit-border-radius: 5px;
            border:4px solid hsl(200, 93%, 48%); ;
        }
        h3 {
            margin:0px;
            color:white;
            font-size:1.8em;
            font-weight:bold;
            text-align:center;
        }
        h4 {
            margin:0px;
            font-weight:normal;
        }
        h5 {
            margin:0px;
            font-size:1em;
            font-weight:normal;
        }
        ul {
            font-size:0.85em;
            display: block;
            list-style: none;
            margin:0;
            padding:0px;
        }
        li {
            margin:4px;
            list-style-type: none;
            margin-left:12em;
            margin-right:1.5em;
        }
        
        ul {
            margin-bottom:3em;
        }
		
		ul>h5 {
			margin: 30px 50px 15px 50px;
            border-bottom: 2px solid #aaa;
            color: #666;
		}
		
        li:before {
            font-family: "Avenir-Medium";
            text-decoration:none;
            margin-left:-1.5em;
        }
        
        li a {
			position: relative;
			display: inline-block;
            font-family: "Avenir-Medium";
            font-size: 0.85em;
            color: hsla(200, 95%, 35%, 1.0);
            text-decoration:none;
			background: hsla(0, 0%, 90%, 1.0);
			margin: 0 10px;
			padding: 2px 5px;
			border: 1px solid hsla(0, 0%, 90%, 1.0);
			border-radius: 10px;
			min-width:10em;
			text-align:center;
			margin-left: -12em;
        }
		
		
		li a:before             { content: "Change"; }
		li.feature a:before     { content: "Feature #"; }
		li.improvement a:before { content: "Improved #"; }
		li.crash a:before       { content: "Crash #"; }
		li.bug a:before         { content: "Bug #"; }
		
		li.feature a     { background: hsla(100, 90%, 50%, 0.2); border-color: hsla(100, 90%, 50%, 0.3); }
		li.improvement a { background: hsla(200, 90%, 50%, 0.2); border-color: hsla(200, 90%, 50%, 0.3); }
		li.crash a       { background: hsla(  0, 90%, 50%, 0.2); border-color: hsla(  0, 90%, 50%, 0.3); }
		li.bug a         { background: hsla( 50, 90%, 50%, 0.2); border-color: hsla( 50, 90%, 50%, 0.3); }
		
        #content>img {
            float:right;
            max-width:25%;
        }
        
        
            </style>
    </head>
    
    <body>
        <div id='main'>
            <h3>Stacks v3.1</h3>
            <div id='content'>
                <center>
                    <h6>All the new features and fixes link to details on GitHub.</h6>
                </center>
                <img src='stacks_large@2x.png'>


<h4>Stacks 3.1.0</h4>
<ul>
    
    <li class='feature'><a href="https://github.com/yourhead/s3/issues/567">567</a>Added a preference to choose to Edit/Get-Info with Double-Click or Second-Click.</li>
    <li class='improvement'><a href="https://github.com/yourhead/s3/issues/558">558</a>Edit alt tags and filenames of gif images.</li>    
    <li class='improvement'><a href="https://github.com/yourhead/s3/issues/"></a>Performance improvements for 3rd party stacks with many custom controls.</li>
    <li class='bug'><a href="https://github.com/yourhead/s3/issues/575">575</a>The close button draws icon centered on non-retina displays.</li>


    <h5>RapidWeaver 7 Improvements</h5>

    <li class='improvement'><a href="https://github.com/yourhead/s3/issues/569">569</a>Stacks uses the native Info panel modes in RapidWeaver 7.</li>
    <li class='improvement'><a href="https://github.com/yourhead/s3/issues/568">568</a>An "i" button was added to the selected stack for easily opening the Info panel. Double click works now too!</li>
    <li class='improvement'><a href="https://github.com/yourhead/s3/issues/566">566</a>Lots of tiny improvements for the Info panel to help it look great in RapidWeaver 7.</li>
    <li class='improvement'><a href="https://github.com/yourhead/s3/issues/565">565</a>The redundant Info toolbar button was removed from RapidWeaver 7 (but still appears if running RapidWeaver 6).</li>


    <h5>Stacks API Improvements</h5>
    
    <li class='feature'><a href="https://github.com/yourhead/s3/issues/251">251</a>trueValue and falseValue now work for for arrayed controls.</li>
    <li class='improvement'><a href="https://github.com/yourhead/s3/issues/571">571</a>The most recent Font Awesome and jQuery libraries</li>
    <li class='feature'><a href="https://github.com/yourhead/s3/issues/560">560</a>3-wide control arrays of checkboxes, colorwells, text-fields, and number-fields.</li>
    <li class='bug'><a href="https://github.com/yourhead/s3/issues/518">518</a>Number controls validate min/max on arrayed number controls.</li>
    <li class='bug'><a href="https://github.com/yourhead/s3/issues/579">579</a>Default min/max values of array number controls are no longer arbitrary set to 0/100.</li>
    
    <h5>Stacks API Improvements</h5>
    <p>There are tons more changes and improvements that we omit from the final release notes just to keep them short and sweet.  If you'd like to know more about all the nitty gritty details or help us test the Stacks beta just join our Stack channel:  <a href='http://slack.yourhead.com'>http://slack.yourhead.com</a> or follow us on Twitter <a href='http://twitter.com/yourheadsupport'>http://twitter.com/yourheadsupport</a>.</p>


</ul>


            </div>
        </div>
    </body>
</html>