Commits

Jesse London  committed 6379ec5 Draft

CV reformatting

  • Participants
  • Parent commits a867b80

Comments (0)

Files changed (1)

       section {
         max-width: 90%;
         margin: auto;
-        margin-top: 0.5em;
       }
       h1 {
         font-size: 2em;
       #experience dd:last-child {
         padding-bottom: 0;
       }
-      #skills ul {
+      .definition-group {
+        padding: 0 7em 0 4em;
+      }
+      .definition-box {
+        width: 50%;
+      }
+      .definition-box h2 {
+        text-align: center;
+      }
+      .definition-box dt, .definition-box dd {
+        display: inline;
+      }
+      .definition-box .long dt {
+        display: block;
+        padding: 0.25em;
+      }
+      .definition-box .long dd {
+        display: block;
+        margin-left: 1.5em;
+      }
+      .definition-box div {
+        padding-bottom: 0.75em;
+      }
+      .definition-box ul {
+        display: inline;
         padding-left: 0em;
         margin-top: 0.3em;
         margin-bottom: 0.75em;
         font-family: courier, "courier new", monospace;
       }
-      #skills li {
+      .definition-box li {
         display: inline;
         padding: 1em 1em 1em 0;
       }
+      #skills {
+          float: left;
+      }
+      #education {
+          float: right;
+          width: 40%;
+      }
     </style>
   </head>
   <body>
         </dd>
       </dl>
     </section>
-    <section id="skills">
-      <h2>Skills</h2>
-      <dl>
-        <dt>Programming languages</dt>
-        <dd>
-          <ul>
-            <li>Python</li>
-            <li>Ruby</li>
-            <li>PHP</li>
-            <li>Perl</li>
-            <li>C/C++</li>
-            <li>JavaScript</li>
-            <li>FORTRAN 77</li>
-          </ul>
-        </dd>
-        <dt>Databases</dt>
-        <dd>
-          <ul>
-            <li>PostgreSQL</li>
-            <li>MySQL</li>
-          </ul>
-        </dd>
-        <dt>Web servers</dt>
-        <dd>
-          <ul>
-            <li>Apache</li>
-            <li>Nginx</li>
-          </ul>
-        </dd>
-        <dt>Operating systems</dt>
-        <dd>
-          <ul>
-            <li>Linux</li>
-            <li>OS X</li>
-          </ul>
-        </dd>
-        <dt>Version control systems</dt>
-        <dd>
-          <ul>
-            <li>Mercurial</li>
-            <li>Git</li>
-            <li>Subversion</li>
-          </ul>
-        </dd>
-      </dl>
-    </section>
-    <section id="education">
-      <h2>Education</h2>
-      <dl>
-        <dt>University of Chicago</dt>
-        <dd><p>B.A. Physics <span class="period">June 2006</span></p></dd>
-      </dl>
-    </section>
+    <div class="definition-group">
+      <section id="skills" class="definition-box">
+        <h2>Skills</h2>
+        <dl>
+          <div class="long">
+            <dt>Programming languages</dt>
+            <dd>
+              <ul>
+                <li>Python</li>
+                <li>Ruby</li>
+                <li>PHP</li>
+                <li>Perl</li>
+                <li>JavaScript</li>
+                <li>C/C++</li>
+                <li>FORTRAN&nbsp;77</li>
+              </ul>
+            </dd>
+          </div>
+          <div>
+            <dt>Databases</dt>
+            <dd>
+              <ul>
+                <li>PostgreSQL</li>
+                <li>MySQL</li>
+              </ul>
+            </dd>
+          </div>
+          <div>
+            <dt>Web servers</dt>
+            <dd>
+              <ul>
+                <li>Apache</li>
+                <li>Nginx</li>
+              </ul>
+            </dd>
+          </div>
+          <div>
+            <dt>Operating systems</dt>
+            <dd>
+              <ul>
+                <li>Linux</li>
+                <li>OS X</li>
+              </ul>
+            </dd>
+          </div>
+          <div class="long">
+            <dt>Version control systems</dt>
+            <dd>
+              <ul>
+                <li>Mercurial</li>
+                <li>Git</li>
+                <li>Subversion</li>
+              </ul>
+            </dd>
+          </div>
+        </dl>
+      </section>
+      <section id="education" class="definition-box">
+        <h2>Education</h2>
+        <div class="long">
+          <dl>
+            <dt>University of Chicago</dt>
+            <dd>B.A. Physics <span class="period">June 2006</span></dd>
+          </dl>
+        </div>
+      </section>
+    </div>
   </body>
 </html>