v3.1.1
This commit is contained in:
+162
@@ -0,0 +1,162 @@
|
||||
<?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>
|
||||
Reference in New Issue
Block a user