diff --git a/lume-installer/completed.html b/lume-installer/completed.html new file mode 100644 index 0000000..f110d6c --- /dev/null +++ b/lume-installer/completed.html @@ -0,0 +1,22 @@ + + + + + + Lume Web Extension Installer + + + + + +
+ + +

Extension installed succesfully

+
+

All done, fully powered and ready to go!

+
+ +
+ + diff --git a/lume-installer/css/reset.css b/lume-installer/css/reset.css new file mode 100644 index 0000000..5844bb6 --- /dev/null +++ b/lume-installer/css/reset.css @@ -0,0 +1,39 @@ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { + display: block; +} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + +blockquote:before, blockquote:after { + content: ""; + content: none; +} + +q:before, q:after { + content: ""; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/lume-installer/css/style.css b/lume-installer/css/style.css new file mode 100644 index 0000000..abe9463 --- /dev/null +++ b/lume-installer/css/style.css @@ -0,0 +1,290 @@ +/* Base preferences*/ +html { + height: 100%; +} + +html *, +html :before, +html :after { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +body { + background-color: #F9F9F9; + background-image: url('/images/background-lume-installer.png'); + background-repeat: no-repeat; + background-size: cover; + background-position: bottom; + font-family: "Roboto", 'Arial', serif; + margin: 120px 40px 40px 40px; +} + +@media only screen and (max-width: 480px) { + body { + margin: 60px 20px 40px 20px; + } +} + + +/* Fonts */ +@font-face { + src: url(../fonts/Roboto-Light.ttf) format("trueType"); + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 300; +} +@font-face { + src: url(../fonts/Roboto-LightItalic.ttf) format("trueType"); + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 300; +} +@font-face { + src: url(../fonts/Roboto-Regular.ttf) format("trueType"); + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 400; +} +@font-face { + src: url(../Roboto-Italic.ttf) format("trueType"); + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 400; +} + +@font-face { + src: url(../fonts/Roboto-Medium.ttf) format("trueType"); + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 500; +} +@font-face { + src: url(../fonts/Roboto-MediumItalic.ttf) format("trueType"); + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 500; +} + +@font-face { + src: url(../fonts/Roboto-Bold.ttf) format("trueType"); + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 600; +} +@font-face { + src: url(../fonts/Roboto-BoldItalic.ttf) format("trueType"); + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 600; +} + +h1 { + font-size: 22px; + font-weight: 600; + margin: 0 0 28px 0; + color: #2A82DE; +} + +@media only screen and (max-width: 480px) { + h1 { + font-size: 20px; + margin: 0 0 20px 0; + line-height: 1.25; + } +} + +.header-icon { + width: 40px; + margin: 0 0 10px -2px; +} + +strong { + font-weight: 600; +} + + +/* Content container */ +.content-container { + background-color: #fff; + border: 0.5px solid rgba(16, 226, 96, 0.3); + -webkit-box-shadow: 0px 0px 50px 15px rgba(16,226,96,0.10); + box-shadow: 0px 0px 50px 15px rgba(16,226,96,0.10); + border-radius: 8px; + max-width: 600px; + padding: 20px 50px 20px 50px; + margin: 0 auto; + position: center; +} + +@media only screen and (max-width: 480px) { + .content-container { + padding: 20px 20px 20px 30px; + } +} + + +/* Notice message */ +.notice { + background-color: #e7f2ff; + border: 0.5px solid #2A82DE; + border-left: 4px solid #2A82DE; + border-radius: 4px; + padding: 16px 20px 16px 22px; +} + +.notice-content { + display: inline-block; +} + +.notice-content span { + display: block; + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 400; + font-size: 14px; + line-height: 1.4; + color: #2A82DE; +} + +@media only screen and (max-width: 480px) { + .notice { + padding: 14px 12px 15px 16px; + } + + .notice-content img { + width: 20px; + margin: 0 8px 2px 0; + } + + .notice-content span { + font-size: 13px; + line-height: 1.35; + } +} + + +/* Paragraph */ +.paragraph { + display: inline-block; + margin-bottom: 22px; +} + +.paragraph p { + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 400; + font-size: 15px; + line-height: 1.6; + color: #151515; + display: inline-block; +} + +.paragraph p + p { + padding: 24px 0 0 0; +} + +.paragraph img { + display: inline-block; + width: 22px; + vertical-align: middle; + margin: 0 8px 2px 0; +} + +@media only screen and (max-width: 480px) { + .paragraph p { + font-size: 14px; + line-height: 1.45; + } + + .paragraph p + p { + padding: 20px 0 0 0; + } + + .paragraph img { + width: 20px; + margin: 0 8px 2px 0; + } +} + + +/* Buttons */ +.action-button { + margin-top: 42px; + margin-bottom: 20px; +} + +@media only screen and (max-width: 480px) { + .action-button { + margin-top: 38px; + } +} + +.btn { + display: inline-block; + border: 0; + border-radius: 4px; + background: -webkit-gradient(linear, left top, right top, from(#10E260), color-stop(80%, #2A82DE)); + background: -o-linear-gradient(left, #10E260 0%, #2A82DE 80%); + background: linear-gradient(to right, #10E260 0%, #2A82DE 80%); + padding: 10px 30px 12px 30px; + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 500; + font-size: 16px; + line-height: 1.6; + color: #FFFFFF; + text-align: center; + cursor: pointer; +} +.btn:hover { + background: #10E260; + color: #151515; +} + +@media only screen and (max-width: 379px) { + .btn { + padding: 8px 22px 10px 22px; + } +} + + +/* Link style */ +.link { + display: inline-block; + margin: 0 0 0 16px; + font-family: "Roboto", 'Arial', sans-serif; + font-weight: 500; + font-size: 14px; + line-height: 1.6; + color: #158AFF; + text-decoration: none; +} +.link:hover { + color: #8862F9; + text-decoration: underline; +} + +@media only screen and (max-width: 379px) { + .link { + margin: 0 0 0 8px; + } +} + + +/* Rotating icon */ +@-webkit-keyframes rotating { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes rotating { + from { + -ms-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -ms-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.rotating { + -webkit-animation: rotating 2s linear infinite; + animation: rotating 2s linear infinite; +} \ No newline at end of file diff --git a/lume-installer/fonts/Roboto-Bold.ttf b/lume-installer/fonts/Roboto-Bold.ttf new file mode 100644 index 0000000..3742457 Binary files /dev/null and b/lume-installer/fonts/Roboto-Bold.ttf differ diff --git a/lume-installer/fonts/Roboto-BoldItalic.ttf b/lume-installer/fonts/Roboto-BoldItalic.ttf new file mode 100644 index 0000000..e85e7fb Binary files /dev/null and b/lume-installer/fonts/Roboto-BoldItalic.ttf differ diff --git a/lume-installer/fonts/Roboto-Italic.ttf b/lume-installer/fonts/Roboto-Italic.ttf new file mode 100644 index 0000000..c9df607 Binary files /dev/null and b/lume-installer/fonts/Roboto-Italic.ttf differ diff --git a/lume-installer/fonts/Roboto-Light.ttf b/lume-installer/fonts/Roboto-Light.ttf new file mode 100644 index 0000000..0e97751 Binary files /dev/null and b/lume-installer/fonts/Roboto-Light.ttf differ diff --git a/lume-installer/fonts/Roboto-LightItalic.ttf b/lume-installer/fonts/Roboto-LightItalic.ttf new file mode 100644 index 0000000..3ad14fa Binary files /dev/null and b/lume-installer/fonts/Roboto-LightItalic.ttf differ diff --git a/lume-installer/fonts/Roboto-Medium.ttf b/lume-installer/fonts/Roboto-Medium.ttf new file mode 100644 index 0000000..e89b0b7 Binary files /dev/null and b/lume-installer/fonts/Roboto-Medium.ttf differ diff --git a/lume-installer/fonts/Roboto-MediumItalic.ttf b/lume-installer/fonts/Roboto-MediumItalic.ttf new file mode 100644 index 0000000..a5a41d3 Binary files /dev/null and b/lume-installer/fonts/Roboto-MediumItalic.ttf differ diff --git a/lume-installer/fonts/Roboto-Regular.ttf b/lume-installer/fonts/Roboto-Regular.ttf new file mode 100644 index 0000000..3d6861b Binary files /dev/null and b/lume-installer/fonts/Roboto-Regular.ttf differ diff --git a/lume-installer/images/background-lume-installer.png b/lume-installer/images/background-lume-installer.png new file mode 100644 index 0000000..8bdc1ba Binary files /dev/null and b/lume-installer/images/background-lume-installer.png differ diff --git a/lume-installer/images/icon-check.svg b/lume-installer/images/icon-check.svg new file mode 100644 index 0000000..3519f7f --- /dev/null +++ b/lume-installer/images/icon-check.svg @@ -0,0 +1,12 @@ + + + + + + diff --git a/lume-installer/images/logo-lume-single.svg b/lume-installer/images/logo-lume-single.svg new file mode 100644 index 0000000..16ae436 --- /dev/null +++ b/lume-installer/images/logo-lume-single.svg @@ -0,0 +1,22 @@ + + + Artboard + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/lume-installer/index.html b/lume-installer/index.html new file mode 100644 index 0000000..1526477 --- /dev/null +++ b/lume-installer/index.html @@ -0,0 +1,31 @@ + + + + + + Lume Web Extension Installer + + + + + +
+ +

Lume Web Extension Installer

+
+

Click install to load the Lume Web Extension into Chrome and Brave.

+
+ +
+ +
+ Please ensure your Chrome and/or Brave browser is completely closed before proceeding. +
+
+ +
+ +
+ +
+ \ No newline at end of file diff --git a/lume-installer/installer.html b/lume-installer/installer.html new file mode 100644 index 0000000..a258a86 --- /dev/null +++ b/lume-installer/installer.html @@ -0,0 +1,22 @@ + + + + + + Lume Web Extension Installer + + + + + +
+ + +

Installing Extension

+
+

Downloading your personal gateway into web3...

+
+ +
+ +