added alt to imgs, fixed home html validation errors [#26203269]

pull/1/head
eric 2012-03-09 22:16:07 -05:00
parent 2c13104f5d
commit 660b3d9357
6 changed files with 27 additions and 26 deletions

View File

@ -13,7 +13,7 @@
{% block base_js %}
<script src={{ jquery_home }}></script>
<script src="{{ jquery_home }}"></script>
<!-- toggle to panelview state instead of listview default -->
<script type="text/javascript">
@ -50,26 +50,26 @@
<form action='/accounts/register/' method='post'>{% csrf_token %}
<div class="user-name">
<label>Username</label>
<input id="id_username" type="text" class="required" name="username" maxlength="30" size="30" />
<input id="id_username_pop" type="text" class="required" name="username" maxlength="30" size="30" />
</div>
<div class="email">
<label>Email</label>
<input id="id_email" type="text" class="required" name="email" maxlength="75" size="30" />
<input id="id_email_pop" type="text" class="required" name="email" maxlength="75" size="30" />
</div>
<div class="password">
<label>Password</label>
<input id="id_password1" type="password" class="required" name="password1" size="30" />
<input id="id_password1_pop" type="password" class="required" name="password1" size="30" />
</div>
<div class="password">
<label>Password (again):</label>
<input id="id_password2" type="password" class="required" name="password2" size="30" />
<input id="id_password2_pop" type="password" class="required" name="password2" size="30" />
</div>
<div class="button">
<input type="submit" class="signup" value="sign up" />
</div>
</form>
<div class="google_signup">
<a href="/socialauth/login/google?next={{request.build_absolute_uri}}"><img src="{{ STATIC_URL }}images/auth/google_32_noborder.png"></a><div>Or: <a href="/socialauth/login/google?next={{request.build_absolute_uri}}">Sign Up With Google</a></div>
<a href="/socialauth/login/google?next={{request.build_absolute_uri}}"><img src="{{ STATIC_URL }}images/auth/google_32_noborder.png" alt="google" /></a><div>Or: <a href="/socialauth/login/google?next={{request.build_absolute_uri}}">Sign Up With Google</a></div>
</div>
</div>
</div>
@ -106,7 +106,7 @@
</div>
<div id="js-maincontainer-faq">
<div class="js-maincontainer-faq-inner">
Questions? Read our <a href="/faq/">general FAQ</a> or <a href="/faq/rightsholders/">FAQ for rights holders</a>.</a>
Questions? Read our <a href="/faq/">general FAQ</a> or <a href="/faq/rightsholders/">FAQ for rights holders</a>.
</div>
</div>
</div>
@ -119,26 +119,27 @@
<form action='/accounts/register/' method='post'>{% csrf_token %}
<div class="user-name">
<label>Username</label>
<input id="id_username" type="text" class="required" name="username" maxlength="30" size="30" />
<input id="id_username_main" type="text" class="required" name="username" maxlength="30" size="30" />
</div>
<div class="email">
<label>Email</label>
<input id="id_email" type="text" class="required" name="email" maxlength="75" size="30" />
<input id="id_email_main" type="text" class="required" name="email" maxlength="75" size="30" />
</div>
<div class="password">
<label>Password</label>
<input id="id_password1" type="password" class="required" name="password1" size="30" />
<input id="id_password1_main" type="password" class="required" name="password1" size="30" />
</div>
<div class="password">
<label>Password (again):</label>
<input id="id_password2" type="password" class="required" name="password2" size="30" />
<input id="id_password2_main" type="password" class="required" name="password2" size="30" />
</div>
<div class="button">
<input type="submit" class="signup" value="sign up" />
</div>
<div class="google_signup">
<a href="/socialauth/login/google?next={{request.build_absolute_uri}}"><img src="{{ STATIC_URL }}images/auth/google_32_noborder.png"></a><div>Or: <a href="/socialauth/login/google?next={{request.build_absolute_uri}}">Sign Up With Google</a></div>
<a href="/socialauth/login/google?next={{request.build_absolute_uri}}"><img src="{{ STATIC_URL }}images/auth/google_32_noborder.png" alt="google" /></a><div>Or: <a href="/socialauth/login/google?next={{request.build_absolute_uri}}">Sign Up With Google</a></div>
</div>
</form>
</div>
</div>
<div class="jsmodule">

View File

@ -31,7 +31,7 @@
<div class="movingrightalong"></div>
<div class="quicktour last"><a href="https://creativecommons.org/">Creative Commons</a> licensing means everyone, everywhere can read and share the unglued book - freely and legally. <span class="highlight">You've given your favorite book to the world.</span>
{% if suppress_search_box %}
<div class="signup" id="highlighter">Sign up below. <img src="/static/images/landingpage/signmeup-arrow.png"></div>
<div class="signup" id="highlighter">Sign up below. <img src="/static/images/landingpage/signmeup-arrow.png" alt="sign up below"></div>
{% else %}
<div class="spacer"><div class="signuptoday"><a href="{% url registration_register %}">Sign up today</a></div>
{% endif %}

View File

@ -193,31 +193,31 @@ For more background, read our president Eric Hellman's thoughts on <a href="http
<a name="images"></a><h2>Logos &amp; Images</h2>
<div class="pressimages">
<div class="outer">
<div><a href="/static/images/logo.png"><img src="/static/images/logo.png"></a></div>
<div><a href="/static/images/logo.png"><img src="/static/images/logo.png" alt="big logo" /></a></div>
<div class="text"><p>Full logo, 161px x 70px</p></div>
</div>
<div class="outer">
<div><a href="/static/images/unglued.png"><img src="/static/images/unglued.png"></a></div>
<div><a href="/static/images/unglued.png"><img src="/static/images/unglued.png" alt="small Logo" /></a></div>
<div class="text"><p>Logo image only, 44px x 30px</p></div>
</div>
<div class="outer">
<div><a href="/static/images/workpage.png"><img src="/static/images/workpage_thumb.png" class="screenshot"></a></div>
<div><a href="/static/images/workpage.png"><img src="/static/images/workpage_thumb.png" class="screenshot" alt="screenshot" /></a></div>
<div class="text"><p>300 ppi screenshot of a book page on Unglue.It. Features include links to the book, where available, at Google Books, Open Library, GoodReads, and LibraryThing; social sharing options; tabs with user comments and more information; and an explore bar linking to other books and users. The user list is dynamically generated, reflecting others interested in the same book.</p></div>
</div>
<div class="outer">
<div><a href="/static/images/supporter_listview.png"><img src="/static/images/supporter_listview_thumb.png" class="screenshot"></a></div>
<div><a href="/static/images/supporter_listview.png"><img src="/static/images/supporter_listview_thumb.png" class="screenshot" alt="screenshot" /></a></div>
<div class="text"><p>300 ppi screenshot of a supporter page. Supporters can readily see all the books on their wishlist and filter for active or successful campaigns. Icons show how many other ungluers have wishlisted a book or, for active campaigns, their progress toward completion. Unglued and public domain books have links to freely available copies. Numbered badges show how many successful, active, and wishlisted books a user is supporting. Supporters can link to their home page and accounts on Facebook, Twitter, GoodReads, and LibraryThing (note icons in upper right), as well as import books from their GoodReads and LibraryThing accounts to their wishlist.</p></div>
</div>
<div class="outer">
<div><a href="/static/images/supporter_panelview.png"><img src="/static/images/supporter_panelview_thumb.png" class="screenshot"></a></div>
<div><a href="/static/images/supporter_panelview.png"><img src="/static/images/supporter_panelview_thumb.png" class="screenshot" alt="screenshot" /></a></div>
<div class="text"><p>300 ppi screenshot of a supporter page in panel view. This displays the same information as the list view, but in a less information-dense, more visually arresting format. Supporters can toggle between views.</p></div>
</div>
<div class="outer">
<div><a href="/static/images/search_listview.png"><img src="/static/images/search_listview_thumb.png" class="screenshot"></a></div>
<div><a href="/static/images/search_listview.png"><img src="/static/images/search_listview_thumb.png" class="screenshot" alt="screenshot" /></a></div>
<div class="text"><p>300 ppi screenshot of a search result page, powered by Google Books. Users can add books to their wishlist with one click, or click through for more information. Books with active campaigns display a progress meter. Books that are already unglued or in the public domain link to freely available copies.</p></div>
</div>
<div class="outer">
<div><a href="/static/images/search_panelview.png"><img src="/static/images/search_panelview_thumb.png" class="screenshot"></a></div>
<div><a href="/static/images/search_panelview.png"><img src="/static/images/search_panelview_thumb.png" class="screenshot" alt="screenshot" /></a></div>
<div class="text"><p>300 ppi screenshot of a search result page, in panel view. As with the supporter page, users can toggle between views.</p></div>
</div>
</div>

View File

@ -14,7 +14,7 @@
<br /><br />
<div class="google_signup">
<a href="/socialauth/login/google?next=/"><img src="{{ STATIC_URL }}images/auth/google_32_noborder.png"></a><div>Or: <a href="/socialauth/login/google?next=/">Sign in with Google</a></div>
<a href="/socialauth/login/google?next=/"><img src="{{ STATIC_URL }}images/auth/google_32_noborder.png" alt="google" /></a><div>Or: <a href="/socialauth/login/google?next=/">Sign in with Google</a></div>
</div>
{% endblock %}

View File

@ -19,7 +19,7 @@ $j(document).ready(function() {
fireOnce: false,
fireDelay: false,
insertAfter: "#results-bottom",
loader: '<img src="/static/images/loading.gif">',
loader: '<img src="/static/images/loading.gif" alt="loading..." />',
callback: function(p) {
page += 1;
var url = "?q={{ q }}&page=" + page;
@ -55,12 +55,12 @@ $j(document).ready(function() {
<li>View As:</li>
<li class="view-list">
<a href="#" id="toggle-list">
<img src="/static/images/booklist/view-list.png" align="view list" title="view list" height="21" width="24" />
<img src="/static/images/booklist/view-list.png" align="view list" title="view list" height="21" width="24" alt="use list view" />
</a>
</li>
<li class="view-list">
<a href="#" id="toggle-panel">
<img src="/static/images/booklist/view-icon.png" align="view icon" title="view icon" height="22" width="22" />
<img src="/static/images/booklist/view-icon.png" align="view icon" title="view icon" height="22" width="22" alt="use panel view" />
</a>
</li>
</ul>

View File

@ -34,8 +34,8 @@
<label>Find it here</label>
<!-- todo: these should be a real thing -->
<div class="find-link">
<a class="find-google" href="#"><img src="/static/images/icons/google.png" title="" /></a>
<a class="find-group" href="#"><img src="/static/images/icons/group.png" title="" /></a>
<a class="find-google" href="#"><img src="/static/images/icons/google.png" title="" alt="link to google" /></a>
<a class="find-group" href="#"><img src="/static/images/icons/group.png" title="" alt="link to group" /></a>
</div>
</div>
<div class="pledged-info"><div class="pledged-group">0 Ungluers have pledged $0</div><div class="status"><img src="/static/images/images/icon-book-37by25-0.png" title="book list status" alt="book list status" /></div></div>