1.1 --- a/index.html Wed Sep 29 15:23:29 2010 +0200
1.2 +++ b/index.html Mon Nov 15 00:43:59 2010 +0100
1.3 @@ -1,7 +1,7 @@
1.4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
1.5 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
1.6 <head>
1.7 - <title>Eugen Sawin - A Digital Business Card</title>
1.8 + <title>Eugen Sawin - Software Engineer</title>
1.9 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
1.10 <link href="bright.css" rel="stylesheet" type="text/css" />
1.11 <script type="text/javascript">
2.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
2.2 +++ b/v2/index.html Mon Nov 15 00:43:59 2010 +0100
2.3 @@ -0,0 +1,70 @@
2.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2.5 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
2.6 +<head>
2.7 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
2.8 + <title>Eugen Sawin - Software Engineer</title>
2.9 + <link rel="stylesheet" type="text/css" href="style.css" />
2.10 + <script type="text/javascript">
2.11 +
2.12 + var _gaq = _gaq || [];
2.13 + _gaq.push(['_setAccount', 'UA-2137333-3']);
2.14 + _gaq.push(['_trackPageview']);
2.15 +
2.16 + (function() {
2.17 + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
2.18 + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
2.19 + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
2.20 + })();
2.21 + </script>
2.22 +</head>
2.23 +<body>
2.24 + <div class="universe1"></div>
2.25 + <div class="universe3"></div>
2.26 + <div class="universe4"></div>
2.27 + <div class="menu" id="menu1">
2.28 + <a href="index.html">Pragmatic<span>!</span>
2.29 + <div class="content">
2.30 + Hi there
2.31 + </div>
2.32 + </a></br>
2.33 + <a href="recentwork.html">Effective<span>!</span></a><br/>
2.34 + <a href="recentwork.html">Creative<span>!</span></a>
2.35 + </div>
2.36 + <div class="menu" id="menu2">
2.37 + <a href="work.html">Work<span>.</span><br/>
2.38 + <div class="content">
2.39 + <p><h3>ATC Departure Flow Manager</h3>
2.40 + <span class="link">PRISMA</span> |
2.41 + <span class="link">COMSOFT GmbH</span><br/>
2.42 + Requirements Engineering<br/>
2.43 + Software Design & Development<br/>
2.44 + Development of a Domain-Specific Language</p>
2.45 +
2.46 + <p><h3>Online Data Access Platform</h3>
2.47 + <span class="missinglink">ODAP</span> |
2.48 + <span class="link">GCAA</span><br/>
2.49 + Backend Software Development<br/>
2.50 + On-Site System Integration<br/>
2.51 + User Training</p>
2.52 +
2.53 + <p><h3>Traffic Information Service - Broadcast</h3>
2.54 + <span class="link">Quadrant</span> |
2.55 + <span class="link">COMSOFT GmbH</span><br/>
2.56 + Embedded Systems Software Development<br/>
2.57 + Software Design & Development<br/>
2.58 + System Testing
2.59 + </div>
2.60 + </a>
2.61 + <a href="recentwork.html">Expertise<span>.</span></a><br/>
2.62 + <a href="recentwork.html">Service<span>.</span></a>
2.63 + </div>
2.64 + <div class="info">
2.65 + <ul>
2.66 + <li class="name">Eugen Sawin</li>
2.67 + <li class="misc">Software Engineering & Research</li>
2.68 + </ul>
2.69 + </div>
2.70 + <!--<div id="copy">© 2010</div> -->
2.71 + <div id="copy"><a href="http://www.me73.com">ME73</a></div>
2.72 +</body>
2.73 +</html>
3.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
3.2 +++ b/v2/style.css Mon Nov 15 00:43:59 2010 +0100
3.3 @@ -0,0 +1,269 @@
3.4 +* {
3.5 + margin: 0;
3.6 + padding: 0;
3.7 + border: 0;
3.8 +}
3.9 +ul, ol {
3.10 + list-style-type: none;
3.11 +}
3.12 +body {
3.13 + background: #fafafa;
3.14 + font: 15px/15px sans-serif;
3.15 + margin: 30px 80px;
3.16 + color: #333;
3.17 +}
3.18 +
3.19 +p
3.20 +{
3.21 + padding-bottom: 20px;
3.22 +}
3.23 +
3.24 +a
3.25 +{
3.26 + text-decoration: none;
3.27 + color: #aaa;
3.28 +}
3.29 +
3.30 +.content > a
3.31 +{
3.32 + color: #566;
3.33 +}
3.34 +
3.35 +a:hover
3.36 +{
3.37 + color: #333;
3.38 +}
3.39 +
3.40 +span.link
3.41 +{
3.42 + border-bottom: dashed 1px #aaa;
3.43 + position: relative;
3.44 + color: #566;
3.45 +}
3.46 +
3.47 +.menu > span.link
3.48 +{
3.49 + border-bottom: 0;
3.50 + font-size: 60px;/*72px;*/
3.51 + font-weight: bold;
3.52 + letter-spacing: 0.2px;
3.53 + line-height: 80%;
3.54 + text-transform: uppercase;
3.55 + color: #333;
3.56 +}
3.57 +
3.58 +span.missinglink
3.59 +{
3.60 + border-bottom: dashed 1px #aaa;
3.61 + position: relative:
3.62 + color: #566;
3.63 + text-decoration: line-through;
3.64 +}
3.65 +
3.66 +h3
3.67 +{
3.68 +
3.69 + padding-bottom: 5px;
3.70 + font-weight: bold;
3.71 + text-transform: uppercase;
3.72 +}
3.73 +
3.74 +.menu > a
3.75 +{
3.76 + font-size: 60px;/*72px;*/
3.77 + font-weight: bold;
3.78 + letter-spacing: 0.2px;
3.79 + line-height: 80%;
3.80 + text-transform: uppercase;
3.81 + color: #bbb;
3.82 +}
3.83 +
3.84 +.menu > a:hover
3.85 +{
3.86 + color: #333;
3.87 +}
3.88 +
3.89 +a > span
3.90 +{
3.91 + display: none;
3.92 +}
3.93 +
3.94 +a:hover > span
3.95 +{
3.96 + display: inline;
3.97 + color: red;
3.98 + font-weight: bold;
3.99 +}
3.100 +
3.101 +.menu > a .content
3.102 +{
3.103 + display: none;
3.104 + font: 12px/15px sans-serif;
3.105 + width: 100%;
3.106 + height: 45%;
3.107 + color: #333;
3.108 + position: fixed;
3.109 + margin: 30px 80px;
3.110 + left: 0;
3.111 + top: 0;
3.112 + text-transform: none;
3.113 +}
3.114 +
3.115 +.menu > a:hover .content
3.116 +{
3.117 + display: block;
3.118 + z-index: 100;
3.119 + background: #fff;
3.120 +}
3.121 +
3.122 +body > .content
3.123 +{
3.124 + font: 12px/15px sans-serif;
3.125 + width: 100%;
3.126 + color: #333;
3.127 + position: fixed;
3.128 + margin: 30px 80px;
3.129 + left: 0;
3.130 + top: 0;
3.131 + text-transform: none;
3.132 + z-index: 1;
3.133 +}
3.134 +
3.135 +.content a
3.136 +{
3.137 + border-bottom: dashed 1px #699;
3.138 + position: relative;
3.139 +}
3.140 +
3.141 +.content a:hover
3.142 +{
3.143 + border-bottom: 0;
3.144 +}
3.145 +
3.146 +div.universe1
3.147 +{
3.148 + background: #fff;
3.149 + position: absolute;
3.150 + width: 100%;
3.151 + height: 50%;
3.152 + left: 0;
3.153 + top: 0;
3.154 + text-align: center;
3.155 + color: #fff;
3.156 +}
3.157 +
3.158 +div.universe1:hover
3.159 +{
3.160 + background: #eee;
3.161 + color: #aaa;
3.162 +}
3.163 +
3.164 +div.universe2
3.165 +{
3.166 + background: #fff;
3.167 + position: absolute;
3.168 + width: 50%;
3.169 + height: 50%;
3.170 + left: 50%;
3.171 + top: 0;
3.172 + text-transform: uppercase;
3.173 + text-align: center;
3.174 + color: #fff;
3.175 +}
3.176 +
3.177 +div.universe2:hover
3.178 +{
3.179 + background: #eee;
3.180 + color: #aaa;
3.181 +}
3.182 +
3.183 +
3.184 +div.universe3
3.185 +{
3.186 + background: #fff;
3.187 + position: absolute;
3.188 + width: 50%;
3.189 + height: 50%;
3.190 + left: 0;
3.191 + top: 50%;
3.192 + text-transform: uppercase;
3.193 + text-align: center;
3.194 + color: #fff;
3.195 +}
3.196 +
3.197 +div.universe3:hover
3.198 +{
3.199 + background: #eee;
3.200 + color: #aaa;
3.201 +}
3.202 +
3.203 +
3.204 +div.universe4
3.205 +{
3.206 + background: #fff;
3.207 + position: absolute;
3.208 + width: 50%;
3.209 + height: 50%;
3.210 + left: 50%;
3.211 + top: 50%;
3.212 + text-transform: uppercase;
3.213 + text-align: center;
3.214 + color: #fff;
3.215 +}
3.216 +
3.217 +div.universe4:hover
3.218 +{
3.219 + background: #eee;
3.220 + color: #aaa;
3.221 +}
3.222 +
3.223 +div.menu
3.224 +{
3.225 + position: absolute;
3.226 + bottom: 20%;
3.227 + margin: 0 80px;
3.228 +}
3.229 +
3.230 +#menu1
3.231 +{
3.232 + left: 0;
3.233 +}
3.234 +
3.235 +#menu2
3.236 +{
3.237 + left: 50%;
3.238 +}
3.239 +
3.240 +div.info {
3.241 + position: absolute;
3.242 + bottom: 30px;
3.243 + color: #aaa;
3.244 +}
3.245 +
3.246 +div.info:hover
3.247 +{
3.248 + color: #333;
3.249 +}
3.250 +
3.251 +div.info li.name
3.252 +{
3.253 + font-weight: bold;
3.254 +}
3.255 +
3.256 +div.info li.misc
3.257 +{
3.258 + font-weight: normal;
3.259 +}
3.260 +
3.261 +#copy
3.262 +{
3.263 + position: absolute;
3.264 + bottom: 30px;
3.265 + right: 80px;
3.266 + color: #aaa;
3.267 +}
3.268 +
3.269 +#copy:hover
3.270 +{
3.271 + color: #333;
3.272 +}
4.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
4.2 +++ b/v2/work.html Mon Nov 15 00:43:59 2010 +0100
4.3 @@ -0,0 +1,78 @@
4.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4.5 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4.6 +<head>
4.7 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4.8 + <title>Eugen Sawin - Software Engineer</title>
4.9 + <link rel="stylesheet" type="text/css" href="style.css" />
4.10 + <script type="text/javascript">
4.11 +
4.12 + var _gaq = _gaq || [];
4.13 + _gaq.push(['_setAccount', 'UA-2137333-3']);
4.14 + _gaq.push(['_trackPageview']);
4.15 +
4.16 + (function() {
4.17 + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
4.18 + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
4.19 + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
4.20 + })();
4.21 + </script>
4.22 +</head>
4.23 +<body>
4.24 + <div class="universe1"></div>
4.25 + <div class="universe3"></div>
4.26 + <div class="universe4"></div>
4.27 + <div class="content">
4.28 + <p><h3>ATC Departure Flow Manager</h3>
4.29 + <a href="http://www.comsoft.aero/html/atc/products/sdp/prisma.htm" class="link1">PRISMA</a> |
4.30 + <a href="http://www.comsoft.aero/" class="link1">COMSOFT GmbH</a><br/>
4.31 + Requirements Engineering<br/>
4.32 + Software Design & Development<br/>
4.33 + Development of a Domain-Specific Language</p>
4.34 +
4.35 + <p><h3>Online Data Access Platform</h3>
4.36 + <span class="missinglink">ODAP</span> |
4.37 + <a href="http://www.gcaa.ae/en/" class="link1">GCAA</a><br/>
4.38 + Backend Software Development<br/>
4.39 + On-Site System Integration<br/>
4.40 + User Training</p>
4.41 +
4.42 + <p><h3>Traffic Information Service - Broadcast</h3>
4.43 + <a href="http://www.comsoft.aero/html/atc/products/adsb/" class="link1">Quadrant</a> |
4.44 + <a href="http://www.comsoft.aero/" class="link1">COMSOFT GmbH</a><br/>
4.45 + Embedded Systems Software Development<br/>
4.46 + Software Design & Development<br/>
4.47 + System Testing
4.48 + </div>
4.49 + <div class="menu" id="menu1">
4.50 + <a href="index.html">Pragmatic<span>!</span>
4.51 + <div class="content">
4.52 + Hi there
4.53 + </div>
4.54 + </a></br>
4.55 + <a href="recentwork.html">Effective<span>!</span></a><br/>
4.56 + <a href="recentwork.html">Creative<span>!</span></a>
4.57 + </div>
4.58 + <div class="menu" id="menu2">
4.59 + <span class="link">Work.</span><br/>
4.60 + <a href="expertise.html">Expertise<span>.</span>
4.61 + <div class="content">
4.62 + <p><h3>ATC Departure Flow Manager</h3>
4.63 + <span class="link">PRISMA</span> |
4.64 + <span class="link">COMSOFT GmbH</span><br/>
4.65 + Requirements Engineering<br/>
4.66 + Software Design & Development<br/>
4.67 + Development of a Domain-Specific Language</p>
4.68 + </div>
4.69 + </a><br/>
4.70 + <a href="recentwork.html">Service<span>.</span></a>
4.71 + </div>
4.72 + <div class="info">
4.73 + <ul>
4.74 + <li class="name">Eugen Sawin</li>
4.75 + <li class="misc">Software Engineering & Research</li>
4.76 + </ul>
4.77 + </div>
4.78 + <!--<div id="copy">© 2010</div> -->
4.79 + <div id="copy"><a href="http://www.me73.com">ME73</a></div>
4.80 +</body>
4.81 +</html>