DM / index.html
Omnibus's picture
Update index.html
8eabe9e verified
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>My static Space</title>
<link rel="stylesheet" href="style.css" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content=""/>
<meta property="og:title" content="FOLLOW ME"/>
<meta property="og:description" content="Click to send a Direct Message"/>
<meta property="og:image" content="https://huggingface.co/datasets/jbilcke-hf/ai-tube-index/resolve/main/videos/165a6c81-3747-44a4-93a5-46b87353cd02.webp"/>
<!--meta http-equiv="refresh" content="0; url=https://jbilcke-hf-ai-tube.hf.space/"-->
<meta name="refr" http-equiv="refresh" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const vid = urlParams.get("user");
const intent = urlParams.get("intent");
var elv= document.getElementsByName('refr')
if (intent === "dm"){
elv[0].content = "0; url=https://twitter.com/direct_messages/create/" + vid;
document.querySelector('meta[property="og:title"]').setAttribute("content", "DM ME");
}
if (intent === "follow"){
elv[0].content = "0; url=https://twitter.com/intent/follow?screen_name=" + vid;
document.querySelector('meta[property="og:title"]').setAttribute("content", "FOLLOW ME");
}
</script>
<style>
.container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 100%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="container">
</div>
<!--script>
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const vid = urlParams.get("video");
console.log(vid)
$('meta[name="twitter:player"]').remove();
$('meta[name="twitter:player:stream"]').remove();
$('head').append( '<meta name="twitter:player" content="https://omnibus-video-card.static.hf.space/index.html?video='+vid+'">' );
$('head').append( '<meta name="twitter:player:stream" content="https://omnibus-video-card.static.hf.space/index.html?video='+vid+'">' );
console.log($('meta[name="twitter:player"]').attr('content'));
console.log($('meta[name="twitter:player:stream"]').attr('content'));
//document.querySelector('meta[name="twitter:player"]').setAttribute("content", "https://omnibus-video-card.static.hf.space/index.html?video="+vid);
//document.querySelector('meta[name="twitter:stream"]').setAttribute("content", "https://omnibus-video-card.static.hf.space/index.html?video="+vid);
document.getElementById("myFrame").src = vid;
</script-->
</body>
</html>