| title |
|---|
Layouts & Partials |
Layouts allow the common HTML surrounding individual pages to be shared across all your templates. The most basic layout has some shared content and a yield call where templates will place their contents. Furthermore, With wrap_layout, content_for and partial you can build a complex layout inheritance, reduce the duplication of you code in templates to a minimal amount.
| <script> | |
| $(window).resize(function() { | |
| var windowWidth = $(window).width(); | |
| $('.screen-width').text(windowWidth + 'px'); | |
| }); | |
| </script> | |
| <div id="debug" style="position:fixed;padding:0.3em 0.6em;background:#f1f1f1;font-size:0.6em;bottom:0;left:50%;"> | |
| <span class="screen-width">0</span> | |
| </div> |
| /* | |
| Copyright 2011 Martin Hawksey | |
| Licensed under the Apache License, Version 2.0 (the "License"); | |
| you may not use this file except in compliance with the License. | |
| You may obtain a copy of the License at | |
| http://www.apache.org/licenses/LICENSE-2.0 | |
| Unless required by applicable law or agreed to in writing, software |
| Here is a simple jQuery plugin to make a table header fixed on top when window is scrolled. | |
| Using the code from twitter bootstrap documentation page, this code is customized for table header. | |
| Create the table with following layout - | |
| <table class="table-fixed-header"> | |
| <thead class="header"> | |
| <tr> | |
| <th>Column 1</th> | |
| <th>Column 2</th> | |
| <th>Column 3</th> |
| /* based on http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */ | |
| .cf:before, | |
| .cf:after { | |
| content: "."; | |
| display: block; | |
| height: 0; | |
| overflow: hidden; | |
| } | |
| .cf:after {clear: both;} |
| #!/usr/bin/env bash | |
| uninstall() { | |
| list=`gem list --no-versions` | |
| for gem in $list; do | |
| gem uninstall $gem -aIx | |
| done | |
| gem list | |
| gem install bundler | |
| } |
| @mixin truncate { | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| @mixin prefixify($style, $params) { | |
| -webkit-#{$style}: $params; | |
| -moz-#{$style}: $params; | |
| -ms-#{$style}: $params; |
| <div class="submenu-trigger single-dropdown"> | |
| <a href="#" class="dropdown-button">Toggle Button</a> | |
| <ul class="submenu"> | |
| <li><a href="http://facebook.com" target="_blank">Facebook</a></li> | |
| <li><a href="http://twitter.com">Twitter</a></li> | |
| <li><a href="http://instagr.am/">Instagram</a></li> | |
| </ul> | |
| </div> |
| .slides .slide-list { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; } | |
| .slides .slide-list li { | |
| display: none; } | |
| .slides .slide-list li.active { | |
| display: block; } | |
| .slides .slide-buttons { |
#Nginx Basics for Ubuntu
Please see http://wiki.nginx.org/Main for more information. See http://arstechnica.com/gadgets/2012/11/how-to-set-up-a-safe-and-secure-web-server/ for a tutorial on how to install Nginx.
##Installation To install, you can install the version which is in the standard Ubuntu repositories but it is normally quite old and will not have the latest security patches. The best way is to update the repositories first:
apt-get update
apt-get install python-software-properties
apt-get upgrade