github.com/pbberlin/go-pwa@v0.0.0-20220328105622-7c26e0ca1ab8/app-bucket/tpl/scaffold.tpl.html (about)

     1  <!DOCTYPE html>
     2  <html lang="en">
     3  <head>
     4      <meta charset="UTF-8">
     5      <meta http-equiv="X-UA-Compatible" content="IE=edge">
     6      <meta name="viewport" content="width=device-width, initial-scale=1.0">
     7  
     8      <!--  -->
     9  	<!-- <link rel="icon"  href="data:;base64,="    type="image/x-icon" />     -->
    10      <!-- browser always requests favicon.ico from server root -->
    11  	<link rel="icon"  href="/favicon.ico"  type="image/x-icon" />
    12  
    13  
    14      <title>{{.Title}}</title>
    15      <!-- description is a requirement by Google's lighthouse HTML testing suite -->
    16  	<meta name="description" content="{{.Desc}}">
    17  
    18      <!-- PWA -->
    19      <link rel="manifest" href='{{.SP "/json/manifest.json" }}'>
    20      <meta name="theme-color" content="rgb(228, 223, 206)" />
    21      <!-- PWA for Apple - home screen icon - and theme color -->
    22      <link rel="apple-touch-icon" href='{{.SP "/img/icon-096.webp" }}'>
    23      <meta name="apple-mobile-web-app-status-bar" content="rgb(228, 223, 206)" />
    24  
    25      <!-- js files -->
    26  {{.JSTags}}
    27  
    28      <!-- css files -->
    29  {{.CSSTags}}
    30  
    31  
    32  </head>
    33  <body>
    34  
    35  <nav>
    36  	<!-- satisfy some javascript stuff -->
    37      <form action="">
    38  		<input type="checkbox" name="mnu-1st-lvl-toggler" id="mnu-1st-lvl-toggler"   >
    39          <a href="/config/load"   target="config_load" accesskey="o">C<u>o</u>nfig Reload</a>
    40          &nbsp; &nbsp; &nbsp; &nbsp; <a href="/index.html"    target="" >Home</a>
    41          &nbsp; &nbsp; &nbsp; &nbsp; <a href="/dynpage.html"  target="" >Dyn page</a>
    42          &nbsp; &nbsp; &nbsp; &nbsp; <a href="/dynpage.html?refuse=1"  target="" >Dyn 210</a>
    43          &nbsp; &nbsp; &nbsp; &nbsp; <a href="#" id="dbExample"  target="" >Indexed DB</a>
    44          &nbsp; &nbsp; &nbsp; &nbsp; <a href="/db-test-data"     target="" >Server DB</a>
    45      </form>	
    46  </nav>
    47  
    48  <span class='content-separator'></span> 
    49  <form class="content" name="frmMain" method="POST" action="/" >
    50      <!-- labels must encompass inputs for lighthouse -->
    51      <label for="inp01">label for inp 1
    52          <input type="text"   name="inp01" ><br>
    53      </label>
    54      <label for="inp02">label for inp 2
    55          <input type="number" name="inp02"  min=0 max=10  value="11" > deliberately invalid <br>
    56      </label>
    57      {{.Content}}
    58  </form>
    59  <span class='content-separator'></span> 
    60  
    61  <ul id="footer">
    62      <!-- lighthouse demands image resolution being twice the display size -->
    63      <li><img src='{{.SP "/img/icon-096.webp" }}' alt="" width="48px"  height="48px" ></li>
    64      <li><img src='{{.SP "/img/icon-192.webp" }}' alt="" width="96px"  height="96px"></li>
    65      <li><img src='{{.SP "/img/icon-384.webp" }}' alt="" width="192px" height="192px"></li>
    66  </ul>
    67  
    68  </body>
    69  </html>