commit 9a3346e3d5a541602da94b11cd20e3410a7e28fb
Author: Alex Balgavy <alex@balgavy.eu>
Date: Fri, 29 Jan 2021 17:37:36 +0100
Initial commit
Diffstat:
7 files changed, 279 insertions(+), 0 deletions(-)
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,34 @@
+
+# Created by https://www.toptal.com/developers/gitignore/api/macos
+# Edit at https://www.toptal.com/developers/gitignore?templates=macos
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# End of https://www.toptal.com/developers/gitignore/api/macos
+
diff --git a/img/downloads.svg b/img/downloads.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 485 485" style="enable-background:new 0 0 485 485;" xml:space="preserve">
+<g>
+ <polygon points="313.106,333.106 291.894,311.894 257.5,346.287 257.5,7.5 227.5,7.5 227.5,346.287 193.106,311.894
+ 171.894,333.106 242.5,403.713 "/>
+ <rect y="447.5" width="485" height="30"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/img/education.svg b/img/education.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+ <!-- Uploaded to SVGRepo https://www.svgrepo.com -->
+ <title>Education</title>
+ <desc>Created with Sketch.</desc>
+ <defs></defs>
+ <g id="colored" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+ <g id="Marketing_sliced" sketch:type="MSLayerGroup" transform="translate(-720.000000, -120.000000)"></g>
+ <g id="Marketing" sketch:type="MSLayerGroup" transform="translate(-712.000000, -120.000000)" stroke="#314E55" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+ <g id="Desk" transform="translate(716.000000, 115.000000)" sketch:type="MSShapeGroup">
+ <path d="M43,32 L43,45 C43,45 36.4469738,49 26,49 C15.5530262,49 9,45 9,45 L9,32" id="Rectangle-1624" fill="#D8D8D8"></path>
+ <path d="M8.15678015,10.4405946 C7.81773976,9.38915597 8.39730843,8.81230601 9.44669123,9.15068349 L33.1790439,16.8032711 C34.2304825,17.1423115 35.3583514,18.2715733 35.6967289,19.3209561 L43.3493165,43.0533088 C43.6883569,44.1047474 43.1087882,44.6815973 42.0594054,44.3432199 L18.3270527,36.6906322 C17.2756141,36.3515918 16.1477453,35.2223301 15.8093678,34.1729473 L8.15678015,10.4405946 Z" id="Rectangle-1623" fill="#D8D8D8" transform="translate(25.753048, 26.746952) rotate(-45.000000) translate(-25.753048, -26.746952) "></path>
+ <path d="M39,34 L39,52" id="Line"></path>
+ <circle id="Oval-1441" fill="#D26CBA" cx="39" cy="55" r="3"></circle>
+ <path d="M10,27 L14,25" id="Line"></path>
+ <path d="M14,29 L18,27" id="Line"></path>
+ </g>
+ </g>
+ </g>
+</svg>+
\ No newline at end of file
diff --git a/index.html b/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>New Tab</title>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+ <h1>Zerotab</h1>
+ <form action="https://search.alex.balgavy.eu/" method="get">
+ <input type="text" class="text" value="" name="q" placeholder="Search..." autocomplete="off">
+ </form>
+
+ <ul id="links">
+ <li>
+ <img src="img/downloads.svg"/>
+ <ul>
+ <li><a href="https://example.com">Example 1</a></li>
+ <li><a href="https://example.com">Example 2</a></li>
+ </ul>
+ </li>
+ <li>
+ <img src="img/education.svg">
+ <ul>
+ <li><a href="https://scholar.google.com">Google Scholar</a></li>
+ </ul>
+ </li>
+ </ul>
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,75 @@
+body {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ margin-top: 15vh;
+}
+
+h1 {
+ font-size: 3em;
+}
+
+form input {
+ margin: 1em 0;
+ border: none;
+ width: 40vw;
+ height: 10vh;
+ font-size: 2em;
+ text-align: center;
+}
+form input:focus {
+ outline: none;
+}
+
+ul#links {
+ list-style: none;
+ padding: 0;
+ display: flex;
+ align-items: baseline;
+}
+ul#links > li {
+ border: 1px solid transparent;
+ border-radius: 5px;
+ text-align: center;
+ margin: 0 2em;
+}
+ul#links > li img {
+ width: 10vw;
+ max-width: 3em;
+ max-height: 3em;
+ padding: 1em;
+}
+ul#links li {
+ list-style: none;
+ position: relative;
+ background: cornflowerblue;
+}
+ul#links li:hover ul {
+ display: block;
+}
+ul#links li ul {
+ background: #aaaaee;
+ min-width: 300%;
+ max-width: 30vw;
+ overflow: scroll;
+ position: absolute;
+ display: none;
+ padding-inline-start: 0;
+ z-index: 1;
+ top: 5em;
+ text-align: left;
+}
+ul#links li ul li:hover {
+ background: #8080e6;
+}
+ul#links li ul a {
+ display: block;
+ padding-left: 1em;
+ text-decoration: none;
+ line-height: 35px;
+ color: #ffffff;
+ font-size: 80%;
+}
+
+/*# sourceMappingURL=style.css.map */
diff --git a/style.css.map b/style.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AAJA;EAAU;;;AAMZ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE,YAjDI;EAkDJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAW;;AACX;EACE;EACA;EACA;EACA;EACA;EACA","file":"style.css"}+
\ No newline at end of file
diff --git a/style.scss b/style.scss
@@ -0,0 +1,75 @@
+$linkswidth: 10vw;
+$lightbg: #aaaaee;
+body {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ margin-top: 15vh;
+}
+h1 {
+ font-size: 3em;
+}
+
+form input {
+ margin: 1em 0;
+ border: none;
+ &:focus { outline: none; }
+ width: 40vw;
+ height: 10vh;
+ font-size: 2em;
+ text-align: center;
+}
+ul#links {
+ list-style: none;
+ padding: 0;
+ display: flex;
+ align-items: baseline;
+
+ > li {
+ border: 1px solid transparent;
+ border-radius: 5px;
+ text-align: center;
+ margin: 0 2em;
+
+ img {
+ width: 10vw;
+ max-width: 3em;
+ max-height: 3em;
+ padding: 1em;
+ }
+ }
+ li {
+ list-style: none;
+ position: relative;
+ background: cornflowerblue;
+
+ &:hover ul {
+ display: block;
+ }
+ ul {
+ background: $lightbg;
+ min-width: 300%;
+ max-width: 30vw;
+ overflow: scroll;
+ position: absolute;
+ display: none;
+ padding-inline-start: 0;
+ z-index: 1;
+ top: 5em;
+ text-align: left;
+
+ li:hover { background: darken($lightbg, 10%); }
+ a {
+ display: block;
+ padding-left: 1em;
+ text-decoration: none;
+ line-height: 35px;
+ color: #ffffff;
+ font-size: 80%;
+ }
+ }
+
+ }
+
+}
