<?php  
/**
did:plc:wdolp7qjekv5jqgz7h2r5peb/post/3mi4miw5gxp2o
Friday August 16, 2024 12.22 pm.

Draft

*/


//require_once('../cfip.php'); 

?>
<!doctype html>
<html lang="en">
<head>

	<meta charset="utf-8">
    <meta name="description" content="Live at TyClifford.com/Live" />
    <meta name="author" content="Ty Clifford">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <meta name="keywords" content="Ty Clifford, Live, Podcast, Spotify podcast, Keyser, West Virginia, United States, Nerd, Ty on TikTok, Ty's web space, Freedom of Expression">
    <meta property="og:url" content="https://tyclifford.com/" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Ty Clifford - Live! - Hobbies are my hobby." />
    <meta property="og:title" content="Live TC | TyClifford.com/Live" />
    <meta property="og:image" content="" />
    <meta property="og:image:alt" content="Live" />
    <meta name="twitter:site" content="@_tyclifford" />
    <meta name="twitter:title" content="Live TC | TyClifford.com/Live" />
    <meta name="twitter:description" content="Members area" />

    <title>LIve TyClifford.com - Hobbies are my hobby.</title>
    
    <!-- FAV and TOUCH ICONS -->
    <link rel="shortcut icon" href="<?php echo $mainURL; ?>/images/ico/fa-bl.ico">
    <link rel="apple-touch-icon" href="<?php echo $mainURL; ?>/images/ico/fa-bl.jpg"/>
    
    <!-- FONTS -->
    <link rel="stylesheet" type="text/css" href="<?php echo $mainURL; ?>/css/fonts/hk-grotesk/style.css">
    <link rel="stylesheet" type="text/css" href="<?php echo $mainURL; ?>/css/fonts/fontello/css/fontello.css">
    
    <!-- STYLES -->
    <link rel="stylesheet" type="text/css" href="<?php echo $mainURL; ?>/css/main.css">

<!--

    <script type="text/javascript"  src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
            $(document).ready(function() { /// Wait till page is loaded
            setInterval(timingLoad, 3000);
            function timingLoad() {
            $('#show').load('content.php', function() {
            /// can add another function here
            });
            }
            }); //// End of Wait till page is loaded
    </script>

-->

</head>

<body class="is-text-align-center is-masked-dark is-text-light" style="background-color: black;">
	
    
    
	    
    <!-- CONTENT-WRAP -->
    <div class="content-wrap">
    	
               <!-- CONTENT -->
        <div class="content">
            


<!-- Stream Embed -->
<div id="stream-wrap"></div>

<style>
  #stream-wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
  }
  #stream-wrap iframe {
    display: block;
    width: 100%;
    height: 0; /* set by JS */
    border: 0;
  }
</style>

<script>
(function () {
  var wrap  = document.getElementById('stream-wrap');
  var frame = document.createElement('iframe');

  frame.src             = 'https://stream.place/embed/tyclifford.com';
  frame.allowFullscreen = true;
  frame.setAttribute('frameborder', '0');
  frame.setAttribute('allow', 'autoplay; fullscreen');

  wrap.appendChild(frame);

  function resize() {
    var w = wrap.offsetWidth;
    // 16:9 aspect ratio — swap to 4:3 (w * 0.75) if your stream uses that
    frame.style.height = Math.round(w * (9 / 16)) + 'px';
  }

  resize(); // run immediately on load

  var timer;
  window.addEventListener('resize', function () {
    clearTimeout(timer);
    timer = setTimeout(resize, 80); // debounced — smooth on mobile drag
  });
})();
</script>


<!--<iframe
  src="https://stream.place/embed/tyclifford.com"
  width="560"
  height="315"
  frameborder="0"
  allowfullscreen
></iframe>-->
<br />
            <a 
                class="button tango soft-rounded" 
                        href="https://go.tyclifford.com/patreon">Become a Patreon</a> 
                                <a class="button yellow soft-rounded" 
                                        href="https://go.tyclifford.com/liberapay">Liberapay</a> 
                                 <a class="button aqua soft-rounded" 
                                        href="https://www.paypal.com/donate/?hosted_button_id=ZDJ9TXPPMNZ6U">Donate via PayPal
                </a>


<!--
<iframe
	src="https://stream.place/chat-popout/did:plc:wdolp7qjekv5jqgz7h2r5peb/post/3mi4miw5gxp2o"
	width="300"
	height="500"
	frameborder="0"
</iframe>
    -->         
             
                <!-- Footer -->
            <hr />
            <p class="is-social-minimal-light"><a class="social-link github" href="https://github.com/snick512"></a> <a class="social-link email" href="mailto:ty@tyclifford.com"></a></p>

        </div>
    </div>
    <!-- CONTENT-WRAP -->

    <!-- SCRIPTS -->
	<script src="../js/main.js"></script>    
</body>
</html>
