A Pen by Eka Risyana

Developer
Eka Risyana
Size
3,705 Kb
Views
10,120
  1. A Pen by Eka Risyana Previews
  2. A Pen by Eka Risyana HTML Codes
  3. A Pen by Eka Risyana CSS Codes
  4. A Pen by Eka Risyana JS Codes

How do I make an a pen by eka risyana?

What is a a pen by eka risyana? How do you make a a pen by eka risyana? This script and codes were developed by Eka Risyana on 28 November 2022, Monday.

A Pen by Eka Risyana Previews
IQ Test

A Pen by Eka Risyana - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Eka Risyana</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body class="bodyku">	<div class=" text-center judul">	<h1>Twitchtv Streamer</h1>	</div>	<div class="container">	<div class="row">	<div class="col-sm-3"></div>	<div class="col-sm-6">	<ul class = "nav nav-tabs kontenTab " >	<li class="active "><a data-toggle="tab" href="#all" >All</a></li>	<li><a data-toggle="tab" href="#online" >Online</a></li>	<li><a data-toggle="tab" href="#offline" >Offline</a></li>	</ul>	<div class="tab-content konten">	<div id="all" class="tab-pane fade in active">	<!--<p>all user</p>-->	</div>	<div id="online" class="tab-pane fade">	<!--<p>online</p>-->	</div>	<div id="offline" class="tab-pane fade ">	<!--<p>offline</p>-->	</div>	</div>	<div class="text-center" style="color:white">by : <a style="color:white;" href='https://codepen.io/risyana/'>Eka</a></div>	</div>	<div class="col-sm-3"></div>	</div>	</div>	</body> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Eka Risyana - Script Codes CSS Codes

.bodyku {	background-color:#3f5982;	font-family : verdana;	}	.judul{	color: white;	}	.konten{	background-color: white;	border: solid grey 1px;	border-top: 0px;	padding: 5px;	}	li.active{	color: blue;	}	.kontenTab{	background-color: black;	border: solid grey 1px;	border-bottom: : 0px;	padding: 5px;	padding-bottom: 0px;	}	.new-board-btn {	padding : 0px;	margin : 0px;	vertical-align: baseline;	}	#searchBox{	margin : 10px;	margin-top : 1px;	margin-left : 1px;	padding-rigth : 1px;	text-align : left;	border : gray solid ;	}	.myHead{	color:white;	}

A Pen by Eka Risyana - Script Codes JS Codes

var channelAll = [];	var channelOnline = [];	var channelOffline = [];	var channelNotFound = [];	var api = "";	var twitchEndPoint = 'https://api.twitch.tv/kraken';	//var altEntPoint = 'https://wind-bow.hyperdev.space/twitch-api';	var altEntPoint = 'https://wind-bow.gomix.me/twitch-api';	var regularUser = ["freecodecamp","ESL_SC2", "cretetion", "OgamingSC2", "storbeck", "habathcx", "RobotCaleb","comster404", "noobs2ninjas","brunofin" ];	//var regularUser = ["comster404","brunofin" ];	// get station = [endpoint]/streams/:channel/	// get featured = [endpoint]/streams/featured	// get summary = [endpoint]/streams/summary	// get from some channels = [endpoint]/streams?game=[]&channel=test_channel,test_channel2	$(document).ready(function(){	//get all channel	for (var x = 0 ; x < regularUser.length ; x++ ){	user = regularUser[x];	api = altEntPoint+"/streams/"+regularUser[x]+"?callback=?";	$.getJSON(api)	.done(function(data){	//alert("success");	//console.log(api);	console.log(data);	var html = "";	/*	END POINT : https://wind-bow.gomix.me/twitch-api	APPLIED : 12-DEC-2016	REASON	: end point is changed from "https://wind-bow.hyperdev.space/twitch-api" to "https://wind-bow.gomix.me/twitch-api"	*/	if(data.stream !== null){	// NOW STREAMING	//console.log(data);	//console.log("---");	channelOnline.push(data);	html+="<div class='media' >";	html+="<div class='media-left media-middle' >";	html+="<a class='btn' target='_blank' href='"+data.stream.channel.url+"'><img src='"+data.stream.channel.logo+"' class='media-object img-circle' style='width:60px' /></a>";	html+="</div>";	html+="<div class='media-body media-middle' >";	html+="<a target='_blank' href='"+data.stream.channel.url+"'><h4 class='media-heading'>"+data.stream.channel.display_name+"</h4></a>";	html+="<p style='color:gray'>Now Streaming: "+data.stream.game.substr(0,50)+"</p>";	html+="</div>";	html+="</div>";	html+="<hr style='margin:1px;'/>";	$("div#all").append(html);	$("div#online").append(html);	}else{	channel = data._links.self.replace("https://api.twitch.tv/kraken/streams/","");	console.log(channel);	$.getJSON(altEntPoint+"/channels/"+channel+"?callback=?")	.done(function(data2){	if(data2.error==="Not Found"){	// USER NOT FOUND	console.log(data2.message);	channelNotFound.push(data2.message);	//channelNotFound.push("user not found");	html+="<div class='media' >";	html+="<div class='media-left media-middle' >";	html+="<a class='btn' href='#'><img src='http://www.clker.com/cliparts/A/Y/O/m/o/N/placeholder-md.png' class='media-object img-circle' style='width:60px' /></a>";	html+="</div>";	html+="<div class='media-body media-middle' >";	html+="<a href='#'><h4 class='media-heading' style='color:red;'>"+data2.message+"</h4></a>";	//html+="<a href='#'><h4 class='media-heading' style='color:red;'>"+"User Not Found"+"</h4></a>";	html+="<p></p>";	html+="</div>";	html+="</div>";	html+="<hr style='margin:1px;'/>";	$("div#all").append(html);	}else{	// USER OFFLINE	var channel="";	channelOffline.push(data);	//console.log(data2);	html+="<div class='media' >";	html+="<div class='media-left media-middle' >";	html+="<a class='btn' target='_blank' href='"+data2.url+"'><img src='"+data2.logo+"' class='media-object img-circle' style='width:60px' /></a>";	html+="</div>";	html+="<div class='media-body media-middle' >";	html+="<a target='_blank' href='"+data2.url+"'><h4 class='media-heading'>"+data2.display_name+"</h4></a>";	html+="<p></p>";	html+="</div>";	html+="</div>";	html+="<hr style='margin:1px;'/>";	$("div#all").append(html);	$("div#offline").append(html);	}	})	.fail(function(){	alert( " Message 1 = "+ error +"\n Message 2 = "+ textStatus +"\n Message 3 = "+ jqXHR.responseText);	console.log(" Message 1 = "+ error +"\n Message 2 = "+ textStatus +"\n Message 3 = "+ jqXHR.responseText);	});	}	/*	END POINT : https://wind-bow.hyperdev.space/twitch-api	CHANGED : 12-DEC-2016	REASON	: end point is changed from "https://wind-bow.hyperdev.space/twitch-api" to "https://wind-bow.gomix.me/twitch-api"	if(data.error==="Not Found"){	console.log(data.message);	channelNotFound.push(data.message);	//channelNotFound.push("user not found");	html+="<div class='media' >";	html+="<div class='media-left media-middle' >";	html+="<a class='btn' href='#'><img src='http://www.clker.com/cliparts/A/Y/O/m/o/N/placeholder-md.png' class='media-object img-circle' style='width:60px' /></a>";	html+="</div>";	html+="<div class='media-body media-middle' >";	html+="<a href='#'><h4 class='media-heading' style='color:red;'>"+data.message+"</h4></a>";	//html+="<a href='#'><h4 class='media-heading' style='color:red;'>"+"User Not Found"+"</h4></a>";	html+="<p></p>";	html+="</div>";	html+="</div>";	html+="<hr style='margin:1px;'/>";	$("div#all").append(html);	}else{	//OFFLINE USER	if(data.stream===null){	var channel="";	channelOffline.push(data);	channel = data._links.self.replace("https://api.twitch.tv/kraken/streams/","");	$.getJSON(altEntPoint+"/channels/"+channel+"?callback=?")	.done(function(data2){	//console.log(data2);	html+="<div class='media' >";	html+="<div class='media-left media-middle' >";	html+="<a class='btn' target='_blank' href='"+data2.url+"'><img src='"+data2.logo+"' class='media-object img-circle' style='width:60px' /></a>";	html+="</div>";	html+="<div class='media-body media-middle' >";	html+="<a target='_blank' href='"+data2.url+"'><h4 class='media-heading'>"+data2.display_name+"</h4></a>";	html+="<p></p>";	html+="</div>";	html+="</div>";	html+="<hr style='margin:1px;'/>";	$("div#all").append(html);	$("div#offline").append(html);	})	.fail(function(){	alert( " Message 1 = "+ error +"\n Message 2 = "+ textStatus +"\n Message 3 = "+ jqXHR.responseText);	console.log(" Message 1 = "+ error +"\n Message 2 = "+ textStatus +"\n Message 3 = "+ jqXHR.responseText);	});	}	//NOW STREAMING	if(data.stream!==null){	//console.log(data);	//console.log("---");	channelOnline.push(data);	html+="<div class='media' >";	html+="<div class='media-left media-middle' >";	html+="<a class='btn' target='_blank' href='"+data.stream.channel.url+"'><img src='"+data.stream.channel.logo+"' class='media-object img-circle' style='width:60px' /></a>";	html+="</div>";	html+="<div class='media-body media-middle' >";	html+="<a target='_blank' href='"+data.stream.channel.url+"'><h4 class='media-heading'>"+data.stream.channel.display_name+"</h4></a>";	html+="<p style='color:gray'>Now Streaming: "+data.stream.game.substr(0,50)+"</p>";	html+="</div>";	html+="</div>";	html+="<hr style='margin:1px;'/>";	$("div#all").append(html);	$("div#online").append(html);	}	}*/	})	.fail(function(){	alert( " Message 1 = "+ error +"\n Message 2 = "+ textStatus +"\n Message 3 = "+ jqXHR.responseText);	console.log(" Message 1 = "+ error +"\n Message 2 = "+ textStatus +"\n Message 3 = "+ jqXHR.responseText);	});	}	//console.log(channelNotFound);	});
A Pen by Eka Risyana - Script Codes
A Pen by Eka Risyana - Script Codes
Home Page Home
Developer Eka Risyana
Username risyana
Uploaded November 28, 2022
Rating 3
Size 3,705 Kb
Views 10,120
Do you need developer help for A Pen by Eka Risyana?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Eka Risyana (risyana) Script Codes
Name
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!