Permalink
Browse files

added hooks + animate.css

  • Loading branch information...
1 parent 924f551 commit 34f0ff0c6e932155f8ccb05429bace2ba459261a @kevohagan committed Feb 4, 2014
View
@@ -19,3 +19,6 @@ accounts-facebook
accounts-twitter
stellar
roles
+nprogress
+spiderable
+ms-seo
View
@@ -1,17 +1,5 @@
-Meteor.startup(function () {
- OgnoAdmin.config({
- auto : true,
- isAllowed : function () {
- var user = Meteor.user();
-
- if (user) {
- return 'admin' === user.username;
- }
- }
- });
-});
-
Meteor.subscribe('fotos');
Meteor.subscribe('cars');
+Meteor.subscribe('users');
Meteor.subscribe('subscribers');
Oops, something went wrong.
@@ -0,0 +1,81 @@
+/* Make clicks pass-through */
+#nprogress {
+ pointer-events: none;
+ -webkit-pointer-events: none;
+}
+
+#nprogress .bar {
+ /*background: #29d;*/
+ background: white;
+
+ position: fixed;
+ z-index: 100;
+ top: 0;
+ left: 0;
+
+ width: 100%;
+ height: 2px;
+}
+
+/* Fancy blur effect */
+#nprogress .peg {
+ display: block;
+ position: absolute;
+ right: 0px;
+ width: 100px;
+ height: 100%;
+ box-shadow: 0 0 10px #29d, 0 0 5px #29d;
+ opacity: 1.0;
+
+ -webkit-transform: rotate(3deg) translate(0px, -4px);
+ -moz-transform: rotate(3deg) translate(0px, -4px);
+ -ms-transform: rotate(3deg) translate(0px, -4px);
+ -o-transform: rotate(3deg) translate(0px, -4px);
+ transform: rotate(3deg) translate(0px, -4px);
+}
+
+/* Remove these to get rid of the spinner */
+#nprogress .spinner {
+ display: block;
+ position: fixed;
+ z-index: 100;
+ top: 15px;
+ right: 15px;
+}
+
+#nprogress .spinner-icon {
+ width: 14px;
+ height: 14px;
+
+ border: solid 2px transparent;
+ border-top-color: #29d;
+ border-left-color: #29d;
+ border-radius: 10px;
+
+ -webkit-animation: nprogress-spinner 400ms linear infinite;
+ -moz-animation: nprogress-spinner 400ms linear infinite;
+ -ms-animation: nprogress-spinner 400ms linear infinite;
+ -o-animation: nprogress-spinner 400ms linear infinite;
+ animation: nprogress-spinner 400ms linear infinite;
+}
+
+@-webkit-keyframes nprogress-spinner {
+ 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
+ 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@-moz-keyframes nprogress-spinner {
+ 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
+ 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@-o-keyframes nprogress-spinner {
+ 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
+ 100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@-ms-keyframes nprogress-spinner {
+ 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
+ 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
+}
+@keyframes nprogress-spinner {
+ 0% { transform: rotate(0deg); transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); transform: rotate(360deg); }
+}
@@ -1,116 +0,0 @@
-Router.configure({
- layoutTemplate : 'layout',
- notFoundTemplate : '404',
-
-});
-
-
-var filters = {
-
- // nProgressHook: function () {
- // if (this.ready()) {
- // NProgress.done();
- // } else {
- // NProgress.start();
- // this.stop();
- // }
- // },
-
- isLoggedIn: function() {
- if (!(Meteor.loggingIn() || Meteor.user())) {
- throwError('Please Sign In First.')
- this.render('signin');
- this.stop();
- }
- },
-
- isAdmin: function() {
-
- if ( Meteor.user() && Roles.userIsInRole(Meteor.user(),'admin')) {
- console.log('admin acessed');
- return true;
- }
- else {
- this.render('no_rights');
- this.stop();
- }
- },
-
-
-}
-
-
-
-Router.map(function () {
-
- this.route('home', {
- path:'/',
- controller: 'BasicController'
- });
-
- this.route('contact',{
- path: '/contact',
- controller: 'BasicController'
- });
-
- this.route('portfolio',{
- path: '/portfolio',
- controller: 'BasicController'
-
- });
-
- this.route('team',{
- path: '/team'
- });
-
- this.route('test',{
- path: '/test',
- controller: 'BasicController',
- before: filters.isAdmin
- });
-
-
-
-
- this.route('admin', {
- path: '/admin',
- layoutTemplate:'ognoAdminLayout',
- template:'ognoAdminOverview',
- before: function(){
- if(!Meteor.userId()){
- this.render("entrySignIn");
- this.stop();
- }
- },
- waitOn: function() {
- return Meteor.subscribe('subscribers');
- }
-
- });
-});
-
-
-BasicController = RouteController.extend({
- layoutTemplate: 'layout',
- notFoundTemplate: '404',
- loadingTemplate: 'loading',
- yieldTemplates: {
- header: {
- to: 'header'
- },
- footer: {
- to: 'footer'
- }
- },
- waitOn: function () {
- // return Meteor.subscribe('Users');
- },
- after: function(){
-
- }
-});
-
-
-AdminController = BasicController.extend({
-});
-
View
@@ -6,11 +6,6 @@ window.onscroll = function() {
}
-$(document).ready(function(){
-
-});
-
-
Template.layout.events({
@@ -22,8 +17,3 @@ Template.layout.events({
}
});
-
-
-Template.layout.rendered = function () {
-
-};
@@ -0,0 +1,34 @@
+<template name="adminTemplate">
+ <h1 class="ui large center aligned header">Welcome to your Admin Page :)</h1>
+
+
+ <div class="two column doubling center aligned ui grid">
+
+ <div class="six wide column">
+ <div class="ui segment">
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
+ </div>
+ </div>
+ <div class="six wide column">
+ <div class="ui segment">
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="ui horizontal icon divider">
+ <i class="circular heart icon"></i>
+ </div>
+
+ <div class="two column doubling center aligned ui grid">
+
+ <div class="six wide column">
+ <a href="/" class="ui secondary blue large button "><i class="home icon"></i> Home Page</a>
+ </div>
+ <div class="six wide column">
+ <a href="/sign-out" class="ui secondary red large button "><i class="sign out icon"></i>Sign Out</a>
+ </div>
+
+ </div>
+</template>
@@ -58,11 +58,15 @@ <h2 class="ui huge center aligned icon header">
</div>
- <div class="ui grid center aligned ">
-<!-- <div class="ui image">
- <img src="/img/img80.jpg" alt="" class="ui large image">
- </div> -->
- <div class="ui column six wide">
+ <div class="ui two column stackable center middle aligned grid ">
+
+ <div class="column">
+ <div class="ui rounded image">
+ <img src="/img/img80.jpg" alt="" class="ui large image">
+ </div>
+ </div>
+
+ <div class="column">
{{>subscriber}}
</div>
</div>
@@ -1,8 +1,6 @@
Template.home.rendered = function() {
- $('.page-title').attr('data-stellar-ratio', 1.3);
- $.stellar();
}
@@ -15,6 +15,8 @@
<template name="layout">
{{yield 'header'}}
+<div id="content">
{{yield}}
+</div>
{{yield 'footer'}}
</template>
@@ -1,5 +1,36 @@
<template name="test">
+ <div class="ui vertical floating right sidebar menu">
+ <a class="item" href="{{pathFor 'home'}}">
+ <i class="home icon"></i>
+ Home
+ </a>
+ <a class="item" href="{{pathFor 'portfolio'}}">
+ <i class="heart icon"></i>
+ Current Section
+ </a>
+ <a class="item" href="{{pathFor 'test'}}">
+ <i class="facebook icon"></i>
+ Like us on Facebook
+ </a>
+ <div class="item">
+ <b>More</b>
+ <div class="menu">
+ <a class="item">About</a>
+ <a class="item">Contact Us</a>
+ </div>
+ </div>
+ </div>
+
+
+<div class="ui vertical fixed right icon menu">
+ <a class="red item button" id="btn">
+ <i class="mail icon"></i>
+ </a>
+</div>
+
+
+
<div class=" one column ui grid main-title">
<div class="CoverImage FlexEmbed FlexEmbed--3by1" style="background-image:url(/img/img17.jpg);"></div>
@@ -45,6 +76,4 @@
-
-
</template>
@@ -1,3 +1,13 @@
Template.test.rendered = function () {
$('.CoverImage').attr('data-stellar-ratio', 0.5);
-};
+ $('.ui.sidebar').sidebar({
+ overlay: true
+ });
+};
+
+Template.test.events({
+ 'click #btn': function () {
+ $('.ui.sidebar').sidebar('toggle');
+ console.log('clicke');
+ }
+});
Oops, something went wrong.

0 comments on commit 34f0ff0

Please sign in to comment.