<header class="fade-in"> <h2 class="title">General</h2> <div class="settings-header-inner"> <button class="button-back">Back</button> <section class="page-actions"> <button class="button-save" {{action "save"}}>Save</button> </section> </div> </header> <section class="content settings-general fade-in"> <form id="settings-general" novalidate="novalidate"> <fieldset> <div class="form-group"> <label for="blog-title">Blog Title</label> {{input id="blog-title" name="general[title]" type="text" value=title}} <p>The name of your blog</p> </div> <div class="form-group description-container"> <label for="blog-description">Blog Description</label> {{textarea id="blog-description" name="general[description]" value=description}} <p> Describe what your blog is about {{gh-count-characters description}} </p> </div> </fieldset> <div class="form-group"> <label for="blog-logo">Blog Logo</label> {{#if logo}} <a class="js-modal-logo" href="#" {{action "openModal" "upload" this "logo"}}><img id="blog-logo" {{bind-attr src=logo}} alt="logo"></a> {{else}} <a class="button-add js-modal-logo" {{action "openModal" "upload" this "logo"}}>Upload Image</a> {{/if}} <p>Display a sexy logo for your publication</p> </div> <div class="form-group"> <label for="blog-cover">Blog Cover</label> {{#if cover}} <a class="js-modal-cover" href="#" {{action "openModal" "upload" this "cover"}}><img id="blog-cover" {{bind-attr src=cover}} alt="cover photo"></a> {{else}} <a class="button-add js-modal-cover" {{action "openModal" "upload" this "cover"}}>Upload Image</a> {{/if}} <p>Display a cover image on your site</p> </div> <fieldset> <div class="form-group"> <label for="email-address">Email Address</label> {{input id="email-address" name="general[email-address]" type="email" value=email autocapitalize="off" autocorrect="off"}} <p>Address to use for admin notifications</p> </div> <div class="form-group"> <label for="postsPerPage">Posts per page</label> {{input id="postsPerPage" name="general[postsPerPage]" type="number" value=postsPerPage}} <p>How many posts should be displayed on each page</p> </div> <div class="form-group"> <label for="permalinks">Dated Permalinks</label> {{input id="permalinks" name="general[permalinks]" type="checkbox" checked=isDatedPermalinks}} <label class="checkbox" for="permalinks"></label> <p>Include the date in your post URLs</p> </div> <div class="form-group"> <label for="activeTheme">Theme</label> {{view Ember.Select id="activeTheme" name="general[activeTheme]" content=themes optionValuePath="content.name" optionLabelPath="content.label" value=activeTheme}} <p>Select a theme for your blog</p> </div> </fieldset> </form> </section>