-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3123762
commit bd32558
Showing
1 changed file
with
57 additions
and
38 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,41 +1,60 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <!doctype html> | ||
| <html> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Jay's Academic Portfolio</title> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| </head> | ||
| <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
| <title>N.H.</title> | ||
| <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" /> | ||
| <meta http-equiv="pragma" content="no-cache" /> | ||
| <meta name="robots" content="all" /> | ||
| <meta name="MSSmartTagsPreventParsing" content="true" /> | ||
| <meta http-equiv="imagetoolbar" content="false" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | ||
| <!--[if lt IE 9]> | ||
| <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> | ||
| <![endif]--> | ||
| <style> | ||
| * { padding: 0; margin: 0; } | ||
| body { background-color: #333; } | ||
| p { color: #fff; font-family: Helvetica; font-size: 16px; line-height: 24px; margin-bottom: 22px; -webkit-font-smoothing: antialiased; } | ||
| a { color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3); } | ||
| a:hover { color: #990000; border-bottom: 1px solid rgba(255,255,255,1); } | ||
| #monogram { width: 50px; padding: 50px 0 0 0; margin: 0 auto 0 50px; } | ||
| #about { width: 360px; padding: 0 0 0 150px; margin: -35px 50px 0 auto !important; } | ||
| @media (max-width: 767px) { | ||
| #monogram { position: relative; width: auto; padding: 20px; margin: 0; } | ||
| #about { position: relative; width: auto; padding: 20px; margin: 0 !important; } | ||
| background-image { opacity: 0.2; } | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <h1>Welcome to Jay's Portfolio</h1> | ||
| </header> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="#about">About</a></li> | ||
| <li><a href="#research">Research</a></li> | ||
| <li><a href="#publications">Publications</a></li> | ||
| <li><a href="#contact">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| <section id="about"> | ||
| <h2>About</h2> | ||
| <p>Details about your background and interests.</p> | ||
| </section> | ||
| <section id="research"> | ||
| <h2>Research</h2> | ||
| <p>Information about your research interests and projects.</p> | ||
| </section> | ||
| <section id="publications"> | ||
| <h2>Publications</h2> | ||
| <p>List your publications here.</p> | ||
| </section> | ||
| <section id="contact"> | ||
| <h2>Contact</h2> | ||
| <p>You can reach me at <a href="mailto:[email protected]">[email protected]</a>.</p> | ||
| </section> | ||
| <footer> | ||
| <p>© 2024 Jay Wang. All rights reserved.</p> | ||
| </footer> | ||
| </body> | ||
|
|
||
| <!-- swap out for a logo --> | ||
| <div id="monogram"> | ||
| <img src="monogram.png" /> | ||
| </div> | ||
|
|
||
| <!-- swap out for information about yourself --> | ||
| <div id="about"> | ||
| <p>Naz Hamid is the founder and principal of <a href="http://weightshift.com">Weightshift</a>, a design studio in San Francisco and Chicago. Aside from client work, projects include the community-oriented site <a href="http://interhoods.org">Interhoods</a> and mobile web application, <a href="http://sitby.us">SitBy.Us</a>. The two projects codenamed <em>Suplex</em> and <em>Sleeperhold</em> are aiming to be launched in 2011.</p> | ||
| <p>He writes about design and tangential topics at <a href="http://weightshift.com/memo">Memo</a>, writes in 140 characters at <a href="http://twitter.com/weightshift">Twitter</a>, posts photos to <a href="http://flickr.com/absenter"/>Flickr</a>, creates 400x300px works-in-progress on <a href="http://dribbble.com/weightshift">Dribbble</a>, sometimes makes moving pictures on <a href="http://vimeo.com/weightshift">Vimeo</a>, records items of interest at <a href="http://svpply.com/weightshift">Svpply</a>, listens to all his music on <a href="http://www.rdio.com/people/weightshift/">Rdio</a> and answers the occasional question on <a href="http://www.quora.com/Naz-Hamid">Quora</a>. He also makes music as <a href="http://murdersandmysteries.com">Murders & Mysteries</a> and released an album in 2010.</p> | ||
| <p>A <a href="http://en.wikipedia.org/wiki/Third_culture_kid">third-culture kid</a>, Naz has lived on three continents and in three countries. He currently lives in San Francisco, California, a place where he feels comfortable in his own skin.</p> | ||
| </div> | ||
|
|
||
| <!--include jquery & backstretch--> | ||
| <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | ||
| <script type="text/javascript" src="jquery.backstretch.min.js"></script> | ||
| <script type="text/javascript"> | ||
| $(function(){ | ||
| $(window).resize(function(){ | ||
| if($(this).width() >= 767){ | ||
| $.backstretch("nh_bg.jpg", {speed: 150}); | ||
| } | ||
| }) | ||
| .resize();//trigger resize on page load | ||
| }); | ||
| </script> | ||
|
|
||
| </body> | ||
| </html> |