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

index.html 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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. <!-- endbower -->
  30. <!-- endbuild -->
  31. <script src="https://www.youtube.com/iframe_api"></script>
  32. <!-- build:js js/app.js -->
  33. <script src="../app/scripts/app.js"></script>
  34. <script src="../app/scripts/controllers/index.js"></script>
  35. <script src="../app/scripts/controllers/background.js"></script>
  36. <script src="../app/scripts/controllers/navigation.js"></script>
  37. <script src="../app/scripts/controllers/slideshow.js"></script>
  38. <script src="../app/scripts/controllers/page.js"></script>
  39. <script src="../app/scripts/controllers/video.js"></script>
  40. <script src="../app/scripts/directives/wallop-slider.js"></script>
  41. <script src="../app/scripts/services/data.js"></script>
  42. <script src="../app/scripts/services/getController.js"></script>
  43. <!-- endbuild -->
  44. </head>
  45. <body ng-app="goApp">
  46. <div ng-controller='BackgroundController' class="layer-background">
  47. <fa-app id="app1">
  48. <fa-render-node fa-node="backgroundView" id="render"></fa-render-node>
  49. </fa-app>
  50. </div>
  51. <div ng-controller='NavigationController' class="layer-menu">
  52. <ul class="nav-menu">
  53. <li ng-repeat="item in navigation" class='fx-fade-normal fx-speed-1000'>
  54. <a ng-click="btnNavclick($index)" class="btn-menu">{{item.title}}</a>
  55. </li>
  56. </ul>
  57. <ul class="nav-menu submenu">
  58. <li ng-repeat="item in subNavigation" class='fx-fade-normal fx-speed-200'>
  59. <a ng-click="btnSubNavclick($index)" class="btn-menu">{{item.title}}</a>
  60. </li>
  61. </ul>
  62. <ul class="nav-menu submenu">
  63. <li ng-repeat="item in sub2Navigation" class='fx-fade-normal fx-speed-200'>
  64. <a ng-click="btnSub2Navclick($index)" class="btn-menu">{{item.title}}</a>
  65. </li>
  66. </ul>
  67. </div>
  68. <div ui-view></div>
  69. </body>
  70. </html>