atlanticbiomedical/website
1
0
Fork 0
mirror of https://github.com/atlanticbiomedical/website.git synced 2025-07-01 18:07:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Dobie Wollert
2014-09-29 22:42:21 -07:00
commit 5151e6875d
17 changed files with 410 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/details.html Normal file
View File

@ -0,0 +1,6 @@
<img ng-src="{{post.header}}">
<div class="title">{{post.title}}</div>
<div class="body">{{post.body}}</div>
<div class="images">
<img ng-repeat="image in images track by $index" ng-src="{{image}}">
</div>

48
src/app/index.js Normal file
View File

@ -0,0 +1,48 @@
angular.module('biomed-frontend', [
'templates',
'ui.router',
'ngResource',
'angular-loading-bar'
])
.factory('Posts', function($resource) {
return $resource('/api/:id',
{ id: '@id' }
);
})
.config(function($urlRouterProvider, $locationProvider) {
$locationProvider.html5Mode(true);
})
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('site', {
abstract: true,
templateUrl: 'app/layout.html'
})
.state('site.list', {
url: '/',
templateUrl: 'app/list.html',
resolve: {
posts: function(Posts) {
return Posts.query();
}
},
controller: function($scope, posts, $timeout) {
$scope.posts = posts;
}
})
.state('site.details', {
url: '/posts/:id',
templateUrl: 'app/details.html',
resolve: {
post: function(Posts, $stateParams) {
return Posts.get($stateParams);
}
},
controller: function($scope, post) {
post.$promise.then(function() {
$scope.post = post;
$scope.images = post.images;
});
}
});
});

3
src/app/layout.html Normal file
View File

@ -0,0 +1,3 @@
<h1>Much Header</h1>
<div ui-view></div>
<h2>Very Footer</h2>

6
src/app/list.html Normal file
View File

@ -0,0 +1,6 @@
<div ng-repeat="post in posts">
<img ng-src="{{post.image}}">
<div class="title">{{post.title}}</div>
<div class="body">{{post.body}}</div>
<a ui-sref="site.details(post)" ng-show="post.more">Show More</a>
</div>

15
src/index.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en" ng-app="biomed-frontend">
<head>
<base href="/">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Atlantic Biomedical</title>
<link href="/styles.css" rel="stylesheet">
</head>
<body>
<div ui-view></div>
<script src="/vendor.js"></script>
<script src="/app.js"></script>
</body>
</html>

9
src/styles/_biomed.scss Normal file
View File

@ -0,0 +1,9 @@
// Put biomed styles in here
@import "components/loading-bar";
img {
width: 200px;
height: 200px;
}

2
src/styles/_settings.scss Normal file
View File

@ -0,0 +1,2 @@
// You can override any foundation settings in this file.
// See vendor/foundation/scss/foundation/_settings.scss

105
src/styles/components/_loading-bar.scss Normal file
View File

@ -0,0 +1,105 @@
$loading-bar-color: #2c3e50 !default;
#loading-bar,
#loading-bar-spinner {
pointer-events: none;
-webkit-pointer-events: none;
-webkit-transition: 350ms linear all;
-moz-transition: 350ms linear all;
-o-transition: 350ms linear all;
transition: 350ms linear all;
}
#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
opacity: 0;
}
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
opacity: 1;
}
#loading-bar .bar {
-webkit-transition: width 350ms;
-moz-transition: width 350ms;
-o-transition: width 350ms;
transition: width 350ms;
background: $loading-bar-color;
position: fixed;
z-index: 10002;
top: 0;
left: 0;
width: 100%;
height: 2px;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px;
}
/* Fancy blur effect */
#loading-bar .peg {
position: absolute;
width: 70px;
right: 0;
top: 0;
height: 2px;
opacity: .45;
-moz-box-shadow: $loading-bar-color 1px 0 6px 1px;
-ms-box-shadow: $loading-bar-color 1px 0 6px 1px;
-webkit-box-shadow: $loading-bar-color 1px 0 6px 1px;
box-shadow: $loading-bar-color 1px 0 6px 1px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
#loading-bar-spinner {
display: block;
position: fixed;
z-index: 10002;
top: 10px;
left: 10px;
}
#loading-bar-spinner .spinner-icon {
width: 14px;
height: 14px;
border: solid 2px transparent;
border-top-color: $loading-bar-color;
border-left-color: $loading-bar-color;
border-radius: 10px;
-webkit-animation: loading-bar-spinner 400ms linear infinite;
-moz-animation: loading-bar-spinner 400ms linear infinite;
-ms-animation: loading-bar-spinner 400ms linear infinite;
-o-animation: loading-bar-spinner 400ms linear infinite;
animation: loading-bar-spinner 400ms linear infinite;
}
@-webkit-keyframes loading-bar-spinner {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
0% { transform: rotate(0deg); transform: rotate(0deg); }
100% { transform: rotate(360deg); transform: rotate(360deg); }
}

5
src/styles/styles.scss Normal file
View File

@ -0,0 +1,5 @@
@import "settings";
@import "normalize";
@import "foundation";
@import "biomed";