GithubHelp home page GithubHelp logo

minimal-home's Introduction

Minimalistic start page

A simple startpage for any browser that support a custom startpage. On small screens, the grid changes to 3x1 or 2x2 but the intention of this program is to work on a screen with a <720p display.

Features

  • Basic clock and date.

  • DuckDuckGo search box.

  • Greetings based on the time of the day.

  • Preferred link shortcuts.

  • Base16 Theme that can be change in the style.css file under css folder.

Customization

All things can be changed based of the simplicity of this project, and obviously a nice documentation of the code.

style.css have all the style of the document like:

  • Theme: Base16 Tomorrow Night
--bg: #202020;
--bg2: #282828;
--bg3: #585858;
--fg: #e8e8e8;
--purple: #ba8baf;
--blue: #7cafc2;
--green: #a1b56c;
--orange: #dc9656;
--red: #ab4642;
  • Greetings name The greetings displayed can be changed in the main.html file under the <div id="welcome"></div> part, it's Javascript that check what time is it and display the correct greeting.

  • Shortcuts The .html file contains several divs to accommodate the shortcuts of each section. As simple as putting the link to redirect and the name of the page.

<div  class="links-wrapper">
	<div  class="school-links">
		<h1>class</h1>
		<a  class="mid"  href="www.link-page.com">Title Page</a>
	</div>
	
	...
</div>

Credits

Base16 color scheme.

/r/unixporn involved me in the ricing area.

/r/startpages inspired me to create a custom startpage from scratch and publish it to the subreddit.

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.