working-title-backup.txt

<!DOCTYPE html>
<html>

  <head>
    <meta http-equiv="Content-Type" content="text/html">
    <meta name="Author" content="Bryan Guner">
    <title> Lambda Student Resources</title>
    <link type="image/x-icon"
      href="https://instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/536/favicon_lambda_32.png"
      rel="shortcut icon">
    <link
      href="https://instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png"
      rel="apple-touch-icon">
    <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet">
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="./w1-style.css" rel="stylesheet">
    <style>
      #out {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
.loading-overlay {
display: none;
background: rgba( 26, 26, 26, 0.7 );
position: fixed;
width: 100%;
height: 100%;
z-index: 5;
top: 0;
}

.loading-overlay-image-container {
display: none;
position: fixed;
z-index: 7;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
}

.loading-overlay-img {
width: 50px;
height: 50px;
border-radius: 5px;
}
    </style>
    <!-- <script>
   
    </script> -->
    <script async src="./index.js"></script>

    <!----------------------jQuery------------------------------------------------------------------------------------------->
    <!-- <script async defer src="./jQuery-min.js"></script> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script type="text/javascript">
      function hideLoader() {
        $( '#loading' ).hide();
      }
      $( window ).ready( hideLoader );
      // Strongly recommended: Hide loader after 20 seconds, even if the page hasn't finished loading
      setTimeout( hideLoader, 20 * 1000 );
      $( window ).on( 'beforeunload', function () {
        $( window ).scrollTop( 0 );
      } );

    </script>
  </head>
  <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------->

  <body>
    <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------->
    <div id="out">
      <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------->
      <a class="github-corner" href="https://github.com/bgoonz/Lambda" aria-label="View source on Github"><svg
          aria-hidden="true" width="80" height="80" viewBox="0 0 250 250"
          style="z-index: 100000; fill:#194ccdaf; color:#fff; position: fixed; top: 20px; border: 0; left: 20px; transform: scale(-1.5, 1.5);">
          <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
          <path class="octo-arm"
            d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
            fill="currentColor" style="transform-origin: 130px 106px;"></path>
          <path class="octo-body"
            d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
            fill="currentColor"></path>
        </svg></a>
      <!------------------------------------------------------------------------------------------------------------------------------------------------->
   <h1 style="color:rgb(84, 172, 226); align-content:center;">This is:
     <span class="txt-rotate" data-period="2000"
       data-rotate='[ " Lambda Student Resources", "created by Bryan Guner" ]'></span>
   </h1>
  <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------->
        <div id="loading"
          style="background: url('./giphy.gif') no-repeat center center;position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 9999999;">
        </div>
        <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------->
           <h2>One-Drive-File-Storage!</h2>

      <div class="loading-overlay"></div>
      <div class="loading-overlay-image-container">
        <img src="./giphy.gif" class="loading-overlay-img" />
      </div>
      <div style="display:flex; flex-direction: row;">
        <iframe
          src="https://onedrive.live.com/embed?cid=D21009FDD967A241&resid=D21009FDD967A241%21538729&authkey=AHSDSyoYqzg2K2E"
          width="165" height="128" frameborder="0" scrolling="no"></iframe>
      
      </div>
      <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
      <br>
      <br>
      <ul>
        <li class="btn"><a href="./directory.html">🧭NAVIGATION🧭&nbsp;</a></li>
        <li class="btn"><a href=".link.html">🧭External Links (most used websites)🧭&nbsp;</a></li>
        <li class="btn"><a href="./assets/web-dev-utils/lambda-prep/directory.html">🧰Tools🔨&nbsp;</a></li>
        <li class="btn"><a href="https://lambda-prep.netlify.app/">📖Lambda Prep-Resource Site📗&nbsp;</a></li>
        <li class="btn"><a href=".RESOURCES.html">🖥️Code Playground🖲️&nbsp;</a></li>
        <li class="btn"><a href="./WEEKS/wk1/0-notes/d2/applied-js-1.html">✨applied-js-1.html✨&nbsp;</a></li>
        <li class="btn"><a href="./WEEKS/wk1/0-notes/d2/HTML_PATTERNS">🧱HTML_PATTERNS🕸️ &nbsp;</a></li>
        <li class="btn"><a href="./WEEKS/wk1/0-notes/d2/js-fundamentals.html">✨js-fundamentals✨&nbsp;</a></li>
        <li class="btn"><a href="./WEEKS/wk1/2-resources/agenda.html">💬Agenda💬&nbsp;</a></li>
        <li class="btn"><a href="./WEEKS/wk1/0-notes/d2/styling-n-js.html">✨styling-n-js✨&nbsp;</a></li>
        <li class="btn"><a href="./WEEKS/wk1/0-notes/d2/using-git.html">😺using-git😺&nbsp;</a></li>
        <li class="btn"><a href="https://trusting-dijkstra-4d3b17.netlify.app/">🎄DATA STRUCTURES🌐&nbsp;</a></li>
        <li class="btn"><a href="WEEKS\wk1\2-resources\agenda.html">📗Agenda📗&nbsp;</a></li>
        <li class="btn"><a href="WEEKS\wk1\2-resources\agenda.html">📼Video Previewer📹&nbsp;</a></li>
        <li class="btn"><a href="about\Using_Canvas.html">📊Using Canvas📊&nbsp;</a></li>
      </ul>
      <br>
      <br>
      <br>
      <div style="display:flex; flex-direction: row;">
      <iframe class="animate" id="ann" src="https://embedable-content.netlify.app/standalone/test.html" height="365"
        style="width: 8%;" scrolling="no" frameborder="yes" border-radius:350 loading="lazy" align-content:center
        allowtransparency="true" allowfullscreen="true" opacity="0.7" box-shaddow="16px white"></iframe>
        
      <button onclick="removeaudio()" id="myBtn">Mute</button>
      <iframe class="animate" id="audio"
        src="https://project-showcase-bgoonz.netlify.app/future-tech-innov-creative/etc/musicviz/index_starter.html"
        height="365" style="width: 8%;" scrolling="no" frameborder="yes" border-radius:350 allow="autoplay" id="audio"
        style="display:none" align-content:center allowtransparency="true" allowfullscreen="true" opacity="0.7"
        box-shaddow="16px white"></iframe>
</div>
      <h2 style="color:white; align-content:center;"> Announcements </h2>

      <iframe class="embed" src="./anouncments.html" height="800" style="width:90%" scrolling="yes" frameborder="no"
        loading="lazy" allowtransparency="true" allowfullscreen="true" opacity="0.7" box-shaddow="8px white"></iframe>
      <br>
      <br>
      <h2> General Resources:</h2>
      <iframe class="embed" src="./RESOURCES.html" height="800" style="width:90%;!important" scrolling="yes" frameborder="no"
        loading="lazy"></iframe>
      <br>
      <br>
      <br>
      <h2>Demo's</h2>
      <br>
      <br>
      <br>
      <iframe class="embed"  src="https://embedable-content.netlify.app/main.html"
        style="width:90%!important; height:800px;"></iframe>
      <br>
      <br>
      <br>
      <!----------------------------------------------------------------------->
      <h2>Comments</h2>
      <iframe  src="https://Comments.bgoonz.repl.co"
        style="background-color: rgba(255, 255, 255, 0.214) ;border-radius:45px; color:white;!important" height="800px"
        width="90%" scrolling="yes" frameborder="yes" allowtransparency="false" scroll="true"
        allowfullscreen="true"></iframe>
      <div class="shadow">
        <!-------------------------------------------------------------------------------------->
      </div>
      <hr>

        <li class="btn"><a href="./WEEKS/wk1/0-notes/d2/directory.html" >🧭NAVIGATION🧭&nbsp;<img src=""></a></li>
        <li class="btn"><a href="https://portfolio42.netlify.app/" target=”_blank”>ABOUT&nbsp;<img src=""></a></li>
        <li class="btn"> <a href="https://lambda-w-1-notes.netlify.app/" target=”_blank”>🏠HOME!&nbsp;<img src=""></a>
        </li>

      <script src="https://www.freevisitorcounters.com/auth.php?id=fdf7005310189aaad83125635a22c042daac8a70"
        type="text/javascript"></script>
      <script async src="https://www.freevisitorcounters.com/en/home/counter/814984/t/0" type="text/javascript">
      </script>
      <script>
       


          function removeaudio() {
            var elem = document.getElementById( 'audio' );
            elem.parentNode.removeChild( elem );
            return false;
          }

          function pageInit() {
            // Hook up the "remove audio" button
            var btn = document.getElementById( 'btnRemoveaudio' );
            if ( btn.addEventListener ) {
              // DOM2 standard
              btn.addEventListener( 'click', removeaudio, false );
            } else if ( btn.attachEvent ) {
              // IE (IE9 finally supports the above, though)
              btn.attachEvent( 'onclick', removeaudio );
            } else {
              // Really old or non-standard browser, try DOM0
              btn.onclick = removeaudio;
            }
          }
  

      </script>
            <!-- include our loader overlay script -->
      
  <a style="color:black;" href='https://free-hit-counters.net/'>Free Hit Counters</a>
      <script type='text/javascript'
        src='https://www.freevisitorcounters.com/auth.php?id=f904dfc58ec6c182f5b6f3c4144fb84f03f356bc'></script>
      <script type="text/javascript" src="https://www.freevisitorcounters.com/en/home/counter/815451/t/0"></script>
  </body>

</html>