├── .gitignore
├── README.md
├── css.css
└── index.html
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Startup Page
2 |
3 | Startpage or Homepage for my web browsers, hosted on my pi using lighttpd.
4 |
5 | Inspired from the [top post of /r/startpages.](https://www.reddit.com/r/startpages/comments/5gjfpv/terminal_in_the_browser/)Edited to match my terminal aesthetic.
6 |
7 | The code I used comes from the [here](https://github.com/NickBrisebois/dotfiles/tree/master/startpage) and [here.](https://github.com/Jarvvski/Start-Page)
8 |
9 | 
10 |
11 | *That's how it looks like*
12 |
13 | :tada: :fireworks:
14 |
--------------------------------------------------------------------------------
/css.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'SF Mono';
3 | src: url('/user/manik/library/fonts/SFmono-Light.otf') format('otf');
4 | font-style: normal;
5 | font-weight: lighter;
6 | }
7 |
8 |
9 | html, body{
10 | margin: 0;
11 | padding: 0;
12 | background-color: #111111;
13 | color: #FFFFFF;
14 | font-size: 14px;
15 |
16 | }
17 |
18 | * {
19 | font-family: 'SF Mono';
20 | font-weight: lighter;
21 | }
22 | /*
23 | #backgroundc{
24 | width: 100%;
25 | height: 100%;
26 | z-index: 0;
27 | background-image: url("/users/manik/downloads/start-page-master/back.jpg");
28 | -webkit-filter: blur(5px);
29 | background-size: cover;
30 | position: fixed;
31 | }
32 | */
33 | #container {
34 | z-index: 9999;
35 | position: fixed;
36 | padding: 0 0px 0 0px;
37 | top: 35%;
38 | left: 0;
39 | right: 0;
40 | margin-left: auto;
41 | margin-right: auto;
42 | width: 700px;
43 | height: auto;
44 | }
45 |
46 | #header {
47 | z-index: 10;
48 | -webkit-box-shadow: 1px 1px 4px 0px #111;
49 | -moz-box-shadow: 1px 1px 4px 0px #111;
50 | box-shadow: 1px 1px 4px 0px #111;
51 | border-radius: 4px;
52 | background-color: #101010;
53 | margin: 4px;
54 | padding: 8px;
55 | border: 5px solid #101010;
56 | }
57 |
58 |
59 | #links {
60 | display: -moz-box;
61 | display: -webkit-box;
62 | width: 100%;
63 | }
64 |
65 | .linksbox {
66 | -webkit-box-shadow: 1px 1px 4px 0px #111;
67 | -moz-box-shadow: 1px 1px 4px 0px #111;
68 | box-shadow: 1px 1px 4px 0px #111;
69 | -moz-box-flex: 1;
70 | -webkit-box-flex: 1;
71 | border-radius: 4px;
72 | margin: 4px;
73 | padding: 8px 8px 8px 8px;
74 | background-color: #101010;
75 | border: 5px solid #101010;
76 | }
77 |
78 | .linksbox h3 {
79 | padding-bottom: 5px;
80 | }
81 |
82 | .linksbox a{
83 | display: block;
84 | text-decoration: none;
85 | font-weight: bold;
86 | }
87 |
88 | .linksbox a.cyan:hover {
89 | font-style: italic;
90 | }
91 |
92 | .linksbox a.pink:hover {
93 | font-style: italic;
94 | }
95 | h3 {
96 | font-size: 14px;
97 | padding-bottom: 0;
98 | margin-bottom: 0;
99 | margin-top: 0;
100 | }
101 |
102 | .cyan {
103 | color: #5c8cbc;
104 | padding: 0;
105 | }
106 |
107 | .blue {
108 | color: #708ca4;
109 | padding: 0;
110 | }
111 |
112 | .green {
113 | padding: 0;
114 | color: #4fa7a1;
115 | }
116 |
117 | .pink {
118 | padding: 0;
119 | color: #8c6d94;
120 | }
121 |
122 | .red {
123 | padding: 0;
124 | color: #bf535f;
125 | }
126 | .gray {
127 | padding: 0;
128 | color: #B4B4B4;
129 | }
130 |
131 | form {
132 | display: inline;
133 | }
134 |
135 | input {
136 | display: inline;
137 | background: none;
138 | display: inline;
139 | border: none;
140 | color: #FFF;
141 | width: 70%;
142 | font-size: 14px;
143 | }
144 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
24 | Homepage
25 |
26 |
27 |
28 |
29 |
30 |
31 |
37 |
38 |
39 |
47 |
48 |
56 |
57 |
65 |
66 |
67 |
70 |
71 |