Browse Source

decruft: remove FA icons from studio subnav/links + rebuild searchform

- page-studio.php: strip the 9 fa fa-* spans (subnav tab icons + Code/Photo/Audio
  links); tabs are text-only now.
- searchform.php: drop the fa-search button icon and modernize the busted BS4
  markup (input-group-btn/btn-default/form-inline/fieldset) → BS5 input-group +
  btn-dark, 'Search' text button, type=search + aria-label.

Theme-wide FA usage: 18 → 8 (page-contact.php 7, comments.php 1).
windhamdavid 1 day ago
parent
commit
ac2c7e6e91
2 changed files with 15 additions and 19 deletions
  1. 9 9
      page-studio.php
  2. 6 10
      searchform.php

+ 9 - 9
page-studio.php

@@ -185,12 +185,12 @@
 		<div class="row">
 		<div class="row">
 			<div class="col-sm-2 bg-dark">
 			<div class="col-sm-2 bg-dark">
 				<ul class="nav studio-subnav">
 				<ul class="nav studio-subnav">
-					<li class="list-group-item mt-0"><a class="dw-studio-tab nav-item active" data-slide="3" href="#studio"><span class="fa fa-eye fa-fw"></span> <em>Studio</em></a></li>
-					<li class="list-group-item mt-1"><a class="dw-studio-tab nav-item" data-slide="4" href="#webdev"><span class="fa fa-desktop fa-fw"></span> <em>Web</em></a></li>
-					<li class="list-group-item mt-1"><a class="dw-studio-tab nav-item" data-slide="5" href="#ux"><span class="fa fa-terminal fa-fw"></span> <em>UX/UI</em></a></li>
-					<li class="list-group-item mt-1"><a class="dw-studio-tab nav-item" data-slide="6" href="#graphic"><span class="fa fa-pencil fa-fw"></span> <em>Graphic</em></a></li>
-					<li class="list-group-item mt-1"><a class="dw-studio-tab nav-item" data-slide="7" href="#media"><span class="fa fa-film fa-fw"></span> <em>Media</em></a></li>
-					<li class="list-group-item mt-1"><a class="dw-studio-tab nav-item" data-slide="8" href="#art"><span class="fa fa-paint-brush fa-fw"></span> <em>Art</em></a></li>
+					<li class="list-group-item mt-0"><a class="dw-studio-tab nav-item active" data-slide="3" href="#studio"><em>Studio</em></a></li>
+					<li class="list-group-item mt-1"><a class="dw-studio-tab nav-item" data-slide="4" href="#webdev"><em>Web</em></a></li>
+					<li class="list-group-item mt-1"><a class="dw-studio-tab nav-item" data-slide="5" href="#ux"><em>UX/UI</em></a></li>
+					<li class="list-group-item mt-1"><a class="dw-studio-tab nav-item" data-slide="6" href="#graphic"><em>Graphic</em></a></li>
+					<li class="list-group-item mt-1"><a class="dw-studio-tab nav-item" data-slide="7" href="#media"><em>Media</em></a></li>
+					<li class="list-group-item mt-1"><a class="dw-studio-tab nav-item" data-slide="8" href="#art"><em>Art</em></a></li>
 				</ul>
 				</ul>
 			</div>
 			</div>
 			<div class="col-sm-10">
 			<div class="col-sm-10">
@@ -221,7 +221,7 @@
   							</ul>
   							</ul>
                 <ul class="mt-2">
                 <ul class="mt-2">
                 <li><em>Links</em></li>
                 <li><em>Links</em></li>
-                  <li><a href="https://code.davidawindham.com" class="list-group-item"><span class="fa fa-code fa-fw"></span> Code</a></li>
+                  <li><a href="https://code.davidawindham.com" class="list-group-item">Code</a></li>
                 </ul>
                 </ul>
   						</div>
   						</div>
             </div>
             </div>
@@ -280,8 +280,8 @@
   							</ul>
   							</ul>
                 <ul class="mt-2">
                 <ul class="mt-2">
                   <li><em>Links</em></li>
                   <li><em>Links</em></li>
-                  <li><a href="https://photo.davidwindham.com" title="Photo" class="list-group-item"><span class="fa fa-camera-retro fa-fw"></span> Photo</a></li>
-                  <li><a href="<?php echo home_url( '/' ); ?>studio/music/" class="list-group-item"><span class="fa fa-microphone fa-fw"></span> Audio</a></li>
+                  <li><a href="https://photo.davidwindham.com" title="Photo" class="list-group-item">Photo</a></li>
+                  <li><a href="<?php echo home_url( '/' ); ?>studio/music/" class="list-group-item">Audio</a></li>
                 </ul>
                 </ul>
   						</div>
   						</div>
             </div>
             </div>

+ 6 - 10
searchform.php

@@ -1,10 +1,6 @@
-<form role="search" action="<?php echo home_url( '/' ); ?>" method="get" class="form-inline">
-    <fieldset>
-		<div class="input-group">
-			<input type="text" name="s" id="search" placeholder="<?php _e("Search","wpbootstrap"); ?>" value="<?php the_search_query(); ?>" class="form-control" />
-			<span class="input-group-btn">
-				<button type="submit" class="btn btn-default"><span class="fa fa-search"></span></button>
-			</span>
-		</div>
-    </fieldset>
-</form>
+<form role="search" action="<?php echo home_url( '/' ); ?>" method="get">
+	<div class="input-group">
+		<input type="search" name="s" id="search" class="form-control" placeholder="<?php esc_attr_e( 'Search', 'daw' ); ?>" value="<?php the_search_query(); ?>" aria-label="<?php esc_attr_e( 'Search', 'daw' ); ?>" />
+		<button type="submit" class="btn btn-dark">Search</button>
+	</div>
+</form>