From 353bcedfa8c172ebdf557e9036767f5415e70e64 Mon Sep 17 00:00:00 2001
From: Bryan Newbold <bnewbold@archive.org>
Date: Sat, 2 Sep 2017 19:17:12 -0700
Subject: fix some w3c validation problems

---
 theme/templates/base.html  | 32 ++++++++++++++++--------------
 theme/templates/index.html | 49 ++++++++++++++++++++++------------------------
 2 files changed, 40 insertions(+), 41 deletions(-)

diff --git a/theme/templates/base.html b/theme/templates/base.html
index 3c7552d..be5c4d3 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -25,21 +25,23 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <li class="dropdown">
-        <a href="#" class="navbar-brand dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
-          <img src="/static/img/ia-logo.png" alt="" style="display: inline; margin-top: -2px;">
-          <span class="caret" style="color: grey;"></span>
-        </a>
-        <ul class="dropdown-menu">
-          <li><a href="#">Internet Archive Home</a></li>
-          <li role="separator" class="divider"></li>
-          <li class="dropdown-header">Services</li>
-          <li><a href="https://web.archive.org">Wayback Machine</a></li>
-          <li><a href="https://openlibrary.org">Open Library</a></li>
-          <li><a href="https://archive.org/search.php">Catalog</a></li>
-          <li><a href="https://archive-it.org">Archive-It</a></li>
-        </ul>
-      </li>
+      <ul>
+        <li class="dropdown">
+            <a href="#" class="navbar-brand dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+            <img src="/static/img/ia-logo.png" alt="" style="display: inline; margin-top: -2px;">
+            <span class="caret" style="color: grey;"></span>
+            </a>
+            <ul class="dropdown-menu">
+            <li><a href="#">Internet Archive Home</a></li>
+            <li role="separator" class="divider"></li>
+            <li class="dropdown-header">Services</li>
+            <li><a href="https://web.archive.org">Wayback Machine</a></li>
+            <li><a href="https://openlibrary.org">Open Library</a></li>
+            <li><a href="https://archive.org/search.php">Catalog</a></li>
+            <li><a href="https://archive-it.org">Archive-It</a></li>
+            </ul>
+        </li>
+      </ul>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
diff --git a/theme/templates/index.html b/theme/templates/index.html
index 3ee98a0..9087589 100644
--- a/theme/templates/index.html
+++ b/theme/templates/index.html
@@ -39,7 +39,7 @@
         </form>
         <div class="search-logo">
           <a href="https://web.archive.org">
-          <img class="media-object" src="/static/img/wayback-logo.gif" alt="" width="200px">
+          <img class="media-object" src="/static/img/wayback-logo.gif" alt="" width="200">
           </a>
         </div>
         <p>Wayback Machine is a great project for sure! We have been saving copies of popular web pages on a regular basis since 1996, allowing anybody to travel back in time (be it weeks or decades) and view web content as originally posted.
@@ -48,12 +48,12 @@
       <div role="tabpanel" class="tab-pane" id="books">
         <form class="form-group" role="search" action="https://openlibrary.org/search" method="get">
           <label class="control-label" for="book-search-input">Search by book title or author...</label>
-          <input type="text" class="form-control" id="book-search-input" name="q" placeholder="eg, Homage to Catalonia, or Jorge Luis Borges"></input>
-          <input type="hidden" name="mode" value="ebooks"></input>
+          <input type="text" class="form-control" id="book-search-input" name="q" placeholder="eg, Homage to Catalonia, or Jorge Luis Borges">
+          <input type="hidden" name="mode" value="ebooks">
         </form>
         <div class="search-logo">
           <a href="https://web.archive.org">
-          <img class="media-object" src="/static/img/openlibrary-logo.png" alt="" width="200px">
+          <img class="media-object" src="/static/img/openlibrary-logo.png" alt="" width="200">
           </a>
         </div>
         <p>Open Library is an amazing gift to humanity! We have collected and/or scanned millions of books which are free borrow or download without restriction.
@@ -62,11 +62,11 @@
       <div role="tabpanel" class="tab-pane" id="tv">
         <form class="form-group" role="search" action="https://archive.org/details/tv" method="get">
           <label class="control-label" for="tv-search-input">Search television news by closed captioning text...</label>
-          <input type="text" class="form-control" id="tv-search-input" name="q" placeholder="eg, government shutdown"></input>
+          <input type="text" class="form-control" id="tv-search-input" name="q" placeholder="eg, government shutdown">
         </form>
         <div class="search-logo">
           <a href="https://archive.org/tv/details/">
-          <img class="media-object" src="/static/img/tvpoliticaladlogo-medium.png" alt="" width="200px">
+          <img class="media-object" src="/static/img/tvpoliticaladlogo-medium.png" alt="" width="200">
           </a>
         </div>
         <p>Amazing! We've been recording live television since the year 2009 or so, and have many hours of footage that can be viewed right now in the browser!
@@ -76,11 +76,11 @@
       <div role="tabpanel" class="tab-pane" id="music">
         <form class="form-group" role="search" action="https://archive.org/details/audio" method="get">
           <label class="control-label" for="music-search-input">Search concert recordings and old media by artist or song name...</label>
-          <input type="text" class="form-control" id="music-search-input" name="and[]" placeholder="eg, grateful dread"></input>
+          <input type="text" class="form-control" id="music-search-input" name="and[]" placeholder="eg, grateful dread">
         </form>
         <div class="search-logo">
           <a href="https://archive.org/music/details/">
-          <img class="media-object" src="/static/img/78rpm-logo.png" alt="" width="200px">
+          <img class="media-object" src="/static/img/78rpm-logo.png" alt="" width="200">
           </a>
         </div>
         <p>Yup, we've even got music too. Like tons of early American 78 RPM records that we've digitized with George Blood, and thousands of hours of live concert recordings made by fans. Listen up! You can stream or download for offline access.
@@ -89,11 +89,11 @@
       <div role="tabpanel" class="tab-pane" id="film">
         <form class="form-group" role="search" action="https://archive.org/details/audio" method="get">
           <label class="control-label" for="film-search-input">Search for film title or keywords...</label>
-          <input type="text" class="form-control" id="film-search-input" name="and[]" placeholder="eg, duck and cover"></input>
+          <input type="text" class="form-control" id="film-search-input" name="and[]" placeholder="eg, duck and cover">
         </form>
         <div class="search-logo">
           <a href="https://archive.org/video/details/">
-          <img class="media-object" src="/static/img/film-icon.png" alt="" width="200px">
+          <img class="media-object" src="/static/img/film-icon.png" alt="" width="200">
           </a>
         </div>
         <p>Oh right, film and video, we have a bunch of that also! Like the Prelinger Archives of historical Bay Area street content, tons of educational and government reels, and complete out-of-copyright early films. For example, check out this anti-fascist reel.
@@ -102,11 +102,11 @@
       <div role="tabpanel" class="tab-pane" id="software">
         <form class="form-group" role="search" action="https://archive.org/details/software" method="get">
           <label class="control-label" for="software-search-input">Search for software title or keywords...</label>
-          <input type="text" class="form-control" id="software-search-input" name="and[]" placeholder="eg, astro blaster"></input>
+          <input type="text" class="form-control" id="software-search-input" name="and[]" placeholder="eg, astro blaster">
         </form>
         <div class="search-logo">
           <a href="https://archive.org/video/details/">
-          <img class="media-object" src="/static/img/internet_arcade.jpg" alt="" width="200px">
+          <img class="media-object" src="/static/img/internet_arcade.jpg" alt="" width="200">
           </a>
         </div>
         <p>If you thought we might also have thousands of programs you can run right now in your browser, including hypercard classics, retro games, and more, you're correct! Also copies of old mainframe software, contemporary open source projects, and CD-ROMs.
@@ -115,11 +115,11 @@
       <div role="tabpanel" class="tab-pane" id="more">
         <form class="form-group" role="search" action="https://archive.org/search.php" method="get">
           <label class="control-label" for="more-search-input">Search for your heart's desire...</label>
-          <input type="text" class="form-control" id="more-search-input" name="query" placeholder="eg, whatever"></input>
+          <input type="text" class="form-control" id="more-search-input" name="query" placeholder="eg, whatever">
         </form>
         <div class="search-logo">
           <a href="https://archive.org/search.php">
-          <img class="media-object" src="/static/img/archive_racks.jpg" alt="" width="200px">
+          <img class="media-object" src="/static/img/archive_racks.jpg" alt="" width="200">
           </a>
         </div>
         <p>And that's definately not all. We've got millions of scholarly papers, complete database dumps of popular websites, a bunch of big photo collections, etc.
@@ -162,7 +162,7 @@
   <h4>Keep in Touch!</h4>
 
   <div class="input-group"> 
-    <input type="email" class="form-control" placeholder="email@domain.net"></input>
+    <input type="email" class="form-control" placeholder="email@domain.net">
     <span class="input-group-btn">
       <button class="btn btn-default" type="button">Subscribe!</button>
     </span>
@@ -175,11 +175,8 @@
   <p><a href="#">What we're doing with robots.txt these days?</a> Touchy subject for webmasters; our policy has evolved over decades.
 
   <p><a href="#">
-    <img src="/static/img/twitter-icon.png" style="display: inline; width: 16px; height: 16px;"> Twitter</a>:
+    <img src="/static/img/twitter-icon.png" style="display: inline; width: 16px; height: 16px;" alt=""> Twitter</a>:
     it's unavoidable
-
-  </ul>
-
   </div>
 
 </div> <!-- row -->
@@ -193,7 +190,7 @@
         <h3 class="panel-title">Scan Lots of Books</h3>
       </div>
       <div class="panel-body">
-        <img src="/static/img/bookscanning.jpg" alt="" height="200px">
+        <img src="/static/img/bookscanning.jpg" alt="" height="200">
         <p>We built our own scanning hardware and digital workflow, probably second largest effort ever. Have dozens of workers in centers world-wide. Work with partners like <a href="#">DPLA</a>, have XYZ books so far, all of which are available in <a href="#">Open Library</a> for lending.
         <p><b><a href="#">Browse our holdings &raquo;</a></b>
       </div>
@@ -206,7 +203,7 @@
         <h3 class="panel-title">Record The News</h3>
       </div>
       <div class="panel-body">
-        <img src="/static/img/trump-cable-news.jpg" alt="" height="200px">
+        <img src="/static/img/trump-cable-news.jpg" alt="" height="200">
         <p>News is important. Who said what? We have been recording for years and have a lot of it, Search by captions, see what you can find, hold everybody accountable! Check <a href="#">these examples</a>.
         <p><b><a href="#">Search transcripts since 2009 &raquo;</a></b>
       </div>
@@ -219,9 +216,9 @@
         <h3 class="panel-title">Crawl The Web</h3>
       </div>
       <div class="panel-body">
-        <img src="/static/img/webcrawl-mess.jpeg" alt="" height="200px">
+        <img src="/static/img/webcrawl-mess.jpeg" alt="" height="200">
         <p>Web is flux-y, always disapearing, big 20th/21st century cultural heritige. We use <a href="#">Heritrix</a> to crawl the web a whole bunch. Some pay for <a href="#">Archive-It</a>, all results available via <a href="#">Wayback Machine</a>.
-        <p><input placeholder="https://url.net/home.html"></input><button>Save Page</button>
+        <p><input placeholder="https://url.net/home.html"><button>Save Page</button>
       </div>
     </div>
   </div>
@@ -235,7 +232,7 @@
         <h3 class="panel-title">Petabox Datacenter</h3>
       </div>
       <div class="panel-body">
-        <img src="/static/img/petabox-datacenter.jpg" alt="" height="200px">
+        <img src="/static/img/petabox-datacenter.jpg" alt="" height="200">
         <p>We are pretty in to storing data for a very long time. Own our own real-estate, hardware, etc instead of using cloud storages. Save money, waste heat building, have a couple sites, lots of disks, great good.
         <p><b><a href="#">Read about technology &raquo;</a></b>
       </div>
@@ -248,7 +245,7 @@
         <h3 class="panel-title">Physical Archives</h3>
       </div>
       <div class="panel-body">
-        <img src="/static/img/physical-archives.jpg" alt="" height="200px">
+        <img src="/static/img/physical-archives.jpg" alt="" height="200">
         <p>Physical artifacts are cool as well, so we have a bunch of that over in the east bay. XYZ tons! Neato!
         Fork-lifts, long-term thinking, minimizing costs, redundancy, earthquake risk.
         <p><b><a href="#">Blog post about new locations &raquo;</a></b>
@@ -376,7 +373,7 @@
         <img src="/static/img/donation-box.jpg" alt="">
         <p>Funded by viewers like you!
         <p>Also accept some equipment, and you can volunteer.
-        <p><button type="button" class="btn btn-primary btn-lg" style="width: 100%;">Make a Donation</a>
+        <p><button type="button" class="btn btn-primary btn-lg" style="width: 100%;">Make a Donation</button>
       </div>
     </div>
   </div>
-- 
cgit v1.2.3