Code Monkey home page Code Monkey logo

homepage's Introduction

Startpage

An iTerm-inspired startpage page for faster web browsing. Because everything's better on the command line!

Screenshot

Installation

You have two main options:

  1. Local File

    • To run locally, you can simply clone the repository:

      git clone https://github.com/peterrauscher/startpage.git
    • Or download the ZIP file directly from Github, and extract it to a local folder.

    Now just set your new tab/homepage as /path/to/repo/index.html

  2. Github Pages

    To access the site from multiple computers, or just to save the few MB of RAM, you can host the site on Github Pages.

    • Fork the repository
    • Go to the repository page
    • Go to Settings > Pages > Build and Deployment
    • Under "Build and deployment" select "Deploy from a branch"
    • Select branch "main" and folder "/ (root)"

    Now just set your new tab/homepage as the Github Pages domain it gives you!

Usage

  • To search DuckDuckGo, type search or s followed by your search query!
    • Example: search Where to find cool startpages
  • List your shortcuts with ls.
  • To visit a shortcut, just enter the name of the shortcut in, and you'll be redirected.
    • Example: just typing git will bring me to Github!
    • NOTE: If the first few letters are shared with another shortcut, the first one it finds will be used. You'll have to be more specific in this case. Also, if the first few letters belong to command, the command will be executed instead.
  • Run weather set to see how to setup the weather command.
  • List all available commands with help.

Configuration

Because this is a static site, configuration mostly happens within the files themselves. Some things, like the weather API key and location, are stored in local storage. If you completely clear your browser, you will need to reset these.

Shortcuts

Shortcuts are the links displayed when you first open the page, or when you run ls. These are defined in the js/shortcuts.js file.

The file is an array of objects of the schema:

{
  category: "Name of Category",
  color: "color of category header",
  items: {
    "Example": "https://example.com",
    "Another Example": "https://anotherexample.com",
    ...
  }
}

Feel free to add/remove categories and links.

Available values for color are:

  • green
  • cyan
  • purple
  • red
  • yellow
  • blue
  • light-gray
  • gray
  • black

Username and Hostname

Just change the text in index.html:

<div class="prompt">
  ...
  <span class="green">username</span>
  ...
  <span class="cyan">hostname</span>
  ...
</div>

Feature Suggestions

If there are any commands you'd like to see added, or improvements you'd like to suggest, or if you encounter a bug: open an issue! I'll get to it when I get a chance :D

homepage's People

Contributors

bigu93 avatar peterrauscher avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.