diff --git a/README.md b/README.md new file mode 100644 index 0000000..d154397 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# Browser Startpage + +A simple startpage for my Firefox browsers. diff --git a/entertainment_icons/disney.png b/entertainment_icons/disney.png new file mode 100644 index 0000000..99f31e9 Binary files /dev/null and b/entertainment_icons/disney.png differ diff --git a/entertainment_icons/lichess.png b/entertainment_icons/lichess.png new file mode 100644 index 0000000..c935516 Binary files /dev/null and b/entertainment_icons/lichess.png differ diff --git a/entertainment_icons/netflix.png b/entertainment_icons/netflix.png new file mode 100644 index 0000000..73af807 Binary files /dev/null and b/entertainment_icons/netflix.png differ diff --git a/entertainment_icons/youtube.png b/entertainment_icons/youtube.png new file mode 100644 index 0000000..6c414ba Binary files /dev/null and b/entertainment_icons/youtube.png differ diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..e6ef693 Binary files /dev/null and b/favicon.png differ diff --git a/firacode.ttf b/firacode.ttf new file mode 100644 index 0000000..bd73685 Binary files /dev/null and b/firacode.ttf differ diff --git a/firacode_bold.ttf b/firacode_bold.ttf new file mode 100644 index 0000000..f891bde Binary files /dev/null and b/firacode_bold.ttf differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..6c2bdb4 --- /dev/null +++ b/index.html @@ -0,0 +1,68 @@ + + + + + + Ami :: Startpage + + + + + + [ami@Internet] > Home + + + + [ami@Internet] > [...] + + + diff --git a/management_icons/cloudflare.png b/management_icons/cloudflare.png new file mode 100644 index 0000000..1732779 Binary files /dev/null and b/management_icons/cloudflare.png differ diff --git a/management_icons/dynadot.png b/management_icons/dynadot.png new file mode 100644 index 0000000..37def74 Binary files /dev/null and b/management_icons/dynadot.png differ diff --git a/management_icons/hetzner.png b/management_icons/hetzner.png new file mode 100644 index 0000000..577f81f Binary files /dev/null and b/management_icons/hetzner.png differ diff --git a/management_icons/nextdns.png b/management_icons/nextdns.png new file mode 100644 index 0000000..9be3dc1 Binary files /dev/null and b/management_icons/nextdns.png differ diff --git a/personal_icons/americanexpress.jpg b/personal_icons/americanexpress.jpg new file mode 100644 index 0000000..a2b8598 Binary files /dev/null and b/personal_icons/americanexpress.jpg differ diff --git a/personal_icons/bankofamerica.png b/personal_icons/bankofamerica.png new file mode 100644 index 0000000..56bfa7b Binary files /dev/null and b/personal_icons/bankofamerica.png differ diff --git a/personal_icons/discover.png b/personal_icons/discover.png new file mode 100644 index 0000000..861c7d5 Binary files /dev/null and b/personal_icons/discover.png differ diff --git a/personal_icons/proton.svg b/personal_icons/proton.svg new file mode 100644 index 0000000..bd9ca36 --- /dev/null +++ b/personal_icons/proton.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/personal_icons/simplelogin.svg b/personal_icons/simplelogin.svg new file mode 100644 index 0000000..b89bd81 --- /dev/null +++ b/personal_icons/simplelogin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/self_hosted_icons/andromalius.png b/self_hosted_icons/andromalius.png new file mode 100644 index 0000000..2c3a43f Binary files /dev/null and b/self_hosted_icons/andromalius.png differ diff --git a/self_hosted_icons/arsenic.png b/self_hosted_icons/arsenic.png new file mode 100644 index 0000000..5db8632 Binary files /dev/null and b/self_hosted_icons/arsenic.png differ diff --git a/self_hosted_icons/crescendo.png b/self_hosted_icons/crescendo.png new file mode 100644 index 0000000..a66aedd Binary files /dev/null and b/self_hosted_icons/crescendo.png differ diff --git a/self_hosted_icons/polyhedra.png b/self_hosted_icons/polyhedra.png new file mode 100644 index 0000000..56a5269 Binary files /dev/null and b/self_hosted_icons/polyhedra.png differ diff --git a/self_hosted_icons/serapeum.png b/self_hosted_icons/serapeum.png new file mode 100644 index 0000000..6243b00 Binary files /dev/null and b/self_hosted_icons/serapeum.png differ diff --git a/shopping_icons/adagio.png b/shopping_icons/adagio.png new file mode 100644 index 0000000..35e2876 Binary files /dev/null and b/shopping_icons/adagio.png differ diff --git a/shopping_icons/amazon.svg b/shopping_icons/amazon.svg new file mode 100644 index 0000000..77a47d3 --- /dev/null +++ b/shopping_icons/amazon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/shopping_icons/baileyhats.png b/shopping_icons/baileyhats.png new file mode 100644 index 0000000..484753f Binary files /dev/null and b/shopping_icons/baileyhats.png differ diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..164731d --- /dev/null +++ b/styles.css @@ -0,0 +1,108 @@ +@font-face { + font-family: firacode; + src: url(firacode.ttf); +} + +@font-face { + font-family: firacode_bold; + src: url(firacode_bold.ttf); +} + +html { + align-items: center; + /*background: linear-gradient(315deg,#021B79,#0575E6);*/ + background: radial-gradient(50% 123.47% at 50% 50%, #00FF94 0%, #720059 100%), linear-gradient(121.28deg, #669600 0%, #FF0000 100%), linear-gradient(360deg, #0029FF 0%, #8FFF00 100%), radial-gradient(100% 164.72% at 100% 100%, #6100FF 0%, #00FF57 100%), radial-gradient(100% 148.07% at 0% 0%, #FFF500 0%, #51D500 100%); + background-blend-mode: screen, color-dodge, overlay, difference, normal; + display: flex; + font: 22px/1 "firacode"; + height: 100%; + justify-content: center; +} + +body { + background-color: rgb(29, 31, 33, 1.0); + border-radius: 4px; + box-shadow: 10px 10px; + color: #000000; + display: flex; + flex-direction: column; + min-height: 20ch; + min-width: 50vw; + padding: 2em; +} + +main_title { + margin: 0; + color: #ffffff; +} + +main_title span { + color: #0fb1f1; +} + +a { + color: inherit; + text-decoration: none; + color: #ffffff; +} + +a:focus, a:hover { + font: 22px/1 "firacode_bold"; +} + +li:first-child { + font: 22px/1 "firacode_bold"; +} + +li:last-child { + margin: 0 0 1em; +} + +ul { + list-style-type: none; + margin: 0; + padding: 0; +} + +ul:nth-child(5n + 1) li:first-child { + background: -webkit-linear-gradient(right, #cb2d3e, #ef473a); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +ul:nth-child(5n + 2) li:first-child { + background: -webkit-linear-gradient(right, #f12711, #f5af19); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +ul:nth-child(5n + 3) li:first-child { + background: -webkit-linear-gradient(right, #1d976c, #93f9b9); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +ul:nth-child(5n + 4) li:first-child { + background: -webkit-linear-gradient(right, #9cecfb, #65c7f7, #0052d4); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +ul:nth-child(5n + 5) li:first-child { + background: -webkit-linear-gradient(right, #12c2e9, #c471ed, #f64f59); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +ul:nth-child(5n + 6) li:first-child { + background: -webkit-linear-gradient(right, #dce35b, #45b649); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +nav { + column-gap: 2em; + display: grid; + grid-template-columns: auto auto auto auto; + padding: 1em 0; +} diff --git a/university_icons/banner.png b/university_icons/banner.png new file mode 100644 index 0000000..3a3368a Binary files /dev/null and b/university_icons/banner.png differ diff --git a/university_icons/blackboard.png b/university_icons/blackboard.png new file mode 100644 index 0000000..5178b16 Binary files /dev/null and b/university_icons/blackboard.png differ diff --git a/university_icons/cscade.png b/university_icons/cscade.png new file mode 100644 index 0000000..ba07d92 Binary files /dev/null and b/university_icons/cscade.png differ diff --git a/university_icons/myastate.png b/university_icons/myastate.png new file mode 100644 index 0000000..83e2178 Binary files /dev/null and b/university_icons/myastate.png differ