This commit is contained in:
Arne van Iterson 2023-11-02 16:22:23 +01:00
commit bf4d1f062b
10 changed files with 166 additions and 0 deletions

51
css/index.css Normal file
View File

@ -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 */

1
css/index.css.map Normal file
View File

@ -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"}

55
css/index.scss Normal file
View File

@ -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;
}

54
html/index.html Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/index.css">
<title>Portal</title>
</head>
<body>
<img src="../res/rakobo.png" alt="Kobo logo">
<h2>
<img src="../res/mdi/magnify.svg" alt="Magnify icon">
Search
</h2>
<form action="https://duckduckgo.com/" method="get">
<hr>
<input type="search" name="q" placeholder="Search DuckDuckGo">
<button type="submit">
<img src="../res/mdi/magnify.svg" alt="Magnify icon">
Search
</button>
</form>
<h2>
<img src="../res/mdi/web.svg" alt="Web icon">
Pick-a-site
</h2>
<div>
<hr>
<button onclick="window.location.href='https://google.com/'">
<img src="../res/mdi/google.svg" alt="Google logo">
Google
</button>
<button onclick="window.location.href='https://duckduckgo.com/'">
<img src="../res/mdi/duck.svg" alt="Duck logo">
DuckDuckGo
</button>
<button onclick=" window.location.href='https://nl.wikipedia.org/'">
<img src="../res/mdi/wikipedia.svg" alt="Wikipedia logo">
Wikipedia NL
</button>
</div>
</body>
<footer>
Powered by ARNweb
</footer>
</html>

1
res/mdi/duck.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.5,5A1.5,1.5 0 0,0 7,6.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 10,6.5A1.5,1.5 0 0,0 8.5,5M10,2A5,5 0 0,1 15,7C15,8.7 14.15,10.2 12.86,11.1C14.44,11.25 16.22,11.61 18,12.5C21,14 22,12 22,12C22,12 21,21 15,21H9C9,21 4,21 4,16C4,13 7,12 6,10C2,10 2,6.5 2,6.5C3,7 4.24,7 5,6.65C5.19,4.05 7.36,2 10,2Z" /></svg>

After

Width:  |  Height:  |  Size: 373 B

1
res/mdi/google.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.35,11.1H12.18V13.83H18.69C18.36,17.64 15.19,19.27 12.19,19.27C8.36,19.27 5,16.25 5,12C5,7.9 8.2,4.73 12.2,4.73C15.29,4.73 17.1,6.7 17.1,6.7L19,4.72C19,4.72 16.56,2 12.1,2C6.42,2 2.03,6.8 2.03,12C2.03,17.05 6.16,22 12.25,22C17.6,22 21.5,18.33 21.5,12.91C21.5,11.76 21.35,11.1 21.35,11.1V11.1Z" /></svg>

After

Width:  |  Height:  |  Size: 374 B

1
res/mdi/magnify.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" /></svg>

After

Width:  |  Height:  |  Size: 336 B

1
res/mdi/web.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>

After

Width:  |  Height:  |  Size: 995 B

1
res/mdi/wikipedia.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.97,18.95L12.41,12.92C11.39,14.91 10.27,17 9.31,18.95C9.3,18.96 8.84,18.95 8.84,18.95C7.37,15.5 5.85,12.1 4.37,8.68C4.03,7.84 2.83,6.5 2,6.5C2,6.4 2,6.18 2,6.05H7.06V6.5C6.46,6.5 5.44,6.9 5.7,7.55C6.42,9.09 8.94,15.06 9.63,16.58C10.1,15.64 11.43,13.16 12,12.11C11.55,11.23 10.13,7.93 9.71,7.11C9.39,6.57 8.58,6.5 7.96,6.5C7.96,6.35 7.97,6.25 7.96,6.06L12.42,6.07V6.47C11.81,6.5 11.24,6.71 11.5,7.29C12.1,8.53 12.45,9.42 13,10.57C13.17,10.23 14.07,8.38 14.5,7.41C14.76,6.76 14.37,6.5 13.29,6.5C13.3,6.38 13.3,6.17 13.3,6.07C14.69,6.06 16.78,6.06 17.15,6.05V6.47C16.44,6.5 15.71,6.88 15.33,7.46L13.5,11.3C13.68,11.81 15.46,15.76 15.65,16.2L19.5,7.37C19.2,6.65 18.34,6.5 18,6.5C18,6.37 18,6.2 18,6.05L22,6.08V6.1L22,6.5C21.12,6.5 20.57,7 20.25,7.75C19.45,9.54 17,15.24 15.4,18.95C15.4,18.95 14.97,18.95 14.97,18.95Z" /></svg>

After

Width:  |  Height:  |  Size: 894 B

BIN
res/rakobo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB