Files
comcurrent/live/2index.php
T
Ty Clifford 5f7c62f8a7 v3.1.1
2026-06-24 09:19:08 -04:00

163 lines
4.7 KiB
PHP

<?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>