Merge branch 'master' of https://github.com/mightypanders/dotfiles
This commit is contained in:
		
							
								
								
									
										4
									
								
								startpage/README.md
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										4
									
								
								startpage/README.md
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,4 @@
 | 
				
			|||||||
 | 
					# [Homepage](https://danggoodcode.com/startpage)
 | 
				
			||||||
 | 
					Homepage avaliable for use now at danggoodcode.com/startpage
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
							
								
								
									
										
											BIN
										
									
								
								startpage/favicon.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								startpage/favicon.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 20 KiB  | 
@@ -1,142 +1,242 @@
 | 
				
			|||||||
<html>
 | 
					<!DOCTYPE html>
 | 
				
			||||||
 | 
					<html lang="en">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<head>
 | 
					<head>
 | 
				
			||||||
		<title>main</title>
 | 
					    <meta charset="UTF-8">
 | 
				
			||||||
 | 
					    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
				
			||||||
 | 
					    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <title>Home</title>
 | 
				
			||||||
    <style type="text/css">
 | 
					    <style type="text/css">
 | 
				
			||||||
			body {background: #001;font-family: 'Hack', sans-serif;font-style: normal;color:#00a492;margin: 0px;}
 | 
					        @import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			/*.keepcentered {position: relative;center: 100%;top: 30%;width: 25%;height: 5%;margin-left: 30%; margin-top: 5%;font-weight: 100;}*/
 | 
					        body {
 | 
				
			||||||
			.keepcentered{position: absolute; top: 10%; left: 10%; right: 10%}
 | 
					            background-color: #4b6855;
 | 
				
			||||||
 | 
					            margin: 0px;
 | 
				
			||||||
			td, tr {width: 25%;text-align: left; font-size: 30px}
 | 
					        }
 | 
				
			||||||
 | 
					        .container {
 | 
				
			||||||
			a {font-family: 'Hack', sans-serif;font-weight: 100;color : #999;}
 | 
					            width: 100%;
 | 
				
			||||||
			a:hover{color: #eee;}
 | 
					            height: 100vh;
 | 
				
			||||||
			a:link {text-decoration : none;text-shadow: 0px 0px 0px #000;}
 | 
					            display: flex;
 | 
				
			||||||
 | 
					            align-items: center;
 | 
				
			||||||
			#titles {font-size: 40px;color:#00a492}
 | 
					            justify-content: center;
 | 
				
			||||||
			#time {font-size: 70px;color:#00a492}
 | 
					            flex-direction: column;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
			.event {width: 155px;height:130px;float:left;border: 1px solid #4d6774;padding: 0px 5px;}
 | 
					        #clock {
 | 
				
			||||||
			.event h5 {font-size:13px;padding: 8px 3px;margin:3px 0;color:#756f7b;}
 | 
					            font-family: sans-serif;
 | 
				
			||||||
			.event p {font-family: 'Roboto', sans-serif;font-weight: 100;color : #999;font-size: 13px;}
 | 
					            font-size: 4.5rem;
 | 
				
			||||||
 | 
					            font-weight: 600;
 | 
				
			||||||
 | 
					            font-family: "Roboto Mono";
 | 
				
			||||||
 | 
					            color: #fff;
 | 
				
			||||||
 | 
					            margin-bottom: .25em;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        #search {
 | 
				
			||||||
 | 
					            width: 100%;
 | 
				
			||||||
 | 
					            height: 100vh;
 | 
				
			||||||
 | 
					            background-color: #272727;
 | 
				
			||||||
 | 
					            display: none;
 | 
				
			||||||
 | 
					            position: absolute;
 | 
				
			||||||
 | 
					            box-sizing: border-box;
 | 
				
			||||||
 | 
					            flex-direction: column;
 | 
				
			||||||
 | 
					            align-items: center;
 | 
				
			||||||
 | 
					            justify-content: center;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        #search-field {
 | 
				
			||||||
 | 
					            width: 90%;
 | 
				
			||||||
 | 
					            padding: .75em 1em;
 | 
				
			||||||
 | 
					            box-sizing: border-box;
 | 
				
			||||||
 | 
					            background-color: #272727;
 | 
				
			||||||
 | 
					            border: solid 0px #272727;
 | 
				
			||||||
 | 
					            font-family: "Roboto Mono";
 | 
				
			||||||
 | 
					            font-size: 4rem;
 | 
				
			||||||
 | 
					            color: #f2f2f2;
 | 
				
			||||||
 | 
					            outline: none;
 | 
				
			||||||
 | 
					            border-radius: 3px;
 | 
				
			||||||
 | 
					            margin-bottom: 1em;
 | 
				
			||||||
 | 
					            text-align: center;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .weather-container {
 | 
				
			||||||
 | 
					            width: 30%;
 | 
				
			||||||
 | 
					            background-color: #272727;
 | 
				
			||||||
 | 
					            padding: 1em;
 | 
				
			||||||
 | 
					            border-radius: 3px;
 | 
				
			||||||
 | 
					            font-family: "Roboto Mono";
 | 
				
			||||||
 | 
					            color: #fff;
 | 
				
			||||||
 | 
					            text-align: center;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .inline {
 | 
				
			||||||
 | 
					            display: inline-block;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .bookmark-container {
 | 
				
			||||||
 | 
					            display: flex;
 | 
				
			||||||
 | 
					            flex-direction: row;
 | 
				
			||||||
 | 
					            justify-content: center;
 | 
				
			||||||
 | 
					            width: 100%;
 | 
				
			||||||
 | 
					            margin: 1em 0em;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        @media only screen and (max-width: 1480px) {
 | 
				
			||||||
 | 
					            .container {
 | 
				
			||||||
 | 
					                height: auto;
 | 
				
			||||||
 | 
					            }
 | 
				
			||||||
 | 
					            #clock {
 | 
				
			||||||
 | 
					                margin-top: 1em;
 | 
				
			||||||
 | 
					            }
 | 
				
			||||||
 | 
					            .container>.bookmark-container {
 | 
				
			||||||
 | 
					                flex-wrap: wrap;
 | 
				
			||||||
 | 
					                width: 80%;
 | 
				
			||||||
 | 
					            }
 | 
				
			||||||
 | 
					            .bookmark-container>.bookmark-set {
 | 
				
			||||||
 | 
					                width: auto;
 | 
				
			||||||
 | 
					                margin: 1em 0.5em;
 | 
				
			||||||
 | 
					            }
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .bookmark-set {
 | 
				
			||||||
 | 
					            padding: 1em;
 | 
				
			||||||
 | 
					            background-color: #272727;
 | 
				
			||||||
 | 
					            border-radius: 3px;
 | 
				
			||||||
 | 
					            font-family: "Roboto Mono";
 | 
				
			||||||
 | 
					            font-size: 1.35rem;
 | 
				
			||||||
 | 
					            height: auto;
 | 
				
			||||||
 | 
					            margin: 0em .5em;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .bookmark-inner-container {
 | 
				
			||||||
 | 
					            overflow-y: visible;
 | 
				
			||||||
 | 
					            overflow-x: visible;
 | 
				
			||||||
 | 
					            height: 80%;
 | 
				
			||||||
 | 
					            vertical-align: top;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .bookmark-title {
 | 
				
			||||||
 | 
					            font-size: 1.1rem;
 | 
				
			||||||
 | 
					            font-weight: 600;
 | 
				
			||||||
 | 
					            color: #fff;
 | 
				
			||||||
 | 
					            margin: 0em 0em .35em 0em;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .bookmark {
 | 
				
			||||||
 | 
					            text-decoration: none;
 | 
				
			||||||
 | 
					            text-align: center;
 | 
				
			||||||
 | 
					            color: #8c8c8b;
 | 
				
			||||||
 | 
					            display: block;
 | 
				
			||||||
 | 
					            margin: .5em 0em;
 | 
				
			||||||
 | 
					            border: solid #464646 2px;
 | 
				
			||||||
 | 
					            border-radius: 3px;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        .bookmark:hover {
 | 
				
			||||||
 | 
					            color: #fff;
 | 
				
			||||||
 | 
					            background-color: #444444; 
 | 
				
			||||||
 | 
					            border: solid #747474 2px;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
    </style>
 | 
					    </style>
 | 
				
			||||||
 | 
					    <link href="favicon.png" rel="shortcut icon" type="image/x-icon" />
 | 
				
			||||||
</head>
 | 
					</head>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	<body onload="updateClock();">
 | 
					<body>
 | 
				
			||||||
		<div class="keepcentered">
 | 
					    <div id="search">
 | 
				
			||||||
			<center><div id="time"></div></center>
 | 
					        <input id="search-field" type="text" name="search-field" onkeypress="return search(event)" />
 | 
				
			||||||
			<p>
 | 
					 | 
				
			||||||
				<center>
 | 
					 | 
				
			||||||
					<table width ="100%" border="0px">
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td id="titles">Faves</td>
 | 
					 | 
				
			||||||
							<td id="titles">Google</td>
 | 
					 | 
				
			||||||
							<td id="titles">Coding</td>
 | 
					 | 
				
			||||||
							<td id="titles">News</td>
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td><a href="https://de.todoist.com/app">Todoist</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://www.gmail.com">gMail</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://programarcadegames.com/">Pygame</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://www.faz.net">Faz</a></td>
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td><a href="http://www.youtube.com/feed/subscriptions">YouTube</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://drive.google.com">gDrive</a></td>
 | 
					 | 
				
			||||||
							<td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JS</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://www.golem.de">golem</td>
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td><a href="http://www.reddit.com/r/unixporn">r/unixporn</a></td>
 | 
					 | 
				
			||||||
							<td><a href="https://www.google.com/calendar/">gCal</a></td>
 | 
					 | 
				
			||||||
							<td><a href="https://msdn.microsoft.com/de-de/library/618ayhy6.aspx">C#</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://news.ycombinator.com">HN</a></td>
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td><a href="http://www.reddit.com/r/linux">r/linux</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://www.keep.google.com">gKeep</td>
 | 
					 | 
				
			||||||
							<td><a href="https://gist.github.com/">GistHub</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://www.heise.de">heise</a></td>
 | 
					 | 
				
			||||||
							</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td><a href="http://reddit.com/r/mechanicalkeyboards">r/MK</a></td>
 | 
					 | 
				
			||||||
							<td><!-- --></td>
 | 
					 | 
				
			||||||
							<td><a href="https://github.com/">Github</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://theregister.co.uk">Register</a></td>
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td><!-- --></td>
 | 
					 | 
				
			||||||
							<td><!-- --></td>
 | 
					 | 
				
			||||||
							<td><a href="http://trello.com">Trello</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://www.facebook.com">Facebook</a></td>
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
					</table>
 | 
					 | 
				
			||||||
				</center>
 | 
					 | 
				
			||||||
			</p>
 | 
					 | 
				
			||||||
			<p>
 | 
					 | 
				
			||||||
				<center>
 | 
					 | 
				
			||||||
					<table width="100%" border="0px">
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td id="titles">Work</td>
 | 
					 | 
				
			||||||
							<td id="titles">various</td>
 | 
					 | 
				
			||||||
							<td id="titles">Communication</td>
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td><a href="http://hvgese010:8081/tfs/VS2015/Docusuite/_dashboards">Dash</a></td>
 | 
					 | 
				
			||||||
							<td><a href="https://open.spotify.com/browse">Spotify</a></td>
 | 
					 | 
				
			||||||
							<td><a href="https://web.whatsapp.com/">WhatsApp</a></td>
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td><a href="http://mari.edatasystems.de">mari</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://my.jdownloader.org">My jd2</a></td>
 | 
					 | 
				
			||||||
							<td><a href="https://discordapp.com/channels/@me">discord</a></td>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td><a href="http://127.0.0.1:8384">syncthing</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://musicforprogramming.net/">mfp();</a></td>
 | 
					 | 
				
			||||||
							<td><a href="http://flagshipgaming.com">Flagship</a> <a href="https://flagshipgaming.com/events/">cal</a></td>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td><a href="https://mese.webuntis.com/WebUntis/index.do;jsessionid=05330733B40F3C0F68FE76AC9BA06BD9#main">nixdorf_bk_essen</a></td>
 | 
					 | 
				
			||||||
							<td><a href="https://getpocket.com/a/queue">pocket</a></td>
 | 
					 | 
				
			||||||
							<td><a href="https://chaospott.de/status.html">Door Status</td>
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
						<tr>
 | 
					 | 
				
			||||||
							<td></td>
 | 
					 | 
				
			||||||
							<td><a href="http://yavin:9090"/>Cockpit</td>
 | 
					 | 
				
			||||||
							<td></td>
 | 
					 | 
				
			||||||
						</tr>
 | 
					 | 
				
			||||||
					</table>
 | 
					 | 
				
			||||||
				</center>
 | 
					 | 
				
			||||||
			</p>
 | 
					 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
 | 
					    <div class="container">
 | 
				
			||||||
 | 
					        <div id="clock"></div>
 | 
				
			||||||
 | 
					        <div class="bookmark-container">
 | 
				
			||||||
 | 
					            <div class="bookmark-set">
 | 
				
			||||||
 | 
					                <div class="bookmark-title">Daily</div>
 | 
				
			||||||
 | 
					                <div class="bookmark-inner-container">
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://todoist.com/" >Todoist</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://mail.google.com/" >gMail</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://drive.google.com/" >gDrive</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://keep.google.com/" >gKeep</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://getpocket.com/a/queue/list/" >Pocket</a>
 | 
				
			||||||
 | 
					                </div>
 | 
				
			||||||
 | 
					            </div>
 | 
				
			||||||
 | 
					            <div class="bookmark-set">
 | 
				
			||||||
 | 
					                <div class="bookmark-title">Media</div>
 | 
				
			||||||
 | 
					                <div class="bookmark-inner-container">
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://youtube.com" >Youtube</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://play.spotify.com" >Spotify</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://musicforprogramming.net" >mfp();</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="http://yavin:81" >Heimdall</a>
 | 
				
			||||||
 | 
					                </div>
 | 
				
			||||||
 | 
					            </div>
 | 
				
			||||||
 | 
					            <div class="bookmark-set">
 | 
				
			||||||
 | 
					                <div class="bookmark-title">Reddit</div>
 | 
				
			||||||
 | 
					                <div class="bookmark-inner-container">
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://reddit.com/r/linux" >/r/linux</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://reddit.com/r/thinkpad" >/r/thinkpad</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://reddit.com/r/games" >/r/games</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://reddit.com/r/unixporn" >/r/unixporn</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://reddit.com/r/worldnews" >/r/worldnews</a>
 | 
				
			||||||
 | 
					                </div>
 | 
				
			||||||
 | 
					            </div>
 | 
				
			||||||
 | 
					            <div class="bookmark-set">
 | 
				
			||||||
 | 
					                <div class="bookmark-title">Social</div>
 | 
				
			||||||
 | 
					                <div class="bookmark-inner-container">
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://web.whatsapp.com" >Whatsapp</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://discordapp.com/channels/@me" >discord</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://chaospott.de/status.html" >foobar Door</a>
 | 
				
			||||||
 | 
					                </div>
 | 
				
			||||||
 | 
					            </div>
 | 
				
			||||||
 | 
					            <div class="bookmark-set">
 | 
				
			||||||
 | 
					                <div class="bookmark-title">Work</div>
 | 
				
			||||||
 | 
					                <div class="bookmark-inner-container">
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://mari.edatasystems.de" >mari</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="http://192.168.0.10:83" >docuwiki</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="http://hvgese010:8081/tfs" >TFS</a>
 | 
				
			||||||
 | 
					                </div>
 | 
				
			||||||
 | 
					            </div>
 | 
				
			||||||
 | 
					            <div class="bookmark-set">
 | 
				
			||||||
 | 
					                <div class="bookmark-title">News</div>
 | 
				
			||||||
 | 
					                <div class="bookmark-inner-container">
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="http://www.heise.de" >heise</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="http://www.golem.de" >golem</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://news.ycombinator.com/" >HackerNews</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://faz.net/" >FAZ</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://waz.de/" >WAZ</a>
 | 
				
			||||||
 | 
					                </div>
 | 
				
			||||||
 | 
					            </div>
 | 
				
			||||||
 | 
					            <div class="bookmark-set">
 | 
				
			||||||
 | 
					                <div class="bookmark-title">Programming</div>
 | 
				
			||||||
 | 
					                <div class="bookmark-inner-container">
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://reddit.com/r/learnprogramming" >/r/learnprog.</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://github.com/" >Github</a>
 | 
				
			||||||
 | 
					                    <a class="bookmark" href="https://gist.github.com/" >gisthub</a>
 | 
				
			||||||
 | 
					                </div>
 | 
				
			||||||
 | 
					            </div>
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <script>
 | 
				
			||||||
 | 
					        function search(e) {
 | 
				
			||||||
 | 
					            if (e.keyCode == 13) {
 | 
				
			||||||
 | 
					                var val = document.getElementById("search-field").value;
 | 
				
			||||||
 | 
					                window.open(("https://google.com/search?q=" + val), "_self");
 | 
				
			||||||
 | 
					            }
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					        function getTime() {
 | 
				
			||||||
 | 
					            let date = new Date(),
 | 
				
			||||||
 | 
					                min = date.getMinutes(),
 | 
				
			||||||
 | 
					                hour = date.getHours();
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					            return "" +
 | 
				
			||||||
 | 
					                (hour < 10 ? ("0" + hour) : hour) + ":" +
 | 
				
			||||||
 | 
					                (min < 10 ? ("0" + min) : min);
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        window.onload = () => {
 | 
				
			||||||
 | 
					            document.getElementById("clock").innerHTML = getTime();
 | 
				
			||||||
 | 
					            setInterval(() => {
 | 
				
			||||||
 | 
					                document.getElementById("clock").innerHTML = getTime();
 | 
				
			||||||
 | 
					            }, 100);
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        document.addEventListener("keydown", event => {
 | 
				
			||||||
 | 
					            if (event.keyCode == 32) {          
 | 
				
			||||||
 | 
					                document.getElementById('search').style.display = 'flex';
 | 
				
			||||||
 | 
					                document.getElementById('search-field').focus();
 | 
				
			||||||
 | 
					            } else if (event.keyCode == 27) {   
 | 
				
			||||||
 | 
					                document.getElementById('search-field').value = '';
 | 
				
			||||||
 | 
					                document.getElementById('search-field').blur();
 | 
				
			||||||
 | 
					                document.getElementById('search').style.display = 'none';
 | 
				
			||||||
 | 
					            }
 | 
				
			||||||
 | 
					        });
 | 
				
			||||||
 | 
					    </script>
 | 
				
			||||||
</body>
 | 
					</body>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 | 
					 | 
				
			||||||
	<script>
 | 
					 | 
				
			||||||
		/*
 | 
					 | 
				
			||||||
		Update the clock on a regular interval
 | 
					 | 
				
			||||||
		*/
 | 
					 | 
				
			||||||
		function updateClock() {
 | 
					 | 
				
			||||||
			Date.getMinutesTwoDigits = function()
 | 
					 | 
				
			||||||
			{
 | 
					 | 
				
			||||||
				var retval = now.getMinutes();
 | 
					 | 
				
			||||||
				if (retval < 10) return ("0" + retval.toString());
 | 
					 | 
				
			||||||
				else return retval.toString();
 | 
					 | 
				
			||||||
			}
 | 
					 | 
				
			||||||
			Date.getHoursModTwelve = function()
 | 
					 | 
				
			||||||
			{
 | 
					 | 
				
			||||||
				return now.getHours();
 | 
					 | 
				
			||||||
			}
 | 
					 | 
				
			||||||
			var ampm;
 | 
					 | 
				
			||||||
			var now = new Date(),
 | 
					 | 
				
			||||||
			time = Date.getHoursModTwelve() + ':' + Date.getMinutesTwoDigits();
 | 
					 | 
				
			||||||
			document.getElementById('time').innerHTML = ["", time].join('');
 | 
					 | 
				
			||||||
			setTimeout(updateClock, 1000);
 | 
					 | 
				
			||||||
		}
 | 
					 | 
				
			||||||
		</script>
 | 
					 | 
				
			||||||
</html>
 | 
					</html>
 | 
				
			||||||
							
								
								
									
										
											BIN
										
									
								
								startpage/mongoose-free-6.9.exe
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								startpage/mongoose-free-6.9.exe
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										29
									
								
								startpage/mongoose.conf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										29
									
								
								startpage/mongoose.conf
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,29 @@
 | 
				
			|||||||
 | 
					# Mongoose web server configuration file.
 | 
				
			||||||
 | 
					# For detailed description of every option, visit
 | 
				
			||||||
 | 
					# https://github.com/cesanta/mongoose
 | 
				
			||||||
 | 
					# Lines starting with '#' and empty lines are ignored.
 | 
				
			||||||
 | 
					# To make a change, remove leading '#', modify option's value,
 | 
				
			||||||
 | 
					# save this file and then restart Mongoose.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					# ip_acl 
 | 
				
			||||||
 | 
					# access_log_file 
 | 
				
			||||||
 | 
					# auth_domain mydomain.com
 | 
				
			||||||
 | 
					# cgi_interpreter 
 | 
				
			||||||
 | 
					# cgi_pattern **.cgi$|**.pl$|**.php$
 | 
				
			||||||
 | 
					# debug_level 0
 | 
				
			||||||
 | 
					document_root D:\Development\Source\dotfiles\startpage
 | 
				
			||||||
 | 
					# enable_dir_listing yes
 | 
				
			||||||
 | 
					# error_log_file 
 | 
				
			||||||
 | 
					# extra_headers 
 | 
				
			||||||
 | 
					# extra_mime_types 
 | 
				
			||||||
 | 
					# global_auth_file 
 | 
				
			||||||
 | 
					# hide_files_patterns 
 | 
				
			||||||
 | 
					# hexdump_file 
 | 
				
			||||||
 | 
					index_files main.html,index.html,index.htm,index.shtml,index.cgi,index.php
 | 
				
			||||||
 | 
					listening_port 8080
 | 
				
			||||||
 | 
					# ssi_pattern **.shtml$|**.shtm$
 | 
				
			||||||
 | 
					# ssl_certificate 
 | 
				
			||||||
 | 
					# ssl_key 
 | 
				
			||||||
 | 
					# ssl_ca_certificate 
 | 
				
			||||||
 | 
					start_browser no
 | 
				
			||||||
 | 
					# url_rewrites 
 | 
				
			||||||
							
								
								
									
										120
									
								
								startpage/styles.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										120
									
								
								startpage/styles.css
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,120 @@
 | 
				
			|||||||
 | 
					@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					body {
 | 
				
			||||||
 | 
					    background-color: #4b6855;
 | 
				
			||||||
 | 
					    margin: 0px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.container {
 | 
				
			||||||
 | 
					    width: 100%;
 | 
				
			||||||
 | 
					    height: 100vh;
 | 
				
			||||||
 | 
					    display: flex;
 | 
				
			||||||
 | 
					    align-items: center;
 | 
				
			||||||
 | 
					    justify-content: center;
 | 
				
			||||||
 | 
					    flex-direction: column;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#clock {
 | 
				
			||||||
 | 
					    font-family: sans-serif;
 | 
				
			||||||
 | 
					    font-size: 3.5rem;
 | 
				
			||||||
 | 
					    font-weight: 600;
 | 
				
			||||||
 | 
					    font-family: "Roboto Mono";
 | 
				
			||||||
 | 
					    color: #fff;
 | 
				
			||||||
 | 
					    margin-bottom: .25em;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#search {
 | 
				
			||||||
 | 
					    width: 100%;
 | 
				
			||||||
 | 
					    height: 100vh;
 | 
				
			||||||
 | 
					    background-color: #272727;
 | 
				
			||||||
 | 
					    display: none;
 | 
				
			||||||
 | 
					    position: absolute;
 | 
				
			||||||
 | 
					    box-sizing: border-box;
 | 
				
			||||||
 | 
					    flex-direction: column;
 | 
				
			||||||
 | 
					    align-items: center;
 | 
				
			||||||
 | 
					    justify-content: center;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#search-field {
 | 
				
			||||||
 | 
					    width: 90%;
 | 
				
			||||||
 | 
					    padding: .75em 1em;
 | 
				
			||||||
 | 
					    box-sizing: border-box;
 | 
				
			||||||
 | 
					    background-color: #272727;
 | 
				
			||||||
 | 
					    border: solid 0px #272727;
 | 
				
			||||||
 | 
					    font-family: "Roboto Mono";
 | 
				
			||||||
 | 
					    font-size: 4rem;
 | 
				
			||||||
 | 
					    color: #f2f2f2;
 | 
				
			||||||
 | 
					    outline: none;
 | 
				
			||||||
 | 
					    border-radius: 3px;
 | 
				
			||||||
 | 
					    margin-bottom: 1em;
 | 
				
			||||||
 | 
					    text-align: center;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.weather-container {
 | 
				
			||||||
 | 
					    width: 30%;
 | 
				
			||||||
 | 
					    background-color: #272727;
 | 
				
			||||||
 | 
					    padding: 1em;
 | 
				
			||||||
 | 
					    border-radius: 3px;
 | 
				
			||||||
 | 
					    font-family: "Roboto Mono";
 | 
				
			||||||
 | 
					    color: #fff;
 | 
				
			||||||
 | 
					    text-align: center;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.inline {
 | 
				
			||||||
 | 
					    display: inline-block;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.bookmark-container {
 | 
				
			||||||
 | 
					    display: flex;
 | 
				
			||||||
 | 
					    flex-direction: row;
 | 
				
			||||||
 | 
					    justify-content: center;
 | 
				
			||||||
 | 
					    width: 50%;
 | 
				
			||||||
 | 
					    margin: 1em 0em;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media only screen and (max-width: 960px) {
 | 
				
			||||||
 | 
					    .container {
 | 
				
			||||||
 | 
					        height: auto;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    #clock {
 | 
				
			||||||
 | 
					        margin-top: 1em;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    .container > .bookmark-container {
 | 
				
			||||||
 | 
					        flex-direction: column;
 | 
				
			||||||
 | 
					        width: 60%;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    .bookmark-container > .bookmark-set {
 | 
				
			||||||
 | 
					        width: auto;
 | 
				
			||||||
 | 
					        margin: 1em 0em;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.bookmark-set{
 | 
				
			||||||
 | 
					    padding: 1em;
 | 
				
			||||||
 | 
					    background-color: #272727;
 | 
				
			||||||
 | 
					    border-radius: 3px;
 | 
				
			||||||
 | 
					    font-family: "Roboto Mono";
 | 
				
			||||||
 | 
					    font-size: 1.25rem;
 | 
				
			||||||
 | 
					    height: auto;
 | 
				
			||||||
 | 
					    margin: 0em .5em;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.bookmark-inner-container {
 | 
				
			||||||
 | 
					    overflow-y: visible;
 | 
				
			||||||
 | 
					    overflow-x: visible;
 | 
				
			||||||
 | 
					    height: 80%;
 | 
				
			||||||
 | 
					    vertical-align: top;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.bookmark-title {
 | 
				
			||||||
 | 
					    font-size: 1.1rem;
 | 
				
			||||||
 | 
					    font-weight: 600;
 | 
				
			||||||
 | 
					    color: #fff;
 | 
				
			||||||
 | 
					    margin: 0em 0em .35em 0em;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.bookmark {
 | 
				
			||||||
 | 
					    text-decoration: none;
 | 
				
			||||||
 | 
					    color: #8c8c8b;
 | 
				
			||||||
 | 
					    display:block;
 | 
				
			||||||
 | 
					    margin: .5em 0em;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.bookmark:hover {
 | 
				
			||||||
 | 
					    color: #fff;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
		Reference in New Issue
	
	Block a user