<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pizza Pets</title>
<meta
name="description"
content="Pizza Pets - The First Digital Pet on Bitcoin"
/>
<meta
property="og:title"
content="Pizza Pets - The First Digital Pet on Bitcoin"
/>
<meta
property="og:description"
content="Your choices decide your pet's life or death in a fun on-chain Bitcoin game."
/>
<meta property="og:image" content="https://pizzapets.fun/assets/logo.png" />
<meta property="og:url" content="https://pizzapets.fun" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="Pizza Pets - The First Digital Pet on Bitcoin"
/>
<meta
name="twitter:description"
content="Your choices decide your pet's life or death in a fun on-chain bitcoin Game."
/>
<meta
name="twitter:image"
content="https://pizzapets.fun/assets/logo.png"
/>
<link
rel="icon"
href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><circle cx='5' cy='5' r='5' fill='%23ff690f'/></svg>"
type="image/svg+xml"
/>
<style>
html,
body {
margin: 0;
padding: 0;
background: #000;
width: 100%;
height: 100%;
overflow: hidden;
font-family: sans-serif;
}
.square-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: min(100vw, 100vh);
height: min(100vw, 100vh);
background: #ff690f;
display: flex;
align-items: center;
justify-content: center;
}
.spinner {
width: 60px;
height: 60px;
border: 6px solid rgba(0, 0, 0, 0.3);
border-top: 6px solid #fff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div class="square-container"><div class="spinner"></div></div>
<script>
/******/ (() => {
// webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = {
/***/ "./src/html-updater.js":
/*!*****************************!*\
!*** ./src/html-updater.js ***!
\*****************************/
/***/ (
__webpack_module__,
__webpack_exports__,
__webpack_require__
) => {
__webpack_require__.a(
__webpack_module__,
async (
__webpack_handle_async_dependencies__,
__webpack_async_result__
) => {
try {
__webpack_require__.r(__webpack_exports__);
const APP_SAT = "186168751789963";
const { OrdClient } = await import(
"/content/5aa512a80659a7ec189ffd2cdf84af2614c898eec0605a86d0e813eef39c9452i0"
);
const ordClient = new OrdClient();
const inscriptionId =
await ordClient.getLatestInscriptionIdForSat(APP_SAT);
const response = await ordClient.fetch(inscriptionId);
const content = await response.text();
const doc = new DOMParser().parseFromString(
content,
"text/html"
);
function copyAndReplaceContentFor(actual, parsed, toYield) {
actual.innerHTML = "";
copyAttrsFor(parsed, actual);
Array.from(parsed.children).forEach((child) => {
if (toYield) {
child = toYield(child) || child;
}
actual.appendChild(child);
});
}
function copyAttrsFor(source, destination) {
for (
let i = 0, length = source.attributes.length;
i < length;
i++
) {
const { name, value } = source.attributes[i];
destination.setAttribute(name, value);
}
}
copyAndReplaceContentFor(document.head, doc.head);
copyAndReplaceContentFor(
document.body,
doc.body,
(child) => {
const tagName = child.tagName.toLowerCase();
if (tagName === "script") {
const element = document.createElement(child.tagName);
element.textContent = child.textContent;
copyAttrsFor(child, element);
return element;
} else if (tagName === "svg") {
return document.importNode(child, true);
}
}
);
document.dispatchEvent(new Event("PizzaPetReady"));
__webpack_async_result__();
} catch (e) {
__webpack_async_result__(e);
}
},
1
);
/***/
},
/******/
};
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/
}
/******/ // Create a new module (and put it into the cache)
/******/ var module = (__webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {},
/******/
});
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](
module,
module.exports,
__webpack_require__
);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/
}
/******/
/************************************************************************/
/******/ /* webpack/runtime/async module */
/******/ (() => {
/******/ var webpackQueues =
typeof Symbol === "function"
? Symbol("webpack queues")
: "__webpack_queues__";
/******/ var webpackExports =
typeof Symbol === "function"
? Symbol("webpack exports")
: "__webpack_exports__";
/******/ var webpackError =
typeof Symbol === "function"
? Symbol("webpack error")
: "__webpack_error__";
/******/ var resolveQueue = (queue) => {
/******/ if (queue && queue.d < 1) {
/******/ queue.d = 1;
/******/ queue.forEach((fn) => fn.r--);
/******/ queue.forEach((fn) => (fn.r-- ? fn.r++ : fn()));
/******/
}
/******/
};
/******/ var wrapDeps = (deps) =>
deps.map((dep) => {
/******/ if (dep !== null && typeof dep === "object") {
/******/ if (dep[webpackQueues]) return dep;
/******/ if (dep.then) {
/******/ var queue = [];
/******/ queue.d = 0;
/******/ dep.then(
(r) => {
/******/ obj[webpackExports] = r;
/******/ resolveQueue(queue);
/******/
},
(e) => {
/******/ obj[webpackError] = e;
/******/ resolveQueue(queue);
/******/
}
);
/******/ var obj = {};
/******/ obj[webpackQueues] = (fn) => fn(queue);
/******/ return obj;
/******/
}
/******/
}
/******/ var ret = {};
/******/ ret[webpackQueues] = (x) => {};
/******/ ret[webpackExports] = dep;
/******/ return ret;
/******/
});
/******/ __webpack_require__.a = (module, body, hasAwait) => {
/******/ var queue;
/******/ hasAwait && ((queue = []).d = -1);
/******/ var depQueues = new Set();
/******/ var exports = module.exports;
/******/ var currentDeps;
/******/ var outerResolve;
/******/ var reject;
/******/ var promise = new Promise((resolve, rej) => {
/******/ reject = rej;
/******/ outerResolve = resolve;
/******/
});
/******/ promise[webpackExports] = exports;
/******/ promise[webpackQueues] = (fn) => (
queue && fn(queue),
depQueues.forEach(fn),
promise["catch"]((x) => {})
);
/******/ module.exports = promise;
/******/ body(
(deps) => {
/******/ currentDeps = wrapDeps(deps);
/******/ var fn;
/******/ var getResult = () =>
currentDeps.map((d) => {
/******/ if (d[webpackError]) throw d[webpackError];
/******/ return d[webpackExports];
/******/
});
/******/ var promise = new Promise((resolve) => {
/******/ fn = () => resolve(getResult);
/******/ fn.r = 0;
/******/ var fnQueue = (q) =>
q !== queue &&
!depQueues.has(q) &&
(depQueues.add(q), q && !q.d && (fn.r++, q.push(fn)));
/******/ currentDeps.map((dep) =>
dep[webpackQueues](fnQueue)
);
/******/
});
/******/ return fn.r ? promise : getResult();
/******/
},
(err) => (
err
? reject((promise[webpackError] = err))
: outerResolve(exports),
resolveQueue(queue)
)
);
/******/ queue && queue.d < 0 && (queue.d = 0);
/******/
};
/******/
})();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, {
value: "Module",
});
/******/
}
/******/ Object.defineProperty(exports, "__esModule", {
value: true,
});
/******/
};
/******/
})();
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module used 'module' so it can't be inlined
/******/ var __webpack_exports__ = __webpack_require__(
"./src/html-updater.js"
);
/******/
/******/
})();
</script>
</body>
</html>