pandotdoslashra/pan do.html

103 lines
216 KiB
HTML
Raw Normal View History

2012-04-21 23:51:23 +00:00
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
2012-04-22 20:51:31 +00:00
<title>World-Wide Delivery? Pan Do Can Do! - Pan Pizza - Classic, Standard or Regular</title>
2012-04-21 23:51:23 +00:00
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="shortcut icon" type="image/png" href="pan%20do.png"/>
<style>
.button {position: absolute; bottom: 32px; font-size: 14px;}
.button img {width: 16px; height: 16px; vertical-align: top; background: white;}
.pizza {position: absolute}
</style>
<script src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
2012-04-22 20:51:31 +00:00
(function() {
var imageSearch, page = 0;
google.load('search', '1');
google.setOnLoadCallback(onLoad);
function onLoad() {
imageSearch = new google.search.ImageSearch();
imageSearch.setSearchCompleteCallback(this, searchComplete, null);
imageSearch.setResultSetSize(8);
imageSearch.execute("pan pizza");
google.search.Search.getBranding('branding');
}
function searchComplete() {
var w = Math.ceil(window.innerWidth / 8),
h = Math.ceil(window.innerHeight / 8);
if (imageSearch.results && imageSearch.results.length > 0) {
var div = document.getElementById('content'),
results = imageSearch.results;
for (var i = 0; i < results.length; i++) {
var img = document.createElement('img');
img.className = 'pizza'
img.style.left = i * w + 'px';
img.style.top = page * h + 'px';
img.style.width = w + 'px';
img.style.height = h + 'px';
img.src = results[i].tbUrl;
div.appendChild(img);
}
2012-04-21 23:51:23 +00:00
}
2012-04-22 20:51:31 +00:00
if (++page < 8) {
imageSearch.gotoPage(page);
}
}
window.onresize = function() {
var w = Math.ceil(window.innerWidth / 8),
h = Math.ceil(window.innerHeight / 8),
pizzas = document.getElementsByClassName('pizza');
for (var i = 0; i < pizzas.length; i++) {
var img = pizzas[i];
img.style.left = (i % 8) * w + 'px';
img.style.top = Math.floor(i / 8) * h + 'px';
img.style.width = w + 'px';
img.style.height = h + 'px';
}
};
}());
</script>
2012-04-21 23:51:23 +00:00
</head>
<body style="font-family: Arial;border: 0; overflow: hidden">
<div id="branding" style="float: left; display: none"></div><br />
<div id="content" style="width: 100%; height: 100%; overflow: hidden"></div>
<div style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: -moz-linear-gradient(top, rgba(255, 0, 0, 0.75), rgba(255, 255, 0, 0.75)); background-image: -webkit-linear-gradient(top, rgba(255, 0, 0, 0.75), rgba(255, 255, 0, 0.75));"></div>
<div style="position: absolute; left: 256px; top: 32px; width: 768px; font-family: Arial; font-weight: bold; font-size: 64px">More than just bigger! Pan&nbsp;Do is the #1 Global Player in Pan Pizza. World-wide delivery? Pan&nbsp;Do Can&nbsp;Do!&trade;</div>
<img src="pan%20do.png" style="position: absolute; left: -40px; top: -40px"/>
<div class="button" style="left: 256px"><a href="http://facebook.com"><img src="facebook.ico"></a> Like your pizza on Facebook</div>
<div class="button" style="left: 512px"><a href="http://google.com/+"><img src="google.ico"></a> Post your pizza on Google+</div>
<div class="button" style="left: 768px"><a href="http://twitter.com"><img src="twitter.ico"></a> Follow your pizza on Twitter</div>
<div style="position: absolute; left: 360px; top: 480px; font-size: 20px; font-weight: bold">Step 1 &nbsp <select style="font-size: 16px; width: 256px">
<option>Select your city...</option>
</select>
</div>
<script>
var cities = ["Asadābād, Afghanistan","Aībak, Afghanistan","Baghlān, Afghanistan","Balkh, Afghanistan","Bāmyān, Afghanistan","Bāzārak, Afghanistan","Chaghcharān, Afghanistan","Charikar, Afghanistan","Cool űrhajó, Afghanistan","Farāh, Afghanistan","Fayzabad, Afghanistan","Gardēz, Afghanistan","Ghazni, Afghanistan","Herāt, Afghanistan","Jalālābād, Afghanistan","Kabul, Afghanistan","Kandahār, Afghanistan","Khanabad, Afghanistan","Khulm, Afghanistan","Khōst, Afghanistan","Kunduz, Afghanistan","Lashkar Gāh, Afghanistan","Maymana, Afghanistan","Mazār-e Sharīf, Afghanistan","Maīdān Shahr, Afghanistan","Mehtar Lām, Afghanistan","Nīlī, Afghanistan","Pul-e Khumrī, Afghanistan","Pul-e Alam, Afghanistan","Pārūn, Afghanistan","Qala i Naw, Afghanistan","Qalāt, Afghanistan","Sar-e Pul, Afghanistan","Shibirghān, Afghanistan","Taloqan, Afghanistan","Tarinkot, Afghanistan","Zaranj, Afghanistan","Brändö, Åland Islands","Eckerö, Åland Islands","Finström, Åland Islands","Föglö, Åland Islands","Geta, Åland Islands","Hammarland, Åland Islands","Jomala, Åland Islands","Kumlinge, Åland Islands","Kökar, Åland Islands","Lemland, Åland Islands","Lumparland, Åland Islands","Mariehamn, Åland Islands","Saltvik, Åland Islands","Sottunga, Åland Islands","Sund, Åland Islands","Vårdö, Åland Islands","Berat, Albania","Durrës, Albania","Elbasan, Albania","Fier, Albania","Fier-Çifçi, Albania","Gjirokastër, Albania","Korçë, Albania","Kukës, Albania","Lezhë, Albania","Peshkopi, Albania","Shkodër, Albania","Tirana, Albania","Vlorë, Albania","Aflou, Algeria","Akbou, Algeria","Algiers, Algeria","Annaba, Algeria","Azzaba, Algeria","Aïn Beïda, Algeria","Aïn Defla, Algeria","Aïn Fakroun, Algeria","Aïn Oussera, Algeria","Aïn Sefra, Algeria","Aïn Touta, Algeria","Bab Ezzouar, Algeria","Baraki, Algeria","Barika, Algeria","Batna, Algeria","Bejaïa, Algeria","Beni Mered, Algeria","Berrouaghia, Algeria","Besbes, Algeria","Bir el Ater, Algeria","Bir el Djir, Algeria","Birine, Algeria","Birkhadem, Algeria","Biskra, Algeria","Blida, Algeria","Boghni, Algeria","Bordj Bou Arreridj, Algeria","Bordj el Kiffan, Algeria","Boufarik, Algeria","Bougara, Algeria","Bouira, Algeria","Boumerdas, Algeria","Béchar, Algeria","Chelghoum el Aïd, Algeria","Cheria, Algeria","Chlef, Algeria","Constantine, Algeria","Dar Chioukh, Algeria","Djamaa, Algeria","Djelfa, Algeria","Drean, Algeria","Ech Chettia, Algeria","El Achir, Algeria","El Bayadh, Algeria","El Eulma, Algeria","El Khroub, Algeria","El Oued, Algeria","El Tarf, Algeria","Es Senia, Algeria","Frenda, Algeria","Guelma, Algeria","Hamma Bouziane, Algeria","Hassi Messaoud, Algeria","Illizi, Algeria","Jijel, Algeria","Khemis Miliana, Algeria","Khemis el Khechna, Algeria","Khenchela, Algeria","Ksar Chellala, Algeria","Ksar el Boukhari, Algeria","Laghouat, Algeria","Lakhdaria, Algeria","LArba, Algeria","Mansoûra, Algeria","Mascara, Algeria","Meftah, Algeria","Messaad, Algeria","Metlili Chaamba, Algeria","Mila, Algeria","Mostaganem, Algeria","Médéa, Algeria","MSila, Algeria","Naama, Algeria","Oran, Algeria","Ouargla, Algeria","Oued Rhiou, Algeria","Oum el Bouaghi, Algeria","Reghaïa, Algeria","Reguiba, Algeria","Relizane, Algeria","Remchi, Algeria","Rouissat, Algeria","Râs el Oued, Algeria","Saïda, Algeria","Sedrata, Algeria","Sidi Aïssa, Algeria","Sidi Bel Abbès, Algeria","Sidi Khaled, Algeria","Sidi Moussa, Algeria","Sig, Algeria","Skikda, Algeria","Sougueur, Algeria","Souk Ahras, Algeria","Sour el Ghozlane, Algeria","Sétif, Algeria","Tamanrasset, Algeria","Telerghma, Algeria","Tiaret, Algeria","Tindouf, Algeria","Tipasa, Algeria","Tissemsilt, Algeria","Tizi Ouzou, Algeria","Tlemcen, Algeria","Tolga, Algeria","Tébessa, Algeria","Aïn Temouchent, Algeria","Pago Pago, American Samoa","Ta`ū, American Samoa","Taulaga, American Samoa","Andorra la Vella, Andorra","Canillo, Andorra","Encamp, Andorra","Ordino, Andorra","Sant Julià de Lòria, Andorra","la Massana, Andorra","les Escaldes, Andorra","Benguela, Angola","Cabinda, Angola","Caxito, Angola","
2012-04-22 20:51:31 +00:00
var select = document.getElementsByTagName('select')[0],
option;
2012-04-21 23:51:23 +00:00
cities.forEach(function(city) {
2012-04-22 20:51:31 +00:00
var html = city;
option = document.createElement('option');
2012-04-21 23:51:23 +00:00
if (/Afghanistan$/.test(city) || /Iraq$/.test(city)) {
if (Math.random() < 1/10) {
html += ' (U.S. Military Bases only)';
}
} else if (Math.random() < 1/100) {
html += ' (in cooperation with Big Big Pizza)';
}
option.innerHTML = html;
select.appendChild(option);
});
2012-04-22 20:51:31 +00:00
option = document.createElement('option');
option.innerHTML = 'My city is not in the list...';
select.appendChild(option);
2012-04-21 23:51:23 +00:00
select.onchange = function() {
2012-04-22 20:51:31 +00:00
if (this.selectedIndex == 10001) {
alert('If your city is not in the list, just select the nearest city.')
}
this.selectedIndex = 0;
2012-04-21 23:51:23 +00:00
}
</script>
</body>
</html>