Skip to content

Commit

Permalink
ExampleOverlays
Browse files Browse the repository at this point in the history
  • Loading branch information
@punlife
punlife committed Dec 4, 2021
1 parent b34a951 commit ecadc0e
Show file tree
Hide file tree
Showing 17 changed files with 1,302 additions and 0 deletions.
26 changes: 26 additions & 0 deletions Punduction/overlays/ExampleOverlay/caster1.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style-game.css" />
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap" rel="stylesheet">
</head>

<body>
<div class="">
<div class="base name right" style="margin-left: 8px">
<div class="name-type left gradient"><div id="caster1"></div></div>
</div>

<div class="base twitter right">
<div class="twitter-type left"><img style="height:20px; margin-right: 10px;" src="layout/twitter.png"></img><div id="twitter1"></div></div>
</div>

<script>n=2</script>
<script src="read.js"> </script>
</body>

</html>

26 changes: 26 additions & 0 deletions Punduction/overlays/ExampleOverlay/caster2.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style-game.css" />
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap" rel="stylesheet">
</head>

<body>
<div class="">
<div class="base name right" style="margin-left: 8px">
<div class="name-type left gradient"><div id="caster2"></div></div>
</div>

<div class="base twitter right">
<div class="twitter-type left"><img style="height:20px; margin-right: 10px;" src="layout/twitter.png"></img><div id="twitter2"></div></div>
</div>

<script>n=3</script>
<script src="read.js"> </script>
</body>

</html>

Binary file added Punduction/overlays/ExampleOverlay/fonts/ACES04.ttf
View file
Binary file not shown.
Binary file added Punduction/overlays/ExampleOverlay/fonts/ACES04_Heavy.ttf
View file
Binary file not shown.
Binary file added Punduction/overlays/ExampleOverlay/fonts/VINSDOJO.TTF
View file
Binary file not shown.
Binary file added Punduction/overlays/ExampleOverlay/fonts/kimberly.ttf
View file
Binary file not shown.
Binary file added Punduction/overlays/ExampleOverlay/layout/namebar_bg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Punduction/overlays/ExampleOverlay/layout/namebar_bg_flip.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Punduction/overlays/ExampleOverlay/layout/namebar_plain.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Punduction/overlays/ExampleOverlay/layout/twitch.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Punduction/overlays/ExampleOverlay/layout/twitter.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
199 changes: 199 additions & 0 deletions Punduction/overlays/ExampleOverlay/playerInfo.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,199 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style-info.css" />
<link
href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:700"
rel="stylesheet"
/>
</head>

<body onload="disableSocialsIfEmpty()">
<div class="grid-container">
<div class="Left-side">
<div
id="p1image"
class="character"
style="background-image: url('../../assets/characterImages/mokujin.png');"
>
<div class="flex-container large-text tilt-right">
<div class="flex-container ">
<div class="blue-label">
<div class="tilt-left" id="p1team">
team
</div>
</div>
<div class="stat">
<div class="flex-container tilt-left">
<div id="player1"></div>
</div>
</div>
</div>
</div>
<div class="flex-container box blue">
<div class="twitter-type left" id="twitter-image-left">
<img
class="icon"
src="layout/twitter.png"
/>
</div>
<div id="p1twitter"></div>
<div class="twitch-type left" id="twitch-image-left">
<img
class="icon"
src="layout/twitch.png"
/>
</div>
<div id="p1twitch"></div>
</div>
<div class="Left-info ">
<div class="flex-container large-text tilt-right">
<div class="flex-container ">
<div class="blue-label">
<div class="tilt-left">
Average Placement
</div>
</div>
<div class="stat">
<div class="flex-container tilt-left">
<div id="p1averagePlacement"></div>
</div>
</div>
</div>
</div>
<div class="flex-container large-text shadow">
Recent Placements
</div>
<div class="box blue" id="p1placement1"></div>
<div class="box blue" id="p1placement2"></div>
<div class="box blue" id="p1placement3"></div>
<div class="box blue" id="p1placement4"></div>
<div class="box blue" id="p1placement5"></div>
</div>
</div>
</div>

<div class="Right-side">
<div
id="p2image"
class="character"
style="background-image: url('../../assets/characterImages/mokujin.png');"
>
<span class="p2Data">
<div class="flex-container large-text tilt-left">
<div class="flex-container ">
<div class="stat">
<div class="flex-container tilt-right">
<div id="player2"></div>
</div>
</div>
<div class="red-label">
<div class="tilt-right" id="p2team">
team
</div>
</div>
</div>
</div>
<div class="flex-container box red">
<div class="twitter-type left" id="twitter-image-right">
<img
class="icon"
src="layout/twitter.png"
/>
</div>
<div id="p2twitter"></div>
<div class="twitch-type left" id="twitch-image-right">
<img
class="icon"
src="layout/twitch.png"
/>
</div>
<div id="p2twitch"></div>
</div>
<div class="Right-info ">
<div class="flex-container large-text tilt-left">
<div class="flex-container ">
<div class="stat">
<div class="flex-container tilt-right">
<div id="p2averagePlacement"></div>
</div>
</div>
<div class="red-label">
<div class="tilt-right">
Average Placement
</div>
</div>
</div>
</div>
<div class="flex-container large-text shadow">
Recent Placements
</div>
<div class="box red" id="p2placement1"></div>
<div class="box red" id="p2placement2"></div>
<div class="box red" id="p2placement3"></div>
<div class="box red" id="p2placement4"></div>
<div class="box red" id="p2placement5"></div>
</div>
</span>
</div>
</div>

<div class="Center">
<div class="empty-box">
<div class="blue-text flex-container">
<div id="p1SetWins"></div>
</div>
Head to Head Record
<div class="red-text flex-container">
<div id="p2SetWins"></div>
</div>
</div>

<div class="empty-box">
<div class="blue-text flex-container">
<div id="h2hP1SetWinRate"></div>
%
</div>
Head to Head Winrate
<div class="red-text flex-container">
<div id="h2hP2SetWinRate"></div>
%
</div>
</div>
</div>
</div>

<script>
n = 11
</script>
<script src="read.js"></script>
<script type="text/javascript">
function disableSocialsIfEmpty() {
if (!document.getElementById('p1twitter').innerText) {
document.getElementById(
'twitter-image-left'
).style.visibility = 'hidden'
}
if (!document.getElementById('p1twitch').innerText) {
document.getElementById(
'twitch-image-left'
).style.visibility = 'hidden'
}

if (!document.getElementById('p2twitter').innerText) {
document.getElementById(
'twitter-image-right'
).style.visibility = 'hidden'
}
if (!document.getElementById('p2twitch').innerText) {
document.getElementById(
'twitch-image-right'
).style.visibility = 'hidden'
}
}
</script>
</body>
</html>
55 changes: 55 additions & 0 deletions Punduction/overlays/ExampleOverlay/players.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style-game.css" />
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:700" rel="stylesheet">

</head>

<body>
<div class="container" style="margin-left: 10px">
<div class="shape right">
<div class="logo">
<span class="first"><img class="image left " id="p1logo" src="../../assets/teams/default.png"></img></span>
<span class="flag second left" id="p1country" style="background: url(../../assets/flags/GB.png);"></span>
</div>

<div class="type left">
<div class="team text-gradient" id="p1team"></div>
<div class="gradient" id="player1"></div>
</div>
</div>

<div class="shape right extensionL" style="margin-left: -10px; left: 100%">
<div class="type left large">
<div id="p1score">0</div>
</div>
</div>
</div>
<div class="container fix" style="margin-right: 18px">
<div class="shape left extensionR" style="margin-right: -10px; right: 100%">
<div class="type right large">
<div id="p2score">0</div>
</div>
</div>

<div class="shape shapeR left">
<div class="type right">
<div class="team" id="p2team"></div>
<div class="gradient" id="player2"></div>
</div>
<div class="logo logoR">
<span class="first"><img class="image right" id="p2logo" src="../../assets/teams/default.png"></img></span>
<span class="flag second right" id="p2country" style="background: url(../../assets/flags/GB.png);"></span>
</div>
</div>
</div>
<script>n=8</script>
<script src="read.js"> </script>
</body>

</html>

Loading

0 comments on commit ecadc0e

Please sign in to comment.