Skip to content
This repository has been archived by the owner on Mar 8, 2024. It is now read-only.

Commit

Permalink
Legacy
Browse files Browse the repository at this point in the history
  • Loading branch information
@KaioHSG
KaioHSG committed Mar 8, 2024
0 parents commit 77d1e16
Show file tree
Hide file tree
Showing 24 changed files with 94,502 additions and 0 deletions.
87 changes: 87 additions & 0 deletions Keyboard & Mouse for Xbox xCloud 3.1/about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
<!doctype html>
<html>

<head>
<meta charset="UTF-8">
<title>About K&M for xCloud 3.1</title>
<link rel="stylesheet" href="css/shared.css">
<link rel="stylesheet" href="css/popup.css">
<style>
body {
font-family: "Helvetica", "Arial", sans-serif;
line-height: 1.5;
}
#root {
font-size: 1.6em;
margin: 0 auto;
padding: 20px;
max-width: 50em;
}
header {
text-align: center;
margin-bottom: 4em;
}
h1 {
padding: 0;
margin: 0;
font-size: 1.9em;
}
hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
a {
color: #38a11b;
}
ul {
margin-bottom: 2em;
}
.box {
padding: 4em 2em;
}
</style>
</head>

<body>
<div id="root">
<div class="box">
<header>
<img src="/icon-128.png" />
<h1>Keyboard & Mouse for Xbox xCloud 3.1 Extension</h1>
<p>Copyright (c) David Idol 2021-present</p>
</header>
<p><strong>
This is a fan project - it is not affiliated with Microsoft or Xbox in any way.
All Microsoft, Xbox logos/icons/trademarks are copyright of their respective owners.
</strong></p>
<hr />
<p><a href="https://github.com/idolize/xcloud-keyboard-mouse/releases" target="_blank">Changelog</a></p>
<p><a href="https://github.com/idolize/xcloud-keyboard-mouse/issues" target="_blank">Issue tracker</a></p>
<p><a href="https://github.com/idolize/xcloud-keyboard-mouse/" target="_blank">Source code</a></p>
<hr />
<p>External dependencies:</p>
<ul>
<li>
<a href="https://developer.microsoft.com/en-us/fluentui" target="_blank">Fluent UI</a> by <a
href="https://microsoft.com" target="_blank">Microsoft</a>
</li>
<li>
<a href="https://fontawesome.com/" target="_blank">FontAwesome</a> by <a
href="https://github.com/davegandy" target="_blank">Dave Gandy</a>
</li>
</ul>
<p>Special thanks:</p>
<ul>
<li>Microsoft for their awesome game streaming service!</li>
<li>
Alvaro Montoro for his
<a href="https://dev.to/alvaromontoro/virtual-gamepad-in-javascript-511g" target="_blank">article on simulating the HTML5 gamepad API</a>
</li>
</ul>
</div>
</div>
</body>

</html>
259 changes: 259 additions & 0 deletions Keyboard & Mouse for Xbox xCloud 3.1/css/injected.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,259 @@
#toolbar-xmnk {
font-family: sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
position: fixed;
z-index: 150;
top: 5px;
right: 0;
border-radius: 8px 0 0 8px;
background-color: rgba(30, 30, 30, 0.7);
color: #fff;
fill: #fff;
max-width: 450px;
user-select: none;
overflow: hidden;
}

#snackbar-xmnk {
font-family: sans-serif;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: #333;
border: 2px solid #fff;
color: #fff;
fill: #fff;
text-align: center;
border-radius: 8px;
padding: 10px 16px;
position: fixed;
z-index: 150;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
}

#snackbar-xmnk img {
fill: #fff;
width: 2em;
height: 2em;
margin-right: 16px;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar-xmnk.show {
visibility: visible;
-webkit-animation: fadein-xmnk 0.5s;
animation: fadein-xmnk 0.5s;
}

#snackbar-xmnk:not(.show) {
visibility: hidden;
-webkit-animation: fadeout-xmnk 0.5s;
animation: fadeout-xmnk 0.5s;
transition: visibility 0s 0.5s;
}

.full-width-xmnk {
width: 100%;
}

#toolbar-xmnk .header-xmnk {
display: flex;
flex-direction: row;
align-items: center;
}

#toolbar-xmnk .left-xmnk {
padding-left: 15px;
}

#toolbar-xmnk .header-xmnk-minimized .left-xmnk {
padding-right: 15px;
}

#toolbar-xmnk .header-xmnk-expanded {
width: 450px;
}

#toolbar-xmnk .mouse-listening-xmnk .left-xmnk {
opacity: 0.5;
cursor: not-allowed;
}

#toolbar-xmnk .size-buttons-xmnk {
display: flex;
flex-direction: column;
}

#toolbar-xmnk .size-buttons-xmnk button:only-child {
height: 23px;
}

#toolbar-xmnk .size-buttons-xmnk button:nth-of-type(2) {
margin-top: 1px;
}

#toolbar-xmnk .size-buttons-xmnk button {
outline: none;
cursor: pointer;
height: 13px;
background-color: rgba(255, 255, 255, 0.25);
border: none;
min-width: 25px;
font-size: 13px;
padding: 0;
line-height: 13px;
box-sizing: border-box;
}

#toolbar-xmnk .preset-name-xmnk {
font-weight: bold;
color: #ccc;
flex: 1;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}

#toolbar-xmnk .keybindings-xmnk {
display: flex;
flex-direction: column;
align-items: center;
max-height: 300px;
overflow-y: auto;
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid rgba(255, 255, 255, 0.25);
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#toolbar-xmnk .keybindings-xmnk table {
width: 100%;
color: rgba(255, 255, 255, 0.5);
border: none;
border-collapse: collapse;
}

#toolbar-xmnk .keybindings-xmnk table td {
border-left: 1px solid rgba(255, 255, 255, 0.1);
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
}

#toolbar-xmnk .keybindings-xmnk table tr {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#toolbar-xmnk .explanation-xmnk {
text-align: center;
font-style: italic;
margin: 15px 5px;
color: rgba(255, 255, 255, 0.5);
font-size: 0.8em;
}

#click-to-enable-mouse-xmnk {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}

#click-to-enable-mouse-xmnk.expanded-xmnk {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
font-size: 1.5em;
font-weight: bold;
text-align: center;
padding: 18px;
}

#click-to-enable-mouse-xmnk.expanded-xmnk.centered-xmnk {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: rgba(30, 30, 30, 0.7);
min-height: 120px;
border-radius: 8px;
}

#click-to-enable-mouse-xmnk.expanded-xmnk.centered-xmnk img {
margin-right: 18px;
}

#click-to-enable-mouse-xmnk .minimize-xmnk {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: #aaa;
background-color: rgba(30, 30, 30, 0.5);
width: 30px;
height: 30px;
border: none;
border-radius: 3px;
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein-xmnk {
from {
bottom: 0;
opacity: 0;
}

to {
bottom: 30px;
opacity: 1;
}
}

@keyframes fadein-xmnk {
from {
bottom: 0;
opacity: 0;
}

to {
bottom: 30px;
opacity: 1;
}
}

@-webkit-keyframes fadeout-xmnk {
from {
bottom: 30px;
opacity: 1;
}

to {
bottom: 0;
opacity: 0;
}
}

@keyframes fadeout-xmnk {
from {
bottom: 30px;
opacity: 1;
}

to {
bottom: 0;
opacity: 0;
}
}
Loading

0 comments on commit 77d1e16

Please sign in to comment.