bGraphic / varsom-hybrid

Hybrid varsom app
1 stars 0 forks source link

Find a solution for information page needs. #83

Closed raae closed 7 years ago

raae commented 7 years ago

A possibility is to put it in the sidebar.

uploads/c35e7539-389c-4b85-be91-6cc65d865b59/localhost_8100.png

The code for above screenshot:

<hr>

<div padding class="nve-contact-info">
  <a href="mailto:snoskredvarslingen@nve.no" ion-button outline block color="light">
    snoskredvarslingen@nve.no
  </a>
  <a href="tel:+4797667045" ion-button outline block color="light">
    <span>97667045 (ikke sms)</span>
    <span class="nve-text-small">08.00-21.00 alle dager</span>
  </a>
  <a href="http://facebook.com" ion-button outline block color="light">
    <span>Snøskredvarslingen</span>
    <span class="nve-text-small">på facebook</span>
  </a>
  <a href="http://varsom.no" ion-button outline block color="light">
    <span>Skredskolen</span>
    <span class="nve-text-small">på varsom.no</span>
  </a>
</div>

<ion-card class="nve-level-card">
  <ion-card-header>
    <ion-badge item-left color="level0" class="nve-level-badge">0</ion-badge>
    Generelt trygge forhold.
  </ion-card-header>

  <ion-card-content>
    <p>Raskt økende vannføring som kan medføre lokale oversvømmelser. Spesielt stor vannføring/vannstand
      for årstiden, fare for isgang etc. Det kan forekomme store problemer/flomskader lokalt.
      Vannføring opp til 5 års gjentaksintervall.</p>
  </ion-card-content>

</ion-card>

<ion-card class="nve-level-card">
  <ion-card-header>
    <ion-badge item-left color="level0" class="nve-level-badge">0</ion-badge>
    Generelt trygge forhold.
  </ion-card-header>

  <ion-card-content>
    <p>Raskt økende vannføring som kan medføre lokale oversvømmelser. Spesielt stor vannføring/vannstand
      for årstiden, fare for isgang etc. Det kan forekomme store problemer/flomskader lokalt.
      Vannføring opp til 5 års gjentaksintervall.</p>
  </ion-card-content>

</ion-card>

<ion-card class="nve-level-card">
  <ion-card-header>
    <ion-badge item-left color="level0" class="nve-level-badge">0</ion-badge>
    Generelt trygge forhold.
  </ion-card-header>

  <ion-card-content>
    <p>Raskt økende vannføring som kan medføre lokale oversvømmelser. Spesielt stor vannføring/vannstand
      for årstiden, fare for isgang etc. Det kan forekomme store problemer/flomskader lokalt.
      Vannføring opp til 5 års gjentaksintervall.</p>
  </ion-card-content>

</ion-card>
raae commented 7 years ago

For now link to varsom.no for "farge- og aktsomhetskala". Legge inn kontaktinformasjon rett under.

raae commented 7 years ago

uploads/4fcc86ce-4049-448d-beac-1a412c543719/Simulator Screen Shot 11. jan. 2017, 10.44.59.png

raae commented 7 years ago

Move moving info-pages in app to seperate issue #127