Skip to content

Commit 2dd3d52

Browse files
codeyardcodeyard
authored
Added Personal Startpage with Bookmarks
1 parent 2e54e53 commit 2dd3d52

File tree

1 file changed

+215
-0
lines changed

1 file changed

+215
-0
lines changed

‎homepage.html‎

Lines changed: 215 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,215 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Homepage</title>
7+
<meta name="description" content="Personal Startpage">
8+
<meta name="keywords" content="startpage, homepage" />
9+
<meta name="robots" content="noindex,follow" />
10+
<meta name="revisit-after" content="7 days" />
11+
12+
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
13+
14+
<style type="text/css">
15+
@charset "utf-8";
16+
body {font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif;}
17+
18+
/* http://techneblog.com/article/creating-responsive-multiple-column-list */
19+
#content {
20+
font-size: 1em;
21+
width: 78.125%;
22+
max-width: 960px;
23+
text-align: left;
24+
margin: 0px auto;
25+
padding:0;
26+
}
27+
28+
.columns {
29+
-moz-column-width: 20em;
30+
-webkit-column-width: 20em;
31+
column-width: 20em;
32+
}
33+
.columns li {font-size: 1.5em;}
34+
.columns ul li:first-child {margin-top:-0.4em;}
35+
36+
input[type=text] {
37+
font-size: 1.5em;
38+
padding: 0.250em 0.667em;
39+
border: #dcdcdc 1px solid;
40+
border-radius: 0.667em;
41+
margin-bottom: 1em;
42+
width: 90.5%;
43+
}
44+
input[type=text]:focus {outline: 0 none;}
45+
46+
li a {color: #555; display: block; padding: 0.250em 0; text-decoration: none;}
47+
</style>
48+
</head>
49+
50+
<body>
51+
<div id="content">
52+
<form action="https://duckduckgo.com/?kaj=m&k5=2&kp=-1&kl=ch-de" method="get" class="search">
53+
<input type="text" name="q" value="" placeholder="DuckDuckGo" autofocus />
54+
</form>
55+
56+
<div class="columns">
57+
<ul class="fa-ul">
58+
<li>
59+
<a href="https://bitbucket.org/wog-ch/wog-v3">
60+
<span class="fa-li"><i class="fab fa-bitbucket"></i></span>Bitbucket
61+
</a>
62+
</li>
63+
<!-- li>
64+
<a href="https://www.dropbox.com/m">
65+
<span class="fa-li"><i class="fab fa-dropbox"></i></span>Dropbox
66+
</a>
67+
</li> -->
68+
<li>
69+
<a href="https://www.fastmail.com/login/">
70+
<span class="fa-li"><i class="fas fa-envelope"></i></span>Fastmail
71+
</a>
72+
</li>
73+
<li>
74+
<a href="https://feedbin.com">
75+
<span class="fa-li"><i class="fas fa-rss-square"></i></span>Feedbin
76+
</a>
77+
</li>
78+
<li>
79+
<a href="https://github.com/codeyard">
80+
<span class="fa-li"><i class="fab fa-github"></i></span>GitHub
81+
</a>
82+
</li>
83+
<li>
84+
<a href="https://gist.github.com/codeyard">
85+
<span class="fa-li"><i class="fab fa-github"></i></span>GitHub Gist
86+
</a>
87+
</li>
88+
<li>
89+
<a href="https://mail.google.com/mail">
90+
<span class="fa-li"><i class="far fa-envelope"></i></span>Gmail
91+
</a>
92+
</li>
93+
<li>
94+
<a href="https://google.com/maps">
95+
<span class="fa-li"><i class="far fa-map"></i></span>Google Maps
96+
</a>
97+
</li>
98+
<li>
99+
<a href="https://www.instapaper.com/u">
100+
<span class="fa-li"><i class="far fa-newspaper"></i></span>Instapaper
101+
</a>
102+
</li>
103+
<li>
104+
<a href="https://m.pinboard.in">
105+
<span class="fa-li"><i class="fas fa-thumbtack"></i></span>Pinboard
106+
</a>
107+
</li>
108+
<li>
109+
<a href="https://wog.slack.com/">
110+
<span class="fa-li"><i class="fab fa-slack-hash"></i></span>Slack
111+
</a>
112+
</li>
113+
<li>
114+
<a href="https://trello.com/b/169sXRB6/web-shop">
115+
<span class="fa-li"><i class="fab fa-trello"></i></span>Trello
116+
</a>
117+
</li>
118+
<li>
119+
<a href="https://mobile.twitter.com">
120+
<span class="fa-li"><i class="fab fa-twitter"></i></span>Twitter
121+
</a>
122+
</li>
123+
<li>
124+
<a href="https://en.m.wikipedia.org">
125+
<span class="fa-li"><i class="fab fa-wikipedia-w"></i></span>Wikipedia
126+
</a>
127+
</li>
128+
<li>
129+
<a href="https://m.youtube.com">
130+
<span class="fa-li"><i class="fab fa-youtube"></i></span>YouTube
131+
</a>
132+
</li>
133+
<li>
134+
<a href="https://www.wunderground.com/weather/ch/muri/IBERNE7">
135+
<span class="fa-li"><i class="fas fa-bolt"></i></span>Weather
136+
</a>
137+
</li>
138+
139+
140+
141+
<li>
142+
<a href="https://www.wog.ch">
143+
<span class="fa-li"><i class="fas fa-gamepad"></i></span>WoG
144+
</a>
145+
</li>
146+
<li>
147+
<a href="https://www.watson.ch">
148+
<span class="fa-li"><i class="far fa-newspaper"></i></span>Watson
149+
</a>
150+
</li>
151+
<li>
152+
<a href="https://m.srf.ch/news">
153+
<span class="fa-li"><i class="far fa-newspaper"></i></span>SRF News
154+
</a>
155+
</li>
156+
<li>
157+
<a href="https://www.producthunt.com/topics/tech">
158+
<span class="fa-li"><i class="fab fa-product-hunt"></i></span>Product Hunt
159+
</a>
160+
</li>
161+
<li>
162+
<a href="https://www.designernews.co">
163+
<span class="fa-li"><i class="fas fa-newspaper"></i></span>Designer News
164+
</a>
165+
</li>
166+
<li>
167+
<a href="https://news.ycombinator.com"><!-- http://hn.premii.com/ -->
168+
<span class="fa-li"><i class="fab fa-hacker-news-square"></i></span>Hacker News
169+
</a>
170+
</li>
171+
<li>
172+
<a href="https://lobste.rs">
173+
<span class="fa-li"><i class="far fa-newspaper"></i></span>Lobsters
174+
</a>
175+
</li>
176+
<li>
177+
<a href="http://www.webdesignernews.com">
178+
<span class="fa-li"><i class="far fa-newspaper"></i></span>Web Designer News
179+
</a>
180+
</li>
181+
<li>
182+
<a href="https://sidebar.io">
183+
<span class="fa-li"><i class="far fa-newspaper"></i></span>Sidebar
184+
</a>
185+
</li>
186+
<li>
187+
<a href="https://morningreader.com/top">
188+
<span class="fa-li"><i class="fas fa-coffee"></i></span>Morning Reader
189+
</a>
190+
</li>
191+
<li>
192+
<a href="https://github.com/trending">
193+
<span class="fa-li"><i class="fab fa-github"></i></span>GitHub Trending
194+
</a>
195+
</li>
196+
<li>
197+
<a href="https://m.reddit.com">
198+
<span class="fa-li"><i class="fab fa-reddit"></i></span>Reddit
199+
</a>
200+
</li>
201+
<li>
202+
<a href="http://machash.com">
203+
<span class="fa-li"><i class="fab fa-apple"></i></span>MacHash<!-- fas fa-hashtag -->
204+
</a>
205+
</li>
206+
<li>
207+
<a href="https://medium.com/browse/top">
208+
<span class="fa-li"><i class="fab fa-medium-m"></i></span>Medium
209+
</a>
210+
</li>
211+
</ul>
212+
</div>
213+
</div>
214+
</body>
215+
</html>

0 commit comments

Comments
 (0)