feat(xp)

src/containers/portal/components/index.ts

@@ -1,3 +1,5 @@
+import MusicalAddress from 'src/components/MusicalAddress/MusicalAddress';
+import Stars from 'src/xp/stars';
 import ScrollableTabs from './scrollableTabs/ScrollableTabs';
 import ParseAddressesImg from './imgNetwork';
 import CurrentGift from './currentGift';
@@ -8,8 +10,6 @@ import ActionBarContainer from './ActionBar';
 import ActionBarSteps from './ActionBar/ActionBarSteps';
 import AboutGift from './AboutGift/aboutGift';
 import MoonAnimation from './MoonAnimation/MoonAnimation';
-import Stars from './stars';
-import MusicalAddress from 'src/components/MusicalAddress/MusicalAddress';
 
 // eslint-disable-next-line import/no-unused-modules
 export {

src/xp/index.md

@@ -0,0 +1 @@
+this ui should be moved to separate repo

src/xp/stars/style.module.scss

@@ -0,0 +1,29 @@
+.stars,
+.twinkl {
+  position: fixed;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.stars {
+  background: #000 url('./images/stars.png') repeat top center;
+  z-index: 0;
+}
+
+.twinkl {
+  background: transparent url('./images/twinkling.png') repeat top center;
+  z-index: 0;
+  animation: move-twink-back 650s linear infinite;
+}
+
+@keyframes move-twink-back {
+  from {
+    background-position: 0 0;
+  }
+
+  to {
+    background-position: -10000px 5000px;
+  }
+}