From a69e05598650eea332c9bf2dfdff5196f7b81aba Mon Sep 17 00:00:00 2001 From: Guilhem Moulin Date: Sat, 14 Jun 2025 20:00:45 +0200 Subject: Move example files to a separate directory. --- example.html | 21 --------------------- example/example.html | 21 +++++++++++++++++++++ example/style.css | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ src/style2.css | 50 -------------------------------------------------- 4 files changed, 71 insertions(+), 71 deletions(-) delete mode 100644 example.html create mode 100644 example/example.html create mode 100644 example/style.css delete mode 100644 src/style2.css diff --git a/example.html b/example.html deleted file mode 100644 index 67e8300..0000000 --- a/example.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - Hemsida - - - -
-
-

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.

-
- -
- - diff --git a/example/example.html b/example/example.html new file mode 100644 index 0000000..d003598 --- /dev/null +++ b/example/example.html @@ -0,0 +1,21 @@ + + + + + + Hemsida + + + +
+
+

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.

+
+ +
+ + diff --git a/example/style.css b/example/style.css new file mode 100644 index 0000000..dfeaee5 --- /dev/null +++ b/example/style.css @@ -0,0 +1,50 @@ +body { + text-align: center; + max-width: 960px; + font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif; + padding: 0; + margin: 0 auto; + height: 100vh; + --margin-y: 1em; + --margin-x: 0; +} +#wrapper { + height: 100%; + display: flex; + flex-flow: column; + margin: 0 var(--margin-x); +} +#desc { + margin: var(--margin-y) 0; +} +#desc > p:first-child { + margin-top: 0; +} +#desc > p:last-child { + margin-bottom: 0; +} +#map { + border: 1px solid black; + width: 500px; + max-height: 600px; + margin: 0 auto var(--margin-y) auto; + flex: 1; +} +@media screen and (max-width: 500px) { + body { + --margin-x: .25em; + } + #map { + width: 100%; + } +} +@media screen and (max-height: 1280px) { + body { + --margin-y: .5em; + } +} +@media screen and (max-height: 600px) { + body { + --margin-y: .25em; + } +} diff --git a/src/style2.css b/src/style2.css deleted file mode 100644 index dfeaee5..0000000 --- a/src/style2.css +++ /dev/null @@ -1,50 +0,0 @@ -body { - text-align: center; - max-width: 960px; - font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif; - padding: 0; - margin: 0 auto; - height: 100vh; - --margin-y: 1em; - --margin-x: 0; -} -#wrapper { - height: 100%; - display: flex; - flex-flow: column; - margin: 0 var(--margin-x); -} -#desc { - margin: var(--margin-y) 0; -} -#desc > p:first-child { - margin-top: 0; -} -#desc > p:last-child { - margin-bottom: 0; -} -#map { - border: 1px solid black; - width: 500px; - max-height: 600px; - margin: 0 auto var(--margin-y) auto; - flex: 1; -} -@media screen and (max-width: 500px) { - body { - --margin-x: .25em; - } - #map { - width: 100%; - } -} -@media screen and (max-height: 1280px) { - body { - --margin-y: .5em; - } -} -@media screen and (max-height: 600px) { - body { - --margin-y: .25em; - } -} -- cgit v1.2.3