From 33de55e86dd2e243dcafd5334e9fef956cb93fcf Mon Sep 17 00:00:00 2001
From: i12bretro <54692756+i12bretro@users.noreply.github.com>
Date: Sun, 6 Mar 2022 12:28:15 -0500
Subject: [PATCH] 0473: Install Pi-Hole on Raspberry Pi 4

---
 0473.html | 69 +++----------------------------------------------------
 1 file changed, 3 insertions(+), 66 deletions(-)

diff --git a/0473.html b/0473.html
index 9d6a710..24f084a 100644
--- a/0473.html
+++ b/0473.html
@@ -8,72 +8,9 @@
         <meta name="author" content="i12bretro">
         <meta name="description" content="Install Pi-Hole on Raspberry Pi 4">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-								  <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
-				        <script type="text/javascript">
-          $(function(){
-            $('textarea').each(function(i,e){
-              theTextarea = $(this);
-              theTextarea.height((theTextarea[0].scrollHeight-5) +'px');
-            });
-
-            $('li').each(function(i,e){
-							if(!$(this).hasClass('noCheckbox')){
-								var uuid = 'li_' + Math.floor(Math.random() * Math.floor(1000000)).toString() + '_' + i.toString();
-								$(this).contents().wrap('<span id="'+ uuid +'"><label for="cb_'+ uuid +'"></label></span>');
-								$(this).prepend('<input type="checkbox" class="completeBox" id="cb_' + uuid +'" rel="'+ uuid +'" />')
-							}
-            });
-
-            $('code,div.codeBlock,textarea.codeBlock').each(function(i,e){
-              theElement = $(this);
-              var lines = theElement.html().split("\n");
-              theElement.empty();
-              for(l=0;l<lines.length;l++){
-                if($.trim(lines[l]) != '' && $.trim(lines[l]).substr(0,1) != '#' && $.trim(lines[l]).indexOf(' #') == -1 && lines[l].substr(0, 4).toUpperCase() != 'REM '){
-									                  theElement.append('<input type="image" src="images/clipboard.png" value="" class="copy-text" rel="copy_'+ i +'_'+ l +'" data-clipboard-text="'+ $.trim(lines[l].replace(/"/g, '&quot;')) +'" /><span id="copy_'+ i +'_'+ l +'">'+ lines[l] +'</span>');
-									                } else {
-                  theElement.append(lines[l]);
-                }
-              }
-            });
-
-            $(document).on('click','input.copy-text',function(){
-              theButton = $(this);
-														$('input.copy-text').attr('src','images/clipboard.png');
-							              $('span.copy-animation,span.copy-animation-ps').removeClass('copy-animation copy-animation-ps');
-              try {
-                if($('#'+ theButton.attr('rel')).parent('div').hasClass('PS')){
-                  $('#'+ theButton.attr('rel')).addClass('copy-animation-ps');
-								} else if($('#'+ theButton.attr('rel')).parent('div').hasClass('CMD')){
-									$('#'+ theButton.attr('rel')).addClass('copy-animation-cmd');
-                } else {
-                  $('#'+ theButton.attr('rel')).addClass('copy-animation');
-                }
-                navigator.clipboard.writeText(theButton.data('clipboard-text').replace(/<[^>]*>?/gm, ''));
-																theButton.attr('src','images/clipboard_active.png');
-								              } catch(err) {
-              }
-              return false;
-            });
-
-            $(document).on('click','input.completeBox',function(){
-              theBox = $(this);
-              $('#'+ theBox.attr('rel')).addClass('strikethrough');
-              theBox.prop('disabled',true);
-              theBox.parent('li').prevAll().each(function(i,e){
-                theLI = $(this);
-                if(theLI.find('input[type=checkbox]').not(':checked')){
-                  $('#'+ theLI.find('input[type=checkbox]').attr('rel')).addClass('strikethrough');
-                  theLI.find('input[type=checkbox]').prop('checked',true).prop('disabled',true);
-                }
-              });
-            });
-
-            if(window.self !== window.top){
-															window.parent.$('iframe.stepsFrame').height((this['scrollingElement']['scrollHeight']+20) +'px');
-							            }
-          });
-        </script>
+				          <link rel="icon" type="image/x-icon" href="includes/favicon.ico">
+				  <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+				        <script type="text/javascript" src="includes/js/steps.js"></script>
         <link href="css/steps.css" rel="stylesheet" type="text/css" />
       </head>
       <body>