James Peret's personal portfolio website version 2. Built with Famous.js and AngularJS.

index.html 3.6KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <meta name="description" content="">
  7. <meta name="viewport" content="width=device-width">
  8. <!-- build:css css/styles.css -->
  9. <link rel="stylesheet" href="styles/main.css">
  10. <link rel="stylesheet" href="styles/slider.css">
  11. <!-- endbuild -->
  12. <!-- build:js js/lib.js -->
  13. <!-- bower:js -->
  14. <script src="../bower_components/jQuery/dist/jquery.js"></script>
  15. <script src="../bower_components/angular/angular.js"></script>
  16. <script src="../bower_components/famous-angular/dist/famous-angular.js"></script>
  17. <script src="../bower_components/famous/dist/famous-global.min.js"></script>
  18. <script src="../bower_components/angular-animate/angular-animate.js"></script>
  19. <script src="../bower_components/angular-cookies/angular-cookies.js"></script>
  20. <script src="../bower_components/angular-resource/angular-resource.js"></script>
  21. <script src="../bower_components/angular-route/angular-route.js"></script>
  22. <script src="../bower_components/angular-sanitize/angular-sanitize.js"></script>
  23. <script src="../bower_components/angular-touch/angular-touch.js"></script>
  24. <script src="../bower_components/gsap/src/uncompressed/TweenMax.js"></script>
  25. <script src="../bower_components/ngFx/dist/ngFx.js"></script>
  26. <script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
  27. <script src="../bower_components/angular-youtube-mb/src/angular-youtube-embed.js"></script>
  28. <script src="../bower_components/createjs-preloadjs/lib/preloadjs-0.6.1.combined.js"></script>
  29. <script src="../bower_components/mixpanel/mixpanel-jslib-snippet.min.js"></script>
  30. <script src="../bower_components/angular-mixpanel/src/angular-mixpanel.js"></script>
  31. <!-- endbower -->
  32. <!-- endbuild -->
  33. <script src="https://www.youtube.com/iframe_api"></script>
  34. <!-- build:js js/app.js -->
  35. <script src="../app/scripts/app.js"></script>
  36. <script src="../app/scripts/controllers/index.js"></script>
  37. <script src="../app/scripts/controllers/background.js"></script>
  38. <script src="../app/scripts/controllers/navigation.js"></script>
  39. <script src="../app/scripts/controllers/slideshow.js"></script>
  40. <script src="../app/scripts/controllers/page.js"></script>
  41. <script src="../app/scripts/controllers/video.js"></script>
  42. <script src="../app/scripts/controllers/contact.js"></script>
  43. <script src="../app/scripts/directives/wallop-slider.js"></script>
  44. <script src="../app/scripts/services/data.js"></script>
  45. <script src="../app/scripts/services/getController.js"></script>
  46. <script src="../app/scripts/services/mandrill.js"></script>
  47. <!-- endbuild -->
  48. </head>
  49. <body ng-app="goApp">
  50. <div ng-controller='BackgroundController' class="layer-background">
  51. <fa-app id="app1">
  52. <fa-render-node fa-node="backgroundView" id="render"></fa-render-node>
  53. </fa-app>
  54. </div>
  55. <div ng-controller='NavigationController' class="layer-menu">
  56. <ul class="nav-menu">
  57. <li ng-repeat="item in navigation" class='fx-fade-normal fx-speed-1000'>
  58. <a ng-click="btnNavclick($index)" class="btn-menu">{{item.title}}</a>
  59. </li>
  60. </ul>
  61. <ul class="nav-menu submenu">
  62. <li ng-repeat="item in subNavigation" class='fx-fade-normal fx-speed-200'>
  63. <a ng-click="btnSubNavclick($index)" class="btn-menu">{{item.title}}</a>
  64. </li>
  65. </ul>
  66. <ul class="nav-menu submenu">
  67. <li ng-repeat="item in sub2Navigation" class='fx-fade-normal fx-speed-200'>
  68. <a ng-click="btnSub2Navclick($index)" class="btn-menu">{{item.title}}</a>
  69. </li>
  70. </ul>
  71. </div>
  72. <div ui-view></div>
  73. </body>
  74. </html>