mirror of
https://github.com/block-core/blockcore-notes.git
synced 2024-09-29 06:20:42 +00:00
Change the background to take full screen space
This commit is contained in:
SondreB
parent
90d28554b4
commit
905484d115
@ -6,8 +6,8 @@
|
||||
<p>Blockcore Notes instructions will come here later on.</p>
|
||||
|
||||
<p>
|
||||
Licenses: <a routerLink="licenses">Third Party Licenses</a><br>
|
||||
Source Code: <a href="https://github.com/block-core/blockcore-notes" target="_blank">github.com/block-core/blockcore-notes</a>
|
||||
<a routerLink="licenses">Third Party Licenses</a><br />
|
||||
<a href="https://github.com/block-core/blockcore-notes" target="_blank">Source Code</a>
|
||||
</p>
|
||||
|
||||
<h3>Support development</h3>
|
||||
|
||||
@ -82,6 +82,14 @@
|
||||
margin-left: 1em;
|
||||
} */
|
||||
|
||||
.connect-container {
|
||||
background-image: url("/assets/bg.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: local, scroll;
|
||||
background-size: cover;
|
||||
background-position: center top;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1024px;
|
||||
height: 100vh;
|
||||
@ -89,11 +97,7 @@
|
||||
overflow-x: hidden;
|
||||
|
||||
/* scroll-snap-type: y mandatory; */
|
||||
background-image: url("/assets/connect-bg.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: local, scroll;
|
||||
background-size: cover;
|
||||
background-position: center top;
|
||||
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
@ -1,85 +1,86 @@
|
||||
<div class="container" id="container">
|
||||
<div class="children one">
|
||||
<img class="connect-logo" src="assets/icons/icon-256x256.png" />
|
||||
<mat-card class="card start-card first-card">
|
||||
<mat-card-content>
|
||||
<h1>Blockcore Notes</h1>
|
||||
<p>Experience the world of Nostr. Nostr is a uncensorable protocol for communication with your friends and the world.</p>
|
||||
<p class="notice"><strong>PROTOTYPE:</strong> This app is currently under development and should be considered prototype-quality.</p>
|
||||
<div class="connect-container">
|
||||
<div class="container" id="container">
|
||||
<div class="children one">
|
||||
<img class="connect-logo" src="assets/icons/icon-256x256.png" />
|
||||
<mat-card class="card start-card first-card">
|
||||
<mat-card-content>
|
||||
<h1>Blockcore Notes</h1>
|
||||
<p>Experience the world of Nostr. Nostr is a uncensorable protocol for communication with your friends and the world.</p>
|
||||
<p class="notice"><strong>PROTOTYPE:</strong> This app is currently under development and should be considered prototype-quality.</p>
|
||||
|
||||
<div class="button-container">
|
||||
<a class="start-button" href="/connect#start" [class.mat-elevation-z8]="true" mat-raised-button color="primary">Learn more</a>
|
||||
<div *ngIf="consent">
|
||||
<div *ngIf="!extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Waiting for extension...</button></div>
|
||||
<div *ngIf="extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Connect using extension</button></div>
|
||||
<div class="button-container">
|
||||
<a class="start-button" href="/connect#start" [class.mat-elevation-z8]="true" mat-raised-button color="primary">Learn more</a>
|
||||
<div *ngIf="consent">
|
||||
<div *ngIf="!extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Waiting for extension...</button></div>
|
||||
<div *ngIf="extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Connect using extension</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<img class="screenshot" src="/assets/blockcore-notes-screenshot.png" />
|
||||
</div>
|
||||
<div id="start">
|
||||
<mat-card class="card start-card first-card">
|
||||
<mat-card-content>
|
||||
<h1>More ways to connect with humanity</h1>
|
||||
<p>Share your thoughts and interact with others in a fully transparent and open manner that is not restricted by any boundries.</p>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<br><br>
|
||||
<mat-card class="card start-card second-card">
|
||||
<mat-card-content>
|
||||
<h1>Be gentle and kind</h1>
|
||||
<p>Being uncensorable and uncancellable means more responsibility is on you, you are in control and you are responsible.</p>
|
||||
<!-- <p>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<img class="screenshot" src="/assets/blockcore-notes-screenshot.png" />
|
||||
</div>
|
||||
<div id="start">
|
||||
<mat-card class="card start-card first-card">
|
||||
<mat-card-content>
|
||||
<h1>More ways to connect with humanity</h1>
|
||||
<p>Share your thoughts and interact with others in a fully transparent and open manner that is not restricted by any boundries.</p>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<br /><br />
|
||||
<mat-card class="card start-card second-card">
|
||||
<mat-card-content>
|
||||
<h1>Be gentle and kind</h1>
|
||||
<p>Being uncensorable and uncancellable means more responsibility is on you, you are in control and you are responsible.</p>
|
||||
<!-- <p>
|
||||
<a class="start-button" href="/connect#concent" [class.mat-elevation-z8]="true" mat-raised-button color="primary">Get started</a>
|
||||
</p> -->
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</div>
|
||||
<div id="concent">
|
||||
<mat-card class="start-card first-card warn">
|
||||
<mat-card-content>
|
||||
<h1 *ngIf="!consent">Your approval is needed</h1>
|
||||
<h1 *ngIf="consent">Thank you!</h1>
|
||||
<div *ngIf="!consent">
|
||||
<p>
|
||||
Nostr is a decentralized and distributed network of relays that relays data by users. That means there is no centralized service where filtering or censoring is occurring. You may be exposed to content that will be disturbing
|
||||
and against your morality and world views.
|
||||
</p>
|
||||
<p>Content you publish are your responsibility and you cannot undo/delete after you publish. Don't publish or share a note (post) you wouldn't say to your neighbour.</p>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</div>
|
||||
<div id="concent">
|
||||
<mat-card class="start-card first-card warn">
|
||||
<mat-card-content>
|
||||
<h1 *ngIf="!consent">Your approval is needed</h1>
|
||||
<h1 *ngIf="consent">Thank you!</h1>
|
||||
<div *ngIf="!consent">
|
||||
<p>
|
||||
Nostr is a decentralized and distributed network of relays that relays data by users. That means there is no centralized service where filtering or censoring is occurring. You may be exposed to content that will be disturbing
|
||||
and against your morality and world views.
|
||||
</p>
|
||||
<p>Content you publish are your responsibility and you cannot undo/delete after you publish. Don't publish or share a note (post) you wouldn't say to your neighbour.</p>
|
||||
|
||||
<p>Blockcore has no involvement in the type of content being produced and shown to you in this app.</p>
|
||||
<p>Blockcore has no involvement in the type of content being produced and shown to you in this app.</p>
|
||||
|
||||
<p>You accept that all usage of Blockcore Notes, Blockcore infrastructure and software must be the result of peaceful voluntary human interactions.</p>
|
||||
<p>You accept that all usage of Blockcore Notes, Blockcore infrastructure and software must be the result of peaceful voluntary human interactions.</p>
|
||||
|
||||
<p>If you're young and still living with your parents, consider asking them for permission before you continue.</p>
|
||||
<p>If you're young and still living with your parents, consider asking them for permission before you continue.</p>
|
||||
|
||||
<p>To continue you must agree with our <a href="https://www.blockcore.net/policy" target="_blank">Privacy Policy and Terms & Conditions</a>.</p>
|
||||
</div>
|
||||
<mat-checkbox color="primary" (change)="persist()" [(ngModel)]="consent">I have read and agree to this notice</mat-checkbox>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
|
||||
<mat-card class="card start-card second-card last-card">
|
||||
<mat-card-content>
|
||||
<h1>Login</h1>
|
||||
<div *ngIf="consent">
|
||||
<div *ngIf="!extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Waiting for extension...</button></div>
|
||||
<div *ngIf="extensionDiscovered">
|
||||
<button class="start-button" (click)="connect()" mat-flat-button color="accent">Connect using extension</button>
|
||||
<br />
|
||||
<p>Want to view the app first?</p>
|
||||
|
||||
<div><button (click)="anonymous()" mat-raised-button>Go straight in</button></div>
|
||||
<p>To continue you must agree with our <a href="https://www.blockcore.net/policy" target="_blank">Privacy Policy and Terms & Conditions</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="!consent" class="consent-required warn">You must agree with the notice above to enable login</div>
|
||||
<br />
|
||||
<p class="notice">
|
||||
You must use a browser extension to manage your Nostr identities. You can choose to use any third party extension or install the
|
||||
<a href="https://chrome.google.com/webstore/detail/blockcore-wallet/peigonhbenoefaeplkpalmafieegnapj" target="_blank">Blockcore Wallet</a> (Chrome, Edge, Brave extension) provided by the same team behind Blockcore Notes.
|
||||
</p>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<mat-checkbox color="primary" (change)="persist()" [(ngModel)]="consent">I have read and agree to this notice</mat-checkbox>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
|
||||
<mat-card class="card start-card second-card last-card">
|
||||
<mat-card-content>
|
||||
<h1>Login</h1>
|
||||
<div *ngIf="consent">
|
||||
<div *ngIf="!extensionDiscovered"><button class="start-button" (click)="connect()" mat-flat-button color="accent">Waiting for extension...</button></div>
|
||||
<div *ngIf="extensionDiscovered">
|
||||
<button class="start-button" (click)="connect()" mat-flat-button color="accent">Connect using extension</button>
|
||||
<br />
|
||||
<p>Want to view the app first?</p>
|
||||
<div><button (click)="anonymous()" color="accent" mat-raised-button>Go straight in</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="!consent" class="consent-required warn">You must agree with the notice above to enable login</div>
|
||||
<br />
|
||||
<p class="notice">
|
||||
You must use a browser extension to manage your Nostr identities. You can choose to use any third party extension or install the
|
||||
<a href="https://chrome.google.com/webstore/detail/blockcore-wallet/peigonhbenoefaeplkpalmafieegnapj" target="_blank">Blockcore Wallet</a> (Chrome, Edge, Brave extension) provided by the same team behind Blockcore Notes.
|
||||
</p>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -34,6 +34,30 @@
|
||||
<span>
|
||||
<p class="wrap linebreaks" *ngIf="profile.about">{{ profile.about }}</p>
|
||||
</span>
|
||||
|
||||
<!-- <div>
|
||||
<a mat-mini-fab [matMenuTriggerFor]="menu"><mat-icon>notifications</mat-icon></a>
|
||||
|
||||
<button class="action-button" mat-icon-button [matMenuTriggerFor]="menu">
|
||||
<mat-icon class="action-button-icon">more_vert</mat-icon>
|
||||
</button>
|
||||
|
||||
<mat-menu #menu="matMenu">
|
||||
<button mat-menu-item>
|
||||
<mat-icon>notifications_off</mat-icon>
|
||||
<span>Save Note</span>
|
||||
</button>
|
||||
|
||||
<button mat-menu-item>
|
||||
<mat-icon>notifications_paused</mat-icon>
|
||||
<span>Remove from Notes</span>
|
||||
</button>
|
||||
<button mat-menu-item>
|
||||
<mat-icon>notifications</mat-icon>
|
||||
<span>Remove from Notes</span>
|
||||
</button>
|
||||
</mat-menu>
|
||||
</div> -->
|
||||
</span>
|
||||
</div>
|
||||
<div class="profile-page-header-right">
|
||||
|
||||
BIN
src/assets/bg.jpg
Normal file
BIN
src/assets/bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 872 KiB |
Loading…
Reference in New Issue
Block a user