127 lines
		
	
	
		
			4.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			127 lines
		
	
	
		
			4.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<html>
 | 
						|
	<head>
 | 
						|
		<title>main</title>
 | 
						|
		<style type="text/css">
 | 
						|
			body {background: #001;font-family: 'Hack', sans-serif;font-style: normal;color:#00a492;margin: 0px;}
 | 
						|
 | 
						|
			/*.keepcentered {position: relative;center: 100%;top: 30%;width: 25%;height: 5%;margin-left: 30%; margin-top: 5%;font-weight: 100;}*/
 | 
						|
			.keepcentered{position: absolute; top: 10%; left: 10%; right: 10%}
 | 
						|
 | 
						|
			td, tr {width: 25%;text-align: left; font-size: 30px}
 | 
						|
 | 
						|
			a {font-family: 'Hack', sans-serif;font-weight: 100;color : #999;}
 | 
						|
			a:hover{color: #eee;}
 | 
						|
			a:link {text-decoration : none;text-shadow: 0px 0px 0px #000;}
 | 
						|
			
 | 
						|
			#titles {font-size: 40px;color:}
 | 
						|
			#time {font-size: 70px;color:}
 | 
						|
 | 
						|
			.event {width: 155px;height:130px;float:left;border: 1px solid #4d6774;padding: 0px 5px;}
 | 
						|
			.event h5 {font-size:13px;padding: 8px 3px;margin:3px 0;color:#756f7b;}
 | 
						|
			.event p {font-family: 'Roboto', sans-serif;font-weight: 100;color : #999;font-size: 13px;}
 | 
						|
		</style>
 | 
						|
	</head>
 | 
						|
 | 
						|
	<body onload="updateClock();">
 | 
						|
		<div class="keepcentered">
 | 
						|
			<center><div id="time"></div></center>
 | 
						|
			<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><!-- --></td>
 | 
						|
							<td><a href="http://www.gmail.com">gMail</a></td>
 | 
						|
							<td><a href="http://php.net/manual/en/langref.php">PHP</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="http://www.cplusplus.com/reference/">C++</a></td>
 | 
						|
							<td><a href="https://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://msdn.microsoft.com/de-de/library/618ayhy6.aspx">C#</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">Hobbies</td>
 | 
						|
							<td id="titles">Communication</td>
 | 
						|
						</tr>
 | 
						|
						<tr>
 | 
						|
							<td><a href="http://hvgese010:8081/tfs/_rooms#_a=today&name=Raum+Docusuite-Team&collectionName=VS2015">DS Chat</a></td>
 | 
						|
							<td><a></a></td>
 | 
						|
							<td><a href="https://web.whatsapp.com/">WhatsApp</a></td>
 | 
						|
						</tr>
 | 
						|
						<tr>
 | 
						|
								<td><a href="http://hvgese010:8081/tfs/VS2015/Docusuite/_dashboards">DS Dash</td>
 | 
						|
							</tr>
 | 
						|
							<tr>
 | 
						|
								<td><a href="http://hvgese010:8081/tfs/VS2015/smartdocusuite/_dashboards">smartDS Dash</td>
 | 
						|
							</tr>
 | 
						|
					</table>
 | 
						|
				</center>
 | 
						|
			</p>
 | 
						|
		</div>
 | 
						|
	</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>
 |