├── README.md
├── assets
├── css
│ └── style.css
└── images
│ └── wall.jpg
├── index.html
└── manifest.json
/README.md:
--------------------------------------------------------------------------------
1 | # Start Page
2 |
3 | 
4 |
5 | If you want, you can replace Chromes new-tab page with this start page.
6 | In order to do so you need to enable `Developer mode` in the Chrome Extensions area.
7 | Then click `Load unpacked extension...` and select the start-page directory on your system.
8 |
--------------------------------------------------------------------------------
/assets/css/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | border: 0; padding: 0; margin: 0;
3 | -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
4 | }
5 |
6 | body {
7 | background: black url('../images/wall.jpg') no-repeat 50% 0%;
8 | color: #000;
9 |
10 | font-family: "Helvetica Neue";
11 | font-size: 1em;
12 | text-align: center;
13 | }
14 |
15 | ul {
16 | max-width: 400px;
17 | width: 100%;
18 | text-align: left;
19 | margin: 100px auto;
20 | }
21 |
22 | li {
23 | /* Round corners */
24 | -webkit-border-radius: 3px;
25 | -moz-border-radius: 3px;
26 | border-radius: 3px;
27 |
28 | /* Add hard shadow */
29 | -webkit-box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.15);
30 | -moz-box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.15);
31 | box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.15);
32 |
33 | /* Gradient background */
34 | background-image: linear-gradient(bottom, rgb(38,38,38) 0%, rgb(46,46,46) 100%);
35 | background-image: -moz-linear-gradient(bottom, rgb(38,38,38) 0%, rgb(46,46,46) 100%);
36 | background-image: -webkit-linear-gradient(bottom, rgb(38,38,38) 0%, rgb(46,46,46) 100%);
37 |
38 | list-style-type: none;
39 | margin: 10px 5px;
40 | }
41 | li:hover {
42 | /* Darken background */
43 | background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(26,26,26) 100%);
44 | background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(26,26,26) 100%);
45 | background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(26,26,26) 100%);
46 | }
47 | li:hover:before {
48 | float: right;
49 | content: "◊";
50 | color: #2E2E2E;
51 | margin: 20px;
52 | }
53 |
54 | li a {
55 | display: block;
56 |
57 | color: #FFF;
58 | line-height: 1em;
59 | text-decoration: none;
60 | text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
61 |
62 | padding: 20px;
63 | }
64 | li a:hover {
65 | text-shadow: 1px 1px 0px rgba(66, 66, 66, 1);
66 | }
67 |
--------------------------------------------------------------------------------
/assets/images/wall.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/qtpi/start-page/50292ee02fd6dc3841041173fcbcc971386af4ab/assets/images/wall.jpg
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
19 | New Tab
20 |
21 |
22 |
23 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 |
4 | "name": "Tab-Page",
5 | "description": "Replaces the newtab page with a custom one.",
6 | "version": "1.0",
7 |
8 | "chrome_url_overrides" : {
9 | "newtab": "index.html"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------