From bf4d1f062b70129cc1e262eef00eaa6dec54f181 Mon Sep 17 00:00:00 2001 From: Arne van Iterson Date: Thu, 2 Nov 2023 16:22:23 +0100 Subject: [PATCH] Initial --- css/index.css | 51 +++++++++++++++++++++++++++++++++++++++ css/index.css.map | 1 + css/index.scss | 55 ++++++++++++++++++++++++++++++++++++++++++ html/index.html | 54 +++++++++++++++++++++++++++++++++++++++++ res/mdi/duck.svg | 1 + res/mdi/google.svg | 1 + res/mdi/magnify.svg | 1 + res/mdi/web.svg | 1 + res/mdi/wikipedia.svg | 1 + res/rakobo.png | Bin 0 -> 7314 bytes 10 files changed, 166 insertions(+) create mode 100644 css/index.css create mode 100644 css/index.css.map create mode 100644 css/index.scss create mode 100644 html/index.html create mode 100644 res/mdi/duck.svg create mode 100644 res/mdi/google.svg create mode 100644 res/mdi/magnify.svg create mode 100644 res/mdi/web.svg create mode 100644 res/mdi/wikipedia.svg create mode 100644 res/rakobo.png diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..2a2a118 --- /dev/null +++ b/css/index.css @@ -0,0 +1,51 @@ +body { + font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; + text-align: center; +} +body > img { + width: 75%; +} +body > h1 { + text-decoration: underline; +} +body > h2 { + margin: 1em 0 0.25em 0; +} +body > h2 > img { + height: 1.25em; + display: inline-block; + vertical-align: bottom; +} +body > div, +body form { + display: inline-block; + text-align: center; + width: 50%; +} +body > div button, +body > div input, +body form button, +body form input { + padding: 1em 0em; + border-radius: 5px; + width: 100%; + font-size: large; + display: block; + margin: 1em 0em; + border: 1px solid black; + text-align: center; + position: relative; +} +body > div button > img, +body > div input > img, +body form button > img, +body form input > img { + position: absolute; + left: 1em; + height: 1.25em; +} + +footer { + margin-top: 2em; + font-size: small; +}/*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/css/index.css.map b/css/index.css.map new file mode 100644 index 0000000..505bd10 --- /dev/null +++ b/css/index.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["index.scss","index.css"],"names":[],"mappings":"AAAI;EACI,4DAAA;EACA,kBAAA;ACCR;ADEQ;EACI,UAAA;ACAZ;ADGQ;EACI,0BAAA;ACDZ;ADIQ;EACI,sBAAA;ACFZ;ADGY;EACI,cAAA;EACA,qBAAA;EACA,sBAAA;ACDhB;ADMQ;;EAEI,qBAAA;EACA,kBAAA;EACA,UAAA;ACJZ;ADMY;;;;EAEI,gBAAA;EACA,kBAAA;EACA,WAAA;EACA,gBAAA;EACA,cAAA;EACA,eAAA;EACA,uBAAA;EACA,kBAAA;EACA,kBAAA;ACFhB;ADIgB;;;;EACI,kBAAA;EACA,SAAA;EACA,cAAA;ACCpB;;ADMI;EACI,eAAA;EACA,gBAAA;ACHR","file":"index.css"} \ No newline at end of file diff --git a/css/index.scss b/css/index.scss new file mode 100644 index 0000000..27c3fbb --- /dev/null +++ b/css/index.scss @@ -0,0 +1,55 @@ + body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + text-align: center; + + // Header image + >img { + width: 75%; + } + + >h1 { + text-decoration: underline; + } + + >h2 { + margin: 1em 0 0.25em 0; + >img { + height: 1.25em; + display: inline-block; + vertical-align: bottom; + } + } + + // Inputs + >div, + form { + display: inline-block; + text-align: center; + width: 50%; + + button, + input { + padding: 1em 0em; + border-radius: 5px; + width: 100%; + font-size: large; + display: block; + margin: 1em 0em; + border: 1px solid black; + text-align: center; + position: relative; + + >img { + position: absolute; + left: 1em; + height: 1.25em; + } + } + } + + } + + footer { + margin-top: 2em; + font-size: small; + } \ No newline at end of file diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..8578b82 --- /dev/null +++ b/html/index.html @@ -0,0 +1,54 @@ + + + + + + + + Portal + + + + Kobo logo + +

+ Magnify icon + Search +

+
+
+ + +
+ + + +

+ Web icon + Pick-a-site +

+
+
+ + + +
+ + + + + \ No newline at end of file diff --git a/res/mdi/duck.svg b/res/mdi/duck.svg new file mode 100644 index 0000000..838003f --- /dev/null +++ b/res/mdi/duck.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/mdi/google.svg b/res/mdi/google.svg new file mode 100644 index 0000000..9186349 --- /dev/null +++ b/res/mdi/google.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/mdi/magnify.svg b/res/mdi/magnify.svg new file mode 100644 index 0000000..a37f3ad --- /dev/null +++ b/res/mdi/magnify.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/mdi/web.svg b/res/mdi/web.svg new file mode 100644 index 0000000..f00decb --- /dev/null +++ b/res/mdi/web.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/mdi/wikipedia.svg b/res/mdi/wikipedia.svg new file mode 100644 index 0000000..1e6f393 --- /dev/null +++ b/res/mdi/wikipedia.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/rakobo.png b/res/rakobo.png new file mode 100644 index 0000000000000000000000000000000000000000..663b930d201ef8a270d903e9a74a82a88c8a359a GIT binary patch literal 7314 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 ai%21P+1^C*oQ>w+UHUpVwX3f=J^X+Aet%s6 literal 0 HcmV?d00001