forked from udacity/frontend-nanodegree-mobile-portfolio
/
index.html
1 lines (1 loc) · 2.88 KB
/
index.html
1
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Website Optimization Project "> <meta name="author" content="Christopher Kempton"> <title>Cameron Pittman: Portfolio</title> <script>function loadCSS( href, before, media ){"use strict"; var ss=window.document.createElement( "link" ); var ref=before || window.document.getElementsByTagName( "script" )[ 0]; var sheets=window.document.styleSheets; ss.rel="stylesheet"; ss.href=href; ss.media="only x"; ref.parentNode.insertBefore( ss, ref ); function toggleMedia(){var defined; for( var i=0; i < sheets.length; i++ ){if( sheets[ i].href && sheets[ i].href.indexOf( href ) > -1 ){defined=true;}}if( defined ){ss.media=media || "all";}else{setTimeout( toggleMedia );}}toggleMedia(); return ss;}loadCSS( "/css/style.css"); </script> <noscript><link href="css/style.css" rel="stylesheet"></noscript> <link href="css/print.css" rel="stylesheet" media="print"> </head> <body> <header> <a href="/"><img src="img/profilepic.jpg"></a> <p>Cameron Pittman<br><span id="hdrSpan">Course Developer</span></p></header> <div class="container"> <div class="hero"> <strong>I love web development!</strong> This is a template for a simple portfolio. I decided to use it to showcase a few Udacity courses I've taken and some teaching work, but you can use it to showcase any kind of project that you want the world to see :) <br>Contact me: me@email.com </div><div class="content"> <ul> <li> <img src="https://lh4.ggpht.com/kJEnfqhPvtm4m3EneSZ4fWYGS8lW4YNhEjk6zPkyrQaBUHc-2Y_ElDic99NHI0h-UBLXVbRCjFybFvrWxdk=s100" class="pic"> <a href="project-2048.html">Build Your Own 2048!</a> <p class="para">I made my own version of 2048. How cool is that!?</p></li><li> <img src="https://lh6.ggpht.com/f_0W8h__3G99CWTjnMjD8BUKm7yp2-wJyApLtTwFoFtlal2ULf_JgHIsOQq2NiYfKOdMlXlMHDKNo5XVZLs=s100" class="pic"> <a href="project-webperf.html">Website Performance Optimization</a> <p class="para">Hey... this class looks familiar.</p></li><li> <img class="pic" src="https://lh5.ggpht.com/IKdCmTWn8a2nMhlwMYzryvzRN5CUZAOBr4tDrEAbszV7TIFe9pRAInA4kkYcgTXwrifJsBEsq1agTueuu-g=s100"> <a href="project-mobile.html">Mobile Web Development</a> <p class="para">Making mobile apps isn't so hard after all.</p></li><li> <img class="pic" id="trickypicture" src="views/images/pizzeria.jpg"> <a href="views/pizza.html">Cam's Pizzeria</a> <p class="para">Who wants a performant pizza?</p></li></ul> </div></div><footer> <p>© Web Performance 2014 <span id="crp-stats"></span></p></footer> <script>window.addEventListener("load", function(event){logCRP();}); function logCRP(){var t=window.performance.timing, dcl=t.domContentLoadedEventStart - t.domLoading, complete=t.domComplete - t.domLoading; var stats=document.getElementById("crp-stats"); stats.textContent='DCL: ' + dcl + 'ms, onload: ' + complete + 'ms';}</script> </body></html>