From 2206a60af51186abe3d98447b48875225ec9eb53 Mon Sep 17 00:00:00 2001 From: bill bittner Date: Mon, 3 Jul 2017 11:16:51 -0700 Subject: [PATCH 1/2] simplified homepage --- public/assets/css/allStyle.css | 9 ++-- public/assets/css/componentStyle.css | 58 ++++++++++++++++++++++-- public/assets/img/GitHub-Mark-32px.png | Bin 0 -> 1714 bytes public/assets/img/GitHub-Mark-64px.png | Bin 0 -> 2625 bytes routes/show-routes.js | 6 +++ views/about.handlebars | 16 +++++++ views/allClaims.handlebars | 8 +--- views/fourOhFour.handlebars | 4 +- views/index.handlebars | 17 ++----- views/memeFodder.handlebars | 14 ++---- views/noClaims.handlebars | 4 +- views/partials/bugs.handlebars | 4 ++ views/partials/contribute.handlebars | 14 +++--- views/partials/documentation.handlebars | 9 ++-- views/partials/examples.handlebars | 18 +++----- views/partials/learnMore.handlebars | 4 ++ views/partials/publish.handlebars | 1 + views/partials/topBar.handlebars | 3 +- 18 files changed, 119 insertions(+), 70 deletions(-) create mode 100644 public/assets/img/GitHub-Mark-32px.png create mode 100644 public/assets/img/GitHub-Mark-64px.png create mode 100644 views/about.handlebars create mode 100644 views/partials/bugs.handlebars create mode 100644 views/partials/learnMore.handlebars diff --git a/public/assets/css/allStyle.css b/public/assets/css/allStyle.css index ea3d6427..a1e4da2b 100644 --- a/public/assets/css/allStyle.css +++ b/public/assets/css/allStyle.css @@ -84,13 +84,12 @@ h4 { text-align: center; } -.code { - font-family: monospace; - color: darkgrey; - word-wrap: break-word; +/* other */ + +input { + padding: 0.3em; } -/* other */ table { width: 100%; text-align: left; diff --git a/public/assets/css/componentStyle.css b/public/assets/css/componentStyle.css index a371417a..ef8a795b 100644 --- a/public/assets/css/componentStyle.css +++ b/public/assets/css/componentStyle.css @@ -12,17 +12,44 @@ margin: 2px 5px 2px 5px; } +/* learn more */ +.learn-more { + text-align: center; + margin-top: 2px; + padding-top: 2px; + border-top: 1px lightgrey solid; +} + /* examples */ .example { - display: inline-block; + clear: both; width: 100%; margin-bottom: 15px; + overflow: auto; +} + +.example-image, .example-code { + float: left; + margin: 5px 15px 5px 0px; } .example-image { - float: left; width: 20%; - margin: 5px 15px 5px 0px; +} + +.example-code { + padding: 2em; + width: 60%; + background-color: lightgrey; + font-family: monospace; + color: #666; + word-wrap: break-word; +} + +/* contribute */ +#github-logo { + float: right; + height: 1em; } /* all claims */ @@ -40,6 +67,12 @@ margin: 5px 30px 5px 0px; } +.all-claims-details { + word-wrap: break-word; + list-style: none; + list-style-type: none; +} + /* publish */ #drop-zone { border: 1px dashed lightgrey; @@ -72,3 +105,22 @@ canvas { font-weight: bold; } +@media (max-width: 750px) { + + .all-claims-img { + width:30%; + } + + .all-claims-details { + font-size: small; + } + +} + +@media (max-width: 475px) { + + .all-claims-img { + width:50%; + } + +} diff --git a/public/assets/img/GitHub-Mark-32px.png b/public/assets/img/GitHub-Mark-32px.png new file mode 100644 index 0000000000000000000000000000000000000000..8b25551a97921681334176ee143b41510a117d86 GIT binary patch literal 1714 zcmaJ?X;2eq7*4oFu!ne{XxAht2qc?8LXr|_LPCfTpaBK7K$c{I0Ld=NLIOeuC;@2) zZ$K%a)k+m-s0>xHmKxL%0V&0TRzzznhgyqrIC$F)0{WwLXLrBvd*^wc_uSc%h%m9E z{W5z3f#4_!7RvAyFh6!S_*<8qJ%KOIm?#E|L=rJQq=gB5C6WLG5;c?r%V0>EmEH#X z5eSwPRa6WXBMs#$5H%GtW2go-in9p>zW@UYDNNWc^XOXZQ? z1QjEV00I#$3^1wQUJ8&-2UsjB-G|9y(LDhMNN3PM{APL4eYi{(m*ERcUnJa{R+-3^ z34^A6;U^v`8N*O6ji%S@sd{fJqD`XFIUJ5zgTe5^5nj414F(y!G&=H(f)Lgzv?>%+ zAsWD}2qhpH7>|TU`X&W6IxDNuO_vET7|j5oG&&VDr!)hUO8+0KR?nh!m<)a!?|%yG zqOwq!CWCcIhE{<$E|F|@g>nP6FoYr6C<8>D?ID9%&5J(4oSbR1I^byW*g@__U z4QsF&uJSEcFeleM3~ChjEQGbHOjsGDMbyAl(p=Ttv9RaVo8~I#js@@Y9C^_2U})yn zzSHU%6FxuY?d;&65MyR({^lU*3$z$ZllDb(o&<7d;A_`h2U+3~BJ2Hv`{W}KEU801#cv_B|9Cm!ynR{S`AMsSn z;7E=B;mb!wx$L;S>yGXG^6=&WlQn9$s?&L%Y1D8TI^MlKB1DqsEng$>f4=xYWBoPI z_S1p!sJ#d2?YI4kPA{k}Eby?F=f-J9zIc`YDl^pzjVm~9ebE?Hn?t0Nx+la|D0MB; z9)2xv1G>a1|A9kQ>~DV<=X3-4yC&n!m8-3K#P z{X@0zRuQsy$+N ziSCoLJU{Z$nQy4A4Y5UJ07$5FA~qL2%Q+cLaqDU?Lz3?=BC5;Nk6BbTmmceEaM>-Z zi>O&-dSE=%ex;vcvCOk{*JQ5^_4M z4lW7%l9IqY(z7pV(?I@@8=KPFO82)O{VDI18-*d-k$YmI^XiuPs_LuFw<^ZcD}yP5 c*NrbeloN*74g`U%%F6r~k%+>C^#XapzmV0H-2eap literal 0 HcmV?d00001 diff --git a/public/assets/img/GitHub-Mark-64px.png b/public/assets/img/GitHub-Mark-64px.png new file mode 100644 index 0000000000000000000000000000000000000000..182a1a3f734fc1b7d712c68b04c29bad9460d6cd GIT binary patch literal 2625 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 W4I>>0bz>}E>ge79v { + // route to show 'about' page for spee.ch + app.get('/about', ({ ip, originalUrl }, res) => { + sendAnalyticsAndLog(ip, originalUrl); + // get and render the content + res.status(200).render('about'); + }); // route to show the meme-fodder meme maker app.get('/meme-fodder/play', ({ ip, originalUrl }, res) => { sendAnalyticsAndLog(ip, originalUrl); diff --git a/views/about.handlebars b/views/about.handlebars new file mode 100644 index 00000000..5c93d61a --- /dev/null +++ b/views/about.handlebars @@ -0,0 +1,16 @@ +
+ {{> topBar}} +
+

About Spee.ch

+

Spee.ch is a single-serving site that reads and publishes images to and from the LBRY blockchain.

+

Spee.ch is an image hosting service, but with the added benefit that it stores your images on a decentralized network of computers -- the LBRY network. This means that your images are stored in multiple locations without a single point of failure.

+ {{> examples}} + {{> documentation}} + {{> bugs}} +
+
+ {{> contribute}} +
+ {{> footer}} +
+ diff --git a/views/allClaims.handlebars b/views/allClaims.handlebars index 9f50ce51..449807f7 100644 --- a/views/allClaims.handlebars +++ b/views/allClaims.handlebars @@ -1,7 +1,5 @@
-
- {{> topBar}} -
+ {{> topBar}}

All Claims

These are all the free, public assets at that claim. You can publish more at spee.ch.

@@ -21,7 +19,5 @@
{{/each}}
-
- {{> footer}} -
+ {{> footer}} \ No newline at end of file diff --git a/views/fourOhFour.handlebars b/views/fourOhFour.handlebars index 198d8f91..cc91ea9f 100644 --- a/views/fourOhFour.handlebars +++ b/views/fourOhFour.handlebars @@ -1,7 +1,5 @@
-
- {{> topBar}} -
+ {{> topBar}}

404: Not Found

That page does not exist. Return home.

diff --git a/views/index.handlebars b/views/index.handlebars index ffc21ec0..cde6ed02 100644 --- a/views/index.handlebars +++ b/views/index.handlebars @@ -1,19 +1,8 @@
-
- {{> topBar}} -
-
+ {{> topBar}} +
{{> publish}} - {{> examples}} - {{> documentation}} - -
-
-

Spee.ch is a single-serving site that reads and publishes images to and from the LBRY blockchain.

- {{> contribute}} -
-
- {{> footer}} + {{> learnMore}}
diff --git a/views/memeFodder.handlebars b/views/memeFodder.handlebars index 10a9c0fa..214bde12 100644 --- a/views/memeFodder.handlebars +++ b/views/memeFodder.handlebars @@ -1,18 +1,10 @@
-
- {{> topBar}} -
-
+ {{> topBar}} +
{{> memeFodderMaker}} {{> memeFodderResults}}
-
-

Spee.ch is a single-serving site that reads and publishes images to and from the LBRY blockchain.

- {{> contribute}} -
-
- {{> footer}} -
+ {{> footer}}
diff --git a/views/noClaims.handlebars b/views/noClaims.handlebars index e406b254..dbe6c592 100644 --- a/views/noClaims.handlebars +++ b/views/noClaims.handlebars @@ -1,7 +1,5 @@
-
- {{> topBar}} -
+ {{> topBar}}

No Claims

There are no free, public images at that claim. You should publish one at spee.ch.

diff --git a/views/partials/bugs.handlebars b/views/partials/bugs.handlebars new file mode 100644 index 00000000..bd4c8c14 --- /dev/null +++ b/views/partials/bugs.handlebars @@ -0,0 +1,4 @@ +
+

Bugs

+

Spee.ch is young and under continuous development so it will have bugs. Please leave an issue on our github if you experience a problem or have suggestions.

+
diff --git a/views/partials/contribute.handlebars b/views/partials/contribute.handlebars index 627a0f36..cdf646df 100644 --- a/views/partials/contribute.handlebars +++ b/views/partials/contribute.handlebars @@ -1,8 +1,8 @@ -
-

Contribute

-

If you would like to help make Spee.ch amazing, join our slack channel!

-
-
-

Bugs

-

Spee.ch is young and under continuous development so it will have bugs. Please leave an issue on our github if you experience a problem or have suggestions.

+
+

Contribute + +

+

Spee.ch is an open source project. We would love for you to contribute to the existing site, or fork it and make your own!

+

If you have an idea for your own spee.ch-like site on top of LBRY, fork our github repo and go to town!

+

If you want to improve spee.ch, join our slack channel or solve one of our github issues.

diff --git a/views/partials/documentation.handlebars b/views/partials/documentation.handlebars index b6391dec..21113514 100644 --- a/views/partials/documentation.handlebars +++ b/views/partials/documentation.handlebars @@ -3,22 +3,21 @@ [open]