Merge branch 'master' into patch-1

iamdowantcoffee · Jun 23, 2019 · 51a2e34 · 51a2e34
2 parents 750f24e + d31e42c
commit 51a2e34
Show file tree

Hide file tree

Showing 5 changed files with 232 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="https://www.dropbox.com/s/8e17cyl1xlg74e5/logo.svg?raw=1&sanitize=true" width="180px">
+  <img src="https://www.dropbox.com/s/h6vdbd2ar3c8mw6/logo.png?dl=0&raw=1" width="240" />
 </p>
 
 <p align="center">
@@ -73,6 +73,8 @@ A few open source projects built with uiGradients
 - [helper-uigradient](https://github.com/helpers/helper-uigradient) - Handlebar helper for uiGradients
 - [Uigradients iOS Viewer](https://github.com/thexande/uiGradients-Viewer-iOS) - Open source iOS app for viewing gradients
 - [Potion](http://numberpicture.com/build) - React components for declaratively composing animated, interactive visualizations
+- [Randient](https://github.com/uias/Randient) - Randomised, radient gradients for iOS.
+- [RandomGradient](https://github.com/Gabriel-Denys/RandomGradient) - Radomised gradients via json api
 
 &nbsp;
 

diff --git a/gradients.json b/gradients.json
@@ -1,8 +1,49 @@
 [
+    {
+        "name": "Omolon",
+        "colors": ["#091E3A", "#2F80ED", "2D9EE0"]
+    },
+    {
+        "name": "Farhan",
+        "colors": ["#9400D3", "#4B0082"]
+    }, 
+    {
+        "name": "Purple",
+        "colors": ["#c84e89", "#F15F79"]
+    },
+    {
+        "name": "Ibtesam",
+        "colors": ["#00F5A0", "#00D9F5"]
+    },
+    {
+        "name": "Radioactive Heat",
+        "colors": ["#F7941E", "#72C6EF", "00A651"]
+    }, 
+    {
+        "name": "The Sky And The Sea",
+        "colors": ["#F7941E", "#004E8F"]
+    },
+    {
+        "name": "From Ice To Fire",
+        "colors": ["#72C6EF", "#004E8F"]
+    },
+
+    {
+        "name": "Blue & Orange",
+        "colors": ["#FD8112", "#0085CA"]
+    },
+    {
+        "name": "Purple Dream",
+        "colors": ["#bf5ae0","#a811da"]
+    },
     {
         "name": "Blu",
         "colors": ["#00416A", "#E4E5E6"]
     },
+    {
+        "name": "Summer Breeze",
+        "colors": ["#fbed96", "#abecd6"]
+    },
     {
         "name": "Ver",
         "colors": ["#FFE000", "#799F0C"]
@@ -74,6 +115,10 @@
     {
         "name": "Sel",
         "colors": ["#00467F", "#A5CC82"]
+    }, 
+    {
+        "name": "Afternoon",
+        "colors": ["#000C40", "#607D8B"]
     },
     {
         "name": "Skyline",
@@ -1318,7 +1363,7 @@
     },
     {
         "name": "JShine",
-        "colors": ["#12c2e9","#c471ed","#f64f59"]
+        "colors": ["#12c2e9", "#c471ed", "#f64f59"]
     },
     {
         "name": "Moonlit Asteroid",
@@ -1330,11 +1375,11 @@
     },
     {
         "name": "Cool Blues",
-        "colors": ["#2193b0","#6dd5ed"]
+        "colors": ["#2193b0", "#6dd5ed"]
     },
     { 
         "name": "Piggy Pink",
-        "colors": ["#ee9ca7","#ffdde1"]
+        "colors": ["#ee9ca7", "#ffdde1"]
     },
     {
         "name": "Grade Grey",
@@ -1343,5 +1388,149 @@
     {
       "name": "Telko",
       "colors": ["#F36222", "#5CB644", "#007FC3"]
+    },
+    {
+        "name": "Zenta",
+        "colors": ["#2A2D3E","#FECB6E"]
+    },
+    {
+        "name": "Electric Peacock",
+        "colors": ["#8a2be2","#0000cd","#228b22","#ccff00"]
+    },
+    {
+        "name": "Under Blue Green",
+        "colors": ["#051937","#004d7a","#008793","#00bf72","#a8eb12"]
+    },
+    {
+        "name": "Lensod",
+        "colors": ["#6025F5","#FF5555"]
+    },
+    {
+        "name": "Newspaper",
+        "colors": ["#8a2be2","#ffa500","#f8f8ff"]
+    },
+    {
+      "name": "Dark Blue Gradient",
+      "colors": ["#2774ae", "#002E5D", "#002E5D"]
+    },
+    {
+        "name": "Dark Blu Two",
+        "colors": ["#004680","#4484BA"]
+    },
+    {
+        "name": "Lemon Lime",
+        "colors":["#7ec6bc","#ebe717"]
+    },
+    {
+        "name": "Beleko",
+        "colors": ["#ff1e56", "#f9c942", "#1e90ff"]
+    },
+    {
+        "name": "Mango Papaya",
+        "colors": ["#de8a41","#2ada53"]
+    },
+    {
+        "name": "Unicorn Rainbow",
+        "colors": ["#f7f0ac","#acf7f0","#f0acf7"]
+    },
+    {
+      "name": "Flame",
+      "colors": ["#ff0000", "#fdcf58"]
+    },
+    {
+        "name": "Blue Red",
+        "colors": ["#36B1C7", "#960B33"]
+    },
+    {
+        "name" : "Twitter",
+        "colors" : ["#1DA1F2", "#009ffc"]
+    },
+    {
+        "name": "Blooze",
+        "colors": ["#6da6be", "#4b859e", "#6da6be"]
+    },
+    {
+        "name": "Blue Slate",
+        "colors": ["#B5B9FF", "#2B2C49"]
+    },
+    {
+        "name": "Space Light Green",
+        "colors": ["#9FA0A8", "#5C7852"]
+    },
+    {
+        "name": "Flower",
+        "colors": ["#DCFFBD", "#CC86D1"]
+    },
+    {
+        "name": "Elate The Euge",
+        "colors": ["#8BDEDA", "43ADD0", "998EE0", "E17DC2", "EF9393"]
+    },
+    {
+        "name": "Peach Sea",
+        "colors": ["#E6AE8C", "#A8CECF"]
+    },
+    {
+        "name": "Abbas",
+        "colors": ["#00fff0","#0083fe"]
+    },
+    {
+        "name": "Winter Woods",
+        "colors": ["#333333", "#a2ab58", "#A43931"]
+    },
+    {
+        "name": "Ameena",
+        "colors": ["#0c0c6d", "#de512b", "#98d0c1", "#5bb226", "#023c0d"]
+    },
+    {
+        "name": "Emerald Sea",
+        "colors": ["#05386b","#5cdb95"]
+    },
+    {
+        "name": "Bleem",
+        "colors": ["#4284DB", "#29EAC4"]
+    },
+    {
+        "name": "Coffee Gold",
+        "colors": ["#554023", "#c99846"]
+    },
+    {
+        "name": "Compass",
+        "colors": ["#516b8b", "#056b3b"]
+    },
+    {
+        "name": "Andreuzza's",
+        "colors": ["#D70652", "#FF025E"]
+    },
+    {
+        "name": "Moonwalker",
+        "colors": ["#152331", "#000000"]
+    },
+    {
+        "name": "Whinehouse",
+        "colors": ["#f7f7f7", "#b9a0a0", "#794747", "#4e2020", "#111111"]
+    },
+    {
+        "name": "Hyper Blue",
+        "colors": ["#59CDE9", "#0A2A88"]
+    },
+    {
+        "name": "Racker",
+        "colors": ["#EB0000","#95008A","#3300FC"]
+    },
+    {
+        "name": "After the Rain",
+        "colors": ["#ff75c3", "#ffa647", "#ffe83f", "#9fff5b", "#70e2ff", "#cd93ff"]
+    },
+    {
+        "name": "Neon Green",
+        "colors": ["#81ff8a", "#64965e"]
+    },
+    {
+        "name": "Dusty Grass",
+        "colors": ["#d4fc79", "#96e6a1"]
+    },
+    {
+        "name": "Visual Blue",
+        "colors": ["#003d4d", "#00c996"]
     }
 ]
diff --git a/index.html b/index.html
@@ -21,13 +21,13 @@
     <meta property="og:url" content="http://uigradients.com"/>
     <meta property="og:title" content="uiGradients - Beautiful colored gradients"/>
     <meta property="og:description" content="uiGradients is a handpicked collection of beautiful color gradients for designers and developers." />
-    <meta property="og:image" content="http://uigradients.com/static/images/uigradients.jpg"/>
+    <meta property="og:image" content="https://uigradients.com/static/images/uigradients.jpg"/>
 
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:creator" content="@_ighosh">
     <meta name="twitter:title" content="Handpicked beautiful color gradients">
     <meta name="twitter:description" content="uiGradients is a handpicked collection of beautiful color gradients for designers and developers.">
-    <meta name="twitter:image" content="http://uigradients.com/static/images/uigradients.jpg">
+    <meta name="twitter:image" content="https://uigradients.com/static/images/uigradients.jpg">
     <meta name="twitter:image:width" content="1200">
     <meta name="twitter:image:height" content="630">
 

diff --git a/src/components/modals/CodeModal.vue b/src/components/modals/CodeModal.vue
@@ -13,8 +13,8 @@
 
 <pre class="codeblock" v-else><code>
   <span class="codeblock__property">background</span>: <span class="codeblock__spec">{{ this.gradient.colors[0] | lowercase }}</span>; <span class="codeblock__comment">/* fallback for old browsers */</span>
-  <span class="codeblock__property">background</span>: -webkit-linear-gradient({{ this.direction }}, <span class="codeblock__spec">{{ [...this.gradient.colors].join(', ') | lowercase }}</span>); <span class="codeblock__comment">/* Chrome 10-25, Safari 5.1-6 */</span>
-  <span class="codeblock__property">background</span>: linear-gradient({{ this.direction }}, <span class="codeblock__spec">{{ [...this.gradient.colors].join(', ') | lowercase }}</span>); <span class="codeblock__comment">/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */</span>
+  <span class="codeblock__property">background</span>: -webkit-linear-gradient({{ this.direction }}, <span class="codeblock__spec">{{ [...this.gradient.colors].reverse().join(', ') | lowercase }}</span>); <span class="codeblock__comment">/* Chrome 10-25, Safari 5.1-6 */</span>
+  <span class="codeblock__property">background</span>: linear-gradient({{ this.direction }}, <span class="codeblock__spec">{{ [...this.gradient.colors].reverse().join(', ') | lowercase }}</span>); <span class="codeblock__comment">/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */</span>
 </code></pre>
 
 </div>

diff --git a/yarn.lock b/yarn.lock
@@ -379,7 +379,7 @@ async-limiter@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.0.tgz#78faed8c3d074ab81f22b4e985d79e8738f720f8"
 
-[email protected], async@^1.4.0:
+[email protected]:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
 
@@ -389,6 +389,12 @@ async@^2.0.0, async@^2.1.2, async@^2.4.1, async@~2.6.0:
   dependencies:
     lodash "^4.14.0"
 
+async@^2.5.0:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/async/-/async-2.6.2.tgz#18330ea7e6e313887f5d2f2a904bac6fe4dd5381"
+  dependencies:
+    lodash "^4.17.11"
+
 async@~0.9.0:
   version "0.9.2"
   resolved "https://registry.yarnpkg.com/async/-/async-0.9.2.tgz#aea74d5e61c1f899613bf64bda66d4c78f2fd17d"
@@ -1753,6 +1759,10 @@ [email protected]:
   dependencies:
     graceful-readlink ">= 1.0.0"
 
+commander@~2.17.1:
+  version "2.17.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"
+
 commondir@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
@@ -3012,8 +3022,8 @@ extend-shallow@^3.0.0, extend-shallow@^3.0.2:
     is-extendable "^1.0.1"
 
 extend@3, extend@^3.0.0, extend@~3.0.0, extend@~3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.1.tgz#a755ea7bc1adfcc5a31ce7e762dbaadc5e636444"
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
 
 external-editor@^2.0.4:
   version "2.2.0"
@@ -3610,14 +3620,14 @@ gzip-size@^4.1.0:
     pify "^3.0.0"
 
 handlebars@^4.0.1:
-  version "4.0.11"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.11.tgz#630a35dfe0294bc281edae6ffc5d329fc7982dcc"
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.1.0.tgz#0d6a6f34ff1f63cecec8423aa4169827bf787c3a"
   dependencies:
-    async "^1.4.0"
+    async "^2.5.0"
     optimist "^0.6.1"
-    source-map "^0.4.4"
+    source-map "^0.6.1"
   optionalDependencies:
-    uglify-js "^2.6"
+    uglify-js "^3.1.4"
 
 har-schema@^2.0.0:
   version "2.0.0"
@@ -4936,6 +4946,10 @@ lodash@^4.0.0, lodash@^4.0.1, lodash@^4.14.0, lodash@^4.15.0, lodash@^4.17.0, lo
   version "4.17.10"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.10.tgz#1b7793cf7259ea38fb3661d4d38b3260af8ae4e7"
 
+lodash@^4.17.11:
+  version "4.17.11"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
+
 log-symbols@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-2.2.0.tgz#5740e1c5d6f0dfda4ad9323b5332107ef6b4c40a"
@@ -5014,8 +5028,8 @@ lru-cache@~2.6.5:
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-2.6.5.tgz#e56d6354148ede8d7707b58d143220fd08df0fd5"
 
 macaddress@^0.2.8:
-  version "0.2.8"
-  resolved "https://registry.yarnpkg.com/macaddress/-/macaddress-0.2.8.tgz#5904dc537c39ec6dbefeae902327135fa8511f12"
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/macaddress/-/macaddress-0.2.9.tgz#3579b8b9acd5b96b4553abf0f394185a86813cb3"
 
 [email protected]:
   version "4.0.1"
@@ -7428,7 +7442,7 @@ [email protected], source-map@^0.5.0, source-map@^0.5.1, source-map@^0.5.3, sourc
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
 
-source-map@^0.4.2, source-map@^0.4.4:
+source-map@^0.4.2:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
   dependencies:
@@ -7927,7 +7941,7 @@ [email protected]:
     commander "~2.15.0"
     source-map "~0.6.1"
 
-uglify-js@^2.6, uglify-js@^2.8.29:
+uglify-js@^2.8.29:
   version "2.8.29"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.29.tgz#29c5733148057bb4e1f75df35b7a9cb72e6a59dd"
   dependencies:
@@ -7936,6 +7950,13 @@ uglify-js@^2.6, uglify-js@^2.8.29:
   optionalDependencies:
     uglify-to-browserify "~1.0.0"
 
+uglify-js@^3.1.4:
+  version "3.4.9"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.4.9.tgz#af02f180c1207d76432e473ed24a28f4a782bae3"
+  dependencies:
+    commander "~2.17.1"
+    source-map "~0.6.1"
+
 uglify-to-browserify@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"