Centered container, issues with preview.
authorEugen Sawin <sawine@me73.com>
Tue, 16 Nov 2010 20:05:52 +0100
changeset 2132923d84e8fb
parent 20 ea66b23342a3
child 22 38931aca0bff
Centered container, issues with preview.
v2/expertise.html
v2/index.html
v2/service.html
v2/style.css
v2/work.html
     1.1 --- a/v2/expertise.html	Tue Nov 16 16:00:03 2010 +0100
     1.2 +++ b/v2/expertise.html	Tue Nov 16 20:05:52 2010 +0100
     1.3 @@ -23,6 +23,7 @@
     1.4  	<div class="universe2"><<<</div>
     1.5  	<div class="universe3"></div>
     1.6  	<div class="universe4"></div>
     1.7 +	<div id="container">
     1.8  	<div class="content">	
     1.9  		<div class="entry">
    1.10  			<h3>Responsibilities</h3>
    1.11 @@ -118,7 +119,7 @@
    1.12  		<span class="link">Expertise.</span><br/>		
    1.13  		<a href="service.html">Service<span>.</span></a>
    1.14  	</div>
    1.15 -	<div class="info"> 
    1.16 +	<div id="info"> 
    1.17  		<a href="mailto:contact@esawin.com">
    1.18  		<ul> 
    1.19  			<li class="name">Eugen Sawin</li> 
    1.20 @@ -128,5 +129,6 @@
    1.21  	</div> 
    1.22  	<!--<div id="copy">&copy; 2010</div> -->
    1.23  	<div id="copy"><a href="http://www.me73.com">ME73</a></div>
    1.24 +	</div>
    1.25  </body> 
    1.26  </html> 
     2.1 --- a/v2/index.html	Tue Nov 16 16:00:03 2010 +0100
     2.2 +++ b/v2/index.html	Tue Nov 16 20:05:52 2010 +0100
     2.3 @@ -22,6 +22,7 @@
     2.4  	<div class="universe1"></div>
     2.5  	<div class="universe3"></div>
     2.6  	<div class="universe4"></div>
     2.7 +	<div id="container">
     2.8  	<div class="menu" id="menu1">
     2.9  		<a href="index.html">Pragmatic<span>!</span>
    2.10  				<div class="content">
    2.11 @@ -110,5 +111,6 @@
    2.12  	</div> 
    2.13  	<!--<div id="copy">&copy; 2010</div> -->
    2.14  	<div id="copy"><a href="http://www.me73.com">ME73</a></div>
    2.15 +	</div>
    2.16  </body> 
    2.17  </html> 
     3.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     3.2 +++ b/v2/service.html	Tue Nov 16 20:05:52 2010 +0100
     3.3 @@ -0,0 +1,158 @@
     3.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
     3.5 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     3.6 +<head> 
     3.7 +	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     3.8 +	<title>Eugen Sawin - Software Engineer</title>  
     3.9 +	<link rel="stylesheet" type="text/css" href="style.css" />
    3.10 +	<script type="text/javascript">
    3.11 +	  var _gaq = _gaq || [];
    3.12 +	  _gaq.push(['_setAccount', 'UA-2137333-3']);
    3.13 +	  _gaq.push(['_trackPageview']);
    3.14 +
    3.15 +	  (function() {
    3.16 +		var ga = document.createElement('script'); ga.type = 'text/javascript';
    3.17 +		ga.async = true;
    3.18 +		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 				'http://www') + '.google-analytics.com/ga.js';
    3.19 +		var s = document.getElementsByTagName('script')[0];
    3.20 +		s.parentNode.insertBefore(ga, s);
    3.21 +	  })();
    3.22 +	</script>
    3.23 +</head> 
    3.24 +<body>
    3.25 +	<div class="universe1"></div>
    3.26 +	<div class="universe2"><<<</div>
    3.27 +	<div class="universe3"></div>
    3.28 +	<div class="universe4"></div>
    3.29 +	<div id="container">
    3.30 +	<div class="content">	
    3.31 +		<div class="entry">
    3.32 +			<h3>Software Development</h3>
    3.33 +			Blub
    3.34 +			<div class="details">
    3.35 +				Departure flow management is an integral part of air traffic
    3.36 +				control optimisation. Take-off time assignment must consider the
    3.37 +				projected flight route and possible occurences of airspace
    3.38 +				constraint violations.</br>
    3.39 +				To be continued...		
    3.40 +			</div>
    3.41 +		</div>		
    3.42 +		<div class="entry">
    3.43 +			<h3>Research</h3>
    3.44 +			Backend Software Development<br/>
    3.45 +			On-Site System Integration<br/>
    3.46 +			User Training
    3.47 +			<div class="details">
    3.48 +				Departure flow management is an integral part of air traffic
    3.49 +				control optimisation. Take-off time  must  the
    3.50 +				projected  route and possible  of airspace
    3.51 +				constraint violations.</br>
    3.52 +				To be continued...		
    3.53 +			</div>
    3.54 +		</div>	
    3.55 +		<div class="entry">
    3.56 +			<h3>Traffic Information Service - Broadcast</h3>
    3.57 +			<a href="http://www.comsoft.aero/html/atc/products/adsb/" class="link1">Quadrant</a> | 
    3.58 +			<a href="http://www.comsoft.aero/" class="link1">COMSOFT GmbH</a><br/>
    3.59 +			Embedded Systems Software Development<br/>
    3.60 +			Software Design &amp; Development<br/>
    3.61 +			System Testing	
    3.62 +			<div class="details">
    3.63 +				Departure flow management is an integral part of air traffic
    3.64 +				control . Take-off time assignment must consider the
    3.65 +				projected flight route and  occurences of airspace
    3.66 +				constraint violations.</br>
    3.67 +				To be continued...		
    3.68 +			</div>	
    3.69 +		</div>
    3.70 +	</div>			
    3.71 +	<div class="menu" id="menu1">
    3.72 +		<a href="index.html">Pragmatic<span>!</span>
    3.73 +				<div class="content">
    3.74 +					Hi there
    3.75 +				</div>							
    3.76 +		</a></br>		
    3.77 +		<a href="recentwork.html">Effective<span>+</span></a><br/>
    3.78 +		<a href="recentwork.html">Creative<span>&iquest;</span></a>
    3.79 +	</div>
    3.80 +	<div class="menu" id="menu2">
    3.81 +		<a href="work.html">Work<span>.</span>
    3.82 +			<div class="content">	
    3.83 +				<div class="entry">
    3.84 +					<h3>ATC Departure Flow Manager</h3>
    3.85 +					<span class="link">PRISMA</span> | 
    3.86 +					<span class="link">COMSOFT GmbH</span><br/>
    3.87 +					Requirements Engineering<br/>
    3.88 +					Software Design &amp; Development<br/>
    3.89 +					Development of a Domain-Specific Language
    3.90 +				</div>		
    3.91 +				<div class="entry">
    3.92 +					<h3>Online Data Access Platform</h3>
    3.93 +					<span class="missinglink">ODAP</span> |
    3.94 +					<span class="link">GCAA</span><br/> 
    3.95 +					Backend Software Development<br/>
    3.96 +					On-Site System Integration<br/>
    3.97 +					User Training
    3.98 +				</div>	
    3.99 +				<div class="entry">
   3.100 +					<h3>Traffic Information Service - Broadcast</h3>
   3.101 +					<span class="link">Quadrant</span> | 
   3.102 +					<span class="link">COMSOFT GmbH</span><br/>
   3.103 +					Embedded Systems Software Development<br/>
   3.104 +					Software Design &amp; Development<br/>
   3.105 +					System Testing	
   3.106 +				</div>
   3.107 +			</div>			
   3.108 +		</a><br/>
   3.109 +		<a href="expertise.html">Expertise<span>.</span>
   3.110 +			<div class="content">	
   3.111 +				<div class="entry">
   3.112 +					<h3>Responsibilities</h3>
   3.113 +					<span class="red">Software Development: </span>
   3.114 +					Requirements Analysis, Design, Implementation, Test and
   3.115 +					Documentation<br/>
   3.116 +					<span class="red">Integration: </span>
   3.117 +					On-Site System Integration, Configuration and Testing</br>
   3.118 +					<span class="red">Administration: </span>
   3.119 +					Remote Linux/Unix Administration<br/>
   3.120 +					<span class="red">Training: </span>
   3.121 +					User Training and Trainer Training
   3.122 +				</div>	
   3.123 +				<div class="entry">
   3.124 +					<h3>Natural Languages</h3>
   3.125 +					<span class="red">Fluent: </span>German and English<br/>
   3.126 +					<span class="red">Basic: </span>Russian and French
   3.127 +				</div>
   3.128 +				<div class="entry">
   3.129 +					<h3>Programming Languages</h3>
   3.130 +					<span class="red">Expert: </span>C++, C and Python<br/>
   3.131 +					<span class="red">Advanced: </span>C# and Java<br/>
   3.132 +					<span class="red">Basic: </span>Haskell, Prolog and Common Lisp<br/>
   3.133 +					<span class="red">Web: </span>JavaScript, XHTML, HTML5 and CSS<br/>
   3.134 +				</div>			
   3.135 +				<div class="entry">
   3.136 +					<h3>Technologies</h3>
   3.137 +					<span class="red">Network: </span>Berkley Sockets, TCP/UDP, ICMP,
   3.138 +					SNMP, HTTP and Peer-to-Peer Communication<br/>
   3.139 +					<span class="red">Database: </span>SQL, MySQL and SQLite<br/>
   3.140 +					<span class="red">Webserver: </span>Apache<br/>
   3.141 +					<span class="red">Operating Systems: </span>Linux and Windows<br/>
   3.142 +					<span class="red">Environments: </span>Eclipse, Visual Studio,
   3.143 +					Emacs and vim<br/>
   3.144 +				</div>
   3.145 +			</div>
   3.146 +		</a><br/>
   3.147 +		<span class="link">Service.</span><br/>
   3.148 +	</div>
   3.149 +	<div class="info"> 
   3.150 +		<a href="mailto:contact@esawin.com">
   3.151 +		<ul> 
   3.152 +			<li class="name">Eugen Sawin</li> 
   3.153 +			<li class="misc">Software Engineering &amp; Research</li> 
   3.154 +		</ul> 
   3.155 +		</a>
   3.156 +	</div>  
   3.157 +	<!--<div id="copy">&copy; 2010</div> -->
   3.158 +	<div id="copy"><a href="http://www.me73.com">ME73</a></div>
   3.159 +	</div>
   3.160 +</body> 
   3.161 +</html> 
     4.1 --- a/v2/style.css	Tue Nov 16 16:00:03 2010 +0100
     4.2 +++ b/v2/style.css	Tue Nov 16 20:05:52 2010 +0100
     4.3 @@ -16,6 +16,15 @@
     4.4  	font: 15px/15px sans-serif;
     4.5  	margin: 30px 80px;
     4.6  	color: #333;
     4.7 +	text-align: center;
     4.8 +}
     4.9 +
    4.10 +#container
    4.11 +{
    4.12 +	margin-left: auto;
    4.13 +	margin-right: auto;
    4.14 +	width: 1000px;
    4.15 +	text-align: left;
    4.16  }
    4.17  
    4.18  .red
    4.19 @@ -122,16 +131,15 @@
    4.20  	display: block;	
    4.21  }
    4.22  
    4.23 -body > .content
    4.24 +body > #container > .content
    4.25  {
    4.26  	font: 12px/15px sans-serif;	
    4.27  	width: 50%;
    4.28  	height: 400px;
    4.29  	color: #555;
    4.30 -	position: fixed;
    4.31 -	margin: 30px 80px;
    4.32 -	left: 0;
    4.33 -	top: 0;
    4.34 +	position: absolute;
    4.35 +	margin-left: auto;
    4.36 +	margin-right: auto;
    4.37  	text-transform: none;
    4.38  	z-index: 1;
    4.39  }
    4.40 @@ -160,9 +168,9 @@
    4.41  	width: 400px;
    4.42  	height: 400px;
    4.43  	color: #333;
    4.44 -	position: fixed;
    4.45 -	margin: 30px 80px;
    4.46 -	left: 50%;
    4.47 +	position: absolute;
    4.48 +	margin-left: 500px;
    4.49 +	margin-right: auto;
    4.50  	top: 0;
    4.51  	text-transform: none;
    4.52  	background: #fafafa;
    4.53 @@ -260,47 +268,50 @@
    4.54  {
    4.55  	position: absolute;
    4.56  	bottom: 150px;
    4.57 -	margin: 0 80px;
    4.58 +	
    4.59  }
    4.60  
    4.61  #menu1
    4.62 -{
    4.63 -	left: 0;
    4.64 +{	
    4.65  	width: 400px;
    4.66  }
    4.67  
    4.68  #menu2
    4.69  {
    4.70 -	left: 50%;
    4.71 +	margin-left: 500px;
    4.72 +	margin-right: auto;
    4.73  	width: 400px;
    4.74  }
    4.75  
    4.76 -div.info {
    4.77 +#info 
    4.78 +{
    4.79  	position: absolute;
    4.80  	bottom: 30px;
    4.81 +	width: 400px;
    4.82  	color: #aaa;
    4.83  }
    4.84  
    4.85 -div.info:hover
    4.86 +#info:hover
    4.87  {
    4.88  	color: #333;
    4.89  }
    4.90  
    4.91 -div.info li.name
    4.92 +#info li.name
    4.93  {
    4.94  	font-weight: bold;
    4.95  }
    4.96  
    4.97 -div.info li.misc
    4.98 +#info li.misc
    4.99  {
   4.100  	font-weight: normal;
   4.101  }
   4.102  
   4.103 -#copy 
   4.104 +#container #copy 
   4.105  {
   4.106  	position:	absolute;
   4.107  	bottom:		30px;
   4.108 -	right:		80px;
   4.109 +	margin-left: 812px;
   4.110 +	margin-right: auto;
   4.111  	color: 		#aaa;
   4.112  }
   4.113  
     5.1 --- a/v2/work.html	Tue Nov 16 16:00:03 2010 +0100
     5.2 +++ b/v2/work.html	Tue Nov 16 20:05:52 2010 +0100
     5.3 @@ -23,6 +23,7 @@
     5.4  	<div class="universe2"><<<</div>
     5.5  	<div class="universe3"></div>
     5.6  	<div class="universe4"></div>
     5.7 +	<div id="container">
     5.8  	<div class="content">	
     5.9  		<div class="entry">
    5.10  			<h3>ATC Departure Flow Manager</h3>
    5.11 @@ -131,5 +132,6 @@
    5.12  	</div> 
    5.13  	<!--<div id="copy">&copy; 2010</div> -->
    5.14  	<div id="copy"><a href="http://www.me73.com">ME73</a></div>
    5.15 +	</div>
    5.16  </body> 
    5.17  </html>