110 lines
216 KiB
HTML
110 lines
216 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|||
|
|
<head>
|
|||
|
|
<title>Pan Do Can Do!™ - Pan Pizza - Classic, Standard or Regular</title>
|
|||
|
|
<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">
|
|||
|
|
|
|||
|
|
google.load('search', '1');
|
|||
|
|
|
|||
|
|
var imageSearch, page = 0;
|
|||
|
|
|
|||
|
|
function searchComplete() {
|
|||
|
|
var w = Math.ceil(window.innerWidth / 8), h = Math.ceil(window.innerHeight / 8);
|
|||
|
|
//for (var page = 0; page < 8; page++) {
|
|||
|
|
// Check that we got results
|
|||
|
|
if (imageSearch.results && imageSearch.results.length > 0) {
|
|||
|
|
|
|||
|
|
|
|||
|
|
// Grab our content div, clear it.
|
|||
|
|
var contentDiv = document.getElementById('content');
|
|||
|
|
|
|||
|
|
// Loop through our results, printing them to the page.
|
|||
|
|
var results = imageSearch.results;
|
|||
|
|
for (var i = 0; i < results.length; i++) {
|
|||
|
|
// For each result write it's title and image to the screen
|
|||
|
|
var result = results[i];
|
|||
|
|
|
|||
|
|
var newImg = document.createElement('img');
|
|||
|
|
newImg.className = 'pizza'
|
|||
|
|
newImg.style.left = i * w + 'px';
|
|||
|
|
newImg.style.top = page * h + 'px';
|
|||
|
|
newImg.style.width = w + 'px';
|
|||
|
|
newImg.style.height = h + 'px';
|
|||
|
|
// There is also a result.url property which has the escaped version
|
|||
|
|
newImg.src = result.tbUrl;
|
|||
|
|
|
|||
|
|
// Put our title + image in the content
|
|||
|
|
contentDiv.appendChild(newImg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//}
|
|||
|
|
|
|||
|
|
if (++page < 8) {imageSearch.gotoPage(page);}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function OnLoad() {
|
|||
|
|
|
|||
|
|
// Create an Image Search instance.
|
|||
|
|
imageSearch = new google.search.ImageSearch();
|
|||
|
|
|
|||
|
|
// Set searchComplete as the callback function when a search is
|
|||
|
|
// complete. The imageSearch object will have results in it.
|
|||
|
|
imageSearch.setSearchCompleteCallback(this, searchComplete, null);
|
|||
|
|
|
|||
|
|
imageSearch.setResultSetSize(8);
|
|||
|
|
|
|||
|
|
// Find me a beautiful pizza.
|
|||
|
|
imageSearch.execute("pan pizza");
|
|||
|
|
|
|||
|
|
// Include the required Google branding
|
|||
|
|
google.search.Search.getBranding('branding');
|
|||
|
|
}
|
|||
|
|
google.setOnLoadCallback(OnLoad);
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</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 Do is the #1 Global Player in Pan Pizza. World-wide delivery? Pan Do Can Do!™</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   <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","
|
|||
|
|
var select = document.getElementsByTagName('select')[0];
|
|||
|
|
cities.forEach(function(city) {
|
|||
|
|
var option = document.createElement('option'),
|
|||
|
|
html = city;
|
|||
|
|
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);
|
|||
|
|
});
|
|||
|
|
select.onchange = function() {
|
|||
|
|
select.selectedIndex = 0;
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|