Update.
This commit is contained in:
Rico Sta. Cruz
parent
c4634c0cf3
commit
0e0a40cce8
|
|
@ -4,10 +4,18 @@
|
|||
<meta charset="UTF-8" />
|
||||
<title></title>
|
||||
<link href="style.css" rel="stylesheet" />
|
||||
<link href='http://fonts.googleapis.com/css?family=Muli:400,100' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
<h1><%= page.meta.title || File.basename(page.file, '.*').capitalize %></h1>
|
||||
<%= yield %>
|
||||
<div class='background'></div>
|
||||
<div class='all'>
|
||||
<h1>
|
||||
<%= page.meta.title || File.basename(page.file, '.*').capitalize %>
|
||||
<a class='back' href='.'>Index</a>
|
||||
</h1>
|
||||
<%= yield %>
|
||||
</div>
|
||||
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
|
||||
<script src="http://cachedcommons.org/cache/prettify/1.0.0/javascripts/prettify-min.js"></script>
|
||||
|
|
|
|||
134
_prettify.scss
134
_prettify.scss
|
|
@ -1,44 +1,122 @@
|
|||
/* Tomorrow Theme */
|
||||
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
|
||||
/* Pretty printing styles. Used with prettify.js. */
|
||||
/* SPAN elements with the classes below are added by prettyprint. */
|
||||
/* plain text */
|
||||
.pln {
|
||||
color: #4d4d4c; }
|
||||
|
||||
.str { color: #080; }
|
||||
.kwd { color: #008; }
|
||||
// .com { color: #607077; background: rgba(black, 0.05); padding: 1px 3px; @include border-radius(2px); }
|
||||
.com { color: #3bd; text-shadow: 1px 1px 0 rgba(white, 0.3); }
|
||||
.typ { color: #606; }
|
||||
.lit { color: #066; }
|
||||
.pun { color: #660; }
|
||||
.pln { color: #555; }
|
||||
.tag { color: #008; }
|
||||
.atn { color: #606; }
|
||||
.atv { color: #080; }
|
||||
.dec { color: #606; }
|
||||
@media screen {
|
||||
/* string content */
|
||||
.str {
|
||||
color: #718c00; }
|
||||
|
||||
/* a keyword */
|
||||
.kwd {
|
||||
color: #8959a8; }
|
||||
|
||||
/* a comment */
|
||||
.com {
|
||||
color: #8e908c; }
|
||||
|
||||
/* a type name */
|
||||
.typ {
|
||||
color: #4271ae; }
|
||||
|
||||
/* a literal value */
|
||||
.lit {
|
||||
color: #f5871f; }
|
||||
|
||||
/* punctuation */
|
||||
.pun {
|
||||
color: #4d4d4c; }
|
||||
|
||||
/* lisp open bracket */
|
||||
.opn {
|
||||
color: #4d4d4c; }
|
||||
|
||||
/* lisp close bracket */
|
||||
.clo {
|
||||
color: #4d4d4c; }
|
||||
|
||||
/* a markup tag name */
|
||||
.tag {
|
||||
color: #c82829; }
|
||||
|
||||
/* a markup attribute name */
|
||||
.atn {
|
||||
color: #f5871f; }
|
||||
|
||||
/* a markup attribute value */
|
||||
.atv {
|
||||
color: #3e999f; }
|
||||
|
||||
/* a declaration */
|
||||
.dec {
|
||||
color: #f5871f; }
|
||||
|
||||
/* a variable name */
|
||||
.var {
|
||||
color: #c82829; }
|
||||
|
||||
/* a function name */
|
||||
.fun {
|
||||
color: #4271ae; } }
|
||||
/* Use higher contrast and text-weight for printable form. */
|
||||
@media print, projection {
|
||||
.str {
|
||||
color: #060; }
|
||||
|
||||
.kwd {
|
||||
color: #006;
|
||||
font-weight: bold; }
|
||||
|
||||
.com {
|
||||
color: #600;
|
||||
font-style: italic; }
|
||||
|
||||
.typ {
|
||||
color: #404;
|
||||
font-weight: bold; }
|
||||
|
||||
.lit {
|
||||
color: #044; }
|
||||
|
||||
.pun, .opn, .clo {
|
||||
color: #440; }
|
||||
|
||||
.tag {
|
||||
color: #006;
|
||||
font-weight: bold; }
|
||||
|
||||
.atn {
|
||||
color: #404; }
|
||||
|
||||
.atv {
|
||||
color: #060; } }
|
||||
|
||||
/* Specify class=linenums on a pre to get line numbering */
|
||||
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
|
||||
ol.linenums {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0; }
|
||||
|
||||
/* IE indents via margin-left */
|
||||
li.L0,
|
||||
li.L1,
|
||||
li.L2,
|
||||
li.L3,
|
||||
li.L4,
|
||||
li.L5,
|
||||
li.L6,
|
||||
li.L7,
|
||||
li.L8 { list-style-type: none }
|
||||
li.L8,
|
||||
li.L9 {
|
||||
/* */ }
|
||||
|
||||
/* Alternate shading for lines */
|
||||
li.L1,
|
||||
li.L3,
|
||||
li.L5,
|
||||
li.L7,
|
||||
li.L9 { background: #eee }
|
||||
|
||||
@media print {
|
||||
.str { color: #060; }
|
||||
.kwd { color: #006; font-weight: bold; }
|
||||
.com { color: #600; font-style: italic; }
|
||||
.typ { color: #404; font-weight: bold; }
|
||||
.lit { color: #044; }
|
||||
.pun { color: #440; }
|
||||
.pln { color: #000; }
|
||||
.tag { color: #006; font-weight: bold; }
|
||||
.atn { color: #404; }
|
||||
.atv { color: #060; }
|
||||
}
|
||||
li.L9 {
|
||||
/* */ }
|
||||
|
|
|
|||
12
css.md
12
css.md
|
|
@ -1,6 +1,18 @@
|
|||
title: CSS
|
||||
---
|
||||
|
||||
Animations
|
||||
----------
|
||||
|
||||
### Animtaion
|
||||
|
||||
animation-direction: normal | reverse | alternate | alternate-reverse
|
||||
animation-iteration-count: infinite | <number>
|
||||
|
||||
animation: <name> <duration> <timing-function> <delay> <count> <direction> <fill-mode>
|
||||
|
||||
animation: bounce 300ms linear infinite
|
||||
|
||||
Webkit extensions
|
||||
-----------------
|
||||
|
||||
|
|
|
|||
15
heroku.md
15
heroku.md
|
|
@ -27,3 +27,18 @@
|
|||
heroku addons:add wildcard_domains
|
||||
|
||||
*.yourdomain.com => heroku.com
|
||||
|
||||
## htpasswd (for PHP apps)
|
||||
|
||||
Create an .htaccess file in the webroot:
|
||||
|
||||
AuthUserFile /app/www/.htpasswd
|
||||
AuthType Basic
|
||||
AuthName "Restricted Access"
|
||||
Require valid-user
|
||||
|
||||
Create a .htpasswd file:
|
||||
|
||||
htpasswd -c .htpasswd [username]
|
||||
|
||||
https://gist.github.com/3316425
|
||||
|
|
|
|||
|
|
@ -59,3 +59,7 @@
|
|||
default:
|
||||
@echo "hello."
|
||||
@false
|
||||
|
||||
### Inclusion
|
||||
|
||||
include assets.make
|
||||
|
|
|
|||
|
|
@ -0,0 +1,33 @@
|
|||
title: Rails form helpers
|
||||
---
|
||||
|
||||
### Forms
|
||||
|
||||
# Model:
|
||||
= form_for @post do |f|
|
||||
|
||||
= form_for @post, url: { method: 'put', action: 'create' }, html: { class: 'nifty_form'} do |f|
|
||||
|
||||
|
||||
### Fields
|
||||
|
||||
f.check_box :enabled
|
||||
f.text_field :title
|
||||
f.text_area :body, \
|
||||
:size => '60x12'
|
||||
|
||||
### Select dropdowns
|
||||
|
||||
f.time_zone_select :time_zone
|
||||
f.date_select :birthday
|
||||
|
||||
f.select :city_id, [['Lisbon',1], ['Madrid',2], ...], 4 # (4 = selected)
|
||||
|
||||
f.collection_select :city_id, City.all, :id, :name
|
||||
|
||||
options_for_select [['Lisbon',1], ['Madrid', 2], ...], 4 # Just makes <option> tags
|
||||
|
||||
### The rest
|
||||
|
||||
f.submit "Create"
|
||||
|
||||
|
|
@ -43,34 +43,6 @@ http://api.rubyonrails.org/classes/ActionView/Helpers/DateHelper.html
|
|||
time_tag Date.yesterday, 'Yesterday' #=> <time datetime="2010-11-03">Yesterday<%rtime>
|
||||
time_tag Date.today, :pubdate => true #=> <time datetime="2010-11-04" pubdate="pubdate">November 04, 2010</time>
|
||||
|
||||
## Forms
|
||||
|
||||
### Forms
|
||||
|
||||
= form_for @post do |f|
|
||||
|
||||
### Fields
|
||||
|
||||
f.check_box :enabled
|
||||
f.text_field :title
|
||||
f.text_area :body, \
|
||||
:size => '60x12'
|
||||
|
||||
### Select dropdowns
|
||||
|
||||
f.time_zone_select :time_zone
|
||||
f.date_select :birthday
|
||||
|
||||
f.select :city_id, [['Lisbon',1], ['Madrid',2], ...], 4 # (4 = selected)
|
||||
|
||||
f.collection_select :city_id, City.all, :id, :name
|
||||
|
||||
options_for_select [['Lisbon',1], ['Madrid', 2], ...], 4 # Just makes <option> tags
|
||||
|
||||
### The rest
|
||||
|
||||
f.submit "Create"
|
||||
|
||||
### Files
|
||||
|
||||
= form_for @post, :multipart => true do |f|
|
||||
|
|
|
|||
109
style.sass
109
style.sass
|
|
@ -1,18 +1,55 @@
|
|||
@import 'compass/css3'
|
||||
|
||||
body
|
||||
font-family: Helvetica Neue, helvetica, sans-serif
|
||||
= scrollbar
|
||||
&::-webkit-scrollbar
|
||||
width: 10px
|
||||
height: 10px
|
||||
|
||||
&::-webkit-scrollbar-thumb
|
||||
background: rgba(0, 0, 0, 0.1)
|
||||
border-radius: 5px
|
||||
border: solid 2px (#f7f7f2 * 1.04)
|
||||
|
||||
&:hover::-webkit-scrollbar-thumb
|
||||
background: rgba(0, 0, 0, 0.2)
|
||||
|
||||
body, input, td, textarea
|
||||
font-family: Muli, Helvetica Neue, helvetica, sans-serif
|
||||
font-size: 14px
|
||||
line-height: 1.5
|
||||
|
||||
html
|
||||
background: #fafafa
|
||||
// background: white url(bg.png)
|
||||
background: white
|
||||
padding: 60px 20px
|
||||
|
||||
body
|
||||
width: 800px
|
||||
margin: 20px auto
|
||||
@media screen and (max-width: 800px)
|
||||
html
|
||||
padding: 20px
|
||||
@media screen and (max-width: 500px)
|
||||
html
|
||||
padding: 0
|
||||
|
||||
.background
|
||||
position: fixed
|
||||
top: 0
|
||||
left: 0
|
||||
height: 100%
|
||||
width: 100%
|
||||
z-index: -2
|
||||
background: url(https://d3levm2kxut31z.cloudfront.net/assets/locations/nowhere-cc1d85583c8a7ef5ee50282edc703fbe.jpg)
|
||||
background-size: 100%
|
||||
|
||||
.all
|
||||
position: relative
|
||||
z-index: 1
|
||||
|
||||
max-width: 700px
|
||||
min-width: 400px
|
||||
margin: 0 auto
|
||||
padding: 40px
|
||||
+box-shadow(1px 0 0 rgba(black, 0.05), -1px 0 0 rgba(black, 0.05), 0 0 4px rgba(black, 0.1), 0 0 0 5px rgba(black, 0.05))
|
||||
+border-radius(2px)
|
||||
background: #fff
|
||||
color: #333
|
||||
|
||||
|
|
@ -24,9 +61,9 @@ h1, h2, h3, h4, h5, h6
|
|||
|
||||
h1
|
||||
text-align: left
|
||||
font-size: 36pt
|
||||
font-size: 26pt
|
||||
line-height: 30pt
|
||||
color: #aaa
|
||||
color: #ccc
|
||||
|
||||
margin: -40px -40px 40px -40px
|
||||
padding: 40px 40px
|
||||
|
|
@ -34,35 +71,74 @@ h1
|
|||
|
||||
font-weight: 100
|
||||
|
||||
overflow: hidden
|
||||
|
||||
// Back button!
|
||||
h1 .back
|
||||
float: right
|
||||
|
||||
display: inline-block
|
||||
padding: 0 20px
|
||||
height: 32px
|
||||
line-height: 32px
|
||||
|
||||
font-size: 9pt
|
||||
|
||||
background-color: #fafafa
|
||||
+background(linear-gradient(top, #fafafa, #fafafa * 0.98))
|
||||
|
||||
+box-shadow(inset 0 0 0 1px rgba(black, 0.1), inset 0 2px 0 rgba(white, 0.5))
|
||||
+border-radius(3px)
|
||||
|
||||
color: #aaa
|
||||
text-shadow: 0 1px 0 rgba(white, 0.9)
|
||||
text-decoration: none
|
||||
|
||||
&:hover
|
||||
+box-shadow(inset 0 0 0 1px rgba(black, 0.1), inset 0 2px 0 rgba(white, 0.5), 0 1px 5px rgba(black, 0.1))
|
||||
|
||||
&:active
|
||||
+box-shadow(inset 0 0 0 1px rgba(black, 0.1), inset 2px 2px 4px rgba(black, 0.1))
|
||||
|
||||
&:before
|
||||
content: '\238b'
|
||||
margin-right: 5px
|
||||
color: #888
|
||||
|
||||
// Individual headings
|
||||
h2, h3
|
||||
color: #38d
|
||||
font-size: 1.3em
|
||||
font-size: 1.2em
|
||||
padding-bottom: 10px
|
||||
font-weight: normal
|
||||
|
||||
h3
|
||||
font-size: 1.3em
|
||||
|
||||
pre, code
|
||||
font-family: monaco, monospace
|
||||
font-family: Menlo, Ubuntu Mono, monaco, monospace
|
||||
font-size: 12px
|
||||
color: #444
|
||||
|
||||
pre
|
||||
line-height: 1.6
|
||||
background: #f7f7f2
|
||||
padding: 20px 35px
|
||||
line-height: 1.4
|
||||
background: (#f7f7f2 * 1.04)
|
||||
padding: 20px
|
||||
+box-shadow(inset 0 3px 2px -2px rgba(black, 0.1))
|
||||
|
||||
text-shadow: 0 1px 0 rgba(white, 0.9)
|
||||
|
||||
border-top: solid 1px #ddd
|
||||
border-bottom: solid 1px #ddd
|
||||
border-top: solid 1px #eee
|
||||
border-bottom: solid 1px #eee
|
||||
|
||||
overflow-x: auto
|
||||
+scrollbar
|
||||
|
||||
margin-left: -40px
|
||||
margin-right: -40px
|
||||
padding: 20px 40px
|
||||
// border: solid 1px #eee
|
||||
// +border-radius(2px)
|
||||
|
||||
// Code block
|
||||
h2+pre, h3+pre
|
||||
|
|
@ -80,6 +156,7 @@ ul.pages
|
|||
|
||||
li
|
||||
width: 20%
|
||||
min-width: 100px
|
||||
float: left
|
||||
|
||||
a
|
||||
|
|
@ -96,7 +173,7 @@ ul.pages
|
|||
color: #999
|
||||
|
||||
a:hover
|
||||
background: #eee
|
||||
background: #fafafa
|
||||
|
||||
li:first-letter
|
||||
text-transform: uppercase
|
||||
|
|
|
|||
30
vim.md
30
vim.md
|
|
@ -40,6 +40,36 @@ Example:
|
|||
yip - Yank inner paragraph
|
||||
yap - Yank paragraph (including newline)
|
||||
|
||||
Folds
|
||||
-----
|
||||
|
||||
zo - Open
|
||||
zO - Open, recursive
|
||||
zc - Close
|
||||
zC - Close, recursive
|
||||
za - Toggle
|
||||
zA - Toggle, recursive
|
||||
|
||||
zv - Open folds for this line
|
||||
|
||||
zM - Close all
|
||||
zR - Open all
|
||||
|
||||
zm - Fold more (foldlevel += 1)
|
||||
zr - Fold less (foldlevel -= 1)
|
||||
|
||||
zx - Update
|
||||
|
||||
Scrolling
|
||||
---------
|
||||
|
||||
zz - Center this line
|
||||
|
||||
Windows
|
||||
-------
|
||||
|
||||
z{height}<Cr> - Resize pane to {height} lines tall
|
||||
|
||||
Tags
|
||||
----
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue