diff --git a/app/images/halloween/clouds.png b/app/images/halloween/clouds.png deleted file mode 100644 index 29962c1048..0000000000 Binary files a/app/images/halloween/clouds.png and /dev/null differ diff --git a/app/images/halloween/halloween-emblem.svg b/app/images/halloween/halloween-emblem.svg deleted file mode 100644 index ad23be14c9..0000000000 --- a/app/images/halloween/halloween-emblem.svg +++ /dev/null @@ -1,311 +0,0 @@ - - - - Flying Witch during Full Moon - - - - - image/svg+xml - - Flying Witch during Full Moon - 2017-10-10 - - - Urs Roesch - - - - - - OpenClipart - - - - - remix+287475 - remix+288242 - remix+170669 - yellow - moon - yellow moon - full moon - moon - witch - cat - silhouette - bat - bats - flying bat - flying witch - black - dark - night - halloween - walpurgis night - walpurgis - - - Flying witch with cat flying during full moon. - - - gnokii - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/app/images/halloween/spider.svg b/app/images/halloween/spider.svg deleted file mode 100644 index 077b60d65a..0000000000 --- a/app/images/halloween/spider.svg +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/app/images/halloween/spiderweb.svg b/app/images/halloween/spiderweb.svg deleted file mode 100644 index 16ae81984a..0000000000 --- a/app/images/halloween/spiderweb.svg +++ /dev/null @@ -1,78 +0,0 @@ - - - - - Realistic spider web - - - - - - - image/svg+xml - - - - - Openclipart - - - Realistic spider web - - - - - - - - - diff --git a/app/images/halloween/starfield.png b/app/images/halloween/starfield.png deleted file mode 100644 index 1e79958955..0000000000 Binary files a/app/images/halloween/starfield.png and /dev/null differ diff --git a/app/images/halloween/twinkle.svg b/app/images/halloween/twinkle.svg deleted file mode 100644 index 9869cb094e..0000000000 --- a/app/images/halloween/twinkle.svg +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - diff --git a/app/soapbox/features/developers/settings-store.tsx b/app/soapbox/features/developers/settings-store.tsx index bd619a93f8..c2fbf0cc9d 100644 --- a/app/soapbox/features/developers/settings-store.tsx +++ b/app/soapbox/features/developers/settings-store.tsx @@ -132,13 +132,6 @@ const SettingsStore: React.FC = () => { - {/* } - hint={} - > - - */} - } hint={} diff --git a/app/styles/application.scss b/app/styles/application.scss index 1b70c69827..e7974c887a 100644 --- a/app/styles/application.scss +++ b/app/styles/application.scss @@ -72,9 +72,6 @@ @import 'components/radio-button'; @import 'components/directory'; -// Holiday -@import 'holiday/halloween'; - // Truth custom styles @import 'truth'; diff --git a/app/styles/holiday/halloween.scss b/app/styles/holiday/halloween.scss deleted file mode 100644 index 9fcf96ae56..0000000000 --- a/app/styles/holiday/halloween.scss +++ /dev/null @@ -1,144 +0,0 @@ -.halloween, -.site-preview.halloween { - // Set brand color to orange - --brand-color_h: 29.727272727272727; - --brand-color_s: 100%; - --brand-color_l: 43.13725490196079%; - - // Stars BG - background-color: #904700; // Color matches twinkle.svg - background-image: url('../images/halloween/starfield.png'); - background-size: cover; - background-attachment: fixed; - background-position: center; - - // Full-screen pseudo-elements to hold BG graphics - &::before, - &::after, - > .app-holder::before, - > .app-holder::after { - content: ''; - display: block; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-size: cover; - background-position: center; - width: 100%; - height: 100%; - z-index: -100; - } - - // Spiderweb BG - &::before { - background-image: url('../images/halloween/spiderweb.svg'); - } - - // Twinkle effect by masking with semi-transparent animated circles - &::after { - z-index: -101; - background: transparent url("../images/halloween/twinkle.svg") repeat top center; - animation: halloween-twinkle 200s linear infinite; - } - - > .app-holder { - // Vignette - &::before { - background-image: radial-gradient( - circle, - transparent 0%, - transparent 60%, - var(--vignette-color) 100% - ); - } - - // Floating clouds BG - &::after { - background: transparent url("../images/halloween/clouds.png") repeat top center; - animation: halloween-clouds 200s linear infinite; - } - - // Dangling spider - .ui .page__top::after, - .ui .page__columns::after { - content: ''; - display: block; - width: 100px; - height: 100px; - right: 20px; - background-image: url('../images/halloween/spider.svg'); - background-size: contain; - background-repeat: no-repeat; - background-position: top right; - z-index: -1; - pointer-events: none; - } - - .ui .page__columns::after { - position: fixed; - top: 50px; - } - - .ui .page__top::after { - position: absolute; - bottom: -100px; - } - - .ui .page__top + .page__columns::after { - display: none; - } - - .profile-info-panel { - color: #fff; - - &-content__name h1 { - span:first-of-type { - color: hsla(0, 0%, 100%, 0.6); - } - - small { - color: #fff; - } - } - - &-content__bio { - color: #fff; - } - - &-content__bio a, - &-content__fields a { - color: hsl( - var(--brand-color_h), - var(--brand-color_s), - calc(var(--brand-color_l) + 8%) - ); - } - } - } - - .column-header > button.grouped, - .column-header > .btn.grouped { - color: #fff; - - &:hover { - color: #fff; - } - - &::before { - background-color: var(--brand-color); - } - } -} - -// Animations -@keyframes halloween-twinkle { - from { background-position: 0 0; } - to { background-position: -10000px 5000px; } -} - -@keyframes halloween-clouds { - from { background-position: 0 0; } - to { background-position: 10000px 0; } -}