Add files via upload

2021-07-20 01:43:38 -04:00 · 2021-07-20 01:43:38 -04:00 · 00186acdec
parent ef92126c15
commit 00186acdec
3 changed files with 145 additions and 0 deletions
--- a/custom-start-page/Nord
+++ b/custom-start-page/Nord
--- a/custom-start-page/manifest.json
+++ b/custom-start-page/manifest.json
@ -0,0 +1,10 @@
+{
+    "name": "My custom new tab page",
+    "description": "Overrides the new tab page",
+    "version": "0.1",
+    "incognito": "split",
+    "chrome_url_overrides": {
+      "newtab": "nord-terminal-start.html"
+    },
+    "manifest_version": 2
+  }
--- a/custom-start-page/nord-terminal-start.html
+++ b/custom-start-page/nord-terminal-start.html
@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>name@home > newtab</title>
+
+  <style>
+    html {
+      align-items: center;
+      background-color: #2e3440;
+      color: #c5c8c6;
+      display: flex;
+      font: 22px/1 "Inconsolata", monospace;
+      height: 100%;
+      justify-content: center;
+    }
+
+    body {
+      background-color: #2e3440;
+      border-radius: 2px;
+      box-shadow: 1px 1px 6px #2e3440;
+      color: #c5c8c6;
+      display: flex;
+      flex-direction: column;
+      min-height: 30ch;
+      min-width: 50vw;
+      padding: 2em;
+    }
+
+    p {
+      margin: 0;
+    }
+
+    p span {
+      color: #b48ead;
+    }
+
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    a:focus,
+    a:hover {
+      font-weight: bold;
+    }
+
+    ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0;
+    }
+
+    nav {
+      column-gap: 2em;
+      display: grid;
+      grid-template-columns: auto auto auto auto;
+      padding: 1em 0;
+    }
+
+    ul:nth-child(1n) li:first-child {
+      color: #a54242;
+    }
+
+    ul:nth-child(2n) li:first-child {
+      color: #de935f;
+    }
+    
+    ul:nth-child(3n) li:first-child {
+      color: #f0c674;
+    }
+    
+    ul:nth-child(4n) li:first-child {
+      color: #8c9440;
+    }
+
+    ul:nth-child(5n) li:first-child {
+      color: #85678f;
+    }
+
+    li:first-child {
+      font-weight: bold;
+    }
+
+    li:last-child {
+      margin: 0 0 1em;
+    }
+
+    p #cursor {
+      background-color: #b48ead;
+      animation: blink 2s infinite;
+    }
+
+    @keyframes blink {
+      0% { opacity: 0; }
+      49% { opacity: 0; }
+      50% { opacity: 1; }
+    }
+  </style>
+</head>
+<body>
+  <p><span>name@home > </span>newtab</p>
+
+  <nav>
+    <ul>
+      <li>general</li>
+      <li><a href="https://old.reddit.com/">reddit</a></li>
+      <li><a href="https://www.twitter.com/">twitter</a></li>
+      <li><a href="https://www.neowin.net/">neowin</a></li>
+    </ul>
+
+    <ul>
+      <li>entertainment</li>
+      <li><a href="https://www.youtube.com">youtube</a></li>
+      <li><a href="https://www.twitch.com/">twitch</a></li>
+      <li><a href="https://www.spotify.com/">music</a></li>
+    </ul>
+
+    <ul>
+      <li>home</li>
+      <li><a href="https://www.gmail.com/">gmail</a></li>
+      <li><a href="https://drive.google.com/drive/my-drive">drive</a></li>
+      <li><a href="https://www.slack.com/">slack</a></li>
+    </ul>
+
+    <ul>
+      <li>misc.</li>
+      <li><a href="https://www.deviantart.com/">deviant-art</a></li>
+      <li><a href="https://wiki.archlinux.org/">Arch-Wiki</a></li>
+      <li><a href="https://github.com/">github</a></li>
+    </ul>
+  </nav>
+
+  <p><span>name@home > </span> <span id="cursor">_</span></p>
+</body>
+</html>