added missing files
This commit is contained in:
WatermelonModders
@@ -0,0 +1,570 @@
|
||||
$def with (session, page, loaded, allcards)
|
||||
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>hearthmod.com</title>
|
||||
<link rel="stylesheet" type="text/css" href="/static/hbs.css" />
|
||||
|
||||
<script type="text/javascript" src="/static/jquery.js"></script>
|
||||
<script type="text/javascript" src="/static/cards_hp.js"></script>
|
||||
<script type="text/javascript" src="/static/cards_hero.js"></script>
|
||||
<script type="text/javascript" src="/static/changelog.js"></script>
|
||||
|
||||
<!--
|
||||
<link rel="stylesheet" href="/static/hsf/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/static/hsf/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/static/hsf/cayman.css">
|
||||
<link rel="stylesheet" href="/static/hsf/normalize.css">
|
||||
-->
|
||||
|
||||
<link rel="stylesheet" href="/static/hsf/cayman.css">
|
||||
|
||||
<script type="text/javascript">
|
||||
// modcreate
|
||||
|
||||
var loadedTags = 0;
|
||||
var selected = [];
|
||||
var nselected = 0;
|
||||
var ncards = $(len(allcards));
|
||||
var cards = []
|
||||
|
||||
$for s in loaded:
|
||||
$if(s == 'cards'):
|
||||
$for v in loaded[s]:
|
||||
selected.push({name: "$v['name']", code: "$v['code']", count: $v['count'], limit: $v['limit'], hero: "$v['hero']"});
|
||||
nselected += $v['count'];
|
||||
|
||||
$for c in allcards:
|
||||
cards.push(["$(c[0])", "$(c[1])", $(c[2]), "$(c[3])"]);
|
||||
|
||||
function countSelected()
|
||||
{
|
||||
var cnt = 0;
|
||||
|
||||
for(i = 0; i < selected.length; i++) {
|
||||
if(selected[i]['count'] != 0) {
|
||||
cnt += selected[i]['count'];
|
||||
}
|
||||
}
|
||||
|
||||
return cnt;
|
||||
}
|
||||
|
||||
function saveDeck() {
|
||||
var cnt = countSelected();
|
||||
|
||||
if(cnt != 30) {
|
||||
alert("Exactly 30 cards allowed. You selected " + cnt);
|
||||
return;
|
||||
}
|
||||
|
||||
var content = $$("#chosenCards").val();
|
||||
//var hero = $$('input[name=ch]:checked', '#ch_form').val();
|
||||
var hp = $$('input[name=chp]:checked', '#chp_form').val();
|
||||
var myObject = new Object();
|
||||
|
||||
if(!hp) {
|
||||
alert("Hero power not chosen.")
|
||||
return;
|
||||
}
|
||||
|
||||
myObject.hp = hp;
|
||||
myObject.cards = selected;
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(myObject),
|
||||
success: function(data) {
|
||||
alert("Deck saved.");
|
||||
},
|
||||
});
|
||||
return false;
|
||||
};
|
||||
|
||||
function removeAllFromList() {
|
||||
/*
|
||||
for(i = 0; i < cards.length; i++) {
|
||||
$$('#card_'+cards[i][0]).fadeTo("slow", 1);
|
||||
}
|
||||
*/
|
||||
|
||||
selected = [];
|
||||
nselected = 0;
|
||||
genSelected();
|
||||
}
|
||||
|
||||
function removeFromList(name, code) {
|
||||
for(i = 0; i < selected.length; i++) {
|
||||
if(selected[i]['name'] == name) {
|
||||
selected[i]['count']--;
|
||||
nselected--;
|
||||
|
||||
if(selected[i]['count'] == 0) {
|
||||
selected.splice(i, 1);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
genSelected();
|
||||
}
|
||||
|
||||
function heroesSelected()
|
||||
{
|
||||
var ns = 0;
|
||||
|
||||
for(i = 0; i < selected.length; i++) {
|
||||
if(selected[i]['hero'] == 'boss') {
|
||||
ns++;
|
||||
}
|
||||
}
|
||||
|
||||
return ns;
|
||||
/*
|
||||
if(ns >= 3) {
|
||||
for(i = 0; i < cards.length; i++) {
|
||||
if(cards[i][2] == 1) {
|
||||
$$('#card_'+cards[i][0]).fadeTo("slow", 0.33);
|
||||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
}
|
||||
|
||||
function addToList(name, code, limit, hero) {
|
||||
var added = 0;
|
||||
|
||||
var hs = heroesSelected();
|
||||
|
||||
if(hs >= 2 && hero == 'boss') {
|
||||
alert("Max 2 heroes allowed");
|
||||
return;
|
||||
}
|
||||
|
||||
for(i = 0; i < selected.length; i++) {
|
||||
if(selected[i]['name'] == name && selected[i]['count'] >= limit) {
|
||||
alert("Limit " + limit + " reached for card " + name);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
for(i = 0; i < selected.length; i++) {
|
||||
if(selected[i]['name'] == name && selected[i]['count'] < limit) {
|
||||
selected[i]['count']++;
|
||||
added = 1;
|
||||
nselected++;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if(added == 0) {
|
||||
selected.push({'name': name, 'count': 1, 'code': code, 'limit': limit, 'hero': hero});
|
||||
nselected++;
|
||||
}
|
||||
|
||||
/*
|
||||
if(sel >= limit) {
|
||||
$$('#card_'+selected[i]['code']).fadeTo("slow", 0.33);
|
||||
}
|
||||
*/
|
||||
|
||||
genSelected();
|
||||
}
|
||||
|
||||
|
||||
function modCardLoad(c)
|
||||
{
|
||||
var myObject = new Object();
|
||||
myObject.card = c;
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(myObject),
|
||||
success: function(data) {
|
||||
cardLoaded(data);
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
function modPublish()
|
||||
{
|
||||
var myObject = new Object();
|
||||
myObject.publish = "qqMode";
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(myObject),
|
||||
success: function(data) {
|
||||
if(data != "success") {
|
||||
alert("Not authorized");
|
||||
} else {
|
||||
alert("Mod saved");
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
function modCardLoadModified(c)
|
||||
{
|
||||
var myObject = new Object();
|
||||
myObject.modified = c;
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(myObject),
|
||||
success: function(data) {
|
||||
cardLoaded(data);
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
function modRemoveEnabledCard(c)
|
||||
{
|
||||
var myObject = new Object();
|
||||
myObject.remove = c;
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(myObject),
|
||||
success: function(data) {
|
||||
d = JSON.parse(data);
|
||||
if(d.length > 0) {
|
||||
modCards(data);
|
||||
} else {
|
||||
alert("Not authorized");
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
function modCards(d)
|
||||
{
|
||||
c = JSON.parse(d);
|
||||
body = "";
|
||||
|
||||
|
||||
for(i = 0; i < c.length; i++) {
|
||||
|
||||
|
||||
body += "<div style=\"overflow:hidden;\">";
|
||||
body += "<div style=\"float:left;cursor:pointer;width:200px;\" onClick=\"modCardLoadModified('"+ c[i][0] + "')\">" + c[i][1] + "</div>";
|
||||
body += "<div style='float:left;width:10px;cursor:pointer;' onclick=\"modRemoveEnabledCard('"+c[i][0]+"')\">R</div>";
|
||||
body += "</div>";
|
||||
}
|
||||
|
||||
$$("#enabledCard").html(body);
|
||||
}
|
||||
|
||||
function saveLoadedCard()
|
||||
{
|
||||
var item = [];
|
||||
|
||||
for(i = 0; i < loadedTags; i++) {
|
||||
key = $$("#cardLoadedTagKey" + i).val();
|
||||
value = $$("#cardLoadedTagValue" + i).val();
|
||||
if(key && value) {
|
||||
item.push([key, value]);
|
||||
}
|
||||
}
|
||||
|
||||
key = "__code";
|
||||
value = $$("#__code").val();
|
||||
item.push([key, value]);
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(item),
|
||||
success: function(data) {
|
||||
d = JSON.parse(data);
|
||||
if(d.length > 0) {
|
||||
$$('#gen_card').html("");
|
||||
d = new Date();
|
||||
$$('#gen_card').prepend('<img style="width:250px;height:auto;" src="/static/custom/' + $$("#cardLoadedTagValue0").val() + '.jpg?' + d.getTime() + '" />');
|
||||
modCards(data);
|
||||
} else {
|
||||
alert("Not authorized");
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
function cardLoaded(c)
|
||||
{
|
||||
cards = JSON.parse(c);
|
||||
|
||||
var body = "";
|
||||
var code = "";
|
||||
|
||||
loadedTags = cards.length;
|
||||
$$("#__code").val("");
|
||||
|
||||
body += "<div style=\"width:500px;float:left;\">";
|
||||
|
||||
for(i = 0; i < cards.length; i++) {
|
||||
if(cards[i][0] == "__code") {
|
||||
$$("#__code").val(cards[i][1]);
|
||||
continue;
|
||||
}
|
||||
|
||||
if(cards[i][0] == "__name") {
|
||||
code = cards[i][1];
|
||||
}
|
||||
|
||||
body += "<div style=\"overflow:hidden;\">";
|
||||
body += "<div style='float:left;width:150px;'>" + cards[i][2] + "</div>";
|
||||
if(cards[i][0] == 184) {
|
||||
body += "<div style='float:left;width:300px;'><input type=\"hidden\" id=\"cardLoadedTagKey"+ i +"\" value=\""+ cards[i][0]+"\"\"/><textarea style=\"height:50px;background-color:rgba(0, 0, 0, 0.7);border:0px;margin:1px;padding:2px;color:white;width:300px;\" type=\"text\" id=\"cardLoadedTagValue"+ i +"\" /></textarea></div>";
|
||||
} else {
|
||||
body += "<div style='float:left;width:300px;'><input type=\"hidden\" id=\"cardLoadedTagKey"+ i +"\" value=\""+ cards[i][0]+"\"\"/><input style=\"background-color:rgba(0, 0, 0, 0.7);border:0px;margin:1px;padding:2px;color:white;width:300px;\" type=\"text\" id=\"cardLoadedTagValue"+ i +"\" /></div>";
|
||||
}
|
||||
body += "</div>";
|
||||
}
|
||||
|
||||
body += "</div>";
|
||||
|
||||
body += "<div id=\"gen_card\" style=\"width:300px;float:left;\">";
|
||||
d = new Date();
|
||||
body += "<img src=\"/static/custom/" + code + ".jpg?" + d.getTime() + "\" style=\"width:250px;height:auto;\"/>";
|
||||
body += "</div>";
|
||||
|
||||
$$("#loadedCard").html(body);
|
||||
|
||||
for(i = 0; i < cards.length; i++) {
|
||||
$$("#cardLoadedTagValue" + i).val(cards[i][1]);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
|
||||
displayHP();
|
||||
displayHeroes();
|
||||
|
||||
$for s in loaded:
|
||||
$if(s == 'hp'):
|
||||
$$('#radio_$(loaded[s])').attr("checked", true);
|
||||
|
||||
$for s in loaded:
|
||||
$if(s == 'hero'):
|
||||
$$('#radio_$(loaded[s])').attr("checked", true);
|
||||
|
||||
$$("#chooseDeck").html("Choose from " + ncards + " cards");
|
||||
|
||||
$$("#mod_create").click(function() {
|
||||
var myObject = new Object();
|
||||
myObject.name = $$("#mod_name").val();
|
||||
myObject.url = $$("#mod_url").val();
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(myObject),
|
||||
success: function(data) {
|
||||
if(data == 'fail') {
|
||||
alert("Failed to created mod");
|
||||
} else {
|
||||
window.location.href = "/mod";
|
||||
}
|
||||
},
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$$("#signin").click(function() {
|
||||
|
||||
var myObject = new Object();
|
||||
myObject.user = $$("#login_email").val();
|
||||
myObject.pass = $$("#login_pass").val();
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(myObject),
|
||||
success: function(data) {
|
||||
if(data != 0) {
|
||||
alert("login failed");
|
||||
} else {
|
||||
window.location.href = "/deck";
|
||||
}
|
||||
},
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
jQuery("#signup").click(function() {
|
||||
var myObject = new Object();
|
||||
myObject.email = $$("input#reg_email").val();
|
||||
myObject.pass = $$("input#reg_pass").val();
|
||||
myObject.pass1 = $$("input#reg_pass1").val();
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify(myObject),
|
||||
success: function(data) {
|
||||
if(data != 0) {
|
||||
alert("Account creation failed");
|
||||
} else {
|
||||
window.location.href = "/signin";
|
||||
}
|
||||
},
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
//----------------
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
function genChangeLog()
|
||||
{
|
||||
var obj = JSON.parse(changelog);
|
||||
var h = "";
|
||||
for(o in obj.r) {
|
||||
h += "<div style='overflow:hidden;font-weight:bold;'>" + obj.r[o][0] + "</div>";
|
||||
for(r in obj.r[o][1]) {
|
||||
h += "<div style='overflow:hidden;margin-left:40px;'>" + obj.r[o][1][r] + "</div>";
|
||||
}
|
||||
/*
|
||||
for(r in obj[o]) {
|
||||
for(t in obj[o][r]) {
|
||||
for(q in obj[o][r][t]) {
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
*/
|
||||
}
|
||||
|
||||
|
||||
$$("#cl").html(h);
|
||||
}
|
||||
|
||||
function genSelected()
|
||||
{
|
||||
var body = "";
|
||||
for(i = 0; i < selected.length; i++) {
|
||||
body += "<div><div style='float:left;width:90%;cursor:pointer;' onClick='removeFromList(\"" + selected[i]['name'] + "\")' > " + selected[i]['name'] + "</div><div style='float:left;width:10%'>" + selected[i]['count'] + "</div></div>";
|
||||
}
|
||||
$$("#chosenCards").html(body);
|
||||
|
||||
$$("#deckNo").html("Current: "+ nselected + "/30");
|
||||
}
|
||||
|
||||
|
||||
|
||||
function displayCards(filter)
|
||||
{
|
||||
var body = "";
|
||||
for(i = 0; i < cards.length; i++) {
|
||||
if(filter.length > 0) {
|
||||
if(cards[i][1].toLowerCase().indexOf(filter.toLowerCase()) >= 0) {
|
||||
|
||||
body += "<div id=\"card_"+cards[i][0]+"\" style='border:1px solid black;float:left;width:200px;cursor:pointer;' onClick='addToList(\"" + cards[i][1] + "\", \"" + cards[i][0] +"\", " + cards[i][2] +", \"" + cards[i][3] +"\")'><img style=\"margin:0px;padding:0px;width:200px;height:auto;\" src='/static/custom/"+cards[i][0]+".jpg' /></div>";
|
||||
}
|
||||
} else {
|
||||
//body += "<div style='border:1px solid black;float:left;width:200px;cursor:pointer;' onClick='addToList(\"" + cards[i][1].replace("'", "`") + "\", \"" + cards[i][0] +"\", " + cards[i][2] +", \"" + cards[i][3] +"\")'><img src='/static/custom/"+cards[i][0]+".jpg' /></div>";
|
||||
body += "<div id=\"card_"+cards[i][0]+"\" style='border:1px solid black;float:left;width:200px;cursor:pointer;' onClick='addToList(\"" + cards[i][1] + "\", \"" + cards[i][0] +"\", " + cards[i][2] +", \"" + cards[i][3] +"\")'><img style=\"margin:0px;padding:0px;width:200px;height:auto;\" src='/static/custom/"+cards[i][0]+".jpg' /></div>";
|
||||
}
|
||||
}
|
||||
|
||||
$$("#leftPanel").html(body);
|
||||
}
|
||||
|
||||
function displayHeroes(filter)
|
||||
{
|
||||
var body = "";
|
||||
for(i = 0; i < cards_hero.length; i++) {
|
||||
body += "<div style='float:left'><input id='radio_"+cards_hero[i][0]+"' type='radio' name='ch' value='"+cards_hero[i][0]+"'>" + cards_hero[i][1]+"</div>";
|
||||
}
|
||||
|
||||
$$("#ch").html(body);
|
||||
}
|
||||
|
||||
function displayHP(filter)
|
||||
{
|
||||
var body = "";
|
||||
for(i = 0; i < cards_hp.length; i++) {
|
||||
body += "<div style='float:left'><input id='radio_"+cards_hp[i][0]+"' type='radio' name='chp' value='"+cards_hp[i][0]+"'>" + cards_hp[i][1]+"</div>";
|
||||
}
|
||||
|
||||
$$("#chp").html(body);
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#panel {
|
||||
position:fixed;
|
||||
z-index:1;
|
||||
margin-top:20px;
|
||||
width:1460px;
|
||||
color:white;
|
||||
}
|
||||
|
||||
#panel2 {
|
||||
position:fixed;
|
||||
z-index:1;
|
||||
margin-top:20px;
|
||||
margin-left:1060px;
|
||||
width:400px;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
color:white;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
#avCard:hover {
|
||||
background-color: grey;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<!--
|
||||
<div id="main" class="container">
|
||||
<div id="video-container"><video autoplay="" loop=""><source src="http://media.blizzard.com/wow/legion-6a153ad2/videos/header-illidan.webm" type="video/webm"></video></div>
|
||||
|
||||
<section class="page-header">
|
||||
<h1 class="project-name">HSVortex</h1>
|
||||
<br>
|
||||
<h2 class="project-tagline"></h2>
|
||||
Hearthstone modding site<br><br>
|
||||
<a href="signup" target="_blank" class="btn">Deck</a><a href="https://mega.nz/#!IZlTERwL!vhkywulozZHL4WwrVoa7zuSXBo1hjZ9KuC-_cI2XhKU" target="_blank" class="btn">Mod</a><a href="https://mega.nz/#!VZU12ABK!XtmOkJhSS_H1TlgW3oD2TioGGQSOgYwGAFYA4p55o6c" target="_blank" class="btn">Mac OS</a><a href="https://mega.nz/#!1FUUhQZC!h8D30xN-RsHZQABVgDG4X1PJIkLEWvqylhIWf8GlpeI" target="_blank" class="btn">Linux</a><br><br><br><a href="http://forum.hsmod.com/" target="_blank"><img src="/static/hsf/ic_chat_black_48px.svg" width="128"></a><a href="https://discordapp.com/invite/015DeTvsu3uBsDjzv" target="_blank"><img src="/static/hsf/687474703a2f2f692e696d6775722e636f6d2f74796f764963652e706e67" width="128"></a></section></div>
|
||||
-->
|
||||
<body style='margin:0px;,padding:0px;font-size:10pt;color:white;'>
|
||||
|
||||
<div id="video-container"><video autoplay=""><source src="http://media.blizzard.com/wow/legion-6a153ad2/videos/header-illidan.webm" type="video/webm"></video></div>
|
||||
|
||||
<div style="overflow:hidden;width:1460px;margin:auto;border:0px solid black;margin-bottom:20px;">
|
||||
<div id="menu" style='width:100%;overflow:hidden;background-color: rgba(0, 0, 0, 0.7);margin-bottom:15px;'>
|
||||
<div style="float:left;width:50%;padding:10px;">
|
||||
<a href="/">Home</a> | <a href="/signup">Sign up</a> | <a href="/signin">Sign in</a> | <a href="/deck">Deck</a> | <a href="/mod">Mod</a> | <a href="/faq">FAQ</a> | <a href="/ladder">Ladder</a> | <a href="http://hearthmod.prophpbb.com/" target="_new">Forum</a>
|
||||
</div>
|
||||
|
||||
<div style="float:left;width:50%;text-align:right;padding:10px;">
|
||||
$if session.login != 0:
|
||||
<div>Logged $session.user</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
$:page
|
||||
|
||||
</div>
|
||||
|
||||
<div style="overflow:hidden;width:1460px;margin:auto;border:0px solid black;text-align:center;background-color: rgba(0, 0, 0, 0.7);border-radius:5px;padding:15px;color:grey;margin-top:10px;">
|
||||
DISCLAIMER: This service is free of charge. We do not store personal data of any sort. Not affiliated with Blizzard Entertainment. IRC: #hearthmod @ freenode.org | hearthmod.com © 2016
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
$def with (sections)
|
||||
|
||||
$for s in sections:
|
||||
<div style="margin-top:10px;float:left;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:15px;font-size:12pt;width:100%;height:150px;overflow-y:scroll;">
|
||||
<div style="overflow:hidden;color:green;">$s[1] ( build: $s[3])</div>
|
||||
$for t in s[2]:
|
||||
<div style="overflow:hidden">
|
||||
$t.replace("\"", "")
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,58 @@
|
||||
$def with (cc, stored)
|
||||
|
||||
<div id ="deck" style="overflow:hidden;width:100%;background-color: rgba(0, 0, 0, 0.7);border-radius:25px; ">
|
||||
<div id="panel">
|
||||
|
||||
<div style="overflow:hidden;">
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left">
|
||||
<div style="overflow:hidden;">
|
||||
Choose Hero Power:
|
||||
<form id="chp_form">
|
||||
<div id="chp"></div>
|
||||
</form>
|
||||
</div>
|
||||
<!--
|
||||
<div style="overflow:hidden;">
|
||||
Choose Hero:
|
||||
<form id="ch_form">
|
||||
<div id="ch"></div>
|
||||
</form>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="panel2">
|
||||
<div style="overflow:hidden;width:100%">
|
||||
<div style="float:left;width:60%" id="chooseDeck">
|
||||
</div>
|
||||
<div style="float:left;" id="deckNo">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
Search: <input style="width:300px" type="text" onkeyup="displayCards(this.value)" />
|
||||
</div>
|
||||
<div id="chosenCards">
|
||||
$for s in stored:
|
||||
$if(s == 'cards'):
|
||||
$for v in stored[s]:
|
||||
<div><div style='float:left;width:90%;cursor:pointer;' onClick="removeFromList('$v['name']', '$v['code']');" >$v['name']</div><div style='float:left;width:10%'>$v['count']</div></div>
|
||||
</div>
|
||||
<div style="margin-top:20px;">
|
||||
<div id="save_deck" style="float:left;width:45%;text-align:center;border:1px solid grey;cursor:pointer;" onClick="saveDeck()" >Save</div>
|
||||
<div style="float:left;width:45%;text-align:center;border:1px solid grey;cursor:pointer;" onClick="removeAllFromList()" >Clear</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="leftPanel" style="width:1050px;height:800px;;margin-top:50px;overflow-y:scroll;">
|
||||
$for c in cc:
|
||||
<div id="card_$(c[0])" style='text-align:center;border:1px solid black;float:left;width:200px;height:300px;cursor:pointer;margin:2px;' onClick='addToList("$(c[1])","$(c[0])", $(c[2]),"$(c[3])")'><img style="margin:0px;padding:0px;width:200px;height:auto;" src='/static/custom/$(c[0]).jpg' /></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,16 @@
|
||||
<div style="margin-top:10px;float:left;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:15px;font-size:12pt;width:100%;height:450px;">
|
||||
1. How to install Hearthmod?<br />
|
||||
<p>
|
||||
1) Download <a href="https://drive.google.com/open?id=0BwrkbGFCSeOZRXlvOUhhY3czVkk">Hearthstone client</a><br />
|
||||
|
||||
2) Download <a href="https://drive.google.com/open?id=0BwrkbGFCSeOZTnZtb3VtYnRKd0k">Hearthmod client</a><br />
|
||||
3) Extract <b>Hearthstone client</b> and <b>Hearthmod client</b>. Then move <b>Hearthmod client</b> extracted content to Hearthstone client: <u>hearthmod/hearthmod_client</u><br />
|
||||
4) If you use Windows, go to <u>hearthmod/hearthmod_client/win32/</u> and execute hearthmod.exe
|
||||
</p>
|
||||
|
||||
|
||||
2. How to play Hearthmod?<br />
|
||||
<p>When installed, run hearthmod.exe if you use Windows OS or hearthmod if you use linux. When you create a deck and run the Hearthstone client, you must only press Play in the menu section. Once you enter Heroes selection screen, you must press Play button again. When your opponent is found, you enter the game.</p>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,328 @@
|
||||
$def with (signup, signin, cc)
|
||||
|
||||
<!doctype html>
|
||||
|
||||
1
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>HearthBleedStone</title>
|
||||
<link rel="stylesheet" type="text/css" href="/static/hbs.css" />
|
||||
|
||||
<script type="text/javascript" src="/static/jquery.js"></script>
|
||||
|
||||
<script type="text/javascript" src="/static/cards.js"></script>
|
||||
<script type="text/javascript" src="/static/cards_hp.js"></script>
|
||||
<script type="text/javascript" src="/static/cards_hero.js"></script>
|
||||
<script type="text/javascript" src="/static/changelog.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var selected = [];
|
||||
var nselected = 0;
|
||||
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
|
||||
genChangeLog();
|
||||
|
||||
$$("#chooseDeck").html("Choose from " + cards.length + " cards");
|
||||
|
||||
$$("#save_deck").click(function() {
|
||||
var content = $$("#chosenCards").val();
|
||||
var hero = $$('input[name=ch]:checked', '#ch_form').val();
|
||||
var hp = $$('input[name=chp]:checked', '#chp_form').val();
|
||||
var myObject = new Object();
|
||||
|
||||
if(!hero || !hp) {
|
||||
return;
|
||||
}
|
||||
|
||||
myObject.hero = hero;
|
||||
myObject.hp = hp;
|
||||
myObject.cards = selected;
|
||||
|
||||
console.log(JSON.stringify(myObject));
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
data: {cards: JSON.stringify(myObject)},
|
||||
success: function(data) {
|
||||
console.log(data);
|
||||
},
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$$("#signin").click(function() {
|
||||
var i_email = $$("#login_email").val();
|
||||
var i_pass = $$("#login_pass").val();
|
||||
|
||||
console.log(i_email + i_pass);
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
data: {login_email: i_email, login_password: i_pass},
|
||||
success: function(data) {
|
||||
console.log(data);
|
||||
},
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
jQuery("#signup").click(function() {
|
||||
var i_email = $$("input#reg_email").val();
|
||||
var i_pass = $$("input#reg_pass").val();
|
||||
var i_pass1 = $$("input#reg_pass1").val();
|
||||
|
||||
console.log(i_email + i_pass + i_pass1);
|
||||
|
||||
jQuery.ajax({
|
||||
type: "POST",
|
||||
data: {reg_email: i_email, reg_password: i_pass, req_password1: i_pass1},
|
||||
success: function(data) {
|
||||
console.log(data);
|
||||
},
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
//----------------
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
function genChangeLog()
|
||||
{
|
||||
var obj = JSON.parse(changelog);
|
||||
var h = "";
|
||||
for(o in obj.r) {
|
||||
console.log(obj.r[o]);
|
||||
console.log(obj.r[o][0]);
|
||||
h += "<div style='overflow:hidden;font-weight:bold;'>" + obj.r[o][0] + "</div>";
|
||||
for(r in obj.r[o][1]) {
|
||||
console.log(obj.r[o][1][r]);
|
||||
h += "<div style='overflow:hidden;margin-left:40px;'>" + obj.r[o][1][r] + "</div>";
|
||||
}
|
||||
/*
|
||||
for(r in obj[o]) {
|
||||
//console.log(obj[o][r]);
|
||||
for(t in obj[o][r]) {
|
||||
console.log("name: " + obj[o][r][t]);
|
||||
for(q in obj[o][r][t]) {
|
||||
//console.log(obj[o][r][t][q]);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
*/
|
||||
}
|
||||
|
||||
|
||||
$$("#cl").html(h);
|
||||
}
|
||||
|
||||
function genSelected()
|
||||
{
|
||||
var body = "";
|
||||
for(i = 0; i < selected.length; i++) {
|
||||
body += "<div><div style='float:left;width:90%;cursor:pointer;' onClick='removeFromList(\"" + selected[i]['name'] + "\")' > " + selected[i]['name'] + "</div><div style='float:left;width:10%'>" + selected[i]['count'] + "</div></div>";
|
||||
}
|
||||
$$("#chosenCards").html(body);
|
||||
|
||||
$$("#deckNo").html("Current: "+ nselected + "/30");
|
||||
|
||||
console.log("total: " + nselected);
|
||||
}
|
||||
|
||||
function removeAllFromList() {
|
||||
selected = [];
|
||||
nselected = 0;
|
||||
genSelected();
|
||||
}
|
||||
|
||||
function removeFromList(name) {
|
||||
for(i = 0; i < selected.length; i++) {
|
||||
if(selected[i]['name'] == name) {
|
||||
selected[i]['count']--;
|
||||
nselected--;
|
||||
|
||||
if(selected[i]['count'] == 0) {
|
||||
selected.splice(i, 1);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
genSelected();
|
||||
}
|
||||
|
||||
function addToList(name, code) {
|
||||
var added = 0;
|
||||
|
||||
for(i = 0; i < selected.length; i++) {
|
||||
if(selected[i]['name'] == name) {
|
||||
selected[i]['count']++;
|
||||
added = 1;
|
||||
nselected++;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if(added == 0) {
|
||||
selected.push({'name': name, 'count': 1, 'code': code});
|
||||
nselected++;
|
||||
}
|
||||
|
||||
genSelected();
|
||||
}
|
||||
|
||||
function displayCards(filter)
|
||||
{
|
||||
var body = "";
|
||||
console.log("cards len " + cards.length);
|
||||
for(i = 0; i < cards.length; i++) {
|
||||
if(filter.length > 0) {
|
||||
console.log(cards[i][1]);
|
||||
if(cards[i][1].toLowerCase().indexOf(filter.toLowerCase()) >= 0) {
|
||||
body += "<div style='border:1px solid black;float:left;width:200px;cursor:pointer;' onClick='addToList(\"" + cards[i][1] + "\", \"" + cards[i][0] +"\")'><img src='/static/images/"+cards[i][0]+".png' /></div>";
|
||||
}
|
||||
} else {
|
||||
body += "<div style='border:1px solid black;float:left;width:200px;cursor:pointer;' onClick='addToList(\"" + cards[i][1].replace("'", "`") + "\", \"" + cards[i][0] +"\")'><img src='/static/images/"+cards[i][0]+".png' /></div>";
|
||||
}
|
||||
}
|
||||
|
||||
$$("#leftPanel").html(body);
|
||||
}
|
||||
|
||||
function displayHeroes(filter)
|
||||
{
|
||||
var body = "";
|
||||
for(i = 0; i < cards_hero.length; i++) {
|
||||
body += "<div style='float:left'><input type='radio' name='ch' value='"+cards_hero[i][0]+"'>" + cards_hero[i][1]+"</div>";
|
||||
}
|
||||
|
||||
$$("#ch").html(body);
|
||||
}
|
||||
|
||||
function displayHP(filter)
|
||||
{
|
||||
var body = "";
|
||||
for(i = 0; i < cards_hp.length; i++) {
|
||||
body += "<div style='float:left'><input type='radio' name='chp' value='"+cards_hp[i][0]+"'>" + cards_hp[i][1]+"</div>";
|
||||
}
|
||||
|
||||
$$("#chp").html(body);
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#panel {
|
||||
position:fixed;
|
||||
z-index:1;
|
||||
margin-top:20px;
|
||||
width:1460px;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
color:white;
|
||||
}
|
||||
|
||||
#panel2 {
|
||||
position:fixed;
|
||||
z-index:1;
|
||||
margin-top:120px;
|
||||
margin-left:1060px;
|
||||
width:400px;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
color:white;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style='background-color:black;margin:0px;,padding:0px;font-size:10pt;' onLoad="displayHP();displayHeroes()">
|
||||
<div style="overflow:hidden;width:1460px;margin:auto;border:1px solid black;">
|
||||
<!--
|
||||
<div id ="cl" style="display:none;overflow:hidden;">
|
||||
<div>changelog</div>
|
||||
|
||||
<div id="cl_logs"></div>
|
||||
</div>
|
||||
|
||||
<div id ="createaccount" style="display:none;overflow:hidden;">
|
||||
create account
|
||||
|
||||
<form class="form" method="post">
|
||||
$:signup.render()
|
||||
<input id='signup' class="button" type="submit" value="send" />
|
||||
</form>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div id ="login" style="display:none;overflow:hidden;">
|
||||
login
|
||||
|
||||
$:signin.render()
|
||||
<input id='signin' class="button" type="submit" value="send" />
|
||||
|
||||
|
||||
</div>
|
||||
-->
|
||||
<div id ="deck" style="overflow:hidden;width:100%;">
|
||||
<div id="panel">
|
||||
|
||||
<div style="overflow:hidden;">
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left">
|
||||
<div style="overflow:hidden;">
|
||||
Choose Hero Power:
|
||||
<form id="chp_form">
|
||||
<div id="chp"></div>
|
||||
</form>
|
||||
</div>
|
||||
<div style="overflow:hidden;">
|
||||
Choose Hero:
|
||||
<form id="ch_form">
|
||||
<div id="ch"></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="panel2">
|
||||
<div style="overflow:hidden;width:100%">
|
||||
<div style="float:left;width:60%" id="chooseDeck">
|
||||
</div>
|
||||
<div style="float:left;" id="deckNo">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
Search: <input style="width:300px" type="text" onkeyup="displayCards(this.value)" />
|
||||
</div>
|
||||
<div id="chosenCards"></div>
|
||||
<div style="margin-top:20px;">
|
||||
<div id="save_deck" style="float:left;width:45%;text-align:center;border:1px solid grey;cursor:pointer;">Save</div>
|
||||
<div style="float:left;width:45%;text-align:center;border:1px solid grey;cursor:pointer;" onClick="removeAllFromList()" >Clear</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="leftPanel" style="width:100%;overflow:hidden;margin-top:140px;">
|
||||
$for c in cc:
|
||||
<div style='border:1px solid black;float:left;width:200px;cursor:pointer;' onClick='addToList("$(c[1])","$(c[0])")'><img src='/static/images/$(c[0]).png' /></div>";
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,7 @@
|
||||
<div style="margin-top:10px;float:left;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:15px;font-size:12pt;width:100%;text-align:center;">
|
||||
Welcome to HearthStone modding place - #hearthmod</br></br>
|
||||
Available mods: <a href="/deck">Defense of the Ancients</a></br></br>
|
||||
|
||||
<iframe width="800" height="450" src="https://www.youtube.com/embed/MGlIiGyhN-4" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,18 @@
|
||||
$def with (players)
|
||||
|
||||
<div style="margin-top:10px;float:left;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:15px;font-size:12pt;width:100%;height:450px;overflow-y:scroll;">
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left;width:100px;">Player</div>
|
||||
<div style="float:left;width:100px;">Wins</div>
|
||||
<div style="float:left;width:100px;">Loses</div>
|
||||
<div style="float:left;width:100px;">Win Rate</div>
|
||||
</div>
|
||||
|
||||
$for p in players:
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left;width:100px;">$p[0]</div>
|
||||
<div style="float:left;width:100px;">$p[1]</div>
|
||||
<div style="float:left;width:100px;">$p[2]</div>
|
||||
<div style="float:left;width:100px;">$(p[3])%</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div style="overflow:hidden;width:100%;padding:30px;background-color:rgba(0, 0, 0, 0.7);border-radius:25px;">
|
||||
not authorized, login first
|
||||
</div>
|
||||
@@ -0,0 +1,30 @@
|
||||
$def with (modes)
|
||||
|
||||
<div style="overflow:hidden;width:100%;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:10px;">
|
||||
<div style="overflow:hidden;width:100%">
|
||||
<form class="form" method="post" style="float:left;">
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left;width:200px;">Mod Name:</div>
|
||||
<div style="float:left;width:200px;"><input id='mod_name' type="text" style="background-color: rgba(0, 128, 0, 0.7);border:0px;color:white;width:200px;"/></div>
|
||||
</div>
|
||||
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left;width:200px;">Mod URL:</div>
|
||||
<div style="float:left;width:200px;"><input id='mod_url' type="text" style="background-color: rgba(0, 128, 0, 0.7);border:0px;color:white;width:200px;"/></div>
|
||||
</div>
|
||||
|
||||
<div style="overflow:hidden;">
|
||||
|
||||
<div style="float:left;width:200px;height:10px;"></div>
|
||||
<div style="float:left;width:200px;"><input id='mod_create' type="submit" value="Mod Create" style="background-color: rgba(0, 128, 0, 0.7);border:0px;color:white;width:200px;cursor:pointer;"/>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="overflow:hidden;width:100%;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:10px;">
|
||||
$for m in modes:
|
||||
<div style="overflow:hidden;width:100%;text-align:center;">
|
||||
<a href="/mod/edit/$(m['url'])">$(m['name'])</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,74 @@
|
||||
$def with (cards, ncards, stored)
|
||||
|
||||
<div style="width:100%;overflow:hidden;">
|
||||
|
||||
|
||||
<div style="float:left;width:20%;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:10px;">
|
||||
<div style="">1. Select Card</div>
|
||||
|
||||
|
||||
<div id="containerNONE" style="overflow:hidden;">
|
||||
|
||||
$for c in range(0, ncards):
|
||||
$if(c % 30 == 0):
|
||||
</div>
|
||||
$if(c == 0):
|
||||
<div id="container$(c/30)" style="overflow:hidden;">
|
||||
$else:
|
||||
<div id="container$(c/30)" style="display:none;overflow:hidden;">
|
||||
|
||||
<div id="avCard" style="cursor:pointer;hover:background-color:white;" onClick="modCardLoad('$cards[c][0]')"i onmouseover="$$('#hidden$cards[c][0]').show()" onmouseout="$$('#hidden$cards[c][0]').hide()">$(c+1). $cards[c][1]</div>
|
||||
|
||||
<div id="hidden$cards[c][0]" style="cursor:pointer;display:none;position:absolute;z-index:100;"><img src="/static/images/$(cards[c][0]).png"/></div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div style="overflow:hidden;">
|
||||
|
||||
<div style="float:left;">Page:</div>
|
||||
|
||||
<div style="float:left;">
|
||||
$for c in range(0, ncards):
|
||||
$if(c % 30 == 0):
|
||||
<div id="avCard" style="float:left;margin:2px;cursor:pointer;" onclick="
|
||||
$for q in range(0, ncards):
|
||||
$if(q % 30 == 0):
|
||||
$$('#container$(q/30)').hide();
|
||||
$$('#container$(c/30)').show();">$((c / 30) + 1)</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="margin-left:10px;float:left;width:60%;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:15px;">
|
||||
<div>2. Edit Card</div>
|
||||
<div id="loadedCard" style="padding:10px;"></div>
|
||||
|
||||
|
||||
<div><textarea style="background-color:rgba(0, 0, 0, 0.7);color:#efefef;border:0px;" id="__code" rows="25" cols="103"></textarea></div>
|
||||
<!--onkeydown="if(event.keyCode===9){var v=this.value,s=this.selectionStart,e=this.selectionEnd;this.value=v.substring(0, s)+'\t'+v.substring(e);this.selectionStart=this.selectionEnd=s+1;return false;}"
|
||||
-->
|
||||
<div><input style="width:100%;background-color: rgba(0, 128, 0, 0.6);color:white;border:0px;cursor:pointer;" type="submit" value="Save Card" onClick="saveLoadedCard()" /></div>
|
||||
</div>
|
||||
|
||||
<div style="margin-left:10px;float:left;width:18%;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:15px;">
|
||||
<div>3. Enabled Cards</div>
|
||||
<div id="enabledCard" style="height:600px;overflow-y:scroll;">
|
||||
$for s in stored:
|
||||
<div style="overflow:hidden;">
|
||||
$if len(s) == 2:
|
||||
<div style="float:left;cursor:pointer;width:200px;" onClick="modCardLoadModified('$(s[0])')">$(s[1])</div>
|
||||
<div style='float:left;width:10px;cursor:pointer;' onclick="modRemoveEnabledCard('$(s[0])')">R</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="margin-left:10px;margin-top:10px;float:left;width:18%;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:15px;font-size:14pt;text-align:center;cursor:pointer;" onclick="modPublish()">
|
||||
<div>Save Mod</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,19 @@
|
||||
<div style="overflow:hidden;width:100%;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:10px;">
|
||||
<form class="form" method="post" style="float:left;">
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left;width:200px;">Username:</div>
|
||||
<div style="float:left;width:200px;"><input id='login_email' type="text" style="background-color: rgba(0, 128, 0, 0.7);border:0px;color:white;width:200px;"/></div>
|
||||
</div>
|
||||
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left;width:200px;">Password:</div>
|
||||
<div style="float:left;width:200px;"><input id='login_pass' type="text" style="background-color: rgba(0, 128, 0, 0.7);border:0px;color:white;width:200px;"/></div>
|
||||
</div>
|
||||
|
||||
<div style="overflow:hidden;">
|
||||
|
||||
<div style="float:left;width:200px;height:10px;"></div>
|
||||
<div style="float:left;width:200px;"><input id='signin' type="submit" value="Sign in" style="background-color: rgba(0, 128, 0, 0.7);border:0px;color:white;width:200px;cursor:pointer;"/>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
<div style="overflow:hidden;width:100%;background-color: rgba(0, 0, 0, 0.7);border-radius:25px;padding:10px;">
|
||||
<form class="form" method="post" style="float:left;">
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left;width:200px;">Username:</div>
|
||||
<div style="float:left;width:200px;"><input id='reg_email' type="text" style="background-color: rgba(0, 128, 0, 0.7);border:0px;color:white;width:200px;"/></div>
|
||||
</div>
|
||||
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left;width:200px;">Password:</div>
|
||||
<div style="float:left;width:200px;"><input id='reg_pass' type="text" style="background-color: rgba(0, 128, 0, 0.7);border:0px;color:white;width:200px;"/></div>
|
||||
</div>
|
||||
|
||||
<div style="overflow:hidden;">
|
||||
<div style="float:left;width:200px;">Confirm Password:</div>
|
||||
<div style="float:left;width:200px;"><input id='reg_pass1' type="text" style="background-color: rgba(0, 128, 0, 0.7);border:0px;color:white;width:200px;"/></div>
|
||||
</div>
|
||||
|
||||
<div style="overflow:hidden;">
|
||||
|
||||
<div style="float:left;width:200px;height:10px;"></div>
|
||||
<div style="float:left;width:200px;"><input id='signup' type="submit" value="Sign up" style="background-color: rgba(0, 128, 0, 0.7);border:0px;color:white;width:200px;cursor:pointer;"/>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
Reference in New Issue
Block a user