migrate pinapelz.moe -> pinapelz.com

4 files changed, 0 insertions, 297 deletions

diff --git a/sticker.pinapelz.moe/style/index.css b/sticker.pinapelz.moe/style/index.css
deleted file mode 100644
index f73124e..0000000
--- a/sticker.pinapelz.moe/style/index.css
+++ /dev/null
@@ -1 +0,0 @@
-*{font-family:sans-serif}body{margin:0}h1{font-size:1rem}:root{--stickers-per-row: 4;--sticker-size: calc(100vw / var(--stickers-per-row))}main{color:var(--text-color)}main.spinner{margin-top:5rem}main.error,main.empty{margin:2rem}main.empty{text-align:center}main.has-content{position:fixed;top:0;left:0;right:0;bottom:0;display:grid;grid-template-rows:calc(12vw + 2px) min-content auto}main.theme-light{--highlight-color: #eee;--search-box-color: var(--highlight-color);--text-color: black;background-color:#fff}main.theme-dark{--highlight-color: #444;--search-box-color: #383e4b;--text-color: white;background-color:#22262e}main.theme-dark .icon.icon-giphy{background-image:url(../res/giphy-dark.svg)}main.theme-black{--highlight-color: #222;--search-box-color: var(--highlight-color);--text-color: white;background-color:#000}main.theme-black .icon.icon-giphy{background-image:url(../res/giphy-dark.svg)}div.powered-by-giphy{padding:1rem}div.powered-by-giphy>img{width:100%}.icon{width:100%;height:100%;background-color:var(--text-color);mask-size:contain;-webkit-mask-size:contain;mask-image:var(--icon-image);-webkit-mask-image:var(--icon-image)}.icon.icon-settings{--icon-image: url(../res/settings.svg)}.icon.icon-recent{--icon-image: url(../res/recent.svg)}.icon.icon.icon-search{--icon-image: url(../res/search.svg)}.icon.icon.icon-giphy{background:center/contain no-repeat url(../res/giphy-light.svg);mask:unset}nav{display:flex;overflow-x:auto}nav>a{border-bottom:2px solid rgba(0,0,0,0)}nav>a.visible{border-bottom-color:green}nav>a>div.sticker{width:12vw;height:12vw}div.pack-list,nav{scrollbar-width:none}div.pack-list::-webkit-scrollbar,nav::-webkit-scrollbar{display:none}div.pack-list{overflow-y:auto}div.pack-list.ios-safari-hack{position:fixed;top:calc(calc(12vw + 2px) + calc(2 * 0.7rem + 2 * 0.5rem + 1rem));bottom:0;left:0;right:0;-webkit-overflow-scrolling:touch}div.search-empty{margin:1.2rem;text-align:center}section.stickerpack{margin-top:.75rem}section.stickerpack>div.sticker-list{display:flex;flex-wrap:wrap}section.stickerpack>h1{margin:0 0 0 .75rem}section.stickerpack#pack-giphy{display:flex;justify-content:space-between;flex-direction:column;min-height:100%}div.sticker{display:flex;padding:4px;cursor:pointer;position:relative;width:var(--sticker-size);height:var(--sticker-size);box-sizing:border-box}div.sticker:hover{background-color:var(--highlight-color)}div.sticker>img{display:none;width:100%;object-fit:contain}div.sticker>img.visible{display:initial}div.sticker>.icon{width:70%;height:70%;margin:15%}div.search-box{position:relative;display:flex}div.search-box>input[type=text]{flex-grow:1;background-color:var(--search-box-color);outline:none;border:none;border-radius:.25rem;height:1rem;padding:.7rem;padding-right:calc(1rem + 0.7rem);margin:.5rem;font-size:1rem;color:var(--text-color)}div.search-box>span.icon{display:flex;position:absolute;top:calc(50% - 1rem/2);right:1rem;width:1rem;height:1rem;box-sizing:border-box}div.settings-list{display:flex;flex-direction:column}div.settings-list>*{margin:.5rem}div.settings-list button{padding:.5rem;border-radius:.25rem}div.settings-list input{width:100%}
diff --git a/sticker.pinapelz.moe/style/index.sass b/sticker.pinapelz.moe/style/index.sass
deleted file mode 100644
index 1269be5..0000000
--- a/sticker.pinapelz.moe/style/index.sass
+++ /dev/null
@@ -1,227 +0,0 @@
-// maunium-stickerpicker - A fast and simple Matrix sticker picker widget.
-// Copyright (C) 2020 Tulir Asokan
-//
-// This program is free software: you can redistribute it and/or modify
-// it under the terms of the GNU Affero General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// This program is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU Affero General Public License for more details.
-//
-// You should have received a copy of the GNU Affero General Public License
-// along with this program.  If not, see <https://www.gnu.org/licenses/>.
-
-*
-  font-family: sans-serif
-
-body
-  margin: 0
-
-h1
-  font-size: 1rem
-
-\:root
-  --stickers-per-row: 4
-  --sticker-size: calc(100vw / var(--stickers-per-row))
-
-$nav-sticker-size: 12vw
-$nav-bottom-highlight: 2px
-$nav-height: calc(#{$nav-sticker-size} + #{$nav-bottom-highlight})
-$nav-height-inverse: calc(-#{$nav-sticker-size} - #{$nav-bottom-highlight})
-
-$search-box-icon-size: 1rem
-$search-box-input-height: 1rem
-$search-box-input-padding: .7rem
-$search-box-input-margin: .5rem
-$search-box-height: calc(2 * #{$search-box-input-padding} + 2 * #{$search-box-input-margin} + #{$search-box-input-height})
-
-main
-  color: var(--text-color)
-
-  &.spinner
-    margin-top: 5rem
-
-  &.error, &.empty
-    margin: 2rem
-
-  &.empty
-    text-align: center
-
-  &.has-content
-    position: fixed
-    top: 0
-    left: 0
-    right: 0
-    bottom: 0
-    display: grid
-    grid-template-rows: $nav-height min-content auto
-
-main.theme-light
-  --highlight-color: #eee
-  --search-box-color: var(--highlight-color)
-  --text-color: black
-  background-color: white
-
-main.theme-dark
-  --highlight-color: #444
-  --search-box-color: #383e4b
-  --text-color: white
-  background-color: #22262e
-
-  .icon.icon-giphy
-    background-image: url(../res/giphy-dark.svg)
-
-main.theme-black
-  --highlight-color: #222
-  --search-box-color: var(--highlight-color)
-  --text-color: white
-  background-color: black
-
-  .icon.icon-giphy
-    background-image: url(../res/giphy-dark.svg)
-
-div.powered-by-giphy
-  padding: 1rem
-  > img
-    width: 100%
-
-.icon
-  width: 100%
-  height: 100%
-  background-color: var(--text-color)
-  mask-size: contain
-  -webkit-mask-size: contain
-  mask-image: var(--icon-image)
-  -webkit-mask-image: var(--icon-image)
-
-  &.icon-settings
-    --icon-image: url(../res/settings.svg)
-
-  &.icon-recent
-    --icon-image: url(../res/recent.svg)
-
-  &.icon.icon-search
-    --icon-image: url(../res/search.svg)
-
-  &.icon.icon-giphy
-    background: center / contain no-repeat url(../res/giphy-light.svg)
-    mask: unset
-
-nav
-  display: flex
-  overflow-x: auto
-
-  > a
-    border-bottom: $nav-bottom-highlight solid transparent
-
-    &.visible
-      border-bottom-color: green
-
-    > div.sticker
-      width: $nav-sticker-size
-      height: $nav-sticker-size
-
-div.pack-list, nav
-  scrollbar-width: none
-
-  &::-webkit-scrollbar
-    display: none
-
-div.pack-list
-  overflow-y: auto
-
-div.pack-list.ios-safari-hack
-  position: fixed
-  top: calc(#{$nav-height} + #{$search-box-height})
-  bottom: 0
-  left: 0
-  right: 0
-  -webkit-overflow-scrolling: touch
-
-div.search-empty
-  margin: 1.2rem
-  text-align: center
-
-section.stickerpack
-  margin-top: .75rem
-
-  > div.sticker-list
-    display: flex
-    flex-wrap: wrap
-
-  > h1
-    margin: 0 0 0 .75rem
-
-section.stickerpack#pack-giphy
-  display: flex
-  justify-content: space-between
-  flex-direction: column
-  min-height: 100%
-
-div.sticker
-  display: flex
-  padding: 4px
-  cursor: pointer
-  position: relative
-  width: var(--sticker-size)
-  height: var(--sticker-size)
-  box-sizing: border-box
-
-  &:hover
-    background-color: var(--highlight-color)
-
-  > img
-    display: none
-    width: 100%
-    object-fit: contain
-
-    &.visible
-      display: initial
-
-  > .icon
-    width: 70%
-    height: 70%
-    margin: 15%
-
-div.search-box
-  position: relative
-  display: flex
-
-  >input[type="text"]
-    flex-grow: 1
-    background-color: var(--search-box-color)
-    outline: none
-    border: none
-    border-radius: .25rem
-    height: $search-box-input-height
-    padding: $search-box-input-padding
-    padding-right: calc(#{$search-box-icon-size} + #{$search-box-input-padding})
-    margin: $search-box-input-margin
-    font-size: 1rem
-    color: var(--text-color)
-
-  >span.icon
-    display: flex
-    position: absolute
-    top: calc(50% - #{$search-box-icon-size} / 2)
-    right: $search-box-icon-size
-    width: $search-box-icon-size
-    height: $search-box-icon-size
-    box-sizing: border-box
-
-div.settings-list
-  display: flex
-  flex-direction: column
-
-  > *
-    margin: .5rem
-
-  button
-    padding: .5rem
-    border-radius: .25rem
-
-  input
-    width: 100%
diff --git a/sticker.pinapelz.moe/style/spinner.css b/sticker.pinapelz.moe/style/spinner.css
deleted file mode 100644
index de03d9c..0000000
--- a/sticker.pinapelz.moe/style/spinner.css
+++ /dev/null
@@ -1 +0,0 @@
-.sk-center-wrapper{width:100%;display:flex;justify-content:space-around}.sk-chase{position:relative;animation:sk-chase 2.5s infinite linear both}.sk-chase.green>.sk-chase-dot:before{background-color:#00c853}.sk-chase>.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}.sk-chase>.sk-chase-dot:before{content:"";display:block;width:25%;height:25%;border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both;background-color:#fff}.sk-chase>.sk-chase-dot:nth-child(1){animation-delay:-1.1s}.sk-chase>.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase>.sk-chase-dot:nth-child(3){animation-delay:-0.9s}.sk-chase>.sk-chase-dot:nth-child(4){animation-delay:-0.8s}.sk-chase>.sk-chase-dot:nth-child(5){animation-delay:-0.7s}.sk-chase>.sk-chase-dot:nth-child(6){animation-delay:-0.6s}.sk-chase>.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}.sk-chase>.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase>.sk-chase-dot:nth-child(3):before{animation-delay:-0.9s}.sk-chase>.sk-chase-dot:nth-child(4):before{animation-delay:-0.8s}.sk-chase>.sk-chase-dot:nth-child(5):before{animation-delay:-0.7s}.sk-chase>.sk-chase-dot:nth-child(6):before{animation-delay:-0.6s}@keyframes sk-chase{100%{transform:rotate(360deg)}}@keyframes sk-chase-dot{80%,100%{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(0.4)}100%,0%{transform:scale(1)}}
diff --git a/sticker.pinapelz.moe/style/spinner.sass b/sticker.pinapelz.moe/style/spinner.sass
deleted file mode 100644
index cbc9042..0000000
--- a/sticker.pinapelz.moe/style/spinner.sass
+++ /dev/null
@@ -1,68 +0,0 @@
-// Chase spinner from https://tobiasahlin.com/spinkit/. MIT license
-.sk-center-wrapper
-  width: 100%
-  display: flex
-  justify-content: space-around
-
-.sk-chase
-  position: relative
-  animation: sk-chase 2.5s infinite linear both
-
-  &.green > .sk-chase-dot:before
-    background-color: #00C853
-
-  > .sk-chase-dot
-    width: 100%
-    height: 100%
-    position: absolute
-    left: 0
-    top: 0
-    animation: sk-chase-dot 2.0s infinite ease-in-out both
-
-    &:before
-      content: ''
-      display: block
-      width: 25%
-      height: 25%
-      border-radius: 100%
-      animation: sk-chase-dot-before 2.0s infinite ease-in-out both
-      background-color: #FFF
-
-    &:nth-child(1)
-      animation-delay: -1.1s
-    &:nth-child(2)
-      animation-delay: -1.0s
-    &:nth-child(3)
-      animation-delay: -0.9s
-    &:nth-child(4)
-      animation-delay: -0.8s
-    &:nth-child(5)
-      animation-delay: -0.7s
-    &:nth-child(6)
-      animation-delay: -0.6s
-    &:nth-child(1):before
-      animation-delay: -1.1s
-    &:nth-child(2):before
-      animation-delay: -1.0s
-    &:nth-child(3):before
-      animation-delay: -0.9s
-    &:nth-child(4):before
-      animation-delay: -0.8s
-    &:nth-child(5):before
-      animation-delay: -0.7s
-    &:nth-child(6):before
-      animation-delay: -0.6s
-
-@keyframes sk-chase
-  100%
-    transform: rotate(360deg)
-
-@keyframes sk-chase-dot
-  80%, 100%
-    transform: rotate(360deg)
-
-@keyframes sk-chase-dot-before
-  50%
-    transform: scale(0.4)
-  100%, 0%
-    transform: scale(1.0)