Centered container, issues with preview.
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">© 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">© 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 & 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>¿</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 & 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 & 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 & Research</li>
3.154 + </ul>
3.155 + </a>
3.156 + </div>
3.157 + <!--<div id="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">© 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>