diff --git a/public/assets/css/allStyle.css b/public/assets/css/allStyle.css index 6d5b3f9c..c09df932 100644 --- a/public/assets/css/allStyle.css +++ b/public/assets/css/allStyle.css @@ -78,4 +78,8 @@ h4 { .stop-float { clear: both; +} + +.toggle-link { + float: right; } \ No newline at end of file diff --git a/public/assets/css/componentStyle.css b/public/assets/css/componentStyle.css index 275ec156..0072444a 100644 --- a/public/assets/css/componentStyle.css +++ b/public/assets/css/componentStyle.css @@ -45,8 +45,17 @@ canvas { /* all claims */ +.all-claims-item { + margin-top: 2px; + padding-top: 2px; + border-top: 1px lightgrey solid; + overflow: auto; +} + .all-claims-img { - height: 200px; + width: 20%; + float: left; + margin: 5px 30px 5px 0px; } /* footer */ diff --git a/public/assets/js/generalFunctions.js b/public/assets/js/generalFunctions.js new file mode 100644 index 00000000..bb4a2d0c --- /dev/null +++ b/public/assets/js/generalFunctions.js @@ -0,0 +1,19 @@ +function toggleSection(event){ + event.preventDefault(); + + var dataSet = event.target.dataset; + var status = dataSet.open; + var masterElement = document.getElementById(event.srcElement.id); + var slaveElement = document.getElementById(dataSet.slaveelementid); + + if (status === "false") { + slaveElement.hidden = false; + masterElement.innerText = "[close]"; + masterElement.dataset.open = "true"; + } else { + slaveElement.hidden = true; + masterElement.innerText = "[open]"; + masterElement.dataset.open = "false"; + } + console.log(status); +} \ No newline at end of file diff --git a/views/allClaims.handlebars b/views/allClaims.handlebars index 23db9565..9f50ce51 100644 --- a/views/allClaims.handlebars +++ b/views/allClaims.handlebars @@ -6,15 +6,22 @@

All Claims

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

{{#each claims}} - -
-

claim_id: {{this.claim_id}}

-

direct link here

-

author: {{this.value.stream.metadata.author}}

-

description: {{this.value.stream.metadata.description}}

-

license: {{this.value.stream.metadata.license}}

+
+ +
+
    +
  • claim: {{this.name}}
    • +
  • claim_id: {{this.claim_id}}
    • +
  • direct link: spee.ch/{{this.name}}/{{this.claim_id}}
    • +
  • author: {{this.value.stream.metadata.author}}
    • +
  • description: {{this.value.stream.metadata.description}}
    • +
  • license: {{this.value.stream.metadata.license}}
    • +
+
-
{{/each}}
+
+ {{> footer}} +
\ No newline at end of file diff --git a/views/layouts/main.handlebars b/views/layouts/main.handlebars index 522f1fd2..8e239631 100644 --- a/views/layouts/main.handlebars +++ b/views/layouts/main.handlebars @@ -10,6 +10,7 @@ {{{ body }}} + {{ googleAnalytics }} diff --git a/views/partials/documentation.handlebars b/views/partials/documentation.handlebars index 69e7f0e6..b6391dec 100644 --- a/views/partials/documentation.handlebars +++ b/views/partials/documentation.handlebars @@ -1,23 +1,27 @@
-

Documentation

- spee.ch/ - - spee.ch/<the name of the claim> - - spee.ch/< the name of the claim >/< the claim_id > - - spee.ch/<the name of the claim>/all - -
+

Documentation + [open] +

+ + \ No newline at end of file diff --git a/views/partials/examples.handlebars b/views/partials/examples.handlebars index dc58cfb4..7e13042e 100644 --- a/views/partials/examples.handlebars +++ b/views/partials/examples.handlebars @@ -1,23 +1,27 @@
-

What is spee.ch?

-

Spee.ch is an image hosting service based on the LBRY blockchain. It reads and publishes free, public images.

-
-

Use spee.ch to embed a specific image:

- - - <img src="https://spee.ch/doitlive/ca3023187e901df9e9aabd95d6ae09b6cc69b3f0"/> -

spee.ch/doitlive/ca3023187e901df9e9aabd95d6ae09b6cc69b3f0

-
-
-

Use spee.ch to serve a top LBRY claim:

- - <img src="https://spee.ch/doitlive"/> -

spee.ch/doitlive

-
-
-

Use spee.ch to view all the assets at a LBRY claim:

+

What is spee.ch? + [open] +

+
\ No newline at end of file diff --git a/views/partials/whatIsSpeech.handlebars b/views/partials/whatIsSpeech.handlebars index d4233b51..baccbe94 100644 --- a/views/partials/whatIsSpeech.handlebars +++ b/views/partials/whatIsSpeech.handlebars @@ -1,5 +1,5 @@

What Is Spee.ch?

Spee.ch is for sharing

-

Spee.ch is a platform by which you can publish images to the Lbry blockchain. Just upload an image, title it, and send it off into the lbry ecosystem.

+

Spee.ch is a platform by which you can publish images to the Lbry blockchain. Just upload an image, title it, and send it off into the lbry blockchain.

Spee.ch is also a platform to serve you those images. It's like have a personal chef that will serve you a meal anywhere in the world. All you have to do is ask for it, by using "spee.ch/" + the name of a claim.

If you want a specific image, just ask for it with the claim_id by using "spee.ch/" + the name of the claim + "/" + the claim id.

\ No newline at end of file