mirror of
https://github.com/atlanticbiomedical/website.git
synced 2025-07-01 18:07:27 -04:00
Moved everything into a folder
This commit is contained in:
Dobie Wollert
3
biomed-frontend/.bowerrc
Normal file
3
biomed-frontend/.bowerrc
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"directory": "vendor"
|
||||
}
|
||||
16
biomed-frontend/bower.json
Normal file
16
biomed-frontend/bower.json
Normal file
@ -0,0 +1,16 @@
|
||||
{
|
||||
"name": "themestore-web",
|
||||
"dependencies": {
|
||||
"angular": "~1.3",
|
||||
"angular-resource": "~1.3",
|
||||
"angular-sanitize": "~1.2.23",
|
||||
"angular-ui-router": "~0.2.10",
|
||||
"jquery": "~2.1.1",
|
||||
"lodash": "~2.4.1",
|
||||
"angular-loading-bar": "~0.5.2",
|
||||
"foundation": "5.4.2",
|
||||
"masonry": "~3.1.5",
|
||||
"angular-masonry": "~0.9.1",
|
||||
"imagesloaded": "~3.1.8"
|
||||
}
|
||||
}
|
||||
BIN
biomed-frontend/demo/entry1/image.jpg
Normal file
BIN
biomed-frontend/demo/entry1/image.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
11
biomed-frontend/demo/entry1/index.json
Normal file
11
biomed-frontend/demo/entry1/index.json
Normal file
@ -0,0 +1,11 @@
|
||||
{
|
||||
"id": "entry1",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "AB's Home",
|
||||
"header": "/demo/entry1/image.jpg",
|
||||
"images": [
|
||||
"/demo/entry1/image.jpg",
|
||||
"/demo/entry1/image.jpg",
|
||||
"/demo/entry1/image.jpg"
|
||||
]
|
||||
}
|
||||
72
biomed-frontend/demo/index.json
Normal file
72
biomed-frontend/demo/index.json
Normal file
@ -0,0 +1,72 @@
|
||||
[
|
||||
{
|
||||
"id": "entry1",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "AB's Home",
|
||||
"image": "/demo/entry1/image.jpg",
|
||||
"more": true
|
||||
},
|
||||
{
|
||||
"id": "entry2",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in dolor pulvinar, pharetra nulla non, condimentum mi. Donec a nisi et libero mollis dignissim sit amet ut libero. Mauris gravida ante tortor, vitae egestas dui dignissim et. Vestibulum pulvinar est quis lectus bibendum, vel viverra nunc interdum. Aliquam volutpat turpis quis odio interdum fermentum. Quisque id magna quis leo aliquet dapibus. Pellentesque quis ullamcorper metus. Nunc quam ante, vestibulum id leo sed, rutrum interdum odio. Cras metus nisl, feugiat at sem facilisis, cursus dictum libero. Maecenas a felis viverra, dapibus nisl quis, porta nisl. Integer ipsum dui, iaculis ut urna.",
|
||||
"image": "/demo/entry1/image.jpg",
|
||||
"more": true
|
||||
},
|
||||
{
|
||||
"id": "entry3",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent bibendum pellentesque elit, nec tincidunt risus iaculis quis. Aliquam hendrerit ultricies mollis. Suspendisse auctor neque nisi, egestas pulvinar leo lobortis non. Integer vulputate semper odio, a dignissim sem consequat at. Curabitur eu eros ex. Sed convallis, ante at blandit vehicula, felis turpis maximus libero, quis tincidunt arcu tellus vitae tellus. Curabitur non justo et mauris ornare interdum at quis nibh. Suspendisse sagittis orci at augue varius malesuada. Duis nec volutpat diam. Quisque at placerat enim. In finibus blandit tempus. Sed porttitor, augue sed lacinia sollicitudin, erat eros auctor nunc, et tristique dolor nulla quis leo. Nullam suscipit lacinia lacus vel rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur sem libero, eleifend ac nibh sit amet, posuere blandit nisi. Aliquam erat nisl, auctor sit amet convallis in, volutpat et purus. Integer non efficitur ex. Donec et neque non nisl imperdiet accumsan nec eu risus. Nam sit amet pulvinar enim. Vestibulum arcu odio, elementum id lorem at, rutrum porttitor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec lobortis, risus sit amet aliquam consequat, nibh leo laoreet libero, sit amet suscipit velit massa.",
|
||||
"image": "/demo/entry1/image.jpg",
|
||||
"more": true
|
||||
},
|
||||
{
|
||||
"id": "entry4",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "AB's Home",
|
||||
"image": "/demo/entry1/image.jpg",
|
||||
"more": true
|
||||
},
|
||||
{
|
||||
"id": "entry5",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in dolor pulvinar, pharetra nulla non, condimentum mi. Donec a nisi et libero mollis dignissim sit amet ut libero. Mauris gravida ante tortor, vitae egestas dui dignissim et. Vestibulum pulvinar est quis lectus bibendum, vel viverra nunc interdum. Aliquam volutpat turpis quis odio interdum fermentum. Quisque id magna quis leo aliquet dapibus. Pellentesque quis ullamcorper metus. Nunc quam ante, vestibulum id leo sed, rutrum interdum odio. Cras metus nisl, feugiat at sem facilisis, cursus dictum libero. Maecenas a felis viverra, dapibus nisl quis, porta nisl. Integer ipsum dui, iaculis ut urna.",
|
||||
"image": "/demo/entry1/image.jpg",
|
||||
"more": true
|
||||
},
|
||||
{
|
||||
"id": "entry6",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent bibendum pellentesque elit, nec tincidunt risus iaculis quis. Aliquam hendrerit ultricies mollis. Suspendisse auctor neque nisi, egestas pulvinar leo lobortis non. Integer vulputate semper odio, a dignissim sem consequat at. Curabitur eu eros ex. Sed convallis, ante at blandit vehicula, felis turpis maximus libero, quis tincidunt arcu tellus vitae tellus. Curabitur non justo et mauris ornare interdum at quis nibh. Suspendisse sagittis orci at augue varius malesuada. Duis nec volutpat diam. Quisque at placerat enim. In finibus blandit tempus. Sed porttitor, augue sed lacinia sollicitudin, erat eros auctor nunc, et tristique dolor nulla quis leo. Nullam suscipit lacinia lacus vel rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur sem libero, eleifend ac nibh sit amet, posuere blandit nisi. Aliquam erat nisl, auctor sit amet convallis in, volutpat et purus. Integer non efficitur ex. Donec et neque non nisl imperdiet accumsan nec eu risus. Nam sit amet pulvinar enim. Vestibulum arcu odio, elementum id lorem at, rutrum porttitor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec lobortis, risus sit amet aliquam consequat, nibh leo laoreet libero, sit amet suscipit velit massa.",
|
||||
"image": "/demo/entry1/image.jpg",
|
||||
"more": true
|
||||
},
|
||||
{
|
||||
"id": "entry7",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "AB's Home",
|
||||
"image": "/demo/entry1/image.jpg",
|
||||
"more": true
|
||||
},
|
||||
{
|
||||
"id": "entry8",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in dolor pulvinar, pharetra nulla non, condimentum mi. Donec a nisi et libero mollis dignissim sit amet ut libero. Mauris gravida ante tortor, vitae egestas dui dignissim et. Vestibulum pulvinar est quis lectus bibendum, vel viverra nunc interdum. Aliquam volutpat turpis quis odio interdum fermentum. Quisque id magna quis leo aliquet dapibus. Pellentesque quis ullamcorper metus. Nunc quam ante, vestibulum id leo sed, rutrum interdum odio. Cras metus nisl, feugiat at sem facilisis, cursus dictum libero. Maecenas a felis viverra, dapibus nisl quis, porta nisl. Integer ipsum dui, iaculis ut urna.",
|
||||
"image": "/demo/entry1/image.jpg",
|
||||
"more": true
|
||||
},
|
||||
{
|
||||
"id": "entry9",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent bibendum pellentesque elit, nec tincidunt risus iaculis quis. Aliquam hendrerit ultricies mollis. Suspendisse auctor neque nisi, egestas pulvinar leo lobortis non. Integer vulputate semper odio, a dignissim sem consequat at. Curabitur eu eros ex. Sed convallis, ante at blandit vehicula, felis turpis maximus libero, quis tincidunt arcu tellus vitae tellus. Curabitur non justo et mauris ornare interdum at quis nibh. Suspendisse sagittis orci at augue varius malesuada. Duis nec volutpat diam. Quisque at placerat enim. In finibus blandit tempus. Sed porttitor, augue sed lacinia sollicitudin, erat eros auctor nunc, et tristique dolor nulla quis leo. Nullam suscipit lacinia lacus vel rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur sem libero, eleifend ac nibh sit amet, posuere blandit nisi. Aliquam erat nisl, auctor sit amet convallis in, volutpat et purus. Integer non efficitur ex. Donec et neque non nisl imperdiet accumsan nec eu risus. Nam sit amet pulvinar enim. Vestibulum arcu odio, elementum id lorem at, rutrum porttitor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec lobortis, risus sit amet aliquam consequat, nibh leo laoreet libero, sit amet suscipit velit massa.",
|
||||
"image": "/demo/entry1/image.jpg",
|
||||
"more": true
|
||||
},
|
||||
{
|
||||
"id": "entry10",
|
||||
"title": "CORPORATE HEADQUARTERS",
|
||||
"body": "AB's Home",
|
||||
"image": "/demo/entry1/image.jpg",
|
||||
"more": true
|
||||
}
|
||||
]
|
||||
154
biomed-frontend/gulpfile.js
Normal file
154
biomed-frontend/gulpfile.js
Normal file
@ -0,0 +1,154 @@
|
||||
var gulp = require('gulp');
|
||||
var clean = require('gulp-clean');
|
||||
var concat = require('gulp-concat');
|
||||
var uglify = require('gulp-uglify');
|
||||
var ngAnnotate = require('gulp-ng-annotate');
|
||||
var sourcemaps = require('gulp-sourcemaps');
|
||||
var templates = require('gulp-angular-templatecache');
|
||||
var streams = require('event-stream');
|
||||
var sass = require('gulp-sass');
|
||||
var plumber = require('gulp-plumber');
|
||||
|
||||
gulp.task('default', ['build']);
|
||||
|
||||
gulp.task('build', ['js', 'vendor', 'html', 'styles', 'assets']);
|
||||
|
||||
gulp.task('clean', function() {
|
||||
gulp.src('build')
|
||||
.pipe(clean());
|
||||
});
|
||||
|
||||
gulp.task('vendor', function() {
|
||||
gulp.src([
|
||||
'vendor/jquery/dist/jquery.min.js',
|
||||
'vendor/angular/angular.min.js',
|
||||
'vendor/angular-loading-bar/build/loading-bar.js',
|
||||
'vendor/angular-resource/angular-resource.js',
|
||||
'vendor/angular-sanitize/angular-sanitize.js',
|
||||
'vendor/angular-ui-router/release/angular-ui-router.js',
|
||||
'vendor/lodash/dist/lodash.js',
|
||||
'vendor/masonry/dist/masonry.pkgd.js',
|
||||
'vendor/angular-masonry/angular-masonry.js',
|
||||
'vendor/imagesloaded/imagesloaded.pkgd.js'
|
||||
])
|
||||
.pipe(sourcemaps.init({loadMaps: true}))
|
||||
.pipe(concat('vendor.js'))
|
||||
.pipe(sourcemaps.write({sourceRoot: '/vendor'}))
|
||||
.pipe(gulp.dest('build'));
|
||||
});
|
||||
|
||||
gulp.task('js', function() {
|
||||
var html = gulp.src(['src/**/*.html', '!src/index.html'])
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(templates({ standalone: true }));
|
||||
|
||||
var js = gulp.src(['src/**/imdex.js', 'src/**/*.js'])
|
||||
.pipe(plumber())
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(concat('src.js'))
|
||||
.pipe(ngAnnotate())
|
||||
.pipe(uglify());
|
||||
|
||||
streams.merge(html, js)
|
||||
.pipe(concat('app.js'))
|
||||
.pipe(sourcemaps.write({sourceRoot: '/src'}))
|
||||
.pipe(gulp.dest('build'));
|
||||
});
|
||||
|
||||
gulp.task('styles', function() {
|
||||
var processWinPath = function(file) {
|
||||
var path = require('path');
|
||||
if (process.platform === 'win32') {
|
||||
file.path = path.relative('.', file.path);
|
||||
file.path = file.path.replace(/\\/g, '/');
|
||||
}
|
||||
};
|
||||
|
||||
gulp.src([
|
||||
'src/styles/styles.scss',
|
||||
])
|
||||
.on('data', processWinPath)
|
||||
.pipe(plumber())
|
||||
.pipe(sass({
|
||||
includePaths: [
|
||||
'vendor/foundation/scss',
|
||||
],
|
||||
// sourceComments: 'map'
|
||||
}))
|
||||
.pipe(sourcemaps.init({loadMaps: true}))
|
||||
.pipe(concat('styles.css'))
|
||||
.pipe(sourcemaps.write({sourceRoot: '/src/../'}))
|
||||
.pipe(gulp.dest('build'));
|
||||
});
|
||||
|
||||
gulp.task('html', function() {
|
||||
gulp.src('src/index.html')
|
||||
.pipe(gulp.dest('build'));
|
||||
});
|
||||
|
||||
gulp.task('assets', function() {
|
||||
gulp.src('src/assets/**/*')
|
||||
.pipe(gulp.dest('build/assets'));
|
||||
});
|
||||
|
||||
gulp.task('watch', ['js'], function() {
|
||||
gulp.watch('src/**/*.js', ['js']);
|
||||
});
|
||||
|
||||
function startExpress() {
|
||||
var express = require('express');
|
||||
var request = require('request');
|
||||
var fs = require('fs');
|
||||
var app = express();
|
||||
|
||||
app.use(require('connect-livereload')());
|
||||
|
||||
app.use('/api', express.static(__dirname + '/demo', {
|
||||
index: ['index.json']
|
||||
}));
|
||||
app.use('/demo', express.static(__dirname + '/demo'));
|
||||
app.use(express.static('build'));
|
||||
|
||||
/*
|
||||
app.all('/api/*', function(req, res) {
|
||||
var url = 'http://localhost:8080' + req.url;
|
||||
req.pipe(request(url)).pipe(res);
|
||||
});
|
||||
*/
|
||||
|
||||
app.all('/*', function(req, res) {
|
||||
res.sendFile('index.html', { root: 'build' });
|
||||
});
|
||||
|
||||
app.listen(5000);
|
||||
}
|
||||
|
||||
var lr;
|
||||
|
||||
function startLiveReload() {
|
||||
lr = require('tiny-lr')();
|
||||
lr.listen(35729);
|
||||
}
|
||||
|
||||
function notifyLiveReload(event) {
|
||||
var filename = require('path').relative('build', event.path);
|
||||
|
||||
lr.changed({
|
||||
body: {
|
||||
files: [filename]
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
gulp.task('server', ['build'], function() {
|
||||
startExpress();
|
||||
startLiveReload();
|
||||
|
||||
gulp.watch(['src/**/*.js', 'src/**/*.html'], ['js', 'html']);
|
||||
gulp.watch('src/**/*.scss', ['styles']);
|
||||
gulp.watch('vendor/**/*', ['vendor', 'styles']);
|
||||
gulp.watch('src/assets/**/*', ['assets']);
|
||||
gulp.watch('build/**/*', notifyLiveReload);
|
||||
});
|
||||
|
||||
|
||||
21
biomed-frontend/package.json
Normal file
21
biomed-frontend/package.json
Normal file
@ -0,0 +1,21 @@
|
||||
{
|
||||
"name": "biomed-frontend",
|
||||
"version": "0.0.1",
|
||||
"devDependencies": {
|
||||
"bower": "^1.3.9",
|
||||
"connect-livereload": "^0.4.0",
|
||||
"event-stream": "^3.1.7",
|
||||
"express": "^4.8.5",
|
||||
"gulp": "^3.8.7",
|
||||
"gulp-angular-templatecache": "^1.3.0",
|
||||
"gulp-clean": "^0.3.1",
|
||||
"gulp-concat": "^2.3.4",
|
||||
"gulp-ng-annotate": "^0.3.0",
|
||||
"gulp-plumber": "^0.6.5",
|
||||
"gulp-sass": "^0.7.3",
|
||||
"gulp-sourcemaps": "^1.1.1",
|
||||
"gulp-uglify": "^0.3.1",
|
||||
"request": "^2.40.0",
|
||||
"tiny-lr": "^0.1.0"
|
||||
}
|
||||
}
|
||||
6
biomed-frontend/src/app/details.html
Normal file
6
biomed-frontend/src/app/details.html
Normal 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>
|
||||
50
biomed-frontend/src/app/index.js
Normal file
50
biomed-frontend/src/app/index.js
Normal file
@ -0,0 +1,50 @@
|
||||
angular.module('biomed-frontend', [
|
||||
'templates',
|
||||
'ui.router',
|
||||
'ngResource',
|
||||
'angular-loading-bar',
|
||||
'wu.masonry'
|
||||
|
||||
])
|
||||
.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;
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
160
biomed-frontend/src/app/layout.html
Normal file
160
biomed-frontend/src/app/layout.html
Normal file
@ -0,0 +1,160 @@
|
||||
<!--Top Bar -->
|
||||
<div class="fixed">
|
||||
<nav class="top-bar" data-topbar>
|
||||
<ul class="title-area">
|
||||
<!-- Title Area -->
|
||||
<li class="name">
|
||||
<h1 class="logo">
|
||||
|
||||
</h1>
|
||||
</li>
|
||||
<li class="toggle-topbar menu-icon">
|
||||
<a href="#">
|
||||
menu
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<section class="top-bar-section">
|
||||
<!-- Right Nav Section -->
|
||||
<ul class="right">
|
||||
<li>
|
||||
<a href="#" data-reveal-id="emailModal">Email us</a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<a href="#" data-reveal-id="contactModal">Contact information</a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<a href="#">Login</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</nav>
|
||||
</div>
|
||||
<!--Reveals-->
|
||||
<div id="emailModal" class="reveal-modal tiny" data-reveal>
|
||||
<div class="row">
|
||||
<div class="large-12 columnns">
|
||||
<div class="small-12 columns">
|
||||
<h2>Email us:</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form action="#" method="POST">
|
||||
<div class="row">
|
||||
<div class="large-12 columns">
|
||||
<div class="row collapse prefix-radius">
|
||||
<div class="small-4 columns">
|
||||
<span class="prefix">Name</span>
|
||||
</div>
|
||||
<div class="small-8 columns">
|
||||
<input type="text" placeholder="Your Name">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="large-12 columns">
|
||||
<div class="row collapse prefix-radius">
|
||||
<div class="small-4 columns">
|
||||
<span class="prefix">Email</span>
|
||||
</div>
|
||||
<div class="small-8 columns">
|
||||
<input type="text" placeholder="Your@email.com">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="large-12 columns">
|
||||
<div class="row collapse prefix-radius">
|
||||
<div class="small-4 columns">
|
||||
<span class="prefix">Message</span>
|
||||
</div>
|
||||
<div class="small-8 columns">
|
||||
<textarea placeholder="Your Message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="large-12 columns">
|
||||
<a href="#" class="button expand">Submit</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<a class="close-reveal-modal">×</a>
|
||||
</div>
|
||||
<div id="contactModal" class="reveal-modal small" data-reveal>
|
||||
<div class="row">
|
||||
<div class="medium-12 columns">
|
||||
<ul class="no-bullet">
|
||||
<li><h4>Address:</h4></li>
|
||||
<ul class="square">
|
||||
<li>4707 Benson Ave #101, Baltimore, MD 21227</li>
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="medium-12 columns">
|
||||
<a href="https://www.google.com/maps/place/Atlantic+Biomedical+Company/@39.256972,-76.684837,17z/data=!3m1!4b1!4m2!3m1!1s0x0:0x69ce4b772564cd53" target="new"><img src="img/map.png" width="100%"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="medium-12 columns">
|
||||
<a href="tel:18005508310" class="button expand">Call us: 1800-550-8310</a>
|
||||
</div>
|
||||
</div>
|
||||
<a class="close-reveal-modal">×</a>
|
||||
</div>
|
||||
<!-- /Reveals -->
|
||||
<!-- /Top bar -->
|
||||
<!-- Content -->
|
||||
<div class="content-wrapper">
|
||||
<section id="main-content">
|
||||
<div class="row">
|
||||
<!-- container -->
|
||||
<div id="container" class="large-12 columns transitions-enabled large-centered clearfix">
|
||||
<div ui-view></div>
|
||||
</div>
|
||||
<!--/container -->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- Content -->
|
||||
<div class="page-footer-bottom">
|
||||
<div class="row">
|
||||
<div class="medium-4 medium-4 push-8 columns">
|
||||
|
||||
<ul class="home-social">
|
||||
<li>
|
||||
<a href="http://www.twitter.com/" class="twitter"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.facebook.com/" class="facebook"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/contact" class="mail"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="medium-8 medium-8 pull-4 columns">
|
||||
<ul class="site-links">
|
||||
<li class="name">
|
||||
<a href="#">Atlantic Biomedical</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-reveal-id="contactModal">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="copyright">©2014 Atlantic Biomedical. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
16
biomed-frontend/src/app/list.html
Normal file
16
biomed-frontend/src/app/list.html
Normal file
@ -0,0 +1,16 @@
|
||||
<div masonry>
|
||||
<div ng-repeat="post in posts" class="masonry-brick">
|
||||
<div class="box col3">
|
||||
<div class="thumbnail">
|
||||
<img class="img-rounded" ng-src="{{post.image}}">
|
||||
<div class="caption text-center">
|
||||
<h3>{{post.title}}</h3>
|
||||
<p>{{post.body}}</p>
|
||||
<p>
|
||||
<a ui-sref="site.details(post)" ng-show="post.more" class="btn btn-default" role="button">Read More</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
15
biomed-frontend/src/index.html
Normal file
15
biomed-frontend/src/index.html
Normal 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>
|
||||
1268
biomed-frontend/src/styles/_biomed.scss
Normal file
1268
biomed-frontend/src/styles/_biomed.scss
Normal file
File diff suppressed because it is too large
Load Diff
2
biomed-frontend/src/styles/_settings.scss
Normal file
2
biomed-frontend/src/styles/_settings.scss
Normal file
@ -0,0 +1,2 @@
|
||||
// You can override any foundation settings in this file.
|
||||
// See vendor/foundation/scss/foundation/_settings.scss
|
||||
105
biomed-frontend/src/styles/components/_loading-bar.scss
Normal file
105
biomed-frontend/src/styles/components/_loading-bar.scss
Normal 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
biomed-frontend/src/styles/styles.scss
Normal file
5
biomed-frontend/src/styles/styles.scss
Normal file
@ -0,0 +1,5 @@
|
||||
|
||||
@import "settings";
|
||||
@import "normalize";
|
||||
@import "foundation";
|
||||
@import "biomed";
|
||||
Reference in New Issue
Block a user