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

Updated details and layout

Browse Source
This commit is contained in:
Chris Sewell
2014-10-07 07:33:00 -04:00
parent 060fdbde29
commit 24bab3a7f5
5 changed files with 100 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
biomed-frontend/src/app/details.html
View File

@ -1,7 +1,37 @@
<img ng-show="post.image" ng-src="/images/{{post.image}}">
<div class="title">{{post.title}}</div>
<div ng-hide="post.details" class="preview">{{post.preview}}</div>
<div class="details">{{post.details}}</div>
<div class="images">
<img ng-repeat="image in gallery track by $index" ng-src="/images/{{image}}">
<script>
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".group1").colorbox({rel:'group1'});
$(".callbacks").colorbox({
onOpen:function(){ alert('onOpen: colorbox is about to open'); },
onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
});
});
</script>
<div class="row">
<div class="small-8 small-centered columns">
<div class="title"><h1>{{post.title}}</h1></div>
</div>
</div>
<div class="row">
<div class="small-8 small-centered columns">
<img ng-show="post.image" ng-src="/images/{{post.image}}"><hr>
</div>
</div>
<div class="row">
<div class="small-7 small-centered columns">
<div ng-hide="post.details" class="preview"><p>{{post.preview}}</p></div>
<div class="details"><p>{{post.details}}</p></div>
</div>
</div>
<div class="row">
<div class="small-6 small-centered columns">
<div masonry>
<a class="group1" href="/images/{{image}}"><img class="large-4 large-centered columns masonry-brick" ng-repeat="image in gallery track by $index" ng-src="/images/{{image}}"></a>
</div>
</div>
</div>

8
biomed-frontend/src/app/layout.html
View File

@ -18,7 +18,7 @@
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li>
<!--<li>
<a href="#" data-reveal-id="emailModal">Email us</a>
</li>
<li class="divider"></li>
@ -28,7 +28,7 @@
<li class="divider"></li>
<li>
<a href="#">Login</a>
</li>
</li>-->
</ul>
</section>
</nav>
@ -147,12 +147,12 @@
<li class="name">
<a href="#">Atlantic Biomedical</a>
</li>
<li>
<!--<li>
<a href="#">Home</a>
</li>
<li>
<a href="#" data-reveal-id="contactModal">Contact</a>
</li>
</li>-->
</ul>
<p class="copyright">©2014 Atlantic Biomedical. All rights reserved.</p>
</div>