diff options
| author | Guilhem Moulin <guilhem@fripost.org> | 2024-01-31 22:52:47 +0100 |
|---|---|---|
| committer | Guilhem Moulin <guilhem@fripost.org> | 2024-01-31 22:54:22 +0100 |
| commit | 672c48dba68da16b6698673a47f8d7488f5f9dbd (patch) | |
| tree | 5cc3b457d4fec835c0b3e021612eef1fc5b59b27 /example.html | |
| parent | c9ad98b49ba630bc7db58733f6f18d5ec3865b10 (diff) | |
example.html: Improve responsiveness on mobile devices.
Diffstat (limited to 'example.html')
| -rw-r--r-- | example.html | 29 |
1 files changed, 11 insertions, 18 deletions
diff --git a/example.html b/example.html index c3129a3..82bbf23 100644 --- a/example.html +++ b/example.html @@ -4,25 +4,18 @@ <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Hemsida</title> - <style> - body { - text-align: center; - padding: 1em; - max-width: 960px; - margin: auto; - font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif; - } - iframe { - border: 1px solid black; - } - </style> + <link rel="stylesheet" href="/style2.css" /> </head> <body> - <p>En sådan översiktskarta kan visas någonstans på hemsidan. Man - kan zooma in och ut men det är liten begränsat. Klickar man på - knappen uppe till höger så öpnar hela kartan i en ny flik. Där kan - man välja lager, ladda ner kartan som PNG-fil, och få information om - de olika föremålen.</p> - <iframe src="/#z=0&basemap=topowebb_nedtonad&layers=svk_lines+svk_pylons+svk_stations+svk_planned+mrr_appr_ec+mrr_appl_ec+mrr_appr_ogd+mrr_appl_ogd+mrr_appr_met+mrr_appl_met+mrr_appr_dl+mrr_appr_pc+vbk_area_current+vbk_station_completed+vbk_station_processed+vbk_station_approved+gigafactories" title="Webbkarta" width=500 height=600></iframe> + <div id="wrapper"> + <div id="desc"> + <p>En sådan översiktskarta kan visas någonstans på hemsidan. Man + kan zooma in och ut men det är liten begränsat. Klickar man på + knappen uppe till höger så öpnar hela kartan i en ny flik. Där kan + man välja lager, ladda ner kartan som PNG-fil, och få information om + de olika föremålen.</p> + </div> + <iframe id="map" src="/#z=0&basemap=topowebb_nedtonad&layers=svk_lines+svk_pylons+svk_stations+svk_planned+mrr_appr_ec+mrr_appl_ec+mrr_appr_ogd+mrr_appl_ogd+mrr_appr_met+mrr_appl_met+mrr_appr_dl+mrr_appr_pc+vbk_area_current+vbk_station_completed+vbk_station_processed+vbk_station_approved+gigafactories" title="Webbkarta"></iframe> + </div> </body> </html> |