dan/console-hub
1
0
Fork 0
mirror of https://github.com/danbulant/console-hub synced 2026-06-20 23:11:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Working on cards

Browse source
This commit is contained in:
danbulant 2019-12-30 21:29:12 +01:00
parent 6533205341
commit 39277042a0
7 changed files with 56 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/css/styles.min.css vendored
View file

@ -1,2 +1,2 @@
@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");@font-face{font-family:'Gilroy-bold';src:url("../../dist/fonts/Gilroy-ExtraBold.otf")}body{margin:0;padding:0;background-color:#0e6cc4;overflow-x:hidden;overflow-y:hidden}.title--main{margin:0;padding:0;position:fixed;left:45px;top:100px;font-size:4rem;color:white;font-family:'Gilroy-bold'}.title--description{margin:0;padding:0;position:fixed;left:80px;top:175px;font-size:1.3rem;color:white;font-family:'Open Sans', sans-serif}.box{position:fixed;top:0;-webkit-transform:rotate(80deg);transform:rotate(80deg);left:0}.wave{position:fixed;top:0;left:0;opacity:.4;position:absolute;top:3%;left:10%;background:#0af;width:3000px;height:2600px;margin-left:-150px;margin-top:-250px;-webkit-transform-origin:50% 48%;transform-origin:50% 48%;border-radius:43%;-webkit-animation:drift 9000ms infinite linear;animation:drift 9000ms infinite linear}.wave.-three{-webkit-animation:drift 8500ms infinite linear;animation:drift 8500ms infinite linear;position:fixed;background-color:#77daff}.wave.-two{-webkit-animation:drift 8000ms infinite linear;animation:drift 8000ms infinite linear;opacity:.1;background:black;position:fixed}.box:after{content:'';display:block;left:0;top:0;width:100%;height:100%;z-index:11;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}@-webkit-keyframes drift{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes drift{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");@font-face{font-family:'Gilroy-bold';src:url("../../dist/fonts/Gilroy-ExtraBold.otf")}body{margin:0;padding:0;background-color:#0e6cc4;overflow-x:hidden;overflow-y:hidden}.title--main{margin:0;padding:0;position:fixed;left:45px;top:100px;font-size:4rem;color:white;font-family:'Gilroy-bold'}.title--description{margin:0;padding:0;position:fixed;left:80px;top:175px;font-size:1.3rem;color:white;font-family:'Open Sans', sans-serif}.cards-list{z-index:99;width:100%;height:350px;top:400px}.cards-list .card{z-index:99;width:300px}.box{z-index:1;position:fixed;top:0;-webkit-transform:rotate(80deg);transform:rotate(80deg);left:0}.wave{position:fixed;top:0;left:0;opacity:.4;position:absolute;top:3%;left:10%;background:#0af;width:3000px;height:2600px;margin-left:-150px;margin-top:-250px;-webkit-transform-origin:50% 48%;transform-origin:50% 48%;border-radius:43%;-webkit-animation:drift 9000ms infinite linear;animation:drift 9000ms infinite linear}.wave.-three{-webkit-animation:drift 8500ms infinite linear;animation:drift 8500ms infinite linear;position:fixed;background-color:#77daff}.wave.-two{-webkit-animation:drift 8000ms infinite linear;animation:drift 8000ms infinite linear;opacity:.1;background:black;position:fixed}.box:after{content:'';display:block;left:0;top:0;width:100%;height:100%;z-index:11;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}@-webkit-keyframes drift{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes drift{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/*# sourceMappingURL=styles.min.css.map */

2
dist/css/styles.min.css.map vendored
View file

@ -1,6 +1,6 @@
{
"version": 3,
"mappings": "AAQA,OAAO,CAAC,qEAAI,CACZ,UAAU,CACR,WAAW,CAAE,aAAa,CAC1B,GAAG,CAAE,4CAA4C,CAGnD,AAAA,IAAI,AAAC,CACH,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CACX,gBAAgB,CAAE,OAAO,CACzB,UAAU,CAAC,MAAM,CACjB,UAAU,CAAC,MAAM,CACjB,AAED,AAAA,YAAY,AAAC,CACX,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CACV,QAAQ,CAAE,KAAK,CACf,IAAI,CAAE,IAAI,CACV,GAAG,CAAE,KAAK,CACV,SAAS,CAAE,IAAI,CACf,KAAK,CAAE,KAAK,CACZ,WAAW,CAAE,aAAa,CAC3B,AAED,AAAA,mBAAmB,AAAC,CAClB,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CACV,QAAQ,CAAE,KAAK,CACf,IAAI,CAAE,IAAI,CACV,GAAG,CAAE,KAAK,CACV,SAAS,CAAE,MAAM,CACjB,KAAK,CAAE,KAAK,CACZ,WAAW,CAAE,uBAAuB,CACrC,AAMD,AAAA,IAAI,AAAC,CACJ,QAAQ,CAAE,KAAK,CACf,GAAG,CAAE,CAAC,CACN,SAAS,CAAE,aAAa,CACxB,IAAI,CAAE,CAAC,CACP,AAED,AAAA,KAAK,AAAC,CACL,QAAQ,CAAE,KAAK,CACf,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACN,OAAO,CAAE,EAAE,CACX,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,EAAE,CACP,IAAI,CAAE,GAAG,CACT,UAAU,CAAE,IAAI,CAChB,KAAK,CAAE,MAAM,CACb,MAAM,CAAE,MAAM,CACd,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAAM,CAClB,gBAAgB,CAAE,OAAO,CACzB,aAAa,CAAE,GAAG,CAClB,SAAS,CAAE,4BAA4B,CACxC,AAED,AAAA,KAAK,AAAA,OAAO,AAAC,CACX,SAAS,CAAE,4BAA4B,CACxC,QAAQ,CAAE,KAAK,CACf,gBAAgB,CAAE,OAAO,CACzB,AAED,AAAA,KAAK,AAAA,KAAK,AAAC,CACT,SAAS,CAAE,4BAA4B,CACvC,OAAO,CAAE,EAAE,CACX,UAAU,CAAE,KAAK,CAClB,QAAQ,CAAE,KAAK,CACf,AAED,AAAA,IAAI,AAAA,MAAM,AAAC,CACT,OAAO,CAAE,EAAE,CACX,OAAO,CAAE,KAAK,CACd,IAAI,CAAE,CAAC,CACP,GAAG,CAAE,CAAC,CACN,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,OAAO,CAAE,EAAE,CACX,SAAS,CAAE,oBAAoB,CAChC,AAED,UAAU,CAAV,KAAU,CACR,IAAI,CAAG,SAAS,CAAE,YAAY,CAC9B,IAAI,CAAG,SAAS,CAAE,cAAc",
"mappings": "AAQA,OAAO,CAAC,qEAAI,CACZ,UAAU,CACR,WAAW,CAAE,aAAa,CAC1B,GAAG,CAAE,4CAA4C,CAGnD,AAAA,IAAI,AAAC,CACH,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CACX,gBAAgB,CAAE,OAAO,CACzB,UAAU,CAAC,MAAM,CACjB,UAAU,CAAC,MAAM,CACjB,AAED,AAAA,YAAY,AAAC,CACX,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CACV,QAAQ,CAAE,KAAK,CACf,IAAI,CAAE,IAAI,CACV,GAAG,CAAE,KAAK,CACV,SAAS,CAAE,IAAI,CACf,KAAK,CAAE,KAAK,CACZ,WAAW,CAAE,aAAa,CAC3B,AAED,AAAA,mBAAmB,AAAC,CAClB,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CACV,QAAQ,CAAE,KAAK,CACf,IAAI,CAAE,IAAI,CACV,GAAG,CAAE,KAAK,CACV,SAAS,CAAE,MAAM,CACjB,KAAK,CAAE,KAAK,CACZ,WAAW,CAAE,uBAAuB,CACrC,AAED,AAAA,WAAW,AAAC,CACV,OAAO,CAAE,EAAE,CACX,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,KAAK,CACb,GAAG,CAAE,KAAK,CAKX,AATD,AAKE,WALS,CAKT,KAAK,AAAC,CACJ,OAAO,CAAE,EAAE,CACX,KAAK,CAAE,KAAK,CACb,AAGH,AAAA,IAAI,AAAC,CACH,OAAO,CAAE,CAAC,CACX,QAAQ,CAAE,KAAK,CACf,GAAG,CAAE,CAAC,CACN,SAAS,CAAE,aAAa,CACxB,IAAI,CAAE,CAAC,CACP,AAED,AAAA,KAAK,AAAC,CACL,QAAQ,CAAE,KAAK,CACf,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACN,OAAO,CAAE,EAAE,CACX,QAAQ,CAAE,QAAQ,CAClB,GAAG,CAAE,EAAE,CACP,IAAI,CAAE,GAAG,CACT,UAAU,CAAE,IAAI,CAChB,KAAK,CAAE,MAAM,CACb,MAAM,CAAE,MAAM,CACd,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAAM,CAClB,gBAAgB,CAAE,OAAO,CACzB,aAAa,CAAE,GAAG,CAClB,SAAS,CAAE,4BAA4B,CACxC,AAED,AAAA,KAAK,AAAA,OAAO,AAAC,CACX,SAAS,CAAE,4BAA4B,CACxC,QAAQ,CAAE,KAAK,CACf,gBAAgB,CAAE,OAAO,CACzB,AAED,AAAA,KAAK,AAAA,KAAK,AAAC,CACT,SAAS,CAAE,4BAA4B,CACvC,OAAO,CAAE,EAAE,CACX,UAAU,CAAE,KAAK,CAClB,QAAQ,CAAE,KAAK,CACf,AAED,AAAA,IAAI,AAAA,MAAM,AAAC,CACT,OAAO,CAAE,EAAE,CACX,OAAO,CAAE,KAAK,CACd,IAAI,CAAE,CAAC,CACP,GAAG,CAAE,CAAC,CACN,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,OAAO,CAAE,EAAE,CACX,SAAS,CAAE,oBAAoB,CAChC,AAED,UAAU,CAAV,KAAU,CACR,IAAI,CAAG,SAAS,CAAE,YAAY,CAC9B,IAAI,CAAG,SAAS,CAAE,cAAc",
"sources": [
"../../html/views/styles.scss"
],

22
html/utils.js
View file

@ -1,9 +1,29 @@
const User = require("./views/data/user");
const Card = require("./views/data/card");
function removeChildNodes(node){
while (node.firstChild) {
node.removeChild(node.firstChild);
}
}
function getUsers(){
var user = new User;
user.name = "Test";
user.avatar = "https://api.adorable.io/avatars/285/test";
return [user];
}
function usersToCards(users){
var cards = [];
users.forEach((u, i)=>{
cards[i] = u.getCard();
})
return cards;
}
module.exports = {
removeChildNodes
removeChildNodes,
getUsers,
usersToCards
}

4
html/views/data/card.js
View file

@ -3,4 +3,6 @@ class Card {
image = "";
action = "";
onclick(){}
}
}
module.exports = Card;

2
html/views/menu/connected.js
View file

@ -9,6 +9,8 @@ function gamepadConnected(){
gui.showTitle("Your profile");
gui.showDescription("Select or login with your Pushr account to continue");
gui.renderCardList(utils.usersToCards(utils.getUsers()));
}
module.exports = gamepadConnected;

19
html/views/menu/gui.js
View file

@ -41,7 +41,24 @@ function renderCardList(cards){
list.classList.add("cards-list");
cards.forEach((card, i)=>{
var c = document.createElement("div");
c.classList.add("card");
var img = document.createElement("img");
img.src = card.image;
c.appendChild(img);
var text = document.createElement("span");
text.innerText = card.name;
c.appendChild(text);
var action = document.createElement("p");
action.innerText = card.action;
c.appendChild(action);
list.appendChild(c);
});
}
function showAction(action, side){

12
html/views/styles.scss
View file

@ -42,11 +42,19 @@ body {
font-family: 'Open Sans', sans-serif;
}
.card-list {
.cards-list {
z-index: 99;
width: 100%;
height: 350px;
top: 400px;
.card {
z-index: 99;
width: 300px;
}
}
.box {
z-index: 1;
position: fixed;
top: 0;
transform: rotate(80deg);