LBRYCommunity/lbry.tech
1
0
Fork 0
Code Issues 13 Pull requests 8 Projects Releases Packages Wiki Activity

Design for Hook

Browse source
This commit is contained in:
Kristian Polso 2018-04-17 13:24:56 +03:00
parent cdb843039b
commit 3eed22f815
14 changed files with 37 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/index.html vendored
View file

@ -1 +1 @@
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>LBRY.tech</title><link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel=stylesheet><link href="https://fonts.googleapis.com/css?family=Coda:400,800" rel=stylesheet><link href=/static/css/app.62bc45443b80a44b448ba84f75c6c3dc.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script><script type=text/javascript src=/static/js/vendor.7b25de1838898f0022c5.js></script><script type=text/javascript src=/static/js/app.44e42d70485a1307aafd.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>LBRY.tech</title><link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel=stylesheet><link href="https://fonts.googleapis.com/css?family=Coda:400,800" rel=stylesheet><link href=/static/css/app.2409ba693df53d7a6fdc1c1587d7495a.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script><script type=text/javascript src=/static/js/vendor.7b25de1838898f0022c5.js></script><script type=text/javascript src=/static/js/app.711d09e849bccaddc3aa.js></script></body></html>

4
dist/static/css/app.62bc45443b80a44b448ba84f75c6c3dc.css → dist/static/css/app.2409ba693df53d7a6fdc1c1587d7495a.css vendored
View file

File diff suppressed because one or more lines are too long

1
dist/static/css/app.2409ba693df53d7a6fdc1c1587d7495a.css.map vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/static/css/app.62bc45443b80a44b448ba84f75c6c3dc.css.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/static/js/app.44e42d70485a1307aafd.js vendored
View file

File diff suppressed because one or more lines are too long

1
dist/static/js/app.44e42d70485a1307aafd.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/static/js/app.711d09e849bccaddc3aa.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/static/js/app.711d09e849bccaddc3aa.js.map vendored Normal file
View file

File diff suppressed because one or more lines are too long

2
dist/static/js/manifest.2ae2e69a05c33dfc65f8.js.map vendored
View file

@ -1 +1 @@
{"version":3,"sources":["webpack:///webpack/bootstrap e05242699877344886ee"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,IAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.2ae2e69a05c33dfc65f8.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap e05242699877344886ee"],"sourceRoot":""} {"version":3,"sources":["webpack:///webpack/bootstrap d1d5e470e65130beb831"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,IAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.2ae2e69a05c33dfc65f8.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap d1d5e470e65130beb831"],"sourceRoot":""}

6
src/App.vue
View file

@ -64,4 +64,10 @@ img {
} }
} }
#in-development-alert {
a {
color: white;
}
}
</style> </style>

21
src/components/partials/Hook.vue
View file

@ -3,19 +3,19 @@
<v-layout row wrap id="hook-navigation"> <v-layout row wrap id="hook-navigation">
<v-flex xs4> <v-flex xs4>
<router-link exact to="/"> <router-link exact to="/">
<v-btn color="grey" fab>1</v-btn> <v-btn color="grey lighten-1" fab>1</v-btn>
Resolve a claim Resolve a claim
</router-link> </router-link>
</v-flex> </v-flex>
<v-flex xs4> <v-flex xs4>
<router-link to="/step-2"> <router-link to="/step-2">
<v-btn color="grey" fab>2</v-btn> <v-btn color="grey lighten-1" fab>2</v-btn>
Publish content Publish content
</router-link> </router-link>
</v-flex> </v-flex>
<v-flex xs4> <v-flex xs4>
<router-link to="/step-3"> <router-link to="/step-3">
<v-btn color="grey" fab>3</v-btn> <v-btn color="grey lighten-1" fab>3</v-btn>
Support with LBC Support with LBC
</router-link> </router-link>
</v-flex> </v-flex>
@ -85,11 +85,24 @@ export default {
} }
#hook { #hook {
background: lighten(desaturate($primary-color,30%), 50%); background: url(https://lbry.io/img/youtube/hero@2x.jpg) no-repeat center center;
background-size: cover;
color: $text-color; color: $text-color;
.display-2,
.subheading {
color: white;
text-shadow: 0px 0px 1rem rgba(0,0,0,0.5);
a {
color: white;
}
}
.flex {
margin-bottom: 2rem;
}
} }
#hook-navigation { #hook-navigation {
margin-bottom: 1.5rem;
a { a {
text-decoration: none; text-decoration: none;
color: $text-color; color: $text-color;

4
src/components/partials/Step1.vue
View file

@ -15,7 +15,7 @@
<pre v-highlightjs="exampleCode"><code class="bash"></code></pre> <pre v-highlightjs="exampleCode"><code class="bash"></code></pre>
</v-flex> </v-flex>
<v-flex xs12 v-if="isLoading"> <v-flex xs12 v-if="isLoading">
<v-progress-circular indeterminate color="primary"></v-progress-circular> <v-progress-circular indeterminate color="white"></v-progress-circular>
</v-flex> </v-flex>
<v-flex xs12 v-if="jsonData"> <v-flex xs12 v-if="jsonData">
<p class="subheading">Success! Here is the response for <strong>lbry://{{ address }}</strong>:</p> <p class="subheading">Success! Here is the response for <strong>lbry://{{ address }}</strong>:</p>
@ -120,7 +120,7 @@ export default {
height: 9rem; height: 9rem;
h4 { h4 {
text-align: left; text-align: left;
font-size: 1.2rem; font-size: 1rem;
} }
.account { .account {
color: $primary-color; color: $primary-color;

2
src/components/partials/Step2.vue
View file

@ -41,7 +41,7 @@
</v-card> </v-card>
</v-flex> </v-flex>
<v-flex xs12 v-if="isLoading"> <v-flex xs12 v-if="isLoading">
<v-progress-circular indeterminate color="primary"></v-progress-circular> <v-progress-circular indeterminate color="white"></v-progress-circular>
</v-flex> </v-flex>
</v-layout> </v-layout>
</v-container> </v-container>

6
src/components/partials/Step3.vue
View file

@ -4,7 +4,7 @@
<v-flex xs12> <v-flex xs12>
<h1 class="display-2">Support your favorite content creators with LBRY</h1> <h1 class="display-2">Support your favorite content creators with LBRY</h1>
<p class="subheading">Send LBRY coins to claim addresses and the owner will receive it in their wallet.</p> <p class="subheading">Send LBRY coins to claim addresses and the owner will receive it in their wallet.</p>
<p>To send LBC to someone, you need either their wallet address or claim ID.<br/> <p class="subheading">To send LBC to someone, you need either their wallet address or claim ID.<br/>
You can get claim ID's by using resolve method in <router-link to="/">the first step</router-link><br/> You can get claim ID's by using resolve method in <router-link to="/">the first step</router-link><br/>
Or you can use the examples below.</p> Or you can use the examples below.</p>
</v-flex> </v-flex>
@ -24,7 +24,7 @@
<pre v-highlightjs="exampleCode"><code class="bash"></code></pre> <pre v-highlightjs="exampleCode"><code class="bash"></code></pre>
</v-flex> </v-flex>
<v-flex xs12 v-if="isLoading"> <v-flex xs12 v-if="isLoading">
<v-progress-circular indeterminate color="primary"></v-progress-circular> <v-progress-circular indeterminate color="white"></v-progress-circular>
</v-flex> </v-flex>
<v-flex xs12 v-if="jsonData"> <v-flex xs12 v-if="jsonData">
<p class="subheading">Success! Here is the response:</p> <p class="subheading">Success! Here is the response:</p>
@ -129,7 +129,7 @@ export default {
height: 9rem; height: 9rem;
h4 { h4 {
text-align: left; text-align: left;
font-size: 1.2rem; font-size: 1rem;
} }
.account { .account {
color: $primary-color; color: $primary-color;