diff options
Diffstat (limited to 'docs/components.html')
-rw-r--r-- | docs/components.html | 64 |
1 files changed, 32 insertions, 32 deletions
diff --git a/docs/components.html b/docs/components.html index 35c522a..3a9bbad 100644 --- a/docs/components.html +++ b/docs/components.html @@ -419,12 +419,12 @@ <button class="btn btn-clear"></button> </label> <label class="chip"> - <img src="img/avatar-1.png" class="avatar avatar-sm" /> + <img src="img/avatar-1.png" class="avatar avatar-sm" alt="Avatar" /> Thor Odinson <button class="btn btn-clear"></button> </label> <label class="chip"> - <img src="img/avatar-4.png" class="avatar avatar-sm" /> + <img src="img/avatar-4.png" class="avatar avatar-sm" alt="Avatar" /> Steve Rogers <button class="btn btn-clear"></button> </label> @@ -539,19 +539,19 @@ <div class="columns"> <div class="column col-6 col-xs-12"> <figure class="avatar avatar-xl" data-initial="YZ" style="background-color: #5764c6;"> - <img src="img/avatar-1.png" /> + <img src="img/avatar-1.png" alt="Avatar" /> </figure> <figure class="avatar avatar-lg" data-initial="YZ" style="background-color: #5764c6;"> - <img src="img/avatar-2.png" /> + <img src="img/avatar-2.png" alt="Avatar" /> </figure> <figure class="avatar" data-initial="YZ" style="background-color: #5764c6;"> - <img src="img/avatar-3.png" /> + <img src="img/avatar-3.png" alt="Avatar" /> </figure> <figure class="avatar avatar-sm" data-initial="YZ" style="background-color: #5764c6;"> - <img src="img/avatar-4.png" /> + <img src="img/avatar-4.png" alt="Avatar" /> </figure> <figure class="avatar avatar-xs" data-initial="YZ" style="background-color: #5764c6;"> - <img src="img/avatar-5.png" /> + <img src="img/avatar-5.png" alt="Avatar" /> </figure> </div> <div class="column col-6 col-xs-12"> @@ -569,24 +569,24 @@ <div class="columns"> <div class="column col-6 col-xs-12"> <figure class="avatar avatar-xl"> - <img src="img/avatar-1.png" /> - <img src="img/avatar-2.png" class="avatar-icon" /> + <img src="img/avatar-1.png" alt="Avatar" /> + <img src="img/avatar-2.png" class="avatar-icon" alt="Avatar" /> </figure> <figure class="avatar avatar-lg"> - <img src="img/avatar-2.png" /> - <img src="img/avatar-3.png" class="avatar-icon" /> + <img src="img/avatar-2.png" alt="Avatar" /> + <img src="img/avatar-3.png" class="avatar-icon" alt="Avatar" /> </figure> <figure class="avatar"> - <img src="img/avatar-3.png" /> - <img src="img/avatar-4.png" class="avatar-icon" /> + <img src="img/avatar-3.png" alt="Avatar" /> + <img src="img/avatar-4.png" class="avatar-icon" alt="Avatar" /> </figure> <figure class="avatar avatar-sm"> - <img src="img/avatar-4.png" /> - <img src="img/avatar-5.png" class="avatar-icon" /> + <img src="img/avatar-4.png" alt="Avatar" /> + <img src="img/avatar-5.png" class="avatar-icon" alt="Avatar" /> </figure> <figure class="avatar avatar-xs"> - <img src="img/avatar-5.png" /> - <img src="img/avatar-1.png" class="avatar-icon" /> + <img src="img/avatar-5.png" alt="Avatar" /> + <img src="img/avatar-1.png" class="avatar-icon" alt="Avatar" /> </figure> </div> </div> @@ -594,19 +594,19 @@ <!-- avatars example --> <pre class="code" data-lang="HTML"><code><span class="com"><!-- Basic avatar examples --></span> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span> /> <<span class="tag">/figure</span>> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> /> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-5.png"</span> <span class="atn">class</span>=<span class="atv">"avatar-icon"</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-5.png"</span> <span class="atn">class</span>=<span class="atv">"avatar-icon"</span> <span class="atn">alt</span>=<span class="atv">"..."</span> /> <<span class="tag">/figure</span>> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span> <span class="atn">data-initial</span>=<span class="atv">"YZ"</span> <span class="atn">style</span>=<span class="atv">"background-color: #5764c6;"</span>><<span class="tag">/figure</span>> <span class="com"><!-- Show initals when avatar image is unavailable or not fully loaded --></span> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span> <span class="atn">data-initial</span>=<span class="atv">"YZ"</span> <span class="atn">style</span>=<span class="atv">"background-color: #5764c6;"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span> /> <<span class="tag">/figure</span>> </code></pre> @@ -856,7 +856,7 @@ <div class="column col-6 col-xs-12"> <div class="card"> <div class="card-image"> - <img class="img-responsive" src="img/osx-el-capitan.jpg" /> + <img class="img-responsive" src="img/osx-el-capitan.jpg" alt="OS X El Capitan" /> </div> <div class="card-header"> <div class="card-title">Microsoft</div> @@ -877,7 +877,7 @@ <div class="card-subtitle">Hardware and software</div> </div> <div class="card-image"> - <img class="img-responsive" src="img/osx-yosemite.jpg" /> + <img class="img-responsive" src="img/osx-yosemite.jpg" alt="OS X Yosemite" /> </div> <div class="card-body"> To make a contribution to the world by making tools for the mind that advance humankind. @@ -901,7 +901,7 @@ Organize the world’s information and make it universally accessible and useful. </div> <div class="card-image"> - <img class="img-responsive" src="img/osx-yosemite-2.jpg" /> + <img class="img-responsive" src="img/osx-yosemite-2.jpg" alt="OS X Yosemite"/> </div> <div class="card-footer"> <a href="#cards" class="btn btn-primary">Search</a> @@ -912,7 +912,7 @@ <div class="column col-6 col-xs-12"> <div class="card"> <div class="card-image"> - <img class="img-responsive" src="img/osx-el-capitan-2.jpg" /> + <img class="img-responsive" src="img/osx-el-capitan-2.jpg" alt="OS X El Capitan" /> </div> <div class="card-footer"> <a href="#cards" class="btn btn-primary">Buy</a> @@ -933,14 +933,14 @@ To make a contribution to the world by making tools for the mind that advance humankind. </div> <div class="card-image"> - <img class="img-responsive" src="img/macos-sierra.jpg" /> + <img class="img-responsive" src="img/macos-sierra.jpg" alt="macOS Sierra" /> </div> </div> </div> <div class="column col-6 col-xs-12"> <div class="card"> <div class="card-image"> - <img class="img-responsive" src="img/macos-sierra-2.jpg" /> + <img class="img-responsive" src="img/macos-sierra-2.jpg" alt="macOS Sierra" /> </div> <div class="card-header"> <button class="btn btn-primary float-right"><i class="icon icon-plus"></i></button> @@ -1007,11 +1007,11 @@ Tony Stark </label> <label class="chip"> - <img src="img/avatar-1.png" class="avatar avatar-sm" /> + <img src="img/avatar-1.png" class="avatar avatar-sm" alt="Thor Odinson"/> Thor Odinson </label> <label class="chip"> - <img src="img/avatar-4.png" class="avatar avatar-sm" /> + <img src="img/avatar-4.png" class="avatar avatar-sm" alt="Steve Rogers" /> Steve Rogers </label> </div> @@ -1046,7 +1046,7 @@ <li class="menu-item"> <div class="tile tile-centered"> <div class="tile-icon"> - <img src="img/avatar-4.png" class="avatar" /> + <img src="img/avatar-4.png" class="avatar" alt="Avatar" /> </div> <div class="tile-content"> Steve Rogers @@ -1942,7 +1942,7 @@ <div class="tile"> <div class="tile-icon"> <figure class="avatar avatar-lg"> - <img src="img/avatar-3.png" /> + <img src="img/avatar-3.png" alt="Avatar" /> </figure> </div> <div class="tile-content"> @@ -1959,7 +1959,7 @@ <div class="tile"> <div class="tile-icon"> <figure class="avatar avatar-lg"> - <img src="img/avatar-2.png" /> + <img src="img/avatar-2.png" alt="Avatar" /> </figure> </div> <div class="tile-content"> |