Updated mempool group page
This commit is contained in:
		
							parent
							
								
									1b2e7090c3
								
							
						
					
					
						commit
						ad30ba9602
					
				@ -1,17 +1,24 @@
 | 
				
			|||||||
<div class="container-xl full-height" style="min-height: 335px">
 | 
					<div class="container-xl full-height" style="min-height: 335px">
 | 
				
			||||||
 | 
					  <h5 class="mb-1" style="color: #ffffff66" i18n="lightning.node">Lightning node group</h5>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  <div class="header">
 | 
					  <div class="header">
 | 
				
			||||||
    <div class="logo-container">
 | 
					    <div class="logo-container">
 | 
				
			||||||
      <app-svg-images name="officialMempoolSpace" viewBox="0 0 500 126"></app-svg-images>
 | 
					      <app-svg-images name="officialMempoolSpace" viewBox="0 0 125 126"></app-svg-images>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
 | 
					    <h1>The Mempool Open Source Project</h1>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  <br>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  <div class="box">
 | 
					  <div class="box">
 | 
				
			||||||
    <div class="row" *ngIf="nodes$ | async as nodes">
 | 
					    <div class="row" *ngIf="nodes$ | async as nodes">
 | 
				
			||||||
      <div class="col-12 col-md-6">
 | 
					      <div class="col-12 col-md-6">
 | 
				
			||||||
        <table class="table table-borderless table-striped">
 | 
					        <table class="table table-borderless table-striped">
 | 
				
			||||||
          <tbody>
 | 
					          <tbody>
 | 
				
			||||||
 | 
					            <tr>
 | 
				
			||||||
 | 
					              <td>Description</td>
 | 
				
			||||||
 | 
					              <td><div class="description-text">These are the Lightning nodes operated by The Mempool Open Source Project that provide data for the mempool.space website. Connect to us!
 | 
				
			||||||
 | 
					                </div>
 | 
				
			||||||
 | 
					              </td>
 | 
				
			||||||
 | 
					            </tr>
 | 
				
			||||||
            <tr>
 | 
					            <tr>
 | 
				
			||||||
              <td i18n="lightning.node-count">Nodes</td>
 | 
					              <td i18n="lightning.node-count">Nodes</td>
 | 
				
			||||||
              <td>{{ nodes.nodes.length }}</td>
 | 
					              <td>{{ nodes.nodes.length }}</td>
 | 
				
			||||||
@ -45,6 +52,7 @@
 | 
				
			|||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  <br>
 | 
					  <br>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  <div class="toggle-holder">
 | 
					  <div class="toggle-holder">
 | 
				
			||||||
    <form [formGroup]="socketToggleForm" class="formRadioGroup">
 | 
					    <form [formGroup]="socketToggleForm" class="formRadioGroup">
 | 
				
			||||||
      <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" formControlName="socket">
 | 
					      <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" formControlName="socket">
 | 
				
			||||||
 | 
				
			|||||||
@ -1,10 +1,14 @@
 | 
				
			|||||||
.logo-container {
 | 
					.logo-container {
 | 
				
			||||||
  width: 250px;
 | 
					  width: 50px;
 | 
				
			||||||
  margin: auto;
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.header {
 | 
					.header {
 | 
				
			||||||
  text-align: center;
 | 
					  text-align: center;
 | 
				
			||||||
 | 
					  display: flex;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h1 {
 | 
				
			||||||
 | 
					  margin-left: 15px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.qr-wrapper {
 | 
					.qr-wrapper {
 | 
				
			||||||
@ -50,3 +54,6 @@
 | 
				
			|||||||
  font-size: 12px;
 | 
					  font-size: 12px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.description-text {
 | 
				
			||||||
 | 
					  white-space: break-spaces;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
				
			|||||||
@ -87,7 +87,7 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<div class="text-small text-center mt-1" *ngIf="officialMempoolSpace">
 | 
					<div class="text-small text-center mt-1" *ngIf="officialMempoolSpace">
 | 
				
			||||||
  <a [routerLink]="['/lightning/group/mempool.space' | relativeUrl]">Connect to our nodes</a>
 | 
					  <a [routerLink]="['/lightning/group/the-mempool-open-source-project' | relativeUrl]">Connect to our nodes</a>
 | 
				
			||||||
</div>
 | 
					</div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<br>
 | 
					<br>
 | 
				
			||||||
 | 
				
			|||||||
@ -36,7 +36,7 @@ const routes: Routes = [
 | 
				
			|||||||
          component: NodesPerISP,
 | 
					          component: NodesPerISP,
 | 
				
			||||||
        },
 | 
					        },
 | 
				
			||||||
        {
 | 
					        {
 | 
				
			||||||
          path: 'group/mempool.space',
 | 
					          path: 'group/the-mempool-open-source-project',
 | 
				
			||||||
          component: GroupComponent,
 | 
					          component: GroupComponent,
 | 
				
			||||||
        },
 | 
					        },
 | 
				
			||||||
        {
 | 
					        {
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user