├── Preview.png
├── .gitattributes
├── README.md
├── manifest.json
├── script.js
├── style.css
└── startpage.html
/Preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SlowDancer98/Startpage/HEAD/Preview.png
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Startpage
2 | Custom startpage based in gtrcdr's work.
3 |
4 | Preview
5 | 
6 |
--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 | "name": "New Tab",
4 | "version": "1.0.4",
5 | "description": "Custom startpage",
6 | "chrome_url_overrides": {
7 | "newtab": "startpage.html"
8 | },
9 | "content_security_policy": "script-src 'self'; script-src 'unsafe-inline'; object-src 'self';"
10 | }
11 |
--------------------------------------------------------------------------------
/script.js:
--------------------------------------------------------------------------------
1 | function clock() {
2 | var date = new Date()
3 |
4 | var hours = date.getHours()
5 | var minutes = date.getMinutes()
6 |
7 | hours = ("0" + hours).slice(-2);
8 | minutes = ("0" + minutes).slice(-2);
9 |
10 | document.getElementById("clock").innerHTML =
11 | hours + ":" + minutes ;
12 |
13 | var t = setTimeout(clock, 500)
14 | }
15 |
16 | clock()
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: #0C131F;
3 | }
4 | .info {
5 | display: flex;
6 | flex-direction: column;
7 | margin-top: 140px;
8 | line-height: 0.1;
9 | text-align: center;
10 | font-family: 'Space Mono', monospace;
11 | }
12 | @media all and (max-width: 550px) {
13 | .info
14 | {
15 | visibility: hidden;
16 | margin: auto;
17 | }
18 | .ent, .social, .misc, .media, .email {
19 | flex-direction: column;
20 | width: auto;
21 | }
22 | }
23 | #clock {
24 | font-size: 45px;
25 | color: #2195fa
26 | }
27 | .searchbox {
28 | margin:0px auto;
29 | width: 100%;
30 | justify-content: center;
31 | align-items: center;
32 | display: flex;
33 | }
34 | .searchbar {
35 | width: 100%;
36 | min-width: 800px;
37 | margin:2rem auto;
38 | justify-content: center;
39 | border: none;
40 | border-bottom-style: solid;
41 | box-sizing: border-box;
42 | font: monospace;
43 | font-size: 30px;
44 | font-weight: normal;
45 | text-align: center;
46 | display: flex;
47 | color: #FFFFFF;
48 | background-color: #0C131F;
49 | padding: 10px;
50 | }
51 | form input::placeholder {
52 | color: #FFFFFF;
53 | opacity: 1;
54 | }
55 | form:focus-within input::placeholder {
56 | opacity: 0;
57 | border-style: none;
58 | outline: none;
59 | }
60 | form:focus, input:focus{
61 | outline: none;
62 | }
63 | .list_title
64 | {
65 | font-size: 35px;
66 | }
67 | .lists {
68 | display: flex;
69 | flex-wrap: wrap;
70 | vertical-align: top;
71 | justify-content: center;
72 | font-family: 'Space mono', monospace;
73 | }
74 | .ent, .social, .misc, .media, .email {
75 | display: flex;
76 | flex-direction: column;
77 | padding: 50px;
78 | }
79 | #n {
80 | color: #7739E3
81 | }
82 | #s {
83 | color: #22AB76
84 | }
85 | #d {
86 | color: #E0BE24
87 | }
88 | #m {
89 | color: #CF342B
90 | }
91 | #e {
92 | color: #00a3cc
93 | }
94 | a:visited, a:link, a:active {
95 | color: rgba(236, 240, 193, 0.90);
96 | text-decoration: none;
97 | font-size: 23px;
98 | text-indent: 2px;
99 | line-height: 1.5;
100 | }
101 | a:hover {
102 | color: #2195fa !important
103 | }
--------------------------------------------------------------------------------
/startpage.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | New Tab
9 |
10 |
11 |
12 |
15 |
16 |
25 |
26 |
27 |
34 |
41 |
48 |
55 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------