diff --git a/README.md b/README.md index 53138e2..4cf26e0 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ is to have a homepage for your browser that is functional and sexy. To go to a site, enter the corresponding key. To view the available sites and their keys, press `?`. If your input doesn’t match any of the keys, a -generic Google search will be triggered. For example: +generic Google search will be triggered. - Entering `t` would redirect you to [twitter.com](https://twitter.com/home). - Entering `u` would redirect you to @@ -17,8 +17,8 @@ generic Google search will be triggered. For example: ### Searching -You can search a site by typing a single quote after the site’s key, -followed by your query. For example: +Search a site by typing a single quote after the site’s key, followed by +your query. - Entering `g'tilde` would [search GitHub for tilde](https://github.com/search?q=tilde). @@ -27,9 +27,8 @@ followed by your query. For example: ### Specific Paths -You can go to a specific path on a site by typing a forward slash after the -site’s key, followed by the location on the site you’d like to be -redirected to. For example: +Go to a specific location on a site by typing a forward slash after the +site’s key, followed by a path. - Entering `r/r/startpages` would redirect you to [www.reddit.com/r/startpages](https://www.reddit.com/r/startpages) @@ -38,20 +37,19 @@ redirected to. For example: ### Specific Sites -If you enter in a full domain or URL, you will be redirected to said domain or -URL. For example: +Enter a full domain or URL to be redirected to said domain or URL. - Entering `stallman.org` would redirect you to [stallman.org](https://stallman.org/). - Entering `https://smile.amazon.com` would redirect you to [smile.amazon.com](https://smile.amazon.com/). -## Configuration +### Beyond -The above is just the beginning. Open up the [index.html](index.html) file and -make it yours! +The above is just the beginning… Open up the [index.html](index.html) +file and make it yours! ## License -You can use and modify Tilde +Feel free to use and modify Tilde [however you like](https://github.com/cadejscroggins/tilde/blob/master/LICENSE). diff --git a/index.html b/index.html index 1cd5903..2338f43 100644 --- a/index.html +++ b/index.html @@ -361,7 +361,6 @@ --search-background: #000; --search-foreground: #efefef; --search-highlight-background: hsla(0, 0%, 100%, 0.1); - --command-color-alpha: 0.9; --command-color-gradient: 45deg; --command-color-lightness: 50%; @@ -374,7 +373,7 @@ Lucida Console, monospace; --base-font-size: 16px; - --clock-font-size: 4rem; + --clock-font-size: 2rem; --search-input-font-size: 2rem; --font-weight-black: 900; @@ -391,6 +390,12 @@ --search-suggestions-align-items: flex-start; } + @media (min-width: 400px) { + :root { + --clock-font-size: 4rem; + } + } + @media (min-width: 650px) { :root { --clock-font-size: 6rem; @@ -518,7 +523,7 @@ } .categories { - padding: 3rem; + padding: 3rem 0; columns: var(--help-category-columns); }