poprhythm/hogwarts-point-keeper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Basic setup

Browse Source
This commit is contained in:
poprhythm
2018-11-30 13:50:06 -05:00
parent d7aa4198bd
commit 90e7fa1931
25 changed files with 248 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/app.component.html
+35 -19
View File
@@ -1,20 +1,36 @@
<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
<h1>
Welcome to {{ title }}!
</h1>
<img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
<div class="fluid-container">
<div class="row">
<div id="gryffindor" class="col-sm house-column">
<img src="../assets/img/Gryffindor_Banner.png" class="banner mx-auto d-block"/>
<p class="points">{{housePoints.gryffindor | number}}</p>
<points [pointWorth]="10" (changeEvent)="changeGryffindorPoints($event)"></points>
<points [pointWorth]="50" (changeEvent)="changeGryffindorPoints($event)"></points>
<points [pointWorth]="-5" (changeEvent)="changeGryffindorPoints($event)"></points>
<img src="../assets/img/Gryffindor_Crest.png" class="crest mx-auto d-block"/>
</div>
<div id="ravenclaw" class="col-sm house-column">
<img src="../assets/img/Ravenclaw_Banner.png" class="banner mx-auto d-block"/>
<p class="points">{{housePoints.ravenclaw | number}}</p>
<points [pointWorth]="10" (changeEvent)="changeRavenclawPoints($event)"></points>
<points [pointWorth]="50" (changeEvent)="changeRavenclawPoints($event)"></points>
<points [pointWorth]="-5" (changeEvent)="changeRavenclawPoints($event)"></points>
<img src="../assets/img/Ravenclaw_Crest.png" class="crest mx-auto d-block"/>
</div>
<div id="hufflepuff" class="col-sm house-column">
<img src="../assets/img/Hufflepuff_Banner.png" class="banner mx-auto d-block"/>
<p class="points">{{housePoints.hufflepuff | number}}</p>
<points [pointWorth]="10" (changeEvent)="changeHufflepuffPoints($event)"></points>
<points [pointWorth]="50" (changeEvent)="changeHufflepuffPoints($event)"></points>
<points [pointWorth]="-5" (changeEvent)="changeHufflepuffPoints($event)"></points>
<img src="../assets/img/Hufflepuff_Crest.png" class="crest mx-auto d-block"/>
</div>
<div id="slytherin" class="col-sm house-column">
<img src="../assets/img/Slytherin_Banner.png" class="banner mx-auto d-block"/>
<p class="points">{{housePoints.slytherin | number}}</p>
<points [pointWorth]="10" (changeEvent)="changeSlytherinPoints($event)"></points>
<points [pointWorth]="50" (changeEvent)="changeSlytherinPoints($event)"></points>
<points [pointWorth]="-5" (changeEvent)="changeSlytherinPoints($event)"></points>
<img src="../assets/img/Slytherin_Crest.png" class="crest mx-auto d-block"/>
</div>
</div>
</div>
<h2>Here are some links to help you start: </h2>
<ul>
<li>
<h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
</li>
<li>
<h2><a target="_blank" rel="noopener" href="https://angular.io/cli">CLI Documentation</a></h2>
</li>
<li>
<h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
</li>
</ul>