Skip to content

Commit

Permalink
finished landing page cleanup
Browse files Browse the repository at this point in the history
  • Loading branch information
@chbfiv
chbfiv committed Apr 16, 2021
1 parent 720ca4a commit 94f2076
Showing 1 changed file with 20 additions and 60 deletions.
80 changes: 20 additions & 60 deletions cardano-py-web/frontend/src/app/app.component.html
View file
Expand Up @@ -87,7 +87,7 @@
}

.card svg.material-icons path {
fill: #888;
fill: rgb(255, 115, 36);
}

.card-container {
Expand All @@ -99,8 +99,8 @@

.card {
border-radius: 4px;
border: 1px solid #eee;
background-color: #fafafa;
border: 1px solid rgb(111, 196, 160);
background-color: rgb(34, 34, 34);
height: 40px;
width: 200px;
margin: 0 8px 16px;
Expand All @@ -111,6 +111,7 @@
align-items: center;
transition: all 0.2s ease-in-out;
line-height: 24px;

}

.card-container .card:not(:last-child) {
Expand Down Expand Up @@ -327,83 +328,42 @@ <h2>Resources</h2>
<p>Here are some links to help you get started:</p>

<div class="card-container">
<a class="card" target="_blank" rel="noopener" href="https://angular.io/tutorial">
<a class="card" target="_blank" rel="noopener" href="https://github.com/floydcraft/cardano-py#readme">
<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"/></svg>

<span>Learn Angular</span>
<span>Learn CardanoPy🥧</span>

<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg> </a>

<a class="card" target="_blank" rel="noopener" href="https://angular.io/cli">
<a class="card" target="_blank" rel="noopener" href="https://github.com/floydcraft/cardano-py/blob/master/CLI.md#readme">
<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>

<span>CLI Documentation</span>

<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
</a>

<a class="card" target="_blank" rel="noopener" href="https://blog.angular.io/">
<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"/></svg>

<span>Angular Blog</span>

<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
</a>

</div>

<!-- Next Steps -->
<h2>Next Steps</h2>
<p>What do you want to do next with your app?</p>

<input type="hidden" #selection>

<div class="card-container">
<div class="card card-small" (click)="selection.value = 'component'" tabindex="0">
<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>

<span>New Component</span>
</div>

<div class="card card-small" (click)="selection.value = 'material'" tabindex="0">
<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
<h2>CardanoPy🥧: 5 Min Cardano Passive Node for Testnet (Local)</h2>
<p>NOTE: requires python3 for CLI and Docker to run the <a href="cardano-py-slim](https://github.com/floydcraft/cardano-py/tree/master/cardano-py-slim">container</a> locally.</p>

<span>Angular Material</span>
</div>

<div class="card card-small" (click)="selection.value = 'pwa'" tabindex="0">
<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>

<span>Add PWA Support</span>
</div>

<div class="card card-small" (click)="selection.value = 'dependency'" tabindex="0">
<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>

<span>Add Dependency</span>
</div>

<div class="card card-small" (click)="selection.value = 'test'" tabindex="0">
<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>

<span>Run and Watch Tests</span>
</div>
<!-- Terminal -->
<div class="terminal">
<pre>pip3 install --upgrade cardanopy</pre>
</div>

<div class="card card-small" (click)="selection.value = 'build'" tabindex="0">
<svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
<div class="terminal">
<pre>cardanopy create --template basic --network testnet app</pre>
</div>

<span>Build for Production</span>
</div>
<div class="terminal">
<pre>cardanopy docker run app</pre>
</div>

<!-- Terminal -->
<div class="terminal" [ngSwitch]="selection.value">
<pre *ngSwitchDefault>ng generate component xyz</pre>
<pre *ngSwitchCase="'material'">ng add @angular/material</pre>
<pre *ngSwitchCase="'pwa'">ng add @angular/pwa</pre>
<pre *ngSwitchCase="'dependency'">ng add _____</pre>
<pre *ngSwitchCase="'test'">ng test</pre>
<pre *ngSwitchCase="'build'">ng build --prod</pre>
<div class="terminal">
<pre>cardanopy node query tip</pre>
</div>

<!-- Links -->
Expand Down

0 comments on commit 94f2076

Please sign in to comment.