Simple landing page for my website

index.html 5.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>James Peret</title>
  6. <meta name="description" content="">
  7. <meta name="viewport" content="width=device-width">
  8. <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  9. <link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://jamesperet.com/apple-touch-icon-57x57.png" />
  10. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://jamesperet.com/apple-touch-icon-114x114.png" />
  11. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://jamesperet.com/apple-touch-icon-72x72.png" />
  12. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://jamesperet.com/apple-touch-icon-144x144.png" />
  13. <link rel="apple-touch-icon-precomposed" sizes="60x60" href="http://jamesperet.com/apple-touch-icon-60x60.png" />
  14. <link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://jamesperet.com/apple-touch-icon-120x120.png" />
  15. <link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://jamesperet.com/apple-touch-icon-76x76.png" />
  16. <link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://jamesperet.com/apple-touch-icon-152x152.png" />
  17. <link rel="icon" type="image/png" href="http://jamesperet.com/favicon-196x196.png" sizes="196x196" />
  18. <link rel="icon" type="image/png" href="http://jamesperet.com/favicon-96x96.png" sizes="96x96" />
  19. <link rel="icon" type="image/png" href="http://jamesperet.com/favicon-32x32.png" sizes="32x32" />
  20. <link rel="icon" type="image/png" href="http://jamesperet.com/favicon-16x16.png" sizes="16x16" />
  21. <link rel="icon" type="image/png" href="http://jamesperet.com/favicon-128.png" sizes="128x128" />
  22. <meta name="application-name" content="James Peret Landing Page"/>
  23. <meta name="msapplication-TileColor" content="#FFFFFF" />
  24. <meta name="msapplication-TileImage" content="http://jamesperet.commstile-144x144.png" />
  25. <meta name="msapplication-square70x70logo" content="http://jamesperet.commstile-70x70.png" />
  26. <meta name="msapplication-square150x150logo" content="http://jamesperet.commstile-150x150.png" />
  27. <meta name="msapplication-wide310x150logo" content="http://jamesperet.commstile-310x150.png" />
  28. <meta name="msapplication-square310x310logo" content="http://jamesperet.commstile-310x310.png" />
  29. <!-- build:css(.) styles/vendor.css -->
  30. <!-- bower:css -->
  31. <!-- endbower -->
  32. <!-- endbuild -->
  33. <!-- build:css(.tmp) styles/main.css -->
  34. <link rel="stylesheet" href="styles/main.css">
  35. <link rel="stylesheet" href="styles/styles.css">
  36. <link rel="stylesheet" href="styles/stars-bg.css">
  37. <!-- endbuild -->
  38. </head>
  39. <body ng-app="landingPageApp">
  40. <!--[if lte IE 8]>
  41. <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  42. <![endif]-->
  43. <!-- Add your site or application content here -->
  44. <div id="stars"></div>
  45. <div id="stars2"></div>
  46. <div ng-controller="NavCtrl as nav">
  47. <div class="center-div">
  48. <a ui-sref="main"><img ng-show="logoAnimationStart" src="images/jamesperet-logo-white.png" class="fx-fade-down fx-easing-sine fx-speed-800"></a>
  49. <div class="container-fluid link-list">
  50. <div class="row-fluid">
  51. <div class="col-sm-12 fx-fade-down fx-easing-sine fx-speed-800" ng-show="menuAnimationStart">
  52. <a href="http://blog.j1x.co" class="btn btn-link btn-lg" ng-click="track('Blog view')" target="_blank">Blog</a> |
  53. <a ui-sref="now" class="btn btn-link btn-lg" ui-sref-active="active">Now</a> |
  54. <a href="http://registry.jsonresume.org/jamesperet" class="btn btn-link btn-lg" ng-click="track('Resume view')" target="_blank">Resume</a>
  55. </div>
  56. </div>
  57. </div>
  58. <div ui-view></div>
  59. </div>
  60. </div>
  61. <!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
  62. <script>
  63. !function(A,n,g,u,l,a,r){A.GoogleAnalyticsObject=l,A[l]=A[l]||function(){
  64. (A[l].q=A[l].q||[]).push(arguments)},A[l].l=+new Date,a=n.createElement(g),
  65. r=n.getElementsByTagName(g)[0],a.src=u,r.parentNode.insertBefore(a,r)
  66. }(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  67. ga('create', 'UA-4959543-2');
  68. ga('send', 'pageview');
  69. </script>
  70. <!-- build:js(.) scripts/vendor.js -->
  71. <!-- bower:js -->
  72. <script src="bower_components/jquery/dist/jquery.js"></script>
  73. <script src="bower_components/angular/angular.js"></script>
  74. <script src="bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js"></script>
  75. <script src="bower_components/angular-animate/angular-animate.js"></script>
  76. <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
  77. <script src="bower_components/angular-touch/angular-touch.js"></script>
  78. <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
  79. <script src="bower_components/gsap/src/uncompressed/TweenMax.js"></script>
  80. <script src="bower_components/ngFx/dist/ngFx.js"></script>
  81. <script src="bower_components/mixpanel/mixpanel-jslib-snippet.js"></script>
  82. <script src="bower_components/angular-mixpanel/src/angular-mixpanel.js"></script>
  83. <!-- endbower -->
  84. <!-- endbuild -->
  85. <!-- build:js({.tmp,app}) scripts/scripts.js -->
  86. <script src="scripts/app.js"></script>
  87. <script src="scripts/controllers/nav.js"></script>
  88. <script src="scripts/controllers/main.js"></script>
  89. <script src="scripts/controllers/now.js"></script>
  90. <!-- endbuild -->
  91. </body>
  92. </html>