diff options
Diffstat (limited to 'src/app/app.component.html')
| -rw-r--r-- | src/app/app.component.html | 90 |
1 files changed, 43 insertions, 47 deletions
diff --git a/src/app/app.component.html b/src/app/app.component.html index 7f098f2..a4a6a27 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html | |||
| @@ -1,33 +1,27 @@ | |||
| 1 | <!--The content below is only a placeholder and can be replaced.--> | 1 | <!--The content below is only a placeholder and can be replaced.--> |
| 2 | <header class="c-header u-p-x2"> | 2 | <header class="c-header u-p-x2"> |
| 3 | <div class="o-container o-container--size-small"> | 3 | <div class="o-container o-container--size-small"> |
| 4 | <div class="o-media o-media--middle"> | 4 | <div class="o-media o-media--middle"> |
| 5 | <div class="o-media__fixed"> | 5 | <div class="o-media__fixed"> |
| 6 | <img src="svg/logo.svg"> GNUnet API | 6 | <img class="u-align-middle" src="https://gnunet.org/sites/default/files/transparent_0_0.png" width="40px"> |
| 7 | </div> | 7 | <span class="o-type-22 u-align-middle">GNUnet Web UI</span> |
| 8 | <div class="o-media__fluid u-text-right"> | 8 | </div> |
| 9 | <nav> | 9 | <div class="o-media__fluid u-text-right"> |
| 10 | <ul class="o-list o-list--inline o-list--gutter-x4"> | 10 | <nav> |
| 11 | <li class="o-list__item"> | 11 | <ul class="o-list o-list--inline o-list--gutter-x4"> |
| 12 | <a routerLink="/" class="c-link">Main Page</a> | 12 | <li class="o-list__item" *ngFor="let item of this.menu"> |
| 13 | </li> | 13 | <div *ngIf="item.id === active" class="u-p-x1 u-bgcolor-primary u-color-contrary"> |
| 14 | <li class="o-list__item"> | 14 | <a routerLink="{{item.link}}" class="c-link">{{item.name}}</a> |
| 15 | <a routerLink="identity" class="c-link">Identity</a> | 15 | </div> |
| 16 | </li> | 16 | <div *ngIf="item.id !== active" class="u-p-x1"> |
| 17 | <li class="o-list__item"> | 17 | <a routerLink="{{item.link}}" class="c-link">{{item.name}}</a> |
| 18 | <a routerLink="gns" class="c-link">GNS</a> | 18 | </div> |
| 19 | </li> | 19 | </li> |
| 20 | <li class="o-list__item"> | 20 | </ul> |
| 21 | <a routerLink="namestore" class="c-link">Namestore</a> | 21 | </nav> |
| 22 | </li> | 22 | </div> |
| 23 | <li class="o-list__item"> | 23 | </div> |
| 24 | <a routerLink="peerstore" class="c-link">Peerstore</a> | 24 | </div> |
| 25 | </li> | ||
| 26 | </ul> | ||
| 27 | </nav> | ||
| 28 | </div> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | </header> | 25 | </header> |
| 32 | 26 | ||
| 33 | <main class="u-mv-x2 o-container"> | 27 | <main class="u-mv-x2 o-container"> |
| @@ -35,22 +29,24 @@ | |||
| 35 | <router-outlet></router-outlet> | 29 | <router-outlet></router-outlet> |
| 36 | </main> | 30 | </main> |
| 37 | 31 | ||
| 38 | <footer class="c-footer u-p-x2"> | 32 | <div class="c-footer-fixed"><div> |
| 39 | <div class="o-container o-container--size-small"> | 33 | |
| 40 | <div class="o-media o-media--middle"> | 34 | <footer class="c-footer u-p-x2"> |
| 41 | <div class="o-media__fixed"> | 35 | <div class="o-container o-container--size-small"> |
| 42 | <ul class="o-list o-list--inline o-list--gutter-x4"> | 36 | <div class="o-media o-media--middle"> |
| 43 | <li class="o-list__item"> | 37 | <div class="o-media__fixed"> |
| 44 | <a routerLink="/" class="c-link">Impressum</a> | 38 | <ul class="o-list o-list--inline o-list--gutter-x4"> |
| 45 | </li> | 39 | <li class="o-list__item"> |
| 46 | <li class="o-list__item"> | 40 | <a routerLink="/" class="c-link">Impressum</a> |
| 47 | <a routerLink="/" class="c-link">Documentation</a> | 41 | </li> |
| 48 | </li> | 42 | <li class="o-list__item"> |
| 49 | </ul> | 43 | <a routerLink="/" class="c-link">Documentation</a> |
| 50 | </div> | 44 | </li> |
| 51 | <div class="o-media__fluid u-text-right"> | 45 | </ul> |
| 52 | Copyright things | 46 | </div> |
| 53 | </div> | 47 | <div class="o-media__fluid u-text-right"> |
| 54 | </div> | 48 | Placeholder |
| 55 | </div> | 49 | </div> |
| 56 | </footer> | 50 | </div> |
| 51 | </div> | ||
| 52 | </footer> | ||