Template:SMTexas/JS

From 2014hs.igem.org

(Difference between revisions)

Latest revision as of 15:07, 4 June 2014

/* Ex Machina by TEMPLATED

   templated.co @templatedco
   Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)

/

skel.init({ prefix: 'css/style', resetCSS: true, boxModel: 'border', grid: { gutters: 50 }, breakpoints: { 'mobile': { range: '-480', lockViewport: true, containers: 'fluid', grid: { collapse: true, gutters: 10 } }, 'desktop': { range: '481-', containers: 1200 }, '1000px': { range: '481-1200', containers: 960 } } }, { panels: { panels: { navPanel: { breakpoints: 'mobile', position: 'left', style: 'reveal', size: '80%',

html: '

'

} }, overlays: { titleBar: { breakpoints: 'mobile', position: 'top-left', height: 44, width: '100%', html: '' } } }

});

@@ Line 1: / Line 1: @@
-$(document).ready(function() {
+/*
-     $("p").filter( function() {
+	Ex Machina by TEMPLATED
-        return $.trim($(this).html()) == '';
+    templated.co @templatedco
-    }).remove();
+     Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-    $("br:only-child").remove();
+*/
+skel.init({
+	prefix: 'css/style',
+	resetCSS: true,
+	boxModel: 'border',
+	grid: {
+		gutters: 50
+	},
+	breakpoints: {
+		'mobile': {
+			range: '-480',
+			lockViewport: true,
+			containers: 'fluid',
+			grid: {
+				collapse: true,
+				gutters: 10
+			}
+		},
+		'desktop': {
+			range: '481-',
+			containers: 1200
+		},
+		'1000px': {
+			range: '481-1200',
+			containers: 960
+		}
+	}
+}, {
+	panels: {
+		panels: {
+			navPanel: {
+				breakpoints: 'mobile',
+				position: 'left',
+				style: 'reveal',
+				size: '80%',
+				html: '<div data-action="navList" data-args="nav"></div>'
+			}
+		},
+		overlays: {
+			titleBar: {
+				breakpoints: 'mobile',
+				position: 'top-left',
+				height: 44,
+				width: '100%',
+				html: '<span class="toggle" data-action="togglePanel" data-args="navPanel"></span><span class="title" data-action="copyHTML" data-args="logo"></span>'
+			}
+		}
+	}
 });