From 73f0d02f0630fbdf65be2019373f6fc983cadee8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Laura=20Gonz=C3=A1lez?= Date: Wed, 8 Feb 2017 15:10:06 +0100 Subject: [PATCH 1/2] Bugfixes on test, added demo page --- docs/css.css | 60 +++++++++++++++++++++++++++++++++++++++++++++++++ docs/index.html | 36 +++++++++++++++++++++++++++++ package.json | 2 +- test/index.html | 1 - 4 files changed, 97 insertions(+), 2 deletions(-) create mode 100644 docs/css.css create mode 100644 docs/index.html diff --git a/docs/css.css b/docs/css.css new file mode 100644 index 0000000..476b53a --- /dev/null +++ b/docs/css.css @@ -0,0 +1,60 @@ +@import url('https://fonts.googleapis.com/css?family=Pangolin'); + +* { + margin: 0; + padding: 0; + -webkit-font-smoothing: antialiased; +} +body { + background: #000; + font-family: 'Pangolin', cursive; + width: 100%; + height: 100%; + position: fixed; + top: 0; + bottom:0; + left:0; + right:0; +} +canvas { + background: linear-gradient(to bottom right,#450068,#2f0068); +} +.ct { + color: #fff; + position: fixed; + height: 4em; + width: 20em; + text-align: center; + margin: auto; + top: 0; + bottom:0; + left:0; + right:0; +} + +.ct h1 { + font-size: 2rem; +} + +.ct p { + font-size: .75rem; + opacity: .75; +} + +.ct a { + display: inline-block; + color: #450068; + padding: .5em 1em; + border-radius: 99999em; + background: #fff; + font-size: 1rem; + margin-top: 2em; + text-decoration: none; + text-transform: uppercase; +} + +.ct a:hover { + box-shadow: inset 0 0 0 2px #fff; + background: none; + color: #fff; +} diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..fe74ae0 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,36 @@ + + + + + Constellation + + + + +
+

Constellation

+

(cute animated constellations)

+ Grab it! +
+ + + + diff --git a/package.json b/package.json index 1b759b2..4fcbdfc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "constelation-canvas", - "version": "1.0.0", + "version": "1.0.1", "description": "draws cute moving canvas constellations", "main": "src/app.js", diff --git a/test/index.html b/test/index.html index c7c9747..d277ab6 100644 --- a/test/index.html +++ b/test/index.html @@ -4,7 +4,6 @@ Constellation - From 4c5e0664047670fc59546eb13ecb9cc58d6769ac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Laura=20Gonz=C3=A1lez?= Date: Wed, 8 Feb 2017 15:11:36 +0100 Subject: [PATCH 2/2] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6058d0f..e4832ae 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ # constellation -Draws cute moving canvas constellations. +Draws cute moving canvas constellations. [See it in action here!](https://lawwrr.github.io/constellation/)