Professional Documents
Culture Documents
Video Navigator
(YouTube Edition)
by
Christopher Topalian
Copyright 2020-2021
All Rights Reserved
1
Dedicated
to
God the Father
2
Topalian Game Engine Video Navigator
https://github.com/ChristopherTopalian/
TopalianGameEngineVideoNavigator
3
TopalianGameEngineVideoNavigator.html
<!--
CONTROLS
W is Up, S is Down, A is Left, D is Right.
SPEED
press numbers 1 to 9 to adjust Speed
press 0 - + BackSpace Home End for Super Speeds
TRANSPARENCY
press N for the player to be see-through
press M for solid
-->
<!--
Use the Chrome Browser for the Fastest Load Time
and Performance.
4
Works nicely also in Firefox, Brave, and others.
-->
<html><head>
<title>Topalian Game Engine Video Navigator - YouTube
Edition</title>
<style>
#thePlayer{
position: absolute;
width: 70px;
height: 74px;
5
/* background: rgb(73, 100, 150); */
z-index: 1001;
word-wrap: break-word;
font-family: Tahoma;
line-height: 18px;
font-size: 14px;
font-weight: bold;
padding: 4px;
text-align: center;
border-radius: 7px;
background-repeat: no-repeat;
background-position: center;
background-size: 70px 84px;
}
6
#theBackground{
position: absolute;
width: 250000px;
height: 250000px;
background: black;
left: 0px;
top: 0px;
opacity: 1.0;
z-index: -99;
background-image:
url("https://collegeofscripting.weebly.com/uploads/6/4/4
/8/64482293/stars-nice-edited_orig.png");
}
body
{
color:rgb(255, 255, 255); /*font color*/
}
.glowDedicationStyle
{
text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px
#FFF, 0 0 20px #18dcff, 0 0 30px #18b6ff, 0 0 40px
#49FF18, 0 0 55px #00d9ff, 0 0 75px #00e1ff, 2px 2px
2px rgba(115,246,255,0);
font-size:60px;
}
7
.glowTitleStyle
{
text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px
#FFF, 0 0 20px #ff1878, 0 0 30px #f700ff, 0 0 40px
#da21ff, 0 0 55px #ff008c, 0 0 75px #ff168b, 2px 2px 2px
rgba(115,246,255,0);
font-size:80px;
}
textarea
{
overflow-y: scroll;
padding: 0px 12px;
}
.ourButton
{
/*width: 55px;*/
background-color: rgb(0, 77, 129);
border: solid 1px rgb(100, 100, 255);
color: white;
font-weight: normal;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 0px;
text-align: center;
text-decoration-style: double;
font-size: 15px;
8
border-radius: 7px;
opacity: 1.0;
margin: 2px;
}
.ourButton:hover
{
background-color: rgb(6, 31, 47);
}
a:link
{
color:rgb(110, 162, 255);
}
a:visited
{
color:rgb(133, 134, 209);
}
.hrCompact
{
background-color: rgb(255,255,255);
border: 0 none;
margin-top: 4px;
margin-bottom: 4px;
padding-top: 0.5px;
padding-bottom: 0.5px;
}
9
</style>
<!-- IMPORTANT
Make sure that you have this js file in your folder,
or provide the url of the file as shown below.
It is the data. It is named TopalianDataBoxing.js
-->
<!-- We can name the data file anything that we want -->
<script src =
"https://collegeofscripting.weebly.com/uploads/6/4/4/8/
64482293/topaliandataboxing.js"></script>
</head>
10
<div class = "glowTitleStyle"
style=position:absolute;top:850px;left:190px;>BDA
EXCUSES<br>Lomachenko Edition</div>
<span id="instructions"
onclick="removeElement('instructions');"
style=position:absolute;top:1057px;left:175px;><b>INS
TRUCTIONS<br>Move with WASD<br>Speed is 1 2 3 4
5 6 7 8 9 0<br>Super Speed is - + Back Space Home
End<br>Letter X to Start Mouse Position
Mode<br>Letter V to End Mouse Position
Mode</b></span>
<script>
function removeElement(theElement)
{
//check if the element exists first
if(document.getElementById(theElement))
{
document.getElementById(theElement).remove();
}
}
function reloadOurVideo(theFrameId)
{
document.getElementById(theFrameId).src =
document.getElementById(theFrameId).src;
}
11
function rowOfVideos(theX, theY, sizeX, sizeY,
whichArray, criteria1, criteria2)
{
theX -= sizeX;
let startTime;
let endTime;
12
//filter for a DATE
//if(whichArray[i].date.substring(0,10) ==
"02/29/2018")
13
//TYPE OF ELEMENT TO CREATE
let createCategoriesTitle =
document.createElement("div");
//POSITION
createCategoriesTitle.style.position =
"absolute";
createCategoriesTitle.style.left = theX +'px';
createCategoriesTitle.style.top = theY - 200 +
'px';
//FONT
createCategoriesTitle.style.fontFamily =
"tahoma";
createCategoriesTitle.style.fontWeight =
"bold";
createCategoriesTitle.style.fontSize = 17 +
'px';
createCategoriesTitle.style.color = "white";
createCategoriesTitle.style.textAlign =
"center";
//LAYER
createCategoriesTitle.style.zIndex = "10";
//BACKGROUND COLOR
createCategoriesTitle.style.background =
"black";
//SIZE
14
createCategoriesTitle.style.width = sizeX
+'px';
//createCategoriesTitle.style.height = 400
+'px';
//PADDING
createCategoriesTitle.style.paddingTop = 4
+'px';
createCategoriesTitle.style.paddingBottom = 4
+'px';
//BORDER
createCategoriesTitle.style.border = "solid
2px rgba(100,100,255,1.0)";
//CONTENT
createCategoriesTitle.innerHTML = '<b
style="color:aqua">'+whichArray[i].title+'' + "</b><br>"
+ "upload date " + ''+whichArray[i].date+'' + "<br>" +'<a
href=\''+ whichArray[i].url + "\?start=" + startTime +
"&end=" + endTime + '\'
target="_blank">Link</a><br>'+
''+whichArray[i].url + "\?start=" + startTime +
"&end=" + endTime + "<br>" +
''+whichArray[i].startTime+''+ " to "+
''+whichArray[i].endTime+'' + "<br>";
createCategoriesTitle.innerHTML += '<b
style="color:yellow;font-Size:30px">'+criteria1+'' +" "
+criteria2+'' + "<br>";
15
//ID
createCategoriesTitle.id = "Title" +
Math.floor(300000 + Math.random() * 9700000);
//POSITION
sideText.style.position = "absolute";
sideText.style.left = theX - 149 + 'px';
sideText.style.top = theY + 2 + 'px';
//SIZE
sideText.style.width = 150 + "px"; //sizeX +'px';
sideText.style.height = 400 + "px";
//PADDING
sideText.style.paddingTop = 15 +'px';
sideText.style.paddingBottom = 4 +'px';
//FONT
sideText.style.fontFamily = "arial";
sideText.style.fontWeight = "bold";
sideText.style.fontSize = "15px";
sideText.style.color = "white";
sideText.style.textAlign = "left";
//LAYER
16
sideText.style.zIndex = "10";
//BACKGROUND COLOR
sideText.style.background = "black";
//BORDER
sideText.style.border = "solid 2px
rgba(100,100,255,1.0)";
//ID
sideText.id = "SideText" + Math.floor(300000 +
Math.random() * 9700000);
//CONTENT
sideText.innerHTML = whichArray[i].words;
//DETAILS BUTTON
createCategoriesTitle.innerHTML +='<button
onclick="videoDetails(\''+whichArray[i].words+'\');"
class="ourButton">Details</button>';
//ID
makeVideoHere.id = "Video" +
Math.floor(300000 + Math.random() * 9700000);
//SOURCE
17
makeVideoHere.src = whichArray[i].url + "?
start=" + startTime + "&end=" + endTime;
//CURRENT TIME
makeVideoHere.currentTime =
whichArray[i].url + "?start=" + startTime + "&end=" +
endTime;
//POSITION
makeVideoHere.style.position = "absolute";
makeVideoHere.style.left = theX +'px';
makeVideoHere.style.top = theY + 'px';
//SIZE
makeVideoHere.style.width = sizeX +'px';
makeVideoHere.style.height = sizeY +'px';
//LAYER
makeVideoHere.style.zIndex = "1";
//FONT
makeVideoHere.style.fontFamily = "tahoma";
makeVideoHere.style.fontWeight = "bold";
makeVideoHere.style.fontSize = "xx-large";
makeVideoHere.style.color = "aqua";
makeVideoHere.style.textAlign = "center";
//BACKGROUND COLOR
makeVideoHere.style.background = "black";
18
//BORDER
makeVideoHere.style.border = "solid 2px
rgba(100,100,255,1.0)";
//RELOAD BUTTON
createCategoriesTitle.innerHTML += '<button
class="ourButton"
onclick=reloadOurVideo(\"'+makeVideoHere.id+'\")>Rel
oad</button>';
//PRINT BUTTON
createCategoriesTitle.innerHTML += '<button
onclick="printTextAreaAndDiv(\''+createCategoriesTitle
.id+'\', \''+sideText.id+'\');"
class="ourButton">Print</button>';
document.body.append(createCategoriesTitle);
document.body.append(makeVideoHere);
document.body.append(sideText);
}
}
}
}
function secondsFromTimeCode(fullTimeCode)
{
if(!fullTimeCode) fullTimeCode = '00:00:00';
let theStringSeconds = fullTimeCode;
let splitValue = theStringSeconds.split(":");
19
let secondsOnly = parseInt(splitValue[2]);
let secondsFromMinutes = parseInt(splitValue[1]) *
60;
let secondsFromHours = parseInt(splitValue[0]) *
3600;
return calculatedSeconds;
}
function printTextAreaAndDiv(whichDiv,
whichTextArea)
{
let mywindow = window.open('', 'PRINT',
'height=800,width=1000 top=50, left=100');
mywindow.document.write('<style>img{width:75%;</st
yle></head><body>');
mywindow.document.write('<h4>' + document.title +
'</h4>');
mywindow.document.write(document.getElementById(
20
whichDiv).innerHTML + "<hr>" +
document.getElementById(whichTextArea).value);
mywindow.print();
function videoDetails(theDetails)
{
let mywindow;
mywindow.document.write('<style>img{width:75%;</st
yle></head><body>');
mywindow.document.write('<h4>' + document.title +
'</h4>');
mywindow.document.write(theDetails);
}
function messageStays()
{
//TYPE OF ELEMENT TO CREATE
let startingText = document.createElement("div");
21
//POSITION
startingText.style.position = "absolute";
startingText.style.left = 350 +'px';
startingText.style.top = 230 + 'px';
//SIZE
startingText.style.width = 315 +'px';
startingText.style.height = 145 +'px';
//LAYER
startingText.style.zIndex = "998";
//FONT
startingText.style.fontFamily = "arial";
startingText.style.fontWeight = "900";
startingText.style.fontSize = "13pt";
startingText.style.color = "white";
startingText.style.textAlign = "center";
//BACKGROUND COLOR
startingText.style.background = "black";
//BORDER
22
//startingText.style.border = "solid 2px
rgba(100,100,255,1.0)";
startingText.style.borderStyle = "solid";
startingText.style.borderWidth = "2px";
startingText.style.borderColor =
"rgba(100,100,255,1.0)";
startingText.style.borderRadius= "10px";
startingText.innerHTML+= '<span
style="color:rgb(126, 203, 255);line-
height:19px">TOPALIAN GAME ENGINE<br>VIDEO
NAVIGATOR<br>(YouTube Edition)</span><br>';
startingText.innerHTML+= '<a
href="https://github.com/ChristopherTopalian"
target="_blank">GitHub.com/ChristopherTopalian</a>';
//ID
startingText.id = "messageStays";
document.body.append(startingText);
23
}
/*
SORT SORT SORT SORT
*/
//We can use this SORT FUNCTION BELOW to sort the
array.
//But, we could alternatively use the spreadsheet tools
to sort the data.
//Either way is fine.
//For Ascending order use a.date - b.date
//For Descending order use b.date - a.date
//ascending or descending
function sortByDate(whichArray, direction)
{
if(direction == "up") // ASCENDING is a.date - b.date
{
whichArray.sort(function(a,b){return new
Date(a.date) - new Date(b.date);});
}
else if(direction == "down") //DESCENDING is b.date
- a.date
{
whichArray.sort(function(a,b){return new
Date(b.date) - new Date(a.date);});
}
}
/*
24
We include which arrays we want to sort
*/
function sortIt()
{
//sortByDate(bdaBoxingComments, "down");
//Descending
//sortByDate(bdaBoxingComments, "up");
//Ascending
}
/*
PLAYER PLAYER PLAYER PLAYER
*/
/* Player's start position, speed and id */
let ourPlayer =
{
x: 480,
y: 1065,
speedMultiplier: 4,
playerId: document.getElementById("thePlayer")
};
/*
CONTROLS CONTROLS CONTROLS CONTROLS
*/
/* The Keyboard Letter Codes that are Being Pressed */
let keyboard = { };
keyboard.UP = 87; //87 is w, 38 is up arrow
keyboard.DOWN = 83; //83 is s, 40 is down arrow
25
keyboard.LEFT = 65; //65 is a, 37 is left arrow
keyboard.RIGHT = 68; //68 is d, 39 is right arrow
function theControls(e)
{
//SPEED
if(e.keyCode == 192) //tilda
{
ourPlayer.speedMultiplier = 0.5;
ourPlayer.playerId.innerHTML = "Speed 0.5";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 50 || e.keyCode == 98) //number 2
{
ourPlayer.speedMultiplier = 2;
26
ourPlayer.playerId.innerHTML = "Speed 2";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 51 || e.keyCode == 99) //number 3
{
ourPlayer.speedMultiplier = 3;
ourPlayer.playerId.innerHTML = "Speed 3";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 52 || e.keyCode == 100) //number 4
{
ourPlayer.speedMultiplier = 4;
ourPlayer.playerId.innerHTML = "Speed 4";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 53 || e.keyCode == 101) //number 5
{
ourPlayer.speedMultiplier = 5;
ourPlayer.playerId.innerHTML = "Speed 5";
27
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 54 || e.keyCode == 102) //number 6
{
ourPlayer.speedMultiplier = 10;
ourPlayer.playerId.innerHTML = "Speed 10";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 55 || e.keyCode == 103) //number 7
{
ourPlayer.speedMultiplier = 15;
ourPlayer.playerId.innerHTML = "Speed 15";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 56 || e.keyCode == 104) //number 8
{
ourPlayer.speedMultiplier = 25;
ourPlayer.playerId.innerHTML = "Speed 25";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
28
}
if(e.keyCode == 57 || e.keyCode == 105) //number 9
{
ourPlayer.speedMultiplier = 30;
ourPlayer.playerId.innerHTML = "Speed 30";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 48 || e.keyCode == 96) //number 0
{
ourPlayer.speedMultiplier = 50;
ourPlayer.playerId.innerHTML = "Speed 50";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 189) //dash
{
ourPlayer.speedMultiplier = 100;
ourPlayer.playerId.innerHTML = "Speed 100";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 187) //+
{
29
ourPlayer.speedMultiplier = 200;
ourPlayer.playerId.innerHTML = "Speed 200";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 8) //back space button
{
ourPlayer.speedMultiplier = 400;
ourPlayer.playerId.innerHTML = "Speed 400";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 36) //Home Button
{
ourPlayer.speedMultiplier = 800;
ourPlayer.playerId.innerHTML = "Speed 800";
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
if(e.keyCode == 35) //End Button
{
ourPlayer.speedMultiplier = 1600;
ourPlayer.playerId.innerHTML = "Speed 1600";
30
setTimeout(function(){
document.getElementById("thePlayer").innerHTML="";
}, 3000);
}
//TRANSPARENCY
if(e.keyCode == 77) //Letter m
{
ourPlayer.playerId.style.opacity = "1.0";
}
if(e.keyCode == 78) //Letter n
{
ourPlayer.playerId.style.opacity = "0.2";
ourPlayer.playerId.innerHTML= "";
}
ourPlayer.playerId.innerHTML =
"<br><br><br><br>Left Click for<br>Mouse Position";
}
31
window.removeEventListener("click",
mousePos, false);
/* Player Controls */
let playerMotion = function(){
if(keyboard[keyboard.LEFT]){
movePlayer(-1,0);
}
if(keyboard[keyboard.RIGHT]){
movePlayer(1,0);
}
if(keyboard[keyboard.UP]){
32
movePlayer(0,-1);
}
if(keyboard[keyboard.DOWN]){
movePlayer(0,1);
}
};
/*
CAMERA CAMERA CAMERA CAMERA
*/
//Camera Follows the Player
function cameraFollowsPlayer()
{
ourPlayer.playerId.scrollIntoView({block: "center",
inline: "center"});
}
/*
Get the POSITION of our MOUSE ARROW
*/
function mousePos(theEvent)
{
let mouseX = theEvent.pageX;
let mouseY = theEvent.pageY;
let mousePos = "Mouse" + "<br>" + "X " + mouseX +
"<br>"+ "Y " + mouseY;
console.log(mousePos);
ourPlayer.playerId.innerHTML= mousePos;
}
33
/*
ADDING OUR CONTENT TO THE WORLD
using our method of creating Rows of content
*/
function containerBoxing()
{
let boxingContentArray =
[
//Show Selected Videos of the array named
bdaBoxingComments
function(){ rowOfVideos(100, yPos, videoWidth,
videoHeight, bdaBoxingComments, "Bucho", "size
excuse")},
//theX, theY, sizeX, sizeY, whichArray, criteria1,
criteria2
34
//theX, theY, sizeX, sizeY, whichArray, criteria1,
criteria2
35
//theX, theY, sizeX, sizeY, whichArray, criteria1,
criteria2
36
//theX, theY, sizeX, sizeY, whichArray, criteria1,
criteria2
37
function(){ rowOfVideos(100, yPos, videoWidth,
videoHeight, bdaBoxingComments, "Precise",
"funny")},
//theX, theY, sizeX, sizeY, whichArray, criteria1,
criteria2
38
function(){ rowOfVideos(100, yPos, videoWidth,
videoHeight, bdaBoxingComments, "Dee", "attacks
person")},
//theX, theY, sizeX, sizeY, whichArray, criteria1,
criteria2
39
function(){ rowOfVideos(100, yPos, videoWidth,
videoHeight, bdaBoxingComments, "Pete",
"mockery")},
//theX, theY, sizeX, sizeY, whichArray, criteria1,
criteria2
40
messageStays();
/*
THE GAME LOOP
*/
function updateWorld()
{
playerMotion();
cameraFollowsPlayer();
requestAnimationFrame(updateWorld);
}
updateWorld();
</script>
</body>
</html>
41
TopalianDataBoxing.js
let bdaBoxingComments =
[
{ title:"Lomachenko fans making excuses like the
LDBC/Wilder fanboys?", date:"10/21/2020 12:00 AM",
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"00:04:20",
endTime:"00:05:20", description:"shoulder excuse",
words:"BDA cites the shoulder injury excuse. BDA
42
attempts to excuse the excuse by citing the source of
the report.", name:"BDA" },
43
tag:"youtubeVideo", startTime:"00:07:28",
endTime:"00:08:28", description:"funny",
words:"Bucho claims that Lomachenko almost
STOPPED Teofimo. Bucho claims that his prediction
was ALMOST correct, because, he claims, he
previously stated, that Lomachenko was gonna stop
the guy.", name:"Bucho" },
44
endTime:"00:09:11", description:"funny", words:"BDA
claims Teofimo Lopez was going to get overwhelmed in
the 12th round.", name:"BDA" },
45
{ title:"Lomachenko fans making excuses like the
LDBC/Wilder fanboys?", date:"10/21/2020 12:00 AM",
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"00:09:30",
endTime:"00:10:30", description:"funny",
words:"Bucho asks ScriptingCollege to show him
another channel or community of people that are
making excuses for Lomachenko and claims there are
none.", name:"Bucho" },
46
an excuse, BDA states that the shoulder injury excuse
is a good excuse, because the shoulder injury excuse
was known prior to the fight. BDA claims that
Lomachenko MIGHT HAVE BEEN INJURED before the
match.", name:"BDA" },
47
words:"BDA cites shoulder injury excuse. BDA agrees
that the shoulder injury is trying to rob credit from
Teofimo, but then tries to justify the shoulder excuse
by stating that it is a POSSIBILITY, because
Lomachenko had talked about the shoulder injury in
the past. BDA claims that a shoulder injury could effect
the boxers ability, so that he is justified in bringing that
shoulder excuse to the FORE FRONT.", name:"BDA" },
48
Lomachenko told people about the shoulder injury in
the past.", name:"BDA" },
49
tag:"youtubeVideo", startTime:"00:30:07",
endTime:"00:31:07", description:"promoter excuse",
words:"Bucho asks Recognize if he is MAKING
EXCUSES? Recognize answers, NO, he doesnt believe
hes making excuses. Recognize claims that TOP RANK
and ESPN wanted Teofimo to win the fight, which he
states is because Teofimo is more marketable.",
name:"Recognize" },
50
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"00:34:42",
endTime:"00:35:42", description:"size excuse",
words:"Bucho claims the SIZE excuse. Bucho says the
SIZE DIFFERENCE is something they knew that was
gonna happen. Bucho claims that Lomachenko had a
HANDICAP for being SMALLER than Teofimo.",
name:"Bucho" },
51
KNOW NOTHING about boxing. Bucho says Teofimo
can go to 147lbs, but claims that Lomachenko would
lose at 147lbs.", name:"Bucho" },
52
{ title:"Lomachenko fans making excuses like the
LDBC/Wilder fanboys?", date:"10/21/2020 12:00 AM",
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"00:43:53",
endTime:"00:44:53", description:"shoulder excuse",
words:"BDA cites that he doesnt know the severity of
the injury. Gonzalo claims the shoulder injury was
severe to cause single digit output in first rounds.
Gonzalo claims that in the first couple rounds, Teofimo
hit Lomachenko in the shoulder, really really hard
Gonzalo says, to which Pete immediately asks: HE
TORE HE LABRUM? Pete asks again: He tore his
Labrum with a shoulder shot? Pete exclaims that Teo
got power. Pete repeats again: Teo tore Lomachenkos
Labrum with a shoulder shot. Pete asks the panel: Is
that what were saying, or no? Gonzalo summarizes,
that maybe Lomachenko was hurt early in the fight.",
name:"Gonzalo" },
53
Recognize claims because Teofimo is BIGGER,
Lomachenko might have hurt his shoulder trying to
equal the BIGGER mans power. Recognize claims
Lomachenko might have TORE his shoulder from being
smaller than Teo.", name:"Recognize" },
54
endTime:"00:53:46", description:"size excuse",
words:"Recognize SIZE excuse. Recognize says
Teofimo fought BIG BECAUSE HE IS THE BIGGER GUY.
Recognize claims his size excuse is NOT an excuse,
but instead, a reason.", name:"Recognize" },
55
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"00:53:45",
endTime:"00:54:45", description:"size excuse",
words:"Bucho claims the SIZE EXCUSE. Bucho says
that Teofimo is WAS TOO BIG and that hes moving up
in weight. Bucho claims the SIZE EXCUSE is NOT an
EXCUSE, but instead a REALITY. Bucho claims the size
excuse isnt an excuse, since other people thought Teo
was BIGGER too.", name:"Bucho" },
56
reads another chat comment that says, No one said
how Teofimo would win by decision.", name:"Bucho" },
57
{ title:"Lomachenko fans making excuses like the
LDBC/Wilder fanboys?", date:"10/21/2020 12:00 AM",
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"01:14:07",
endTime:"01:15:07", description:"judges excuse",
words:"Precise claims the fight was a close one.
Precise says he disagrees with all of the score judges.
Precise says 7 to 5 Teo is JUST, but then says, draw, or
7 to 5 Lomachenko is good too. Precise claims that if
Teofimo was scored 5 out of 7 it wouldnt have been a
Robbery.", name:"Precise" },
58
NOT winning enough rounds, and then in the same
breathe, claims that the judges planned a robbery
either way. Precise claims that Lomachenko got
jobbed. Precise claims that Lomachenko ABSOLUTELY
got JOBBED. Precise claims that the fight was fixed by
the judges and that Lomachenko could have only won
with knockout", name:"Precise" },
59
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"01:16:03",
endTime:"01:17:03", description:"funny",
words:"Precise says he only chose Lomachenko,
because Lopez is a LIAR and had concealed his
HIDDEN SKILL from him. Precise claims that if Lopez
hadnt LIED about his skill, that he would have picked
him as the winner. Precise claims again, that THEY DID
Lomachenko DIRTY.", name:"Precise" },
60
reference to the callers calling in, who support Teofimo
Lopez.", name:"Pete" },
61
tag:"youtubeVideo", startTime:"01:19:03",
endTime:"01:20:03", description:"attacks person",
words:"Stu ATTACKS THE PERSON by calling them a
CLOWN. Stu said: I WANT TO SAY MY POINT AND
YOURE F@#$^&* INTERRUPTING ME FOR THIS
CLOWN.", name:"Stuart" },
62
panel was wrong he says. Recognize says they all
picked Charlo to win.", name:"Brotherhood" },
63
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"01:20:50",
endTime:"01:21:50", description:"mockery",
words:"Recognize says he is bored right now man.
BDA implies that Brotherhood is a HATER. Recognize
says he is BORED again and that he does NOT want to
talk with Brotherhood again. Recognize claims
confirmation bias of the caller brotherhood and claims
that the Brotherhood FINALLY got it right, because he
always picks against Lomachenko. Recognize says, he
finally got ONE right, good for him.",
name:"Recognize" },
64
Santa Cruz to win. The implication is that a person who
thinks Santa Cruz can win is CRAZY.", name:"Dee" },
65
shoulder injury in the past and he asks WHAT DO YOU
THINK ABOUT THAT, BECAUSE IT WAS MANAGEMENT
AND THE DOCTOR THAT CAME OUT AND SAID THAT
HE WAS INJURED. LOMACHENKO DIDNT SAY THAT.
BDA attempted to imply again that because
Lomachenko didnt make the excuse, that it is okay to
mention the shoulder injury excuse again and again.",
name:"BDA" },
66
RUNS WITH THAT AND SAYS THATS WHY HE LOST
THE FIGHT, WELL, WE DONT KNOW. PEOPLE DONT
SEEM TO UNDERSTAND WHAT AN EXCUSE IS.
EXCUSE IS BULLS$^&* AND ITS DIFFERENT FROM A
REASON. A REASON IS A REASON AND AN EXCUSE
IS AN EXCUSE. A REASON IS SOMETHING THAT
EXISTS. AN EXCUSE IS SOMETHING THATS MADE UP.
THATS THE ONLY DIFFERENCE. Precise ADMITS he
NEVER saw the Instagram post about the Surgery
(01:29:22), and then tries to REPORT on what the post
said, based on what others told him. Precise says that
the post does NOT say, that THIS IS WHY WE LOST
THE FIGHT. SO HE JUST POSTED THAT HE HAD AN
INJURY. OKAY? END OF STORY! Precise tries to claim
his excuse isnt an excuse, even though, it is an
excuse.", name:"Precise" },
67
YOU HEAR ME, I JUST WANT TO CLARIFY, THAT I
DONT SEE LOMACHENKO POSTING THAT. ALL I SEE
IS AN ARTICLE FROM THE DOCTOR AND THE
MANAGEMENT. LOMACHENKOS BEEN KEEPING
QUIET ABOUT THAT. SO ITS NOT EVEN
LOMACHENKO. Apology cuts in: BECAUSE HES A
HUMBLE GUY. HES NOT GONNA MAKE EXCUSES LIKE
THAT! BDA continues to say: ITS ALWAYS THE
MANAGEMENT. DEE YOU WERE GONNA SAY
SOMETHING?", name:"BDA" },
68
an unsubstantiated claim by stating that Lomachenko
had nothing to do with the rematch clause.",
name:"Precise" },
69
says: Yep. Apology then continues: Even in a close
fight, youll get the swing of things. And that was
CLEARLY, THIS FIGHT WAS CLEARLY a FIGHT SET UP
FOR LOMACHENKO TO LOSE. I was laughing half way
through the fight, it was just so funny to me, how
clearly THEY wanted Teo to win. But, Ill give Teo credit
later.", name:"Apology" },
70
endTime:"01:35:33", description:"compubox excuse",
words:"Apology says he was just laughing, and it
happened multiple times, they put the compubox
numbers on the screen, which I dont believe anyway. It
would say Teo landed this much, when he CLEARLY
didnt. It was just funny to me how it was SET UP but go
head. BDA asks: Do you have the compubox numbers?
Apology states: I have a screen shot of ONE round. Ill
send it right now. BDA says: One round? I need the
whole Apology says: Ill rewatch it and send it to you.",
name:"Apology" },
71
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"01:38:47",
endTime:"01:39:47", description:"judges excuse",
words:"Recognize judges excuse. Recognize claims
you can see there was some BULLSH#$. Recognize
claims: Its NOT making excuses, when someone says,
look, I BELIEVE Teofimo was the guy that THEY
WANTED TO WIN. Theres a lot of upside. What, boxings
NOT corrupt? Recognize then lists Teofimos
marketable attributes as the reasons why he won.",
name:"Recognize" },
72
endTime:"01:41:10", description:"judges excuse",
words:"BDA continue his judges excuse and claims
that BOB ARUM CAN TWEEK THINGS HOWEVER HE
WANTS, as BDA references a Luke Campbell fight in
the past, OR MAYBE I SHOULDNT BE BLAMING BOB
ARUM, he concludes. Recognize says that Bob Arum is
a business man and he will make choices that benefit
HIM and his promotion crew, and Teofimo being part of
that.", name:"BDA" },
73
{ title:"Lomachenko fans making excuses like the
LDBC/Wilder fanboys?", date:"10/21/2020 12:00 AM",
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"01:41:40",
endTime:"01:42:40", description:"judges excuse",
words:"Precise goes through reasons on why he
imagines Teofimo to be the A side and how Top Rank
set Teofimo up to win and how Top Rank wanted
Lomachenko to lose. Precise said: IT WAS CLEAR
LISTENING TO TIMOTHY BRADLEY, CALLING SHOTS
THAT NEVER LANDED. IT WAS CLEAR LISTENING TO
THE COMMENTATING TEAM. IT WAS CLEAR LOOKING
AT THOSE SCORE CARDS. IT WAS CLEAR LOOKING
AT THE COMPUBOX VERSUS WHAT ACTUALLY
HAPPENED IN THE RING. IT WAS CLEAR THAT THEY
WANTED LOMACHENKO TO LOSE.", name:"Precise" },
74
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"01:43:36",
endTime:"01:44:36", description:"funny", words:"Dee
makes a Summary of the excuses the panel used in the
show. *Excuses the Panel used in this show: *A Side
JUDGE CORRUPTION *Setting Lomachenko UP to lose.
*Shoulder Injury. *Lomachenko did NOT do anything.
Bucho interrupts: Are you saying the shoulder injury
was… Apology interrupts: IS HE DONE? Can I
Respond?", name:"Dee" },
75
claimed that he thinks that Lomachneko was SET UP
TO LOSE by from the very beginning, by Top Rank, the
judges, and the announcers and that it was NOT
possible for Lomachenko to win, no matter what
Lomachenko did that night against Teofimio and funny
enough, later in the show, Precise says out loud, that
he thinks that this fight is a ROBBERY. Bucho claims
there are NO other channels like the ldbc fans
channels, whom Bucho claims in the past, are biased,
in what he states are 7 videos he made showing ldbc
video clips of what Bucho accuses as being Excuses.",
name:"Bucho" },
76
SEEING THE CLEARER PICTURE. Apology claims that
since Dee doesnt Agree with his opinion, that Dee
DOES NOT SEE CLEARLY. Apology claims Dees
statements can easily be debunked, yet, he does NOT
debunk any of them. Apology tried to pretend that Dee
didnt address the panel, but Dee in fact did.",
name:"Apology" },
77
{ title:"Lomachenko fans making excuses like the
LDBC/Wilder fanboys?", date:"10/21/2020 12:00 AM",
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"01:49:03",
endTime:"01:50:03", description:"judges excuse",
words:"Apology continues to claim that his opinion is
FACT. Apology already admitted to that he NEVER
COUNTED THE NUMBER OF PUNCHES. Apology then
insults Dee and says he doesnt know how to score
boxing, since Dee does NOT agree with Apologys
assumption of compubox bias, which Apology claims
exists for Teofimo. Apology repeats over and over that
DEE Does NOT know how to score fights. Apology tried
to replace his lack of count evidence with attacks on
Dees boxing knowledge.", name:"Apology" },
78
{ title:"Lomachenko fans making excuses like the
LDBC/Wilder fanboys?", date:"10/21/2020 12:00 AM",
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"01:50:55",
endTime:"01:51:55", description:"compubox excuse",
words:"Precise asks Dee if the 12th round had 50
punches landed by Teofimo.", name:"Precise" },
79
words:"Precise claims they should move onto another
topic, because he claims that Dee cant ANSWER a
simple question. Precise claims that he is trying to
have a LOGICAL conversation, asking logical
questions, looking for GOOD ANSWERS but that it is
IMPOSSIBLE to do that WITH DEE.", name:"Precise" },
80
{ title:"Lomachenko fans making excuses like the
LDBC/Wilder fanboys?", date:"10/21/2020 12:00 AM",
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"01:56:50",
endTime:"01:57:50", description:"judges excuse",
words:"BDA says hes doing what he does as boxing
autists, and they are getting very deep into everything
about the fight. The bottom line, like Bucho said, it was
about comparing the EXCUSES that some fighters
make, or some fans of certain fighter make and then
others. This discussing that the fact that the score
cards were wide, I dont see how thats making excuses
for Lomachenko, because everyone here admits or
more or less admits that Lomachenko didnt win that
fight.", name:"BDA" },
81
{ title:"Lomachenko fans making excuses like the
LDBC/Wilder fanboys?", date:"10/21/2020 12:00 AM",
url:"https://www.youtube.com/embed/JZpvDUeUU24",
tag:"youtubeVideo", startTime:"01:57:24",
endTime:"01:58:24", description:"judges excuse",
words:"Precise claims the audience wants the panel to
admit that Lomachenko is over hyped. Precise says he
does NOT believe Lomachenko is over hyped. Pete
agrees and says Yeah F@#$ that. Precise claims that
the fight was Controversial for many reasons. Precise
claims that the fight was controversial because he
states that people are disagreeing as to the outcome of
the fight. Precise next cites the scorecards again.
Precise then says: Even if the judges said the right guy
won lets say, Its still controversial because it is.",
name:"Precise" },
82
cheating and that behind the head hits adversely affect
a boxers abilities in the ring.", name:"Precise" },
83
Curse words. Recognize says that Dee is quick to use
curse words. BDA correctly interrupts Recognize and
says NO talking about someone when they are NOT
here. BDA then correctly corrects Apology for his
earlier insult to Dee, which was an attack on the
person, when Apology had repeatedly said to Dee that
Dee didnt know how to score boxing.",
name:"Recognize" },
84
gonna repeat it. Im gonna take it some where else.",
name:"Bucho" },
85
TopalianSpreadsheetToJavascript.html
<!-- Dedicated to God the Father -->
<!-- Paste your spreadsheet data into the text area -->
<!--
This script makes it very easy to add data to our
game/website.
We first add data to our spreadsheet, which we can
sort anyway we want using the spreadsheet tools.
86
Then we just copy that spreadsheet data, without the
headers, and paste it in the text box of this app TSTJ.
We then left click the copy button on the screen and
then we paste the converted data into our
TopalianDataBoxing.js file, in the correct location,
according to the array name.
<html>
<head>
<style>
#pasteDataHere
87
{
position:absolute;
left: 100px;
top: 120px;
height: 25%;
width: 80%;
box-sizing: border-box;
background-color: rgb(240,240,240);
border-radius:6px;
border:3px solid rgb(0,0,0);
border-color: black;
cursor:pointer;
color:black;
font-size:14px;
padding:9px 9px;
text-decoration:none;
}
#displayData
{
position:absolute;
left: 100px;
top: 290px;
height: 25%;
width: 80%;
box-sizing: border-box;
background-color: rgb(240,240,240);
border-radius:6px;
border:3px solid rgb(0,0,0);
border-color: black;
88
cursor:pointer;
color:black;
font-size:14px;
padding:9px 9px;
text-decoration:none;
}
#copyButton
{
position:absolute;
left: 200px;
top: 460px;
width: 100px;
background-color: rgb(0, 77, 129);
font-family: exo black;
font-size: 26px;
color: white;
border-radius: 7px;
}
#copyButton:hover
{
background-color: rgb(36, 135, 201);
}
#titleText
{
position:absolute;
left: 100px;
top: 20px;
font-family: exo black;
89
font-size: 40px;
color: white;
}
#instructions
{
position:absolute;
left: 125px;
top: 75px;
font-family: tahoma;
font-size: 26px;
color: white;
}
body
{
background: rgb(104, 104, 104);
background-image:
url("https://collegeofscripting.weebly.com/uploads/6/4/4
/8/64482293/stars-nice_orig.png");
background-repeat: repeat;
}
</style>
</head>
<body onload="whenLoaded();">
<script>
90
function whenLoaded()
{
document.getElementById("pasteDataHere").addEvent
Listener("input", processSpreadsheetData, false);
}
function processSpreadsheetData()
{
let ourData =
document.getElementById("pasteDataHere").value;
ourData.trim();
/*
Now we can use single quotes, when entering
data.
We achieve this by
replacing the single quote that was entered
with a backtick ` instead.
*/
ourData = ourData.replace(/'/g, '`');
91
ourData = ourData.replace(/’/g, '`');
//var test =
document.getElementById("displayData").innerHTML=
ourData.split(/},/g).join('},'+ '<br><br>');
var test =
document.getElementById("displayData").innerHTML=
ourData.split(/},/g).join('},'+ '\n');
}
function copyIt()
{
let copyText =
document.getElementById("displayData");
copyText.select();
copyText.setSelectionRange(0, 1000000);
document.execCommand("copy");
alert("Successfully COPIED. \nNow PASTE it in
TopalianDataBoxing.js");
//alert("Successfully Copied " + copyText.value);
92
}
</script>
<br>
<button id="copyButton"
onclick="copyIt();">COPY</button>
<textarea id="displayData"></textarea>
</body>
</html>
93
Dedicated to God the Father
This book is created by the
College of Scripting Music & Science.
HAPPY SCRIPTING!
Always Remember that the more Code that you Write with a
Pencil and Paper and Type with your Keyboard, the deeper
you will learn computer programming!
94