forked from jltk/startpages
-
Notifications
You must be signed in to change notification settings - Fork 0
/
startpage-toosimple.html
148 lines (136 loc) · 4.99 KB
/
startpage-toosimple.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!--
Using http://fontawesome.io/ for Icons
To display the icons you need to download Font Awesome from http://fontawesome.io/
Copy the folders 'css' and 'fonts' from the font-awesome-x.x.x folder
in the same directory as this file (startpage-toosimple.html).
Find more icons you can use at http://fontawesome.io/icons/#brand
-->
<!DOCTYPE html>
<html>
<head>
<title>
🚀
</title>
<!--
.---------------.
/MMMMMMMdbMMMMMMMM\
/MMMMMMMdbMMMMMMMM\
/MMMMMMMdbMMMMMMMM\
/MMMMMMdbMMMMMMMM\
/MMMMMMdbMMMMMMM\
/MMMMMMbdMMMMMMM\
/MMMM MMMMMMMb dMMMMMMM. ,MM
/MMMM MMMMMMMMb dMMMMMMMM\ `MM
.MMMMMMMMMMMMMM` `\MMMMMMM.MMb
`MMMMMMMMMM´ `MMMMMMMb
`--------´ `------´
https://github.com/jltk/startpages
-->
<!-- META -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, minimum-scale=1.0">
<link rel="shortcut icon" href="favicon.png">
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- uncomment next line to load google webfonts -->
<!--<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">-->
<style>
html, body {
width: 100%;
min-height: 100vh;
margin: 0;
padding: 8px;
box-sizing: border-box;
}
body {
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #333;
display: flex;
justify-content: center;
align-items: center;
background-image: linear-gradient(70deg, rgba(53,60,88,.75), rgba(55,191,141,.75)), url('https://i.imgur.com/L4jWBu7.jpg');
/* background-size: cover; */ /* To display wallpaper at full screen size */
background-attachment: fixed;
}
h2 {
color: rgba(53,60,88, 0.3);
margin: 0 0 16px 0;
}
ul {
list-style: none;
margin: 0;
padding: 0;
min-width: 435px;
}
li {
display: inline-block;
padding: 4px;
margin: 0 0 20px 0;
}
a {
color: #353C58;
text-decoration: none;
padding: 8px;
}
a:hover {
color: #D2E7DC;
background: #353C58;
}
i {
padding-right: 5px;
}
@media only screen and (max-width: 840px) {
body {
background-position: top center;
}
ul {
width: 100%;
min-width: 200px;
}
}
</style>
<base target="_blank"> <!-- Opens all links in a new window -->
</head>
<body>
<div class="wrapper">
<h2>news</h2>
<ul>
<a href="https://news.ycombinator.com/"><li><i class="fa fa-y-combinator" aria-hidden="true"></i> Hacker News</li></a>
<a href="https://reddit.com/"><li><i class="fa fa-reddit" aria-hidden="true"></i> Reddit</li></a>
<a href="https://dribbble.com/"><li><i class="fa fa-dribbble" aria-hidden="true"></i> Dribbble</li></a>
</ul>
<h2>orga</h2>
<ul>
<a href="https://calendar.google.com/calendar/render#main_7"><li><i class="fa fa-calendar-o" aria-hidden="true"></i> Calendar</li></a>
<a href="https://www.evernote.com/Home.action"><li><i class="fa fa-sticky-note-o" aria-hidden="true"></i> Evernote</li></a>
<a href="https://gmail.com/"><li><i class="fa fa-google" aria-hidden="true"></i> Gmail</li></a>
<a href="https://trello.com/"><li><i class="fa fa-trello" aria-hidden="true"></i> Trello</li></a>
</ul>
<h2>social media</h2>
<ul>
<a href="https://tweetdeck.twitter.com/"><li><i class="fa fa-twitter" aria-hidden="true"></i> TweetDeck</li></a>
<a href="https://facebook.com/"><li><i class="fa fa-facebook" aria-hidden="true"></i> Facebook</li></a>
<a href="https://xing.com/"><li><i class="fa fa-xing" aria-hidden="true"></i> Xing</li></a>
<a href="https://linkedin.com/"><li><i class="fa fa-linkedin" aria-hidden="true"></i> LinkedIn</li></a>
</ul>
<h2>webdev</h2>
<ul>
<a href="https://github.com/"><li><i class="fa fa-github" aria-hidden="true"></i> GitHub</li></a>
<a href="https://codepen.io"><li><i class="fa fa-codepen" aria-hidden="true"></i> Codepen</li></a>
<a href="https://www.reddit.com/r/Angular2+Frontend+HTML+PHP+Sass+css+devops+digitalnomad+freelance+html5+javascript+learnjavascript+node+reactjs+reactnative+tinycode+userexperience+web_design+web_work+webdev+webhosting/top/?sort=top&t=day"><li><i class="fa fa-reddit-alien" aria-hidden="true"></i> Multireddit</li></a>
</ul>
<h2>entertainment</h2>
<ul>
<a href="https://youtube.com/"><li><i class="fa fa-youtube" aria-hidden="true"></i> YouTube</li></a>
<a href="https://play.spotify.com/browse"><li><i class="fa fa-spotify" aria-hidden="true"></i> Spotify</li></a>
<a href="https://www.twitch.tv/directory/game/Creative/all"><li><i class="fa fa-twitch" aria-hidden="true"></i> Twitch</li></a>
</ul>
<h2>tools</h2>
<ul>
<a href="https://web.skype.com/"><li><i class="fa fa-skype" aria-hidden="true"></i> Skype</li></a>
<a href="https://stackoverflow.com/"><li><i class="fa fa-stack-overflow" aria-hidden="true"></i> Stack Overflow</li></a>
<a href="https://slack.com/"><li><i class="fa fa-slack" aria-hidden="true"></i> Slack</li></a>
</ul>
</div>
</body>
</html>