From 01e07575be18ff1ad3c217a35664efb444e0d278 Mon Sep 17 00:00:00 2001 From: shunyao88 <86162699+shunyao88@users.noreply.github.com> Date: Mon, 26 Jul 2021 22:27:15 +0800 Subject: [PATCH 1/8] added sierra filter added new filter which call sierra filter in site/css --- site/css/sierra.min.css | 1 + 1 file changed, 1 insertion(+) create mode 100644 site/css/sierra.min.css diff --git a/site/css/sierra.min.css b/site/css/sierra.min.css new file mode 100644 index 0000000..f156218 --- /dev/null +++ b/site/css/sierra.min.css @@ -0,0 +1 @@ +.sierra{image-rendering:auto;image-rendering:crisp-edges;image-rendering:pixelated}.sierra{position:relative;-webkit-filter:contrast(80%) brightness(90%) saturate(100%);filter:contrast(80%) brightness(90%) saturate(100%)}.sierra:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;z-index:2}.sierra:after{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;z-index:3}.sierra:after{background:radial-gradient(circle closest-side ,#f0d6c7 20%,transparent 80%,#000 140%);background-repeat:no-repeat;mix-blend-mode:overlay;opacity:70%} \ No newline at end of file From 48e8a0504c15112bdcf3d621a83fa128326de46d Mon Sep 17 00:00:00 2001 From: shunyao88 <86162699+shunyao88@users.noreply.github.com> Date: Wed, 28 Jul 2021 21:23:21 +0800 Subject: [PATCH 2/8] added sierra.css added sierra.css --- sierra.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 sierra.css diff --git a/sierra.css b/sierra.css new file mode 100644 index 0000000..c25ea7e --- /dev/null +++ b/sierra.css @@ -0,0 +1,49 @@ +/* + * + * Sierra + * + */ + .sierra { + image-rendering: auto; + image-rendering: crisp-edges; + image-rendering: pixelated; + + } + .sierra{ + position: relative; + -webkit-filter: contrast(80%) brightness(90%) saturate(100%) ; + filter: contrast(80%) brightness(90%) saturate(100%) ; + } + + .sierra:before { + content: ''; + display: block; + height: 100%; + width: 100%; + top: 0; + left: 0; + position: absolute; + pointer-events: none; + z-index: 2; + + } + + .sierra:after { + content: ''; + display: block; + height: 100%; + width:100%; + top: 0; + left: 0; + position: absolute; + pointer-events: none; + z-index: 3; + } + + .sierra:after { + background: radial-gradient(circle closest-side ,#f0d6c7 20%, transparent 80%, black 140%); + + background-repeat:no-repeat; + mix-blend-mode:overlay; + opacity:70%; + } \ No newline at end of file From afcd1e1c7dbd45de9073151055d92172ba43f6e6 Mon Sep 17 00:00:00 2001 From: shunyao88 <86162699+shunyao88@users.noreply.github.com> Date: Wed, 28 Jul 2021 21:24:54 +0800 Subject: [PATCH 3/8] added sierra.scss added sierra.scss --- sierra.scss | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 sierra.scss diff --git a/sierra.scss b/sierra.scss new file mode 100644 index 0000000..bb18e96 --- /dev/null +++ b/sierra.scss @@ -0,0 +1,48 @@ +/* + * + * Sierra + * + */ + + @import 'shared'; + + // mixin to extend sierra filter + // @mixin sierra + // @param $filters... {filter} - Zero to many css filters to be added + // @example + // img { + // @include sierra; + // } + // or + // img { + // @include sierra(blur(2px)); + // } + // or + // img { + // @include sierra(blur(2px)) { + // /*...*/ + // }; + // } + @mixin aden($filters...) { + @include filter-base; + position: relative; + + filter: contrast(80%) brightness(90%) saturate(100%) ; + + &::after { + background: radial-gradient(circle closest-side ,#f0d6c7 20%, transparent 80%, black 140%); + background-size: 300px 300px; + background-repeat:no-repeat; + mix-blend-mode:overlay; + opacity:70%; + } + + @content; + } + + // sierra Instagram filter + %sierra, + .sierra{ + @include sierra; + } + \ No newline at end of file From 53242789c799fb39408c43a94648107ee5893442 Mon Sep 17 00:00:00 2001 From: shunyao88 <86162699+shunyao88@users.noreply.github.com> Date: Wed, 28 Jul 2021 21:28:48 +0800 Subject: [PATCH 4/8] Delete sierra.scss --- sierra.scss | 48 ------------------------------------------------ 1 file changed, 48 deletions(-) delete mode 100644 sierra.scss diff --git a/sierra.scss b/sierra.scss deleted file mode 100644 index bb18e96..0000000 --- a/sierra.scss +++ /dev/null @@ -1,48 +0,0 @@ -/* - * - * Sierra - * - */ - - @import 'shared'; - - // mixin to extend sierra filter - // @mixin sierra - // @param $filters... {filter} - Zero to many css filters to be added - // @example - // img { - // @include sierra; - // } - // or - // img { - // @include sierra(blur(2px)); - // } - // or - // img { - // @include sierra(blur(2px)) { - // /*...*/ - // }; - // } - @mixin aden($filters...) { - @include filter-base; - position: relative; - - filter: contrast(80%) brightness(90%) saturate(100%) ; - - &::after { - background: radial-gradient(circle closest-side ,#f0d6c7 20%, transparent 80%, black 140%); - background-size: 300px 300px; - background-repeat:no-repeat; - mix-blend-mode:overlay; - opacity:70%; - } - - @content; - } - - // sierra Instagram filter - %sierra, - .sierra{ - @include sierra; - } - \ No newline at end of file From 0e3aa5851b83aa65839e4b24232a4635617345da Mon Sep 17 00:00:00 2001 From: shunyao88 <86162699+shunyao88@users.noreply.github.com> Date: Wed, 28 Jul 2021 21:29:03 +0800 Subject: [PATCH 5/8] Delete sierra.css --- sierra.css | 49 ------------------------------------------------- 1 file changed, 49 deletions(-) delete mode 100644 sierra.css diff --git a/sierra.css b/sierra.css deleted file mode 100644 index c25ea7e..0000000 --- a/sierra.css +++ /dev/null @@ -1,49 +0,0 @@ -/* - * - * Sierra - * - */ - .sierra { - image-rendering: auto; - image-rendering: crisp-edges; - image-rendering: pixelated; - - } - .sierra{ - position: relative; - -webkit-filter: contrast(80%) brightness(90%) saturate(100%) ; - filter: contrast(80%) brightness(90%) saturate(100%) ; - } - - .sierra:before { - content: ''; - display: block; - height: 100%; - width: 100%; - top: 0; - left: 0; - position: absolute; - pointer-events: none; - z-index: 2; - - } - - .sierra:after { - content: ''; - display: block; - height: 100%; - width:100%; - top: 0; - left: 0; - position: absolute; - pointer-events: none; - z-index: 3; - } - - .sierra:after { - background: radial-gradient(circle closest-side ,#f0d6c7 20%, transparent 80%, black 140%); - - background-repeat:no-repeat; - mix-blend-mode:overlay; - opacity:70%; - } \ No newline at end of file From 0edc073d2cb502c460f1b9d4041ecf9505aeabdc Mon Sep 17 00:00:00 2001 From: shunyao88 <86162699+shunyao88@users.noreply.github.com> Date: Wed, 28 Jul 2021 21:30:22 +0800 Subject: [PATCH 6/8] Add files via upload --- source/css/sierra.css | 49 +++++++++++++++++++++++++++++++++++++++ source/css/sierra.min.css | 1 + 2 files changed, 50 insertions(+) create mode 100644 source/css/sierra.css create mode 100644 source/css/sierra.min.css diff --git a/source/css/sierra.css b/source/css/sierra.css new file mode 100644 index 0000000..c25ea7e --- /dev/null +++ b/source/css/sierra.css @@ -0,0 +1,49 @@ +/* + * + * Sierra + * + */ + .sierra { + image-rendering: auto; + image-rendering: crisp-edges; + image-rendering: pixelated; + + } + .sierra{ + position: relative; + -webkit-filter: contrast(80%) brightness(90%) saturate(100%) ; + filter: contrast(80%) brightness(90%) saturate(100%) ; + } + + .sierra:before { + content: ''; + display: block; + height: 100%; + width: 100%; + top: 0; + left: 0; + position: absolute; + pointer-events: none; + z-index: 2; + + } + + .sierra:after { + content: ''; + display: block; + height: 100%; + width:100%; + top: 0; + left: 0; + position: absolute; + pointer-events: none; + z-index: 3; + } + + .sierra:after { + background: radial-gradient(circle closest-side ,#f0d6c7 20%, transparent 80%, black 140%); + + background-repeat:no-repeat; + mix-blend-mode:overlay; + opacity:70%; + } \ No newline at end of file diff --git a/source/css/sierra.min.css b/source/css/sierra.min.css new file mode 100644 index 0000000..f156218 --- /dev/null +++ b/source/css/sierra.min.css @@ -0,0 +1 @@ +.sierra{image-rendering:auto;image-rendering:crisp-edges;image-rendering:pixelated}.sierra{position:relative;-webkit-filter:contrast(80%) brightness(90%) saturate(100%);filter:contrast(80%) brightness(90%) saturate(100%)}.sierra:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;z-index:2}.sierra:after{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;z-index:3}.sierra:after{background:radial-gradient(circle closest-side ,#f0d6c7 20%,transparent 80%,#000 140%);background-repeat:no-repeat;mix-blend-mode:overlay;opacity:70%} \ No newline at end of file From 695a8e76fc54958c316958ee64b17bc8f1551de7 Mon Sep 17 00:00:00 2001 From: shunyao88 <86162699+shunyao88@users.noreply.github.com> Date: Wed, 28 Jul 2021 21:31:33 +0800 Subject: [PATCH 7/8] Add files via upload --- source/scss/sierra.scss | 48 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 source/scss/sierra.scss diff --git a/source/scss/sierra.scss b/source/scss/sierra.scss new file mode 100644 index 0000000..bb18e96 --- /dev/null +++ b/source/scss/sierra.scss @@ -0,0 +1,48 @@ +/* + * + * Sierra + * + */ + + @import 'shared'; + + // mixin to extend sierra filter + // @mixin sierra + // @param $filters... {filter} - Zero to many css filters to be added + // @example + // img { + // @include sierra; + // } + // or + // img { + // @include sierra(blur(2px)); + // } + // or + // img { + // @include sierra(blur(2px)) { + // /*...*/ + // }; + // } + @mixin aden($filters...) { + @include filter-base; + position: relative; + + filter: contrast(80%) brightness(90%) saturate(100%) ; + + &::after { + background: radial-gradient(circle closest-side ,#f0d6c7 20%, transparent 80%, black 140%); + background-size: 300px 300px; + background-repeat:no-repeat; + mix-blend-mode:overlay; + opacity:70%; + } + + @content; + } + + // sierra Instagram filter + %sierra, + .sierra{ + @include sierra; + } + \ No newline at end of file From d13fd53dfd452397264b08e6632980d8400cba38 Mon Sep 17 00:00:00 2001 From: shunyao88 <86162699+shunyao88@users.noreply.github.com> Date: Wed, 28 Jul 2021 21:32:42 +0800 Subject: [PATCH 8/8] Add files via upload --- site/filters.json | 411 +++++++++++++++++++++++----------------------- 1 file changed, 206 insertions(+), 205 deletions(-) diff --git a/site/filters.json b/site/filters.json index 878ecde..79b7376 100644 --- a/site/filters.json +++ b/site/filters.json @@ -1,206 +1,207 @@ -{ - "filters": [ - { - "name": "1977", - "is_done": true, - "usage": "_1977" - }, - { - "name": "Aden", - "is_done": true, - "usage": "aden" - }, - { - "name": "Amaro", - "is_done": false, - "usage": "amaro" - }, - { - "name": "Ashby", - "is_done": false, - "usage": "ashby" - }, - { - "name": "Brannan", - "is_done": true, - "usage": "brannan" - }, - { - "name": "Brooklyn", - "is_done": true, - "usage": "brooklyn" - }, - { - "name": "Charmes", - "is_done": false, - "usage": "charmes" - }, - { - "name": "Clarendon", - "is_done": true, - "usage": "clarendon" - }, - { - "name": "Crema", - "is_done": false, - "usage": "crema" - }, - { - "name": "Dogpatch", - "is_done": false, - "usage": "dogpatch" - }, - { - "name": "Earlybird", - "is_done": true, - "usage": "earlybird" - }, - { - "name": "Gingham", - "is_done": true, - "usage": "gingham" - }, - { - "name": "Ginza", - "is_done": false, - "usage": "ginza" - }, - { - "name": "Hefe", - "is_done": false, - "usage": "hefe" - }, - { - "name": "Helena", - "is_done": false, - "usage": "helena" - }, - { - "name": "Hudson", - "is_done": true, - "usage": "hudson" - }, - { - "name": "Inkwell", - "is_done": true, - "usage": "inkwell" - }, - { - "name": "Juno", - "is_done": false, - "usage": "juno" - }, - { - "name": "Kelvin", - "is_done": true, - "usage": "kelvin" - }, - { - "name": "Lark", - "is_done": true, - "usage": "lark" - }, - { - "name": "Lo-Fi", - "is_done": true, - "usage": "lofi" - }, - { - "name": "Ludwig", - "is_done": false, - "usage": "ludwig" - }, - { - "name": "Maven", - "is_done": true, - "usage": "maven" - }, - { - "name": "Mayfair", - "is_done": true, - "usage": "mayfair" - }, - { - "name": "Moon", - "is_done": true, - "usage": "moon" - }, - { - "name": "Nashville", - "is_done": true, - "usage": "nashville" - }, - { - "name": "Perpetua", - "is_done": true, - "usage": "perpetua" - }, - { - "name": "Reyes", - "is_done": true, - "usage": "reyes" - }, - { - "name": "Rise", - "is_done": true, - "usage": "rise" - }, - { - "name": "Sierra", - "is_done": false, - "usage": "sierra" - }, - { - "name": "Skyline", - "is_done": false, - "usage": "skyline" - }, - { - "name": "Slumber", - "is_done": true, - "usage": "slumber" - }, - { - "name": "Stinson", - "is_done": true, - "usage": "stinson" - }, - { - "name": "Sutro", - "is_done": false, - "usage": "sutro" - }, - { - "name": "Toaster", - "is_done": true, - "usage": "toaster" - }, - { - "name": "Valencia", - "is_done": true, - "usage": "valencia" - }, - { - "name": "Vesper", - "is_done": false, - "usage": "vesper" - }, - { - "name": "Walden", - "is_done": true, - "usage": "walden" - }, - { - "name": "Willow", - "is_done": true, - "usage": "willow" - }, - { - "name": "X-pro II", - "is_done": true, - "usage": "xpro2" - } - ], - - "images": ["atx", "bike", "cacti", "lakegeneva", "tahoe"] +{ + "filters": [ + { + "name": "1977", + "is_done": true, + "usage": "_1977" + }, + { + "name": "Aden", + "is_done": true, + "usage": "aden" + }, + { + "name": "Amaro", + "is_done": false, + "usage": "amaro" + }, + { + "name": "Ashby", + "is_done": false, + "usage": "ashby" + }, + { + "name": "Brannan", + "is_done": true, + "usage": "brannan" + }, + { + "name": "Brooklyn", + "is_done": true, + "usage": "brooklyn" + }, + { + "name": "Charmes", + "is_done": false, + "usage": "charmes" + }, + { + "name": "Clarendon", + "is_done": true, + "usage": "clarendon" + }, + { + "name": "Crema", + "is_done": false, + "usage": "crema" + }, + { + "name": "Dogpatch", + "is_done": false, + "usage": "dogpatch" + }, + { + "name": "Earlybird", + "is_done": true, + "usage": "earlybird" + }, + { + "name": "Gingham", + "is_done": true, + "usage": "gingham" + }, + { + "name": "Ginza", + "is_done": false, + "usage": "ginza" + }, + { + "name": "Hefe", + "is_done": false, + "usage": "hefe" + }, + { + "name": "Helena", + "is_done": false, + "usage": "helena" + }, + { + "name": "Hudson", + "is_done": true, + "usage": "hudson" + }, + { + "name": "Inkwell", + "is_done": true, + "usage": "inkwell" + }, + { + "name": "Juno", + "is_done": false, + "usage": "juno" + }, + { + "name": "Kelvin", + "is_done": true, + "usage": "kelvin" + }, + { + "name": "Lark", + "is_done": true, + "usage": "lark" + }, + { + "name": "Lo-Fi", + "is_done": true, + "usage": "lofi" + }, + { + "name": "Ludwig", + "is_done": false, + "usage": "ludwig" + }, + { + "name": "Maven", + "is_done": true, + "usage": "maven" + }, + { + "name": "Mayfair", + "is_done": true, + "usage": "mayfair" + }, + { + "name": "Moon", + "is_done": true, + "usage": "moon" + }, + { + "name": "Nashville", + "is_done": true, + "usage": "nashville" + }, + { + "name": "Perpetua", + "is_done": true, + "usage": "perpetua" + }, + { + "name": "Reyes", + "is_done": true, + "usage": "reyes" + }, + { + "name": "Rise", + "is_done": true, + "usage": "rise" + }, + { + "name": "Sierra", + "is_done": true, + "usage": "sierra" + }, + { + "name": "Skyline", + "is_done": false, + "usage": "skyline" + }, + { + "name": "Slumber", + "is_done": true, + "usage": "slumber" + }, + { + "name": "Stinson", + "is_done": true, + "usage": "stinson" + }, + { + "name": "Sutro", + "is_done": false, + "usage": "sutro" + }, + { + "name": "Toaster", + "is_done": true, + "usage": "toaster" + }, + { + "name": "Valencia", + "is_done": true, + "usage": "valencia" + }, + { + "name": "Vesper", + "is_done": false, + "usage": "vesper" + }, + { + "name": "Walden", + "is_done": true, + "usage": "walden" + }, + { + "name": "Willow", + "is_done": true, + "usage": "willow" + }, + { + "name": "X-pro II", + "is_done": true, + "usage": "xpro2" + } + + ], + + "images": ["atx", "bike", "cacti", "lakegeneva", "tahoe"] } \ No newline at end of file