From db99de2c862de061f418cdedd2c3028bdce9ce58 Mon Sep 17 00:00:00 2001 From: LimePot Date: Fri, 27 Jan 2023 20:10:55 -0700 Subject: [PATCH] Update 'About' page --- Socials.html | 7 + about.html | 197 ++++++++++++++++++ discord.html | 1 + index.html | 8 + loading.html | 0 mybulma/node_modules/.package-lock.json | 5 + .../bulma-pageloader/CHANGELOG.md | 76 +++++++ mybulma/node_modules/bulma-pageloader/LICENSE | 21 ++ .../node_modules/bulma-pageloader/README.md | 17 ++ .../dist/css/bulma-pageloader.min.css | 1 + .../dist/css/bulma-pageloader.sass | 128 ++++++++++++ .../bulma-pageloader/package.json | 69 ++++++ .../bulma-pageloader/src/sass/index.sass | 128 ++++++++++++ mybulma/package-lock.json | 13 ++ mybulma/package.json | 10 +- 15 files changed, 676 insertions(+), 5 deletions(-) delete mode 100644 loading.html create mode 100644 mybulma/node_modules/bulma-pageloader/CHANGELOG.md create mode 100644 mybulma/node_modules/bulma-pageloader/LICENSE create mode 100644 mybulma/node_modules/bulma-pageloader/README.md create mode 100644 mybulma/node_modules/bulma-pageloader/dist/css/bulma-pageloader.min.css create mode 100644 mybulma/node_modules/bulma-pageloader/dist/css/bulma-pageloader.sass create mode 100644 mybulma/node_modules/bulma-pageloader/package.json create mode 100644 mybulma/node_modules/bulma-pageloader/src/sass/index.sass diff --git a/Socials.html b/Socials.html index 2ec064b..00b6b23 100644 --- a/Socials.html +++ b/Socials.html @@ -103,6 +103,13 @@ 'floating-chat.donateButton.text-color': '#fff' }); + + Made with Bulma + diff --git a/about.html b/about.html index e69de29..e68f47d 100644 --- a/about.html +++ b/about.html @@ -0,0 +1,197 @@ + + + + + + + LimePot - About + + + + + + + + + + + + +
+
+
+ +
+
I'm a:
+
    +
  • Developer.
    • +
  • Crazy Lady.
    • +
  • 🏳️‍⚧️Transwoman.
    • +
+
+ + + + + + +
+
+
+ + \ No newline at end of file diff --git a/discord.html b/discord.html index 697f8e1..0eb0109 100644 --- a/discord.html +++ b/discord.html @@ -1 +1,2 @@ +
Pageloader
\ No newline at end of file diff --git a/index.html b/index.html index 3d34a43..ee38362 100644 --- a/index.html +++ b/index.html @@ -115,6 +115,14 @@ 'floating-chat.donateButton.text-color': '#fff' }); + + + Made with Bulma + diff --git a/loading.html b/loading.html deleted file mode 100644 index e69de29..0000000 diff --git a/mybulma/node_modules/.package-lock.json b/mybulma/node_modules/.package-lock.json index 25f6348..08a044e 100644 --- a/mybulma/node_modules/.package-lock.json +++ b/mybulma/node_modules/.package-lock.json @@ -283,6 +283,11 @@ "integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ==", "dev": true }, + "node_modules/bulma-pageloader": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/bulma-pageloader/-/bulma-pageloader-0.3.0.tgz", + "integrity": "sha512-lbahiqhBCov5AYdziHFnC5/JOhCrJWFTpdRiAkwW49IM/mf0whCWHVe8MuejZFu2PEs1mtH8Gnz8exEks4Q+7g==" + }, "node_modules/cacache": { "version": "16.1.3", "resolved": "https://registry.npmjs.org/cacache/-/cacache-16.1.3.tgz", diff --git a/mybulma/node_modules/bulma-pageloader/CHANGELOG.md b/mybulma/node_modules/bulma-pageloader/CHANGELOG.md new file mode 100644 index 0000000..a95ab3c --- /dev/null +++ b/mybulma/node_modules/bulma-pageloader/CHANGELOG.md @@ -0,0 +1,76 @@ + +# [2.2.0](https://github.com/Wikiki/bulma-pageloader/compare/1.0.0...2.2.0) (2019-10-24) + + +# [1.0.0](https://github.com/Wikiki/bulma-pageloader/compare/0.1.7...1.0.0) (2018-02-10) + + + + +## [0.1.7](https://github.com/Wikiki/bulma-pageloader/compare/0.1.6...0.1.7) (2018-02-10) + + + + +## [0.1.6](https://github.com/Wikiki/bulma-pageloader/compare/0.1.5...0.1.6) (2018-02-10) + + +### Bug Fixes + +* **gulp:** Use UMD modules style ([4db80f1](https://github.com/Wikiki/bulma-pageloader/commit/4db80f1)) + + + + +## [0.1.5](https://github.com/Wikiki/bulma-pageloader/compare/0.1.4...0.1.5) (2018-02-10) + + +### Bug Fixes + +* **gulp:** Correct dist filenames ([9dc4bee](https://github.com/Wikiki/bulma-pageloader/commit/9dc4bee)) +* **package:** Correct file paths ([8c6e9f6](https://github.com/Wikiki/bulma-pageloader/commit/8c6e9f6)) +* **travis:** Remove configuration ([d7398d7](https://github.com/Wikiki/bulma-pageloader/commit/d7398d7)) + + + + +## [0.1.4](https://github.com/Wikiki/bulma-pageloader/compare/v0.1.0...v0.1.4) (2018-02-09) + + +### Bug Fixes + +* **bower:** Add missing version ([c7eb58e](https://github.com/Wikiki/bulma-pageloader/commit/c7eb58e)) + + +### Features + +* **gulp:** Add gulp dependencies ([ac9f8b0](https://github.com/Wikiki/bulma-pageloader/commit/ac9f8b0)) +* **gulp:** Add release task ([71bed8d](https://github.com/Wikiki/bulma-pageloader/commit/71bed8d)) + + + +# Change Log + +## [Unreleased](https://github.com/wikiki/bulma-pageloader/tree/HEAD) + +[Full Changelog](https://github.com/wikiki/bulma-pageloader/compare/v0...HEAD) + +**Closed issues:** + +- Problem with the pageloader extension with laravel-mix [\#3](https://github.com/Wikiki/bulma-pageloader/issues/3) + +**Merged pull requests:** + +- fix Wikiki/bulma-pageloader\#3 [\#4](https://github.com/Wikiki/bulma-pageloader/pull/4) ([Grummfy](https://github.com/Grummfy)) + +## [v0](https://github.com/wikiki/bulma-pageloader/tree/v0) (2017-11-30) +[Full Changelog](https://github.com/wikiki/bulma-pageloader/compare/v0.1.0...v0) + +## [v0.1.0](https://github.com/wikiki/bulma-pageloader/tree/v0.1.0) (2017-11-30) +**Implemented enhancements:** + +- Opacity [\#1](https://github.com/Wikiki/bulma-pageloader/issues/1) + + + +\* *This Change Log was automatically generated by [github_changelog_generator](https://github.com/skywinder/Github-Changelog-Generator)* \ No newline at end of file diff --git a/mybulma/node_modules/bulma-pageloader/LICENSE b/mybulma/node_modules/bulma-pageloader/LICENSE new file mode 100644 index 0000000..917b28a --- /dev/null +++ b/mybulma/node_modules/bulma-pageloader/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2017 Wikiki + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/mybulma/node_modules/bulma-pageloader/README.md b/mybulma/node_modules/bulma-pageloader/README.md new file mode 100644 index 0000000..23e561f --- /dev/null +++ b/mybulma/node_modules/bulma-pageloader/README.md @@ -0,0 +1,17 @@ +# bulma-pageloader +Bulma's extension to show a page loader overlay of the whole page. +(find all my bulma's extensions [here](https://wikiki.github.io/)) + +[![npm](https://img.shields.io/npm/v/bulma-pageloader.svg)](https://www.npmjs.com/package/bulma-pageloader) +[![npm](https://img.shields.io/npm/dm/bulma-pageloader.svg)](https://www.npmjs.com/package/bulma-pageloader) +[![Build Status](https://travis-ci.org/Wikiki/bulma-pageloader.svg?branch=master)](https://travis-ci.org/Wikiki/bulma-pageloader) + +Overview +--- +![Pageloader Element](https://img15.hostingpics.net/pics/217768bulmapageloader.gif) + +To get the page-loader displayed, add `is-active` class to the pageloader element. + +Documentation & Demo +--- +You can find the Documentation and a demo [here](https://wikiki.github.io/elements/pageloader/) diff --git a/mybulma/node_modules/bulma-pageloader/dist/css/bulma-pageloader.min.css b/mybulma/node_modules/bulma-pageloader/dist/css/bulma-pageloader.min.css new file mode 100644 index 0000000..84a0789 --- /dev/null +++ b/mybulma/node_modules/bulma-pageloader/dist/css/bulma-pageloader.min.css @@ -0,0 +1 @@ +@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.pageloader{bottom:0;left:0;position:absolute;right:0;top:0}.pageloader{position:fixed;padding-top:2em;background:#00d1b2;background:#00d1b2;z-index:999998;transition:transform .35s ease-out,-webkit-transform .35s ease-out;will-change:transform}.pageloader.is-white{background-color:#fff;background:#fff}.pageloader.is-white::after{border-color:#0a0a0a;-webkit-animation:loader-figure-white 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure-white 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader.is-white .title{color:#0a0a0a}.pageloader.is-black{background-color:#0a0a0a;background:#0a0a0a}.pageloader.is-black::after{border-color:#fff;-webkit-animation:loader-figure-black 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure-black 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader.is-black .title{color:#fff}.pageloader.is-light{background-color:#f5f5f5;background:#f5f5f5}.pageloader.is-light::after{border-color:#363636;-webkit-animation:loader-figure-light 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure-light 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader.is-light .title{color:#363636}.pageloader.is-dark{background-color:#363636;background:#363636}.pageloader.is-dark::after{border-color:#f5f5f5;-webkit-animation:loader-figure-dark 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure-dark 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader.is-dark .title{color:#f5f5f5}.pageloader.is-primary{background-color:#00d1b2;background:#00d1b2}.pageloader.is-primary::after{border-color:#fff;-webkit-animation:loader-figure-primary 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure-primary 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader.is-primary .title{color:#fff}.pageloader.is-link{background-color:#3273dc;background:#3273dc}.pageloader.is-link::after{border-color:#fff;-webkit-animation:loader-figure-link 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure-link 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader.is-link .title{color:#fff}.pageloader.is-info{background-color:#209cee;background:#209cee}.pageloader.is-info::after{border-color:#fff;-webkit-animation:loader-figure-info 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure-info 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader.is-info .title{color:#fff}.pageloader.is-success{background-color:#23d160;background:#23d160}.pageloader.is-success::after{border-color:#fff;-webkit-animation:loader-figure-success 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure-success 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader.is-success .title{color:#fff}.pageloader.is-warning{background-color:#ffdd57;background:#ffdd57}.pageloader.is-warning::after{border-color:rgba(0,0,0,.7);-webkit-animation:loader-figure-warning 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure-warning 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader.is-warning .title{color:rgba(0,0,0,.7)}.pageloader.is-danger{background-color:#ff3860;background:#ff3860}.pageloader.is-danger::after{border-color:#fff;-webkit-animation:loader-figure-danger 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure-danger 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader.is-danger .title{color:#fff}.pageloader:not(.is-bottom-to-top){-webkit-transform:translateY(-100%);transform:translateY(-100%)}.pageloader.is-bottom-to-top{-webkit-transform:translateY(100%);transform:translateY(100%)}.pageloader.is-left-to-right{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pageloader.is-right-to-left{-webkit-transform:translateX(100%);transform:translateX(100%)}.pageloader.is-active:not(.is-left-to-right),.pageloader.is-active:not(.is-right-to-left){-webkit-transform:translateY(0);transform:translateY(0)}.pageloader.is-active.is-left-to-right,.pageloader.is-active.is-right-to-left{-webkit-transform:translateX(0);transform:translateX(0)}.pageloader::after{position:absolute;top:50%;left:50%;display:block;border-radius:100%;content:'';z-index:9999;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;box-sizing:border-box;border:0 solid #fff;-webkit-animation:loader-figure 1.15s infinite cubic-bezier(.215,.61,.355,1);animation:loader-figure 1.15s infinite cubic-bezier(.215,.61,.355,1)}.pageloader .title{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:2em 0 0 0;font-size:.875em;letter-spacing:.1em;line-height:1.5em;color:#fff;white-space:nowrap}@-webkit-keyframes loader-figure{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-figure-white{0%{height:0;width:0;background-color:#0a0a0a}29%{background-color:#0a0a0a}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure-white{0%{height:0;width:0;background-color:#0a0a0a}29%{background-color:#0a0a0a}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-figure-black{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure-black{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-figure-light{0%{height:0;width:0;background-color:#363636}29%{background-color:#363636}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure-light{0%{height:0;width:0;background-color:#363636}29%{background-color:#363636}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-figure-dark{0%{height:0;width:0;background-color:#f5f5f5}29%{background-color:#f5f5f5}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure-dark{0%{height:0;width:0;background-color:#f5f5f5}29%{background-color:#f5f5f5}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-figure-primary{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure-primary{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-figure-link{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure-link{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-figure-info{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure-info{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-figure-success{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure-success{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-figure-warning{0%{height:0;width:0;background-color:rgba(0,0,0,.7)}29%{background-color:rgba(0,0,0,.7)}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure-warning{0%{height:0;width:0;background-color:rgba(0,0,0,.7)}29%{background-color:rgba(0,0,0,.7)}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@-webkit-keyframes loader-figure-danger{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}}@keyframes loader-figure-danger{0%{height:0;width:0;background-color:#fff}29%{background-color:#fff}30%{height:2em;width:2em;background-color:transparent;border-width:1em;opacity:1}100%{height:2em;width:2em;border-width:0;opacity:0;background-color:transparent}} \ No newline at end of file diff --git a/mybulma/node_modules/bulma-pageloader/dist/css/bulma-pageloader.sass b/mybulma/node_modules/bulma-pageloader/dist/css/bulma-pageloader.sass new file mode 100644 index 0000000..6525193 --- /dev/null +++ b/mybulma/node_modules/bulma-pageloader/dist/css/bulma-pageloader.sass @@ -0,0 +1,128 @@ +$pageloader-opacity: 1 !default + +// keyframes mixin +=keyframes($name) + @-webkit-keyframes #{$name} + @content + @-moz-keyframes #{$name} + @content + @-o-keyframes #{$name} + @content + @keyframes #{$name} + @content + +.pageloader + +overlay + position: fixed + padding-top: 2em + background: $primary + background: rgba( $primary, $pageloader-opacity ) + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + background: rgba( $color, $pageloader-opacity ) + &::after + border-color: $color-invert + -webkit-animation: loader-figure-#{$name} 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1) + -moz-animation: loader-figure-#{$name} 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1) + animation: loader-figure-#{$name} 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1) + .title + color: $color-invert + z-index: 999998 + transition: transform .35s ease-out,-webkit-transform .35s ease-out + will-change: transform + &:not(.is-left-to-right), + &:not(.is-right-to-left) + &:not(.is-bottom-to-top) + -webkit-transform: translateY(-100%) + transform: translateY(-100%) + &.is-bottom-to-top + -webkit-transform: translateY(100%) + transform: translateY(100%) + &.is-left-to-right + -webkit-transform: translateX(-100%) + transform: translateX(-100%) + &.is-right-to-left + -webkit-transform: translateX(100%) + transform: translateX(100%) + &.is-active + &:not(.is-left-to-right), + &:not(.is-right-to-left) + -webkit-transform: translateY(0) + transform: translateY(0) + &.is-left-to-right, + &.is-right-to-left + -webkit-transform: translateX(0) + transform: translateX(0) + &::after + position: absolute + top: 50% + left: 50% + display: block + border-radius: 100% + content: '' + z-index: 9999 + -webkit-transform: translate(-50%, -50%) + transform: translate(-50%, -50%) + width: 0 + height: 0 + box-sizing: border-box + border: 0 solid $white + -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1) + animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1) + .title + position: absolute + top: 50% + left: 50% + -webkit-transform: translateX(-50%) + transform: translateX(-50%) + margin: 2em 0 0 0 + font-size: 0.875em + letter-spacing: 0.1em + line-height: 1.5em + color: $white + white-space: nowrap + +keyframes(loader-figure) + 0% + height: 0 + width: 0 + background-color: $white + 29% + background-color: $white + 30% + height: 2em + width: 2em + background-color: transparent + border-width: 1em + opacity: 1 + 100% + height: 2em + width: 2em + border-width: 0 + opacity: 0 + background-color: transparent + +@each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + +keyframes(loader-figure-#{$name}) + 0% + height: 0 + width: 0 + background-color: $color-invert + 29% + background-color: $color-invert + 30% + height: 2em + width: 2em + background-color: transparent + border-width: 1em + opacity: 1 + 100% + height: 2em + width: 2em + border-width: 0 + opacity: 0 + background-color: transparent diff --git a/mybulma/node_modules/bulma-pageloader/package.json b/mybulma/node_modules/bulma-pageloader/package.json new file mode 100644 index 0000000..66db672 --- /dev/null +++ b/mybulma/node_modules/bulma-pageloader/package.json @@ -0,0 +1,69 @@ +{ + "name": "bulma-pageloader", + "version": "0.3.0", + "description": "Display a page-loader to inform user that content is loading, in different colors. ", + "main": "./dist/css/bulma-pageloader.min.css", + "sass": "./src/sass/index.sass", + "scripts": { + "build": "gulp", + "commit": "git-cz", + "travis-deploy-once": "travis-deploy-once", + "semantic-release": "semantic-release" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/Wikiki/bulma-pageloader.git" + }, + "keywords": [ + "Bulma", + "bulma", + "bulma.io", + "extensions" + ], + "author": "Wikiki (https://wikiki.github.io/bulma-extensions/overview)", + "license": "MIT", + "bugs": { + "url": "https://github.com/Wikiki/bulma-pageloader/issues" + }, + "homepage": "https://github.com/Wikiki/bulma-pageloader#readme", + "devDependencies": { + "ansi-colors": "^2.0.1", + "autoprefixer": "^8.6.2", + "babel-core": "^6.26.3", + "babel-jest": "^23.0.1", + "babel-loader": "^7.1.4", + "babel-plugin-transform-object-rest-spread": "^6.26.0", + "babel-preset-env": "^1.7.0", + "bulma": "~0.7", + "camelcase": "^5.0.0", + "commitizen": "^2.10.1", + "cz-conventional-changelog": "^2.1.0", + "del": "^3.0.0", + "fancy-log": "^1.3.2", + "gulp": "^4.0.0", + "gulp-autoprefixer": "^5.0.0", + "gulp-clean-css": "^3.9.4", + "gulp-concat": "^2.6.1", + "gulp-nop": "0.0.3", + "gulp-postcss": "^7.0.1", + "gulp-sass": "^4.0.1", + "gulp-uglify": "^3.0.0", + "jest": "^23.1.0", + "regenerator-runtime": "^0.11.1", + "semantic-release": "^15.5.2", + "travis-deploy-once": "^5.0.0", + "webpack": "^4.12.0", + "webpack-stream": "^4.0.3" + }, + "config": { + "commitizen": { + "path": "node_modules/cz-conventional-changelog" + } + }, + "files": [ + "dist/**", + "src/**", + "LICENSE", + "README.md" + ] +} diff --git a/mybulma/node_modules/bulma-pageloader/src/sass/index.sass b/mybulma/node_modules/bulma-pageloader/src/sass/index.sass new file mode 100644 index 0000000..6525193 --- /dev/null +++ b/mybulma/node_modules/bulma-pageloader/src/sass/index.sass @@ -0,0 +1,128 @@ +$pageloader-opacity: 1 !default + +// keyframes mixin +=keyframes($name) + @-webkit-keyframes #{$name} + @content + @-moz-keyframes #{$name} + @content + @-o-keyframes #{$name} + @content + @keyframes #{$name} + @content + +.pageloader + +overlay + position: fixed + padding-top: 2em + background: $primary + background: rgba( $primary, $pageloader-opacity ) + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + background: rgba( $color, $pageloader-opacity ) + &::after + border-color: $color-invert + -webkit-animation: loader-figure-#{$name} 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1) + -moz-animation: loader-figure-#{$name} 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1) + animation: loader-figure-#{$name} 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1) + .title + color: $color-invert + z-index: 999998 + transition: transform .35s ease-out,-webkit-transform .35s ease-out + will-change: transform + &:not(.is-left-to-right), + &:not(.is-right-to-left) + &:not(.is-bottom-to-top) + -webkit-transform: translateY(-100%) + transform: translateY(-100%) + &.is-bottom-to-top + -webkit-transform: translateY(100%) + transform: translateY(100%) + &.is-left-to-right + -webkit-transform: translateX(-100%) + transform: translateX(-100%) + &.is-right-to-left + -webkit-transform: translateX(100%) + transform: translateX(100%) + &.is-active + &:not(.is-left-to-right), + &:not(.is-right-to-left) + -webkit-transform: translateY(0) + transform: translateY(0) + &.is-left-to-right, + &.is-right-to-left + -webkit-transform: translateX(0) + transform: translateX(0) + &::after + position: absolute + top: 50% + left: 50% + display: block + border-radius: 100% + content: '' + z-index: 9999 + -webkit-transform: translate(-50%, -50%) + transform: translate(-50%, -50%) + width: 0 + height: 0 + box-sizing: border-box + border: 0 solid $white + -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1) + animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1) + .title + position: absolute + top: 50% + left: 50% + -webkit-transform: translateX(-50%) + transform: translateX(-50%) + margin: 2em 0 0 0 + font-size: 0.875em + letter-spacing: 0.1em + line-height: 1.5em + color: $white + white-space: nowrap + +keyframes(loader-figure) + 0% + height: 0 + width: 0 + background-color: $white + 29% + background-color: $white + 30% + height: 2em + width: 2em + background-color: transparent + border-width: 1em + opacity: 1 + 100% + height: 2em + width: 2em + border-width: 0 + opacity: 0 + background-color: transparent + +@each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + +keyframes(loader-figure-#{$name}) + 0% + height: 0 + width: 0 + background-color: $color-invert + 29% + background-color: $color-invert + 30% + height: 2em + width: 2em + background-color: transparent + border-width: 1em + opacity: 1 + 100% + height: 2em + width: 2em + border-width: 0 + opacity: 0 + background-color: transparent diff --git a/mybulma/package-lock.json b/mybulma/package-lock.json index 9803545..b03ff53 100644 --- a/mybulma/package-lock.json +++ b/mybulma/package-lock.json @@ -8,6 +8,9 @@ "name": "mybulma", "version": "1.0.0", "license": "ISC", + "dependencies": { + "bulma-pageloader": "^0.3.0" + }, "devDependencies": { "bulma": "^0.9.4", "node-sass": "^8.0.0" @@ -292,6 +295,11 @@ "integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ==", "dev": true }, + "node_modules/bulma-pageloader": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/bulma-pageloader/-/bulma-pageloader-0.3.0.tgz", + "integrity": "sha512-lbahiqhBCov5AYdziHFnC5/JOhCrJWFTpdRiAkwW49IM/mf0whCWHVe8MuejZFu2PEs1mtH8Gnz8exEks4Q+7g==" + }, "node_modules/cacache": { "version": "16.1.3", "resolved": "https://registry.npmjs.org/cacache/-/cacache-16.1.3.tgz", @@ -2582,6 +2590,11 @@ "integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ==", "dev": true }, + "bulma-pageloader": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/bulma-pageloader/-/bulma-pageloader-0.3.0.tgz", + "integrity": "sha512-lbahiqhBCov5AYdziHFnC5/JOhCrJWFTpdRiAkwW49IM/mf0whCWHVe8MuejZFu2PEs1mtH8Gnz8exEks4Q+7g==" + }, "cacache": { "version": "16.1.3", "resolved": "https://registry.npmjs.org/cacache/-/cacache-16.1.3.tgz", diff --git a/mybulma/package.json b/mybulma/package.json index 428991b..c496f8c 100644 --- a/mybulma/package.json +++ b/mybulma/package.json @@ -4,7 +4,9 @@ "description": "", "main": "sass/mystyles.scss", "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "css-build": "node-sass --omit-source-map-url sass/mystyles.scss css/mystyles.css", + "css-watch": "npm run css-build -- --watch", + "start": "npm run css-watch" }, "author": "", "license": "ISC", @@ -12,9 +14,7 @@ "bulma": "^0.9.4", "node-sass": "^8.0.0" }, - "scripts": { - "css-build": "node-sass --omit-source-map-url sass/mystyles.scss css/mystyles.css", - "css-watch": "npm run css-build -- --watch", - "start": "npm run css-watch" + "dependencies": { + "bulma-pageloader": "^0.3.0" } }