Bigger about link area. JS.
1.1 --- a/dark.css Sat Feb 18 04:15:43 2012 +0100
1.2 +++ b/dark.css Tue Feb 21 01:20:51 2012 +0100
1.3 @@ -415,17 +415,30 @@
1.4 #sidebar a {
1.5 display: inline-block;
1.6 border: 4px solid #262626;
1.7 - margin-right: 5px;
1.8 + margin-left: 18px;
1.9 + margin-top: 5px;
1.10 background-image: url(images/me2.png);
1.11 height: 64px;
1.12 - width: 64px;
1.13 + width: 64px;
1.14 + color: #5D5D5D;
1.15 }
1.16
1.17 #sidebar a:hover {
1.18 background-image: url(images/me.png);
1.19 + color: #eee;
1.20 }
1.21
1.22 -#random_quote {
1.23 +#sidebar p {
1.24 + margin: 0px 18px 0 0;
1.25 + padding-top: 0px;
1.26 + padding-left: 74px;
1.27 + width: 300px;
1.28 +}
1.29 +
1.30 +#random_quote {
1.31 + position: relative;
1.32 + left: -74px;
1.33 + margin-top: 5px;
1.34 color: #c95723;
1.35 font-style: italic;
1.36 }
2.1 --- a/factory/v2012/dark.css Sat Feb 18 04:15:43 2012 +0100
2.2 +++ b/factory/v2012/dark.css Tue Feb 21 01:20:51 2012 +0100
2.3 @@ -415,17 +415,30 @@
2.4 #sidebar a {
2.5 display: inline-block;
2.6 border: 4px solid #262626;
2.7 - margin-right: 5px;
2.8 + margin-left: 18px;
2.9 + margin-top: 5px;
2.10 background-image: url(images/me2.png);
2.11 height: 64px;
2.12 - width: 64px;
2.13 + width: 64px;
2.14 + color: #5D5D5D;
2.15 }
2.16
2.17 #sidebar a:hover {
2.18 background-image: url(images/me.png);
2.19 + color: #eee;
2.20 }
2.21
2.22 -#random_quote {
2.23 +#sidebar p {
2.24 + margin: 0px 18px 0 0;
2.25 + padding-top: 0px;
2.26 + padding-left: 74px;
2.27 + width: 300px;
2.28 +}
2.29 +
2.30 +#random_quote {
2.31 + position: relative;
2.32 + left: -74px;
2.33 + margin-top: 5px;
2.34 color: #c95723;
2.35 font-style: italic;
2.36 }
3.1 --- a/factory/v2012/frame.html Sat Feb 18 04:15:43 2012 +0100
3.2 +++ b/factory/v2012/frame.html Tue Feb 21 01:20:51 2012 +0100
3.3 @@ -1,5 +1,5 @@
3.4 <!DOCTYPE html>
3.5 -<html lang="en">
3.6 +<html lang="en" class="bg-grey1">
3.7 <head>
3.8 <title>ME73</title>
3.9 <meta name="author" content="Eugen Sawin <sawine@me73.com>" />
3.10 @@ -8,6 +8,7 @@
3.11 <meta name="googlebot" content="noarchive" />
3.12 <script src="jquery.js"></script>
3.13 <script src="script.js"></script>
3.14 + <link rel="stylesheet" href="base.css" type="text/css" />
3.15 <link rel="stylesheet" href="dark.css" type="text/css" />
3.16 <script type="application/javascript">
3.17 var _gaq = _gaq || [];
3.18 @@ -23,7 +24,7 @@
3.19 })();
3.20 </script>
3.21 </head>
3.22 - <body>
3.23 + <body class="bg-grey1 fg-grey1">
3.24 <div id="wrap">
3.25 <div id="header">
3.26 <canvas id="logo">
3.27 @@ -35,15 +36,15 @@
3.28 <div id="main">
3.29 /insert{content}
3.30 </div>
3.31 - <div id="sidebar">
3.32 + <div id="sidebar"><a href="about.html" class="float-left">
3.33 <p>
3.34 - <a href="about.html" class="float-left"></a>
3.35 +
3.36 I'm a programmer,<br />
3.37 a student of computer science,<br />
3.38 a music enthusiast.<br />
3.39 This is my site.
3.40 </p>
3.41 - <div id="random_quote"></div>
3.42 + <div id="random_quote"></div> </a>
3.43 </div>
3.44 </div>
3.45 <div id="footer">
4.1 --- a/factory/v2012/personalwork.html Sat Feb 18 04:15:43 2012 +0100
4.2 +++ b/factory/v2012/personalwork.html Tue Feb 21 01:20:51 2012 +0100
4.3 @@ -5,7 +5,7 @@
4.4 <ul>
4.5 <li>
4.6 <h4>Description</h4>
4.7 -A Javascript-based implementation of Conway's Game of Life.</li>
4.8 +A JavaScript-based implementation of Conway's Game of Life.</li>
4.9 <li>
4.10 <h4>Version</h4>
4.11 Stable and green.
4.12 @@ -18,7 +18,7 @@
4.13 <ul>
4.14 <li>
4.15 <h4>Description</h4>
4.16 -A Javascript-based Mandelbrot implementation.</li>
4.17 +A JavaScript-based Mandelbrot implementation.</li>
4.18 <li>
4.19 <h4>Version</h4>
4.20 Stable and slow with weird controls and ugly zooming.