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 <a href="/index.html" target="" >Home</a> 41 <a href="/dynpage.html" target="" >Dyn page</a> 42 <a href="/dynpage.html?refuse=1" target="" >Dyn 210</a> 43 <a href="#" id="dbExample" target="" >Indexed DB</a> 44 <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>