mirror of
https://github.com/brmlab/intro-8bit.git
synced 2025-06-07 18:54:00 +02:00
player chooser WIP
This commit is contained in:
Pavol Rusnak
parent
a7d8c93880
commit
78e19c4c74
3 changed files with 198 additions and 165 deletions
|
|
@ -1,162 +0,0 @@
|
||||||
[
|
|
||||||
{
|
|
||||||
"nick": "ruza",
|
|
||||||
"city": "Praha",
|
|
||||||
"desc1": "Can drink up a pile of Club Mates and fall asleep",
|
|
||||||
"desc2": "All your brmlab IDs are belong to /me",
|
|
||||||
"weapon": "bottle of Club Mate",
|
|
||||||
"move": "Schhh sound of a bottle with fizzy liquid"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "stick",
|
|
||||||
"city": "Kosice/Presov",
|
|
||||||
"desc1": "Will install openSUSE on your laptop when you are not looking",
|
|
||||||
"desc2": "?",
|
|
||||||
"weapon": "?",
|
|
||||||
"move": "?"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "pasky",
|
|
||||||
"city": "Praha",
|
|
||||||
"desc1": "GNU ninja occupied by training his robotized go-playing minions",
|
|
||||||
"desc2": "Hacks for space and coffeine, vulnerable to solder and bureaucracy",
|
|
||||||
"weapon": "Flame-throwing Roomba",
|
|
||||||
"move": "Razor-sharp Go Stone Throw!"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "rainbof",
|
|
||||||
"city": "Ceske Budejovice",
|
|
||||||
"desc1": "Rad se ucim veci ktere jsem nikdy nedelal",
|
|
||||||
"desc2": "Nejradsi delam veci o kterych nic nevim",
|
|
||||||
"weapon": "Python",
|
|
||||||
"move": "Exception attack!"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "AxTheB",
|
|
||||||
"city": "Praha",
|
|
||||||
"desc1": "Breaks, builds and breaks again things",
|
|
||||||
"desc2": "This will not explode, I promise",
|
|
||||||
"weapon": "Electric screwdriver",
|
|
||||||
"move": "Untinker!"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "Nephirus",
|
|
||||||
"city": "Studanka",
|
|
||||||
"desc1": "If it doesn't fit, use a bigger hammer",
|
|
||||||
"desc2": "Too lazy for thinking up another description",
|
|
||||||
"weapon": "Duct tape",
|
|
||||||
"move": "Aura of procrastination"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "niekt0",
|
|
||||||
"city": "Slovakia",
|
|
||||||
"desc1": "Lock durability -10",
|
|
||||||
"desc2": "You feel unsafe",
|
|
||||||
"weapon": "dd",
|
|
||||||
"move": "summon inode"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "spark",
|
|
||||||
"city": "Presov",
|
|
||||||
"desc1": "Nicola Tesla",
|
|
||||||
"desc2": "8-bit AVR",
|
|
||||||
"weapon": "Eagle",
|
|
||||||
"move": "Electrification"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "chido",
|
|
||||||
"city": "Bratislava",
|
|
||||||
"desc1": "Will extract DNA from every organic material that fits into her blender",
|
|
||||||
"desc2": "Full-time graphic designer, part-time artist, hobby synthetic geneticist",
|
|
||||||
"weapon": "Transcranial electrodes hooked to a tesla coil",
|
|
||||||
"move": "Mitosis"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "wilder",
|
|
||||||
"city": "Bratislava",
|
|
||||||
"desc1": "8-bit hippie freak",
|
|
||||||
"desc2": "Enlightenment for your boring life",
|
|
||||||
"weapon": "brain",
|
|
||||||
"move": "deeply inside penetration"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "JoHnY",
|
|
||||||
"city": "Zavazna Poruba",
|
|
||||||
"desc1": "Hide yourself or I'll take pictures of you in no time!",
|
|
||||||
"desc2": "?",
|
|
||||||
"weapon": "camera",
|
|
||||||
"move": "deadly headbang"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "tutchek",
|
|
||||||
"city": "Liberec",
|
|
||||||
"desc1": "?",
|
|
||||||
"desc2": "?",
|
|
||||||
"weapon": "?",
|
|
||||||
"move": "?"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "Alexka",
|
|
||||||
"city": "Presov",
|
|
||||||
"desc1": "Has little sense of orientation in real world, but she can navigate wellin cyberspace.",
|
|
||||||
"desc2": "Reads manual first, asks questions later",
|
|
||||||
"weapon": "irssi",
|
|
||||||
"move": "exploit smile"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "kxt",
|
|
||||||
"city": "Praha",
|
|
||||||
"desc1": "all he needs to survive on a desert island is a knife and a matched pair of microphones",
|
|
||||||
"desc2": "don't try to photo him, or he will strike back with at least five strobes and three umbrellas and will make you blind for several hours",
|
|
||||||
"weapon": "cubase",
|
|
||||||
"move": "flash of destiny"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "fissie",
|
|
||||||
"city": "Praha",
|
|
||||||
"desc1": "Makes bad jokes about pwning machines, otherwise harmless.",
|
|
||||||
"desc2": "When you see him soldering, stay away! Chaos usually ensues.",
|
|
||||||
"weapon": "tcpdump",
|
|
||||||
"move": "NULL dereferencing"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "Blackhead",
|
|
||||||
"city": "Praha",
|
|
||||||
"desc1": "Black head, white skin, 24-bit colored mind",
|
|
||||||
"desc2": "When you read this, he's reading your mind",
|
|
||||||
"weapon": "hexadecimal editor",
|
|
||||||
"move": "Reset"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "redtime",
|
|
||||||
"city": "Plzen",
|
|
||||||
"desc1": "Does everything when it's fun.",
|
|
||||||
"desc2": "He isn't anti-social, he is just not user friendly",
|
|
||||||
"weapon": "dirty keyboard",
|
|
||||||
"move": "RUM-DoS"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "shady",
|
|
||||||
"city": "Topolcany",
|
|
||||||
"desc1": "You don't notice her presence",
|
|
||||||
"desc2": "Speaks less, hears more",
|
|
||||||
"weapon": "hping2",
|
|
||||||
"move": "stealthy ping"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "wiroe",
|
|
||||||
"city": "As",
|
|
||||||
"desc1": "Extraterrestrial being on visit at Earth",
|
|
||||||
"desc2": "Knows how to bend time",
|
|
||||||
"weapon": "ultrasonic-flying-dolphin",
|
|
||||||
"move": "time travel"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"nick": "biiter",
|
|
||||||
"city": "Praha",
|
|
||||||
"desc1": "Teh pwnzor",
|
|
||||||
"desc2": "Lurking in the depths of the system",
|
|
||||||
"weapon": "gdb",
|
|
||||||
"move": "oracle machine sight"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
@ -71,3 +71,7 @@ img {
|
||||||
top: 0px;
|
top: 0px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.black {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
|
||||||
197
select.html
197
select.html
|
|
@ -4,18 +4,209 @@
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet"href="data/style.css" type="text/css" />
|
<link rel="stylesheet"href="data/style.css" type="text/css" />
|
||||||
<title>brmlab 8-bit</title>
|
<title>brmlab 8-bit</title>
|
||||||
|
<script type="text/javascript" src="data/jquery.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var playerdata = [
|
||||||
|
{
|
||||||
|
"nick": "ruza",
|
||||||
|
"city": "Praha",
|
||||||
|
"desc": "Can drink up a pile of Club Mates and fall asleep",
|
||||||
|
"weapon": "bottle of Club Mate",
|
||||||
|
"move": "Schhh sound of a bottle with fizzy liquid"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "stick",
|
||||||
|
"city": "Kosice/Presov",
|
||||||
|
"desc": "Will install openSUSE on your laptop when you are not looking",
|
||||||
|
"weapon": "?",
|
||||||
|
"move": "?"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "pasky",
|
||||||
|
"city": "Praha",
|
||||||
|
"desc": "GNU ninja occupied by training his robotized go-playing minions",
|
||||||
|
"weapon": "Flame-throwing Roomba",
|
||||||
|
"move": "Razorsharp Go Stone Throw!"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "rainbof",
|
||||||
|
"city": "Ceske Budejovice",
|
||||||
|
"desc": "wants to do stuff he never did before",
|
||||||
|
"weapon": "Python",
|
||||||
|
"move": "Exception attack!"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "axtheb",
|
||||||
|
"city": "Praha",
|
||||||
|
"desc": "This will not explode, I promise",
|
||||||
|
"weapon": "Electric screwdriver",
|
||||||
|
"move": "Untinker!"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "nephirus",
|
||||||
|
"city": "Studanka",
|
||||||
|
"desc": "If it doesn't fit, use a bigger hammer",
|
||||||
|
"weapon": "Duct tape",
|
||||||
|
"move": "Aura of procrastination"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "niekt0",
|
||||||
|
"city": "Slovakia",
|
||||||
|
"desc": "Lock durability -10",
|
||||||
|
"weapon": "dd",
|
||||||
|
"move": "summon inode"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "spark",
|
||||||
|
"city": "Presov",
|
||||||
|
"desc": "Nicola Tesla meets 8-bit AVR",
|
||||||
|
"weapon": "Eagle",
|
||||||
|
"move": "Electrification"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "chido",
|
||||||
|
"city": "Bratislava",
|
||||||
|
"desc": "extracts DNA from everything fitting into her blender",
|
||||||
|
"weapon": "Transcranial electrodes hooked to a tesla coil",
|
||||||
|
"move": "Mitosis"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "wilder",
|
||||||
|
"city": "Bratislava",
|
||||||
|
"desc": "8-bit hippie freak enlightening your boring life",
|
||||||
|
"weapon": "brain",
|
||||||
|
"move": "deeply inside penetration"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "johny",
|
||||||
|
"city": "Zavazna Poruba",
|
||||||
|
"desc": "Hide yourself or I'll take pictures of you in no time!",
|
||||||
|
"weapon": "camera",
|
||||||
|
"move": "deadly headbang"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "tutchek",
|
||||||
|
"city": "Liberec",
|
||||||
|
"desc": "?",
|
||||||
|
"weapon": "?",
|
||||||
|
"move": "?"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "alexka",
|
||||||
|
"city": "Presov",
|
||||||
|
"desc": "Reads manual first, asks questions later",
|
||||||
|
"weapon": "irssi",
|
||||||
|
"move": "exploit smile"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "kxt",
|
||||||
|
"city": "Praha",
|
||||||
|
"desc": "all he needs to survive on a desert island is a knife and a matched pair of microphones",
|
||||||
|
"weapon": "cubase",
|
||||||
|
"move": "flash of destiny"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "fissie",
|
||||||
|
"city": "Praha",
|
||||||
|
"desc": "Makes bad jokes about pwning machines, otherwise harmless",
|
||||||
|
"weapon": "tcpdump",
|
||||||
|
"move": "NULL dereferencing"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "blackhead",
|
||||||
|
"city": "Praha",
|
||||||
|
"desc": "Black head, white skin, 24-bit colored mind",
|
||||||
|
"weapon": "hexadecimal editor",
|
||||||
|
"move": "Reset"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "redtime",
|
||||||
|
"city": "Plzen",
|
||||||
|
"desc": "He isn't anti-social, he is just not user friendly",
|
||||||
|
"weapon": "dirty keyboard",
|
||||||
|
"move": "RUM-DoS"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "shady",
|
||||||
|
"city": "Topolcany",
|
||||||
|
"desc": "Speaks less, hears more",
|
||||||
|
"weapon": "hping2",
|
||||||
|
"move": "stealthy ping"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "wiroe",
|
||||||
|
"city": "As",
|
||||||
|
"desc": "Extraterrestrial being on visit at Earth",
|
||||||
|
"weapon": "ultrasonic-flying-dolphin",
|
||||||
|
"move": "time travel"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nick": "biiter",
|
||||||
|
"city": "Praha",
|
||||||
|
"desc": "Lurking in the depths of the system",
|
||||||
|
"weapon": "gdb",
|
||||||
|
"move": "oracle machine sight"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
$(function() {
|
||||||
|
$.each(playerdata, function(i,item) {
|
||||||
|
$('img.picker').click(function() {
|
||||||
|
var nick = $(this).attr('data-nick');
|
||||||
|
var city = $(this).attr('data-city');
|
||||||
|
var desc = $(this).attr('data-desc');
|
||||||
|
var weapon = $(this).attr('data-weapon');
|
||||||
|
var move = $(this).attr('data-move');
|
||||||
|
$('#bigimage').attr('src', 'data/avatars/'+nick+'.png');
|
||||||
|
$('span#nick').text(nick);
|
||||||
|
$('span#city').text(city);
|
||||||
|
$('span#desc').text(desc);
|
||||||
|
$('span#weapon').text(weapon);
|
||||||
|
$('span#move').text(move);
|
||||||
|
});
|
||||||
|
$('<img id="'+item.nick+'" class="picker" width="96" height="120"/>').attr(
|
||||||
|
{'src': 'data/avatars/'+item.nick+'.png',
|
||||||
|
'data-nick': item.nick,
|
||||||
|
'data-city': item.city,
|
||||||
|
'data-desc': item.desc,
|
||||||
|
'data-weapon': item.weapon,
|
||||||
|
'data-move': item.move,
|
||||||
|
}).appendTo("#chooser");
|
||||||
|
if (i==0) {
|
||||||
|
$('img.picker #'+item.nick).click();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<!--
|
||||||
<embed src="data/8bp062-04-usk-shanghai_moon.ogg" volume="80%" hidden="true" autostart="true" loop="true" />
|
<embed src="data/8bp062-04-usk-shanghai_moon.ogg" volume="80%" hidden="true" autostart="true" loop="true" />
|
||||||
|
-->
|
||||||
|
|
||||||
<div id="screen">
|
<div id="screen" style="background: #088;">
|
||||||
|
|
||||||
<div class="center">
|
<div class="center">
|
||||||
|
|
||||||
<div class="ebit" style="margin-top: 50px;"><a href="play.html">choose your player:</a></div>
|
<div class="ebit" style="margin-top: 30px;"><a href="play.html">choose your player:</a></div>
|
||||||
|
|
||||||
|
<div style="float: left;">
|
||||||
|
<img width="288" height="360" id="bigimage" style="margin-right: 10px;">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="infopage" style="text-align: left; float: left; width: 660px; height: 380px; overflow: hidden; padding-top: 24px;">
|
||||||
|
<span class="ebit black">nick:</span> <span class="ebit" id="nick"></span><br/>
|
||||||
|
<span class="ebit black">city:</span> <span class="ebit" id="city"></span><br/>
|
||||||
|
<span class="ebit black">description:</span><br/>
|
||||||
|
<span class="ebit" id="desc"></span><br/>
|
||||||
|
<span class="ebit black">weapon of choice:</span><br/><span class="ebit" id="weapon"></span><br/>
|
||||||
|
<span class="ebit black">special move:</span><br/><span class="ebit" id="move"></span><br/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="chooser" style="clear: both;">
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue