diff --git a/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss b/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
index e6cf5b687..4fea06bc1 100644
--- a/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
+++ b/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
@@ -111,21 +111,3 @@
left: 0;
z-index: 10;
}
-
-
-
-// Blinking block
-
-.blink-bg {
- color: #fff;
- animation: blinkingBackground 1s infinite;
- background: inherit !important;
-}
-
-@keyframes blinkingBackground {
- 0% { background-color: #10c018;}
- 25% { background-color: #1056c0;}
- 50% { background-color: #ef0a1a;}
- 75% { background-color: #CFB53B;}
- 100% { background-color: #04a1d5;}
-}
\ No newline at end of file
diff --git a/frontend/src/app/components/start/start.component.html b/frontend/src/app/components/start/start.component.html
index d9a7e869b..7d0da80cc 100644
--- a/frontend/src/app/components/start/start.component.html
+++ b/frontend/src/app/components/start/start.component.html
@@ -1,8 +1,3 @@
-
-
diff --git a/frontend/src/app/components/start/start.component.scss b/frontend/src/app/components/start/start.component.scss
index c1435f79e..c65e3bcbe 100644
--- a/frontend/src/app/components/start/start.component.scss
+++ b/frontend/src/app/components/start/start.component.scss
@@ -1,132 +1,3 @@
.search-container {
padding-top: 50px;
}
-
-
-// Fireworks
-
-$particles: 50;
-$width: 500;
-$height: 500;
-
-// Create the explosion...
-$box-shadow: ();
-$box-shadow2: ();
-@for $i from 0 through $particles {
- $box-shadow: $box-shadow,
- random($width)-$width / 2 + px
- random($height)-$height / 1.2 + px
- hsl(random(360), 100, 50);
- $box-shadow2: $box-shadow2, 0 0 #fff
-}
-@mixin keyframes ($animationName) {
- @-webkit-keyframes #{$animationName} {
- @content;
- }
-
- @-moz-keyframes #{$animationName} {
- @content;
- }
-
- @-o-keyframes #{$animationName} {
- @content;
- }
-
- @-ms-keyframes #{$animationName} {
- @content;
- }
-
- @keyframes #{$animationName} {
- @content;
- }
-}
-
-@mixin animation-delay ($settings) {
- -moz-animation-delay: $settings;
- -webkit-animation-delay: $settings;
- -o-animation-delay: $settings;
- -ms-animation-delay: $settings;
- animation-delay: $settings;
-}
-
-@mixin animation-duration ($settings) {
- -moz-animation-duration: $settings;
- -webkit-animation-duration: $settings;
- -o-animation-duration: $settings;
- -ms-animation-duration: $settings;
- animation-duration: $settings;
-}
-
-@mixin animation ($settings) {
- -moz-animation: $settings;
- -webkit-animation: $settings;
- -o-animation: $settings;
- -ms-animation: $settings;
- animation: $settings;
-}
-
-@mixin transform ($settings) {
- transform: $settings;
- -moz-transform: $settings;
- -webkit-transform: $settings;
- -o-transform: $settings;
- -ms-transform: $settings;
-}
-
-body {
- margin:0;
- padding:0;
- background: #000;
- overflow: hidden;
-}
-
-.pyro > .before, .pyro > .after {
- z-index: 100;
- position: absolute;
- width: 5px;
- height: 5px;
- border-radius: 50%;
- box-shadow: $box-shadow2;
- @include animation((1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards));
-}
-
-.pyro > .after {
- @include animation-delay((1.25s, 1.25s, 1.25s));
- @include animation-duration((1.25s, 1.25s, 6.25s));
-}
-
-@include keyframes(bang) {
- to {
- box-shadow:$box-shadow;
- }
-}
-
-@include keyframes(gravity) {
- to {
- @include transform(translateY(200px));
- opacity: 0;
- }
-}
-
-@include keyframes(position) {
- 0%, 19.9% {
- margin-top: 10%;
- margin-left: 40%;
- }
- 20%, 39.9% {
- margin-top: 40%;
- margin-left: 30%;
- }
- 40%, 59.9% {
- margin-top: 20%;
- margin-left: 70%
- }
- 60%, 79.9% {
- margin-top: 30%;
- margin-left: 20%;
- }
- 80%, 99.9% {
- margin-top: 30%;
- margin-left: 80%;
- }
-}
diff --git a/frontend/src/app/components/start/start.component.ts b/frontend/src/app/components/start/start.component.ts
index 9373dc4cc..0b4143a79 100644
--- a/frontend/src/app/components/start/start.component.ts
+++ b/frontend/src/app/components/start/start.component.ts
@@ -1,6 +1,5 @@
import { Component, OnInit } from '@angular/core';
import { WebsocketService } from 'src/app/services/websocket.service';
-import { StateService } from 'src/app/services/state.service';
@Component({
selector: 'app-start',
@@ -10,24 +9,11 @@ import { StateService } from 'src/app/services/state.service';
export class StartComponent implements OnInit {
view: 'blocks' | 'transactions' = 'blocks';
- isHalveningeEvent = false;
-
constructor(
private websocketService: WebsocketService,
- private stateService: StateService,
) { }
ngOnInit() {
this.websocketService.want(['blocks', 'stats', 'mempool-blocks']);
-
- this.stateService.blocks$
- .subscribe((block) => {
- if (block.height % 210000 === 0) {
- this.isHalveningeEvent = true;
- setTimeout(() => {
- this.isHalveningeEvent = false;
- }, 60 * 60 * 1000);
- }
- });
}
}
diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.html b/frontend/src/app/components/transactions-list/transactions-list.component.html
index 57171819b..e6f17c71b 100644
--- a/frontend/src/app/components/transactions-list/transactions-list.component.html
+++ b/frontend/src/app/components/transactions-list/transactions-list.component.html
@@ -110,7 +110,7 @@
tx['@voutLength']">
-
+
|