0x2620/pandotdoslashra
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
pandotdoslashra/pan do.html

103 lines
216 KiB
HTML
Raw Permalink Normal View History

more do
2012-04-21 23:51:23 +00:00
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
pan do can do
2012-04-22 20:51:31 +00:00
<title>World-Wide Delivery? Pan Do Can Do! - Pan Pizza - Classic, Standard or Regular</title>
more do
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">
pan do can do
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);
}
more do
2012-04-21 23:51:23 +00:00
}
pan do can do
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>
more do
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","L’Arba, Algeria","Mansoûra, Algeria","Mascara, Algeria","Meftah, Algeria","Messaad, Algeria","Metlili Chaamba, Algeria","Mila, Algeria","Mostaganem, Algeria","Médéa, Algeria","M’Sila, 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","
pan do can do
2012-04-22 20:51:31 +00:00
var select = document.getElementsByTagName('select')[0],
option;
more do
2012-04-21 23:51:23 +00:00
cities.forEach(function(city) {
pan do can do
2012-04-22 20:51:31 +00:00
var html = city;
option = document.createElement('option');
more do
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);
});
pan do can do
2012-04-22 20:51:31 +00:00
option = document.createElement('option');
option.innerHTML = 'My city is not in the list...';
select.appendChild(option);
more do
2012-04-21 23:51:23 +00:00
select.onchange = function() {
pan do can do
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;
more do
2012-04-21 23:51:23 +00:00
}
</script>
</body>
</html>
Reference in a new issue Copy permalink