aboutsummaryrefslogtreecommitdiffstats
path: root/app
diff options
context:
space:
mode:
authorpldespaigne <pl.despaigne@gmail.com>2019-05-05 00:57:19 +0800
committerpldespaigne <pl.despaigne@gmail.com>2019-05-05 00:57:19 +0800
commit2d58cfc7a0768a5d635a12811ed2632b640eca24 (patch)
treed9c9d83a3693102d3e6ace0c4ab3d822765147f9 /app
parent987e58d103ad84757d3a96949db96e7edf3c1a54 (diff)
downloadtangerine-wallet-browser-2d58cfc7a0768a5d635a12811ed2632b640eca24.tar
tangerine-wallet-browser-2d58cfc7a0768a5d635a12811ed2632b640eca24.tar.gz
tangerine-wallet-browser-2d58cfc7a0768a5d635a12811ed2632b640eca24.tar.bz2
tangerine-wallet-browser-2d58cfc7a0768a5d635a12811ed2632b640eca24.tar.lz
tangerine-wallet-browser-2d58cfc7a0768a5d635a12811ed2632b640eca24.tar.xz
tangerine-wallet-browser-2d58cfc7a0768a5d635a12811ed2632b640eca24.tar.zst
tangerine-wallet-browser-2d58cfc7a0768a5d635a12811ed2632b640eca24.zip
refactor & change html pages
Diffstat (limited to 'app')
-rw-r--r--app/404.html52
-rw-r--r--app/error.html79
-rw-r--r--app/images/enslogo.svg1
-rw-r--r--app/loading.html13
-rw-r--r--app/scripts/lib/ens-ipfs/setup.js20
5 files changed, 11 insertions, 154 deletions
diff --git a/app/404.html b/app/404.html
deleted file mode 100644
index 8a6df9d7a..000000000
--- a/app/404.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<html>
-<head>
- <title>MetaMask</title>
- <style>
- *{
- padding: 0;
- margin: 0;
- box-sizing: border-box;
- }
- img{
- display: block;
- }
- html, body{
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 100%;
- }
- .app{
- position: relative;
- width: 100%;
- height: auto;
- overflow: hidden;
- }
- img{
- display: block;
- width: 100%;
- height: auto;
- }
- h2{
- display: block;
- width: 100%;
- overflow: hidden;
- position: absolute;
- bottom: 20%;
- left: 0;
- color: #1b243d;
- text-align: center;
- }
- h2 > a{
- color: #1b243d;
- }
- </style>
-</head>
-<body>
- <div class="app">
- <img src="./images/404.png" alt="">
- <h2>Powered by <a href="https://www.portal.network/">Portal Network</a></h2>
- </div>
-</body>
-</html>
diff --git a/app/error.html b/app/error.html
deleted file mode 100644
index 366b3d94a..000000000
--- a/app/error.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<html>
-<head>
- <title>MetaMask Error</title>
- <link href="https://fonts.googleapis.com/css?family=Rokkitt" rel="stylesheet">
- <style>
- *{
- padding: 0;
- margin: 0;
- box-sizing: border-box;
- }
- img{
- display: block;
- }
- html, body{
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 100%;
- }
- @keyframes logoAmin{
- from {transform: scale(1);}
- 50%{transform: scale(1.1);}
- to {transform: scale(1);}
- }
- .errorBox{
- width: 70%;
- height: auto;
- overflow: hidden;
- background-image: url("./images/deadface.png");
- background-repeat: no-repeat;
- background-position: 100% 50%;
- background-size: auto 90%;
- padding: 5px;
- }
- .errorBox > img{
- width: 100px;
- height: auto;
- margin-bottom: 25px;
- animation: logoAmin 1s infinite linear;
- }
- .errorBox > h1, .errorBox > h2{
- letter-spacing: 2px;
- }
- .errorBox > h1{
- color: #9b9b9b;
- font-size: 40px;
- }
- .errorBox > h2{
- color: #1b243d;
- font-size: 20px;
- padding-top: 5px;
- }
- .errorBox > h2 >a{
- color: #1b243d;
- }
- .errorBox > h2 >a:hover{
- color: #44588e;
- }
-
- .errorBox > h1 > span{
- color: #33559f;
- }
-
- </style>
-</head>
-<body>
- <div class="errorBox">
- <img src="./images/logo.png" alt="">
- <h1><span id="name"></span> not found</h1>
- <h2>Powered by <a href="https://www.portal.network/">Portal Network</a></h2>
- </div>
- <script>
- let index = location.href.lastIndexOf("?name=")
- let name = location.href.slice(index + 6)
- document.getElementById("name").innerHTML = name
- </script>
-</body>
-</html>
diff --git a/app/images/enslogo.svg b/app/images/enslogo.svg
new file mode 100644
index 000000000..20d94c0b1
--- /dev/null
+++ b/app/images/enslogo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 72.52 80.95"><defs><style>.cls-3{fill:#a0a8d4}</style><linearGradient id="linear-gradient" x1="41.95" y1="2.57" x2="12.57" y2="34.42" gradientUnits="userSpaceOnUse"><stop offset=".58" stop-color="#a0a8d4"/><stop offset=".73" stop-color="#8791c7"/><stop offset=".91" stop-color="#6470b4"/></linearGradient><linearGradient id="linear-gradient-2" x1="42.57" y1="81.66" x2="71.96" y2="49.81" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-3" x1="42.26" y1="1.24" x2="42.26" y2="82.84" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#513eff"/><stop offset=".18" stop-color="#5157ff"/><stop offset=".57" stop-color="#5298ff"/><stop offset="1" stop-color="#52e5ff"/></linearGradient></defs><g style="isolation:isolate"><g id="Layer_1" data-name="Layer 1"><path d="M15.28 34.39c.8 1.71 2.78 5.09 2.78 5.09L40.95 1.64l-22.34 15.6a9.75 9.75 0 0 0-3.18 3.5 16.19 16.19 0 0 0-.15 13.65z" transform="translate(-6 -1.64)" fill="url(#linear-gradient)"/><path class="cls-3" d="M6.21 46.85a25.47 25.47 0 0 0 10 18.51l24.71 17.23s-15.46-22.28-28.5-44.45a22.39 22.39 0 0 1-2.62-7.56 12.1 12.1 0 0 1 0-3.63c-.34.63-1 1.92-1 1.92a29.35 29.35 0 0 0-2.67 8.55 52.28 52.28 0 0 0 .08 9.43z" transform="translate(-6 -1.64)"/><path d="M69.25 49.84c-.8-1.71-2.78-5.09-2.78-5.09L43.58 82.59 65.92 67a9.75 9.75 0 0 0 3.18-3.5 16.19 16.19 0 0 0 .15-13.66z" transform="translate(-6 -1.64)" fill="url(#linear-gradient-2)"/><path class="cls-3" d="M78.32 37.38a25.47 25.47 0 0 0-10-18.51L43.61 1.64s15.45 22.28 28.5 44.45a22.39 22.39 0 0 1 2.61 7.56 12.1 12.1 0 0 1 0 3.63c.34-.63 1-1.92 1-1.92a29.35 29.35 0 0 0 2.67-8.55 52.28 52.28 0 0 0-.07-9.43z" transform="translate(-6 -1.64)"/><path d="M15.43 20.74a9.75 9.75 0 0 1 3.18-3.5l22.34-15.6-22.89 37.85s-2-3.38-2.78-5.09a16.19 16.19 0 0 1 .15-13.66zM6.21 46.85a25.47 25.47 0 0 0 10 18.51l24.71 17.23s-15.46-22.28-28.5-44.45a22.39 22.39 0 0 1-2.62-7.56 12.1 12.1 0 0 1 0-3.63c-.34.63-1 1.92-1 1.92a29.35 29.35 0 0 0-2.67 8.55 52.28 52.28 0 0 0 .08 9.43zm63 3c-.8-1.71-2.78-5.09-2.78-5.09L43.58 82.59 65.92 67a9.75 9.75 0 0 0 3.18-3.5 16.19 16.19 0 0 0 .15-13.66zm9.07-12.46a25.47 25.47 0 0 0-10-18.51L43.61 1.64s15.45 22.28 28.5 44.45a22.39 22.39 0 0 1 2.61 7.56 12.1 12.1 0 0 1 0 3.63c.34-.63 1-1.92 1-1.92a29.35 29.35 0 0 0 2.67-8.55 52.28 52.28 0 0 0-.07-9.43z" transform="translate(-6 -1.64)" style="mix-blend-mode:color" fill="url(#linear-gradient-3)"/></g></g></svg> \ No newline at end of file
diff --git a/app/loading.html b/app/loading.html
index 71403a5ac..3b896b718 100644
--- a/app/loading.html
+++ b/app/loading.html
@@ -11,10 +11,10 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- width: 256px;
+ text-align: center;
}
#logo {
- width: 100%;
+ width: 256px;
animation: pulse 1s ease-in-out infinite;
}
@keyframes pulse {
@@ -33,13 +33,8 @@
</head>
<body>
<div id="div-logo">
- <img id="logo" src="./images/loginglogo.svg">
+ <img id="logo" src="./images/enslogo.svg">
+ <h1 class="center">MetaMask is querying ENS ...</h1>
</div>
- <script type="text/javascript">
- // redirect to 404 after one minute
- setTimeout(() => {
- location.href = './404.html'
- }, 60000)
- </script>
</body>
</html>
diff --git a/app/scripts/lib/ens-ipfs/setup.js b/app/scripts/lib/ens-ipfs/setup.js
index 43194afbd..82679db5d 100644
--- a/app/scripts/lib/ens-ipfs/setup.js
+++ b/app/scripts/lib/ens-ipfs/setup.js
@@ -37,33 +37,25 @@ function setupEnsIpfsResolver ({ provider }) {
async function attemptResolve ({ tabId, name, path, search }) {
extension.tabs.update(tabId, { url: `loading.html` })
+ let url = `https://manager.ens.domains/name/${name}`
try {
- let url = '400.html'
const {type, hash} = await resolveEnsToIpfsContentId({ provider, name })
if (type === 'ipfs-ns') {
- url = `https://gateway.ipfs.io/ipfs/${hash}${path}${search || ''}`
+ const resolvedUrl = `https://gateway.ipfs.io/ipfs/${hash}${path}${search || ''}`
try {
// check if ipfs gateway has result
- const response = await fetch(url, { method: 'HEAD' })
- // if failure, redirect to 404 page
- if (response.status !== 200) {
- extension.tabs.update(tabId, { url: '404.html' })
- return
- }
- // otherwise redirect to the correct page
- extension.tabs.update(tabId, { url })
+ const response = await fetch(resolvedUrl, { method: 'HEAD' })
+ if (response.status === 200) url = resolvedUrl
} catch (err) {
console.warn(err)
- // if HEAD fetch failed, redirect so user can see relevant error page
- extension.tabs.update(tabId, { url })
}
} else if (type === 'swarm-ns') {
url = `https://swarm-gateways.net/bzz:/${hash}${path}${search || ''}`
}
- extension.tabs.update(tabId, { url })
} catch (err) {
console.warn(err)
- extension.tabs.update(tabId, { url: `error.html?name=${name}` })
+ } finally {
+ extension.tabs.update(tabId, { url })
}
}
}
generated by cgit v1.2.3 (git 2.25.1) at 2024-07-03 06:17:18 +0800