9 body

     9 body 

    18 form, p

    18 h1 { text-shadow: 0 0 2px white; color: black;}

    19 {

    19 a 

    20     background-color: #0B203D;

    21     padding: 1em;

    22     margin: 1em;

    23     border-style: solid;

    24     border-radius: 5px;

    25     border-width: 2px;

    26     border-color: #FFD902;

    27 }

    28 h1 {

    29     text-shadow: 0 0 2px white;

    30     color: black;

    31     margin:10px;

    32 }

    33 a

    61 var IS_LOCAL=false; // set to true to fetch hats locally. Useful for testing.

    47 /* javascript version of a sprite sheet - this could be pretty trivially done in pure HTML, but maintenance

    62 var masks;

    63 if (IS_LOCAL) {

    64 /* JavaScript version of a sprite sheet - this could be pretty trivially done in pure HTML, but maintenance

    66 // Last updated: 1.0.0

    49 /*var masks = ['2001suit2', '2001suit', '4gsuif', 'AkuAku', 'android', 'angel', 'anzac', 'apple', 'ash', 'Balrog', 'banana', 'Bandit', 'bat', 'beaver', 'beefeater', 'Blanka', 'BlankaToothless', 'BlueCap', 'BlueHair', 'bobby2v', 'bobby', 'Bob', 'BrainSlugMouth', 'BrainSlug', 'britishpithhelmet', 'britmedic', 'britsapper', 'Bub', 'Bunny', 'bushhider', 'charlesdegaulle', 'charmander', 'chef', 'chikorita', 'Chunli', 'clown-copper', 'clown-crossed', 'clown', 'Coonskin3', 'Cororon', 'Cowboy', 'crown', 'cyborg', 'darthvader', 'Deer', 'desertgrenadier01', 'desertgrenadier02', 'desertgrenadier04', 'desertgrenadier05', 'desertgrenadierofficer', 'desertmedic', 'desertsapper1', 'desertsapper2', 'diglett', 'Disguise', 'Dragon', 'dwarf', 'eastertop', 'Elvis', 'Eva_00b', 'Eva_00y', 'Falcon', 'frenchwwigasmask', 'frenchwwihelmet', 'Gasmask', 'Geordi', 'germanwiimedichelmet', 'germanwwihelmetmustache', 'germanwwiipithhelmetdes', 'germanwwitankhelmet', 'Glasses', 'GreenCap', 'GreenHair', 'grenadier1', 'GreyHair', 'Guile', 'hedgehogk', 'HogInTheHat', 'hogpharoah', 'Honda', 'IndianChief', 'infernalhorns', 'InfernalHorns', 'Jason', 'jigglypuff', 'judo', 'junior', 'Ken', 'KirbyMask', 'kiss_criss', 'kiss_frehley', 'kiss_simmons', 'kiss_stanley', 'knight', 'Kululun', 'Ladle', 'lambda', 'Laminaria', 'laurel', 'lemon', 'link', 'lugia', 'Luigi', 'Mario', 'MegaHogX', 'metalband', 'mexicansunbrero', 'mickey_ears', 'Moose', 'mp3', 'mudkip', 'Mummy', 'naruto', 'NinjaFull', 'NinjaStraight', 'NinjaTriangle', 'OldMan', 'OrangeHair', 'orange', 'Pantsu', 'Pig', 'pikachu', 'PinkHair', 'pinksunhat', 'pirate_jack_bandana', 'pirate_jack', 'plainpith', 'Plunger', 'policecap', 'porkey', 'PrincessDaisy', 'PrincessPeach', 'Pumpkin_Hat', 'PurpleHair', 'quotecap', 'Rain', 'Rambo', 'rasta', 'RedCap', 'RedHair', 'RobinHood', 'royalguard', 'RSR', 'Ryu', 'Samurai', 'Samus', 'Santa', 'SauceBoatSilver', 'ShaggyYeti', 'sheep', 'ShortHair_Black', 'ShortHair_Brown', 'ShortHair_Grey', 'ShortHair_Red', 'ShortHair_Yellow', 'Skull', 'Sleepwalker', 'slowpoke', 'Sniper', 'Sonic', 'sovietcomrade2', 'sovietcomrade', 'SparkleSuperFun', 'SparkssHelmet', 'spartan', 'spcartman', 'spidey', 'spkenny', 'spkyle', 'spstan', 'squirtle', 'sth_AmyClassic', 'sth_Amy', 'sth_Eggman', 'sth_Knux', 'sth_Metal', 'sth_Shadow', 'sth_Sonic', 'sth_Super', 'sth_Tails', 'stormcloud', 'stormtrooper', 'StrawHatEyes', 'StrawHatFacial', 'StrawHat', 'Sunglasses', 'SunWukong', 'Teacup', 'Teapot', 'terminatorc', 'Terminator_Glasses', 'thug', 'Toad', 'tophats', 'touhou_chen', 'touhou_marisa', 'touhou_patchouli', 'touhou_remelia', 'touhou_suwako', 'touhou_yukari', 'trenchgrenadier1', 'trenchgrenadier2', 'trenchgrenadier3', 'ushanka', 'vampirichog', 'Vega', 'venom', 'Viking', 'voltorb', 'Wario', 'WhySoSerious', 'WizardHat', 'YellowCap', 'YellowHair', 'Zombi'];*/

    67 masks = ['4gsuif','AkuAku','android','angel','anzac','Bandit','barrelhider','bb_bob','bb_bub','bb_cororon','bb_kululun','beefeater','beefeaterhat','bishop','bobby','bobby2v','bubble','bushhider','cap_blue','cap_green','cap_junior','cap_red','cap_thinking','cap_yellow','car','chef','chuckl','clown','clown-copper','clown-crossed','constructor','Coonskin3','Cowboy','cratehider','crown','cyborg1','cyborg2','cyclops','Dan','Dauber','DayAndNight','Disguise','dish_Ladle','dish_SauceBoatSilver','dish_Teacup','dish_Teapot','doctor','Dragon','dwarf','eastertop','Einstein','Elvis','Eva_00b','Eva_00y','Evil','flag_french','flag_germany','flag_italy','flag_usa','footballhelmet','fr_apple','fr_banana','fr_lemon','fr_orange','fr_pumpkin','fr_tomato','Gasmask','Glasses','hair_blue','hair_green','hair_grey','hair_orange','hair_pink','hair_purple','hair_red','hair_yellow','HogInTheHat','hogpharoah','IndianChief','InfernalHorns','Jason','jester','Joker','judo','kiss_criss','kiss_frehley','kiss_simmons','kiss_stanley','knight','lambda','lambdahat','Laminaria','lamp','laurel','leprechaun','mechanicaltoy','MegaHogX','metalband','Meteorhelmet','mexicansunbrero','mickey_ears','Moustache','Moustache_glasses','mp3','Mummy','mv_Spidey','mv_Venom','naruto','NinjaFull','NinjaStraight','NinjaTriangle','noface','ntd_Falcon','ntd_Kirby','ntd_Link','ntd_Samus','nurse','nursehat','OldMan','Pantsu','pinksunhat','pirate_bandana','pirate_eyepatch','pirate_hat','pirate_jack','pirate_jack_bandana','Plunger',

    50 var masks = [];

    68 'poke_ash','poke_ash_hat','poke_charmander','poke_chikorita','poke_diglett','poke_jigglypuff','poke_lugia','poke_mudkip','poke_pikachu','poke_slowpoke','poke_squirtle','poke_voltorb','policecap','policegirl','punkman','quotecap','Rain','Rambo','RamboClean','rasta','RobinHood','royalguard','RSR','Samurai','Santa','scif_2001O','scif_2001Y','scif_BrainSlug','scif_BrainSlug2','scif_cosmonaut','scif_cyberpunk','scif_Geordi','scif_SparkssHelmet','scif_swDarthvader','scif_swStormtrooper','sf_balrog','sf_blanka','sf_blankatoothless','sf_chunli','sf_guile','sf_guile_hat','sf_honda','sf_ken','sf_ryu','sf_vega','sf_vega_hat','ShaggyYeti','ShortHair_Black','ShortHair_Brown','ShortHair_Grey','ShortHair_Red','ShortHair_Yellow','simple_green','simple_red','simple_yellow','Skull','Sleepwalker','sm_daisy','sm_luigi','sm_mario','sm_peach','sm_toad','sm_wario','Sniper','snorkel','snowhog','SparkleSuperFun','spartan','spcartman','spkenny','spkyle','spstan','sth_Amy','sth_AmyClassic','sth_Eggman','sth_Knux','sth_Metal','sth_Shadow','sth_Sonic','sth_SonicClassic','sth_Super','sth_Tails','stormcloud',

    69 'StrawHat','StrawHatEyes','StrawHatFacial','Sunglasses','SunWukong','swordsmensquire','TeamHeadband','TeamSoldier','TeamWheatley','Terminator_Glasses','tf_demoman','tf_scout','thug','thugclean','tiara','tophats','touhou_chen','touhou_marisa','touhou_patchouli','touhou_remelia','touhou_suwako','touhou_yukari','ushanka','vampirichog','vc_gakupo','vc_gumi','vc_kaito','vc_len','vc_luka','vc_meiko','vc_miku','vc_rin','Viking','war_airwarden02','war_airwarden03','war_americanww2helmet','war_britmedic','war_britpthhelmet','war_britsapper','war_desertgrenadier1','war_desertgrenadier2','war_desertgrenadier4','war_desertgrenadier5','war_desertmedic','war_desertofficer','war_desertsapper1','war_desertsapper2','war_frenchww1gasmask','war_frenchww1helmet','war_germanww1helmet2','war_germanww1tankhelm','war_germanww2medic','war_germanww2pith','war_grenadier1','war_plainpith','war_sovietcomrade1','war_sovietcomrade2','war_trenchfrench01','war_trenchfrench02','war_trenchgrenadier1','war_trenchgrenadier2','war_trenchgrenadier3','war_UNPeacekeeper01','war_UNPeacekeeper02','WhySoSerious','WizardHat','Zombi','zoo_Bat','zoo_Beaver','zoo_Bunny','zoo_chicken','zoo_crocodile','zoo_Deer','zoo_elephant','zoo_fish','zoo_frog','zoo_Hedgehog','zoo_Moose','zoo_octopus','zoo_Pig','zoo_Porkey','zoo_Sheep','zoo_snail','zoo_turtle'

    70 ,'NoHat','cap_team','hair_team','TeamTophat'

    71 ];

    72 }

    73 else

    74 {

    75 masks = [];

    76 }

    77 

    79 // Last updated: 1.0.0

    52 "Cave":1,

    53 "Golf":1,

    54 "Stage":1,

    55 "Island":0,

    56 "Eyes":0,

    57 "Deepspace":0,

    58 "Jungle":1,

    59 "Cake":0,

    60 "Compost":1,

    61 "Planes":0,

    62 "Olympics":1,

    63 "Bath":1,

    64 "Cheese":0,

    65 "Desert":1,

    66 "Christmas":1,

    67 "CrazyMission":0,

    68 "Sheep":1,

    69 "Brick":0,

    70 "Underwater":1,

    71 "City":1,

    72 "EarthRise":0,

    73 "Blox":0,

    74 "Hell":0,

    75 "Bamboo":1,

    76 "Freeway":0,

    77 "Nature":1,

   111 "Stage":1,

    81 "Castle":1};

   112 "Underwater":1};

   120     // Load list of hats

    86     var xml=new XMLHttpRequest();

   121     if (!IS_LOCAL) {

    87     xml.open("GET", "/hedgewars/file/tip/share/hedgewars/Data/Graphics/Hats/", false);

   122         // Request list of hats from repository URL

    88     xml.send(null);

   123         var xml=new XMLHttpRequest();

    89     /*var resp = xml.responseXML; unfortunately not served as XHTML

   124         xml.open("GET", "/hedgewars/file/tip/share/hedgewars/Data/Graphics/Hats/", false);

    90     var a = resp.getElementsByTagName("a");

   125         try {

    91     for(var i=0;i<a.length;i++);

   126            xml.send(null);

    92         if (/\.png/.test(a[0].href)) m.push(a[0].replace(/.png/,''));*/

   127         } catch (NetworkError) {

   128            var p = document.createElement("p");

   129            p.appendChild(document.createTextNode("ERROR: List of hats could not be fetched from the server!"));

   130            document.body.appendChild(p);

   131            return;

   132         }

   133     }

   135     // Exclude NoHat as uninteresting. Exclude team hats as we can't properly display them yet

    94     var resp = xml.responseText;

   136     // TODO: Add support for team hats

    95     var r = />([^<]*).png</g;

   137     var disallowedMasks = {

    96     var x;

   138         "NoHat":true,

    97     while(x = r.exec(resp)) 

   139         "hair_team":true,

    98         if (!/NoHat|hair_team|cap_team|TeamTophat/.test(x[1])) // Exclude NoHat as uninteresting. hair_team, cap_team and TeamTophat as repetitive team hats

   140         "cap_team":true,

    99             masks.push(x[1]);

   141         "TeamTophat":true,

   142     };

   143 

   144     // Render girders

   145     var s = document.styleSheets[0].cssRules;

   146     for(var i=0;i<s.length;i++)

   147     {

   148         if (s[i].selectorText.toLowerCase() === ".girder")

   149             girder = s[i];

   150     }

   151 

   152     var a = document.createElement("a");

   153     var g = document.createElement("div");

   154     g.className="girder";

   155     a.appendChild(document.createElement("div"));

   156     a.lastChild.appendChild(document.createTextNode(""));

   157 

   158     // Render hats

   159     var missingMasks = [];

   160     var img;

   161     for (var i=0;i<masks.length;i++)

   162     {

   163         if (disallowedMasks[masks[i]] === true) {

   164             missingMasks.push(masks[i]);

   165             continue;

   166         }

   167         var h = document.body.appendChild(a.cloneNode(true));

   168         if (IS_LOCAL)

   169             h.href = "../share/hedgewars/Data/Graphics/Hats/"+masks[i]+".png";

   170         else

   171             h.href = "//hg.hedgewars.org/hedgewars/raw-file/tip/share/hedgewars/Data/Graphics/Hats/"+masks[i]+".png";

   172 

   173         img = new Image();

   174         img.onload = function() {

   175             var name = this.id.substr(7);

   176             if (this.height === 32) {

   177                 staticMasks[name] = true;

   178             }

   179             this.remove();

   180         }

   181         img.src = h.href;

   182         img.id = "__mask_"+masks[i];

   183 

   184         h.lastChild.style.backgroundImage = 'url("'+h.href+'")';

   185         h.lastChild.lastChild.data = masks[i];

   186         h.title = masks[i];

   187         h.idle = Math.floor(Math.random()*19);

   188         if (i%17 === 16 || i === masks.length-1)

   189             document.body.appendChild(g.cloneNode(false));

   190     }

   191     document.body.appendChild(g.cloneNode(false));

   192 

   193     // List missing hats

   194     var missingMasksStr = "";

   195     for (var i=0; i<missingMasks.length; i++)

   196     {

   197         if (missingMasks[i] === "NoHat")

   198             continue;

   199         missingMasksStr = missingMasksStr + missingMasks[i];

   200         if (i<missingMasks.length-1)

   201             missingMasksStr = missingMasksStr + ", ";

   202     }

   203     var pm = document.createElement("p");

   204     pm.appendChild(document.createTextNode("Other hats: " + missingMasksStr));

   205     document.body.appendChild(pm);

   206 

   207     // Quick and dirty animation

   208     animationInterval = setInterval(animateHogs, 128);

   209 

   210     // Theme selection drop-down list

   211     var form = document.body.appendChild(document.createElement("form"));

   215 

   103     var sel = document.body.appendChild(document.createElement("select"));

   216     var label = document.createElement("label");

   217     label.htmlFor = "theme_select";

   218     label.appendChild(document.createTextNode("Theme: "));

   219     form.appendChild(label);

   220 

   221     var sel = form.appendChild(document.createElement("select"));

   222     sel.id = "theme_select";

   229         if(theme === "Nature")

   110         if(theme === "Nature") sel.lastChild.selected = true;

   230             sel.lastChild.selected = true;

   239     chk.checked = true;

   115     document.body.appendChild(chk);

   240     form.appendChild(chk);

   116     chk = chk.cloneNode(false);

   241     label = document.createElement("label");

   242     label.htmlFor = "anim";

   243     label.appendChild(document.createTextNode("Animate hats"));

   244     form.appendChild(label);

   245 

   246     form.appendChild(document.createElement("br"));

   247 

   248     // Checkbox: Hide girders

   249     chk = document.createElement("input");

   250     chk.id = "hide_girders";

   251     chk.type = "checkbox";

   253     chk.checked = true;

   118     document.body.appendChild(chk);

   254     form.appendChild(chk);

   119     var s = document.styleSheets[0].cssRules;

   255     label = document.createElement("label");

   120     for(var i=0;i<s.length;i++)

   256     label.htmlFor = "hide_girders";

   121         if (s[i].selectorText.toLowerCase() === ".girder") girder = s[i];

   257     label.appendChild(document.createTextNode("Show girders"));

   122         

   258     form.appendChild(label);

   123     var a = document.createElement("a");

   259 

   124     var g = document.createElement("div");

   260     document.body.appendChild(form);

   125     g.className="girder";

   261 

   126     a.appendChild(document.createElement("div"));

   262 

   127     a.lastChild.appendChild(document.createTextNode(""));

   128     for (var i=0;i<masks.length;i++)

   129     {

   130         var h = document.body.appendChild(a.cloneNode(true));

   131         h.href = "//hg.hedgewars.org/hedgewars/raw-file/tip/share/hedgewars/Data/Graphics/Hats/"+masks[i]+".png";

   132         h.lastChild.style.backgroundImage = 'url("'+h.href+'")';

   133         h.lastChild.lastChild.data = masks[i];

   134         h.title = masks[i];

   135         h.idle = Math.floor(Math.random()*19);

   136         if (i%17 === 16 || i === masks.length-1) document.body.appendChild(g.cloneNode(false));

   137     }

   138     

   139 /* quick and dirty animation */

   140 animationInterval = setInterval(animateHogs, 128);

   274 

   149         a[i].firstChild.style.backgroundPosition=Math.floor(a[i].idle/16)*-32+"px "+(a[i].idle%16)*-32+"px";

   275         // Hat

   276         if (staticMasks[masks[i]]) {

   277             // Hat offset for static hats

   278             if (a[i].idle === 2 || a[i].idle === 7 || a[i].idle === 12)

   279                 a[i].firstChild.style.marginTop="-4px";

   280             else if (a[i].idle === 16)

   281                 a[i].firstChild.style.marginTop="-6px";

   282             else

   283                 a[i].firstChild.style.marginTop="-5px";

   284 

   285             a[i].firstChild.style.backgroundPosition="0px 0px";

   286         }

   287         else

   288         {

   289             // Animated hat frames

   290             a[i].firstChild.style.backgroundPosition=Math.floor(a[i].idle/16)*-32+"px "+(a[i].idle%16)*-32+"px";

   291         }

   292 

   293         // Next frame

   295         if (a[i].idle > 18)

   151         if (a[i].idle > 18) a[i].idle = 0;

   296             a[i].idle = 0;

   303     if (animationInterval)

   157     if (animationInterval) 

   315     for(var i=0;i<g.length;i++)

   168     for(var i=0;i<g.length;i++) 

   318         else

   173     

   319             g[i].className = "girder hide";

   320 

   326     var prefix;

   178     document.body.style.backgroundImage='url("//hg.hedgewars.org/hedgewars/raw-file/tip/share/hedgewars/Data/Themes/'+this.value+'/Sky.png")';

   327     if (IS_LOCAL)

   179     if (themes[this.value])

   328         prefix = "//hg.hedgewars.org/hedgewars/raw-file/tip";

   180         girder.style.backgroundImage='url("//hg.hedgewars.org/hedgewars/raw-file/tip/share/hedgewars/Data/Themes/'+this.value+'/Girder.png")';

   330         prefix = "..";

   182         girder.style.backgroundImage='url("//hg.hedgewars.org/hedgewars/raw-file/tip/share/hedgewars/Data/Graphics/Girder.png")';

   331     document.body.style.backgroundImage='url("'+prefix+'/share/hedgewars/Data/Themes/'+this.value+'/Sky.png")';

   332     if (themes[this.value])

   333         girder.style.backgroundImage='url("'+prefix+'/share/hedgewars/Data/Themes/'+this.value+'/Girder.png")';

   334     else

   335         girder.style.backgroundImage='url("'+prefix+'/share/hedgewars/Data/Graphics/Girder.png")';

   343 <p><strong>ERROR</strong>: We're so sorry, but this webpage only works with JavaScript enabled. It seems JavaScript is disabled or not supported in your browser.<br/>

   190 <p><strong>ERROR</strong>: We're so sorry, but this webpage only works with JavaScript enabled. It seems JavaScript is disabled or not supported in your browser.</p>

   344 Normally, this webpage would display an animated preview of the hats in Hedgewars.</p>

   191 <p>Normally, this webpage would display an animated preview of the hats in Hedgewars.</p>