danbarber/slugtastic
1
0
Fork 0
mirror of https://github.com/danbee/slugtastic synced 2025-03-04 08:49:05 +00:00
Code Issues Releases Wiki Activity

Create gh-pages branch via GitHub

Browse Source
This commit is contained in:
Daniel Barber 2014-05-11 10:25:51 +01:00
parent 7339039961
commit ce48c0ea64
5 changed files with 228 additions and 357 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/bkg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
images/blacktocat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

50
index.html
View File

@ -3,46 +3,46 @@
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta http-equiv="X-UA-Compatible" content="chrome=1">
<link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" /> <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
<link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" /> <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" /> <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<title>Slugtastic by danbee</title> <title>Slugtastic by danbee</title>
</head> </head>
<body> <body>
<div id="container">
<div class="inner">
<header> <header>
<div class="container">
<h1>Slugtastic</h1> <h1>Slugtastic</h1>
<h2>A simple slug generator for Rails.</h2> <h2>A simple slug generator for Rails.</h2>
<section id="downloads">
<a href="https://github.com/danbee/slugtastic/zipball/master" class="btn">Download as .zip</a>
<a href="https://github.com/danbee/slugtastic/tarball/master" class="btn">Download as .tar.gz</a>
<a href="https://github.com/danbee/slugtastic" class="btn btn-github"><span class="icon"></span>View on GitHub</a>
</section>
</div>
</header> </header>
<section id="downloads" class="clearfix"> <div class="container">
<a href="https://github.com/danbee/slugtastic/zipball/master" id="download-zip" class="button"><span>Download .zip</span></a>
<a href="https://github.com/danbee/slugtastic/tarball/master" id="download-tar-gz" class="button"><span>Download .tar.gz</span></a>
<a href="https://github.com/danbee/slugtastic" id="view-on-github" class="button"><span>View on GitHub</span></a>
</section>
<hr>
<section id="main_content"> <section id="main_content">
<h1>Slugtastic</h1> <h1>
<a name="slugtastic" class="anchor" href="#slugtastic"><span class="octicon octicon-link"></span></a>Slugtastic</h1>
<p>Simple gem for autogenerating permalink style slugs for your ActiveRecord models.</p> <p>Simple gem for autogenerating permalink style slugs for your ActiveRecord models.</p>
<h2>Requirements</h2> <h2>
<a name="requirements" class="anchor" href="#requirements"><span class="octicon octicon-link"></span></a>Requirements</h2>
<ul> <ul>
<li>Ruby 1.9.2 or 1.9.3</li> <li>Ruby 1.9.2 or 1.9.3</li>
<li>Rails 3.1 or higher.</li> <li>Rails 3.1 or higher.</li>
</ul><p>It should work with Rails 3.0 but it hasn't been tested.</p> </ul><p>It should work with Rails 3.0 but it hasn't been tested.</p>
<h2>Installation</h2> <h2>
<a name="installation" class="anchor" href="#installation"><span class="octicon octicon-link"></span></a>Installation</h2>
<p>Add this line to your application's Gemfile:</p> <p>Add this line to your application's Gemfile:</p>
@ -59,7 +59,8 @@
<pre><code>$ gem install slugtastic <pre><code>$ gem install slugtastic
</code></pre> </code></pre>
<h2>Usage</h2> <h2>
<a name="usage" class="anchor" href="#usage"><span class="octicon octicon-link"></span></a>Usage</h2>
<p>Usage is very simple. Just add the following to your model:</p> <p>Usage is very simple. Just add the following to your model:</p>
@ -70,7 +71,8 @@
<p>There are no extra options at present.</p> <p>There are no extra options at present.</p>
<h2>Contributing</h2> <h2>
<a name="contributing" class="anchor" href="#contributing"><span class="octicon octicon-link"></span></a>Contributing</h2>
<ol> <ol>
<li>Fork it</li> <li>Fork it</li>
@ -80,14 +82,8 @@
<li>Create new Pull Request</li> <li>Create new Pull Request</li>
</ol> </ol>
</section> </section>
<footer>
Slugtastic is maintained by <a href="https://github.com/danbee">danbee</a><br>
This page was generated by <a href="http://pages.github.com">GitHub Pages</a>. Tactile theme by <a href="http://twitter.com/jasonlong">Jason Long</a>.
</footer>
</div>
</div> </div>
</body> </body>
</html> </html>

3
stylesheets/pygment_trac.css
View File

@ -1,4 +1,3 @@
.highlight { background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } /* Comment */ .highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */ .highlight .k { font-weight: bold } /* Keyword */
@ -35,7 +34,7 @@
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ .highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ .highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */ .highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */ .highlight .nt { color: #CBDFFF } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */ .highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */ .highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */ .highlight .w { color: #bbbbbb } /* Text.Whitespace */

492
stylesheets/stylesheet.css
View File

@ -1,371 +1,247 @@
/* http://meyerweb.com/eric/tools/css/reset/ body {
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; background: #151515 url("../images/bkg.png") 0 0;
font-size: 100%; color: #eaeaea;
font: inherit; font: 16px;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* LAYOUT STYLES */
body {
font-size: 1em;
line-height: 1.5; line-height: 1.5;
background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat; font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
font-family: 'Helvetica Neue', Helvetica, Arial, serif;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
color: #6d6d6d;
} }
a { /* General & 'Reset' Stuff */
color: #d5000d;
}
a:hover {
color: #c5000c;
}
header { .container {
padding-top: 35px; width: 90%;
padding-bottom: 25px; max-width: 600px;
}
header h1 {
font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900;
letter-spacing: -1px;
font-size: 48px;
color: #303030;
line-height: 1.2;
}
header h2 {
letter-spacing: -1px;
font-size: 24px;
color: #aaa;
font-weight: normal;
line-height: 1.3;
}
#container {
background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat;
min-height: 595px;
}
.inner {
width: 620px;
margin: 0 auto; margin: 0 auto;
} }
#container .inner img { section {
max-width: 100%; display: block;
margin: 0 0 20px 0;
} }
#downloads { h1, h2, h3, h4, h5, h6 {
margin-bottom: 40px; margin: 0 0 20px;
} }
a.button { li {
-moz-border-radius: 30px; line-height: 1.4 ;
-webkit-border-radius: 30px; }
border-radius: 30px;
border-top: solid 1px #cbcbcb; /* Header, <header>
border-left: solid 1px #b7b7b7; header - container
border-right: solid 1px #b7b7b7; h1 - project name
border-bottom: solid 1px #b3b3b3; h2 - project description
color: #303030; */
line-height: 25px;
header {
background: rgba(0, 0, 0, 0.1);
width: 100%;
border-bottom: 1px dashed #b5e853;
padding: 20px 0;
margin: 0 0 40px 0;
}
header h1 {
font-size: 30px;
line-height: 1.5;
margin: 0 0 0 -40px;
font-weight: bold; font-weight: bold;
font-size: 15px; font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
padding: 12px 8px 12px 8px; color: #b5e853;
display: block; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
float: left; 0 0 5px rgba(181, 232, 83, 0.1),
width: 179px; 0 0 10px rgba(181, 232, 83, 0.1);
margin-right: 14px; letter-spacing: -1px;
background: #fdfdfd; /* Old browsers */ -webkit-font-smoothing: antialiased;
background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
box-shadow: 0px 1px 5px #e8e8e8;
}
a.button:hover {
border-top: solid 1px #b7b7b7;
border-left: solid 1px #b3b3b3;
border-right: solid 1px #b3b3b3;
border-bottom: solid 1px #b3b3b3;
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
} }
a.button span { header h1:before {
padding-left: 50px; content: "./ ";
display: block; font-size: 24px;
height: 23px;
} }
#download-zip span { header h2 {
background: transparent url(../images/zip-icon.png) 12px 50% no-repeat; font-size: 18px;
} font-weight: 300;
#download-tar-gz span { color: #666;
background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat;
}
#view-on-github span {
background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat;
}
#view-on-github {
margin-right: 0;
} }
code, pre { #downloads .btn {
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; display: inline-block;
color: #222; text-align: center;
margin-bottom: 30px; margin: 0;
}
/* Main Content
*/
#main_content {
width: 100%;
-webkit-font-smoothing: antialiased;
}
section img {
max-width: 100%
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
color: #b5e853;
letter-spacing: -0.03em;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
0 0 5px rgba(181, 232, 83, 0.1),
0 0 10px rgba(181, 232, 83, 0.1);
}
#main_content h1 {
font-size: 30px;
}
#main_content h2 {
font-size: 24px;
}
#main_content h3 {
font-size: 18px;
}
#main_content h4 {
font-size: 14px; font-size: 14px;
} }
code { #main_content h5 {
background-color: #f2f2f2; font-size: 12px;
border: solid 1px #ddd; text-transform: uppercase;
padding: 0 3px; margin: 0 0 5px 0;
} }
pre { #main_content h6 {
padding: 20px; font-size: 12px;
background: #303030; text-transform: uppercase;
color: #f2f2f2; color: #999;
text-shadow: none; margin: 0 0 5px 0;
overflow: auto;
}
pre code {
color: #f2f2f2;
background-color: #303030;
border: none;
padding: 0;
} }
ul, ol, dl { dt {
margin-bottom: 20px; font-style: italic;
}
/* COMMON STYLES */
hr {
height: 1px;
line-height: 1px;
margin-top: 1em;
padding-bottom: 1em;
border: none;
background: transparent url('../images/hr.png') 50% 0 no-repeat;
}
strong {
font-weight: bold; font-weight: bold;
} }
em { ul li {
font-style: italic; list-style: none;
}
ul li:before {
content: ">>";
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
font-size: 13px;
color: #b5e853;
margin-left: -37px;
margin-right: 21px;
line-height: 16px;
}
blockquote {
color: #aaa;
padding-left: 10px;
border-left: 1px dotted #666;
}
pre {
background: rgba(0, 0, 0, 0.9);
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 10px;
font-size: 14px;
color: #b5e853;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-wrap: normal;
overflow: auto;
overflow-y: hidden;
} }
table { table {
width: 100%; width: 100%;
border: 1px solid #ebebeb; margin: 0 0 20px 0;
} }
th { th {
font-weight: 500; text-align: left;
border-bottom: 1px dashed #b5e853;
padding: 5px 10px;
} }
td { td {
border: 1px solid #ebebeb; padding: 5px 10px;
text-align: center;
font-weight: 300;
} }
form { hr {
background: #f2f2f2; height: 0;
padding: 20px; border: 0;
border-bottom: 1px dashed #b5e853;
color: #b5e853;
} }
/* Buttons
*/
/* GENERAL ELEMENT TYPE STYLES */ .btn {
display: inline-block;
h1 { background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3));
font-size: 32px; padding: 8px 18px;
} border-radius: 50px;
border: 2px solid rgba(0, 0, 0, 0.7);
h2 { border-bottom: 2px solid rgba(0, 0, 0, 0.7);
font-size: 22px; border-top: 2px solid rgba(0, 0, 0, 1);
color: rgba(255, 255, 255, 0.8);
font-family: Helvetica, Arial, sans-serif;
font-weight: bold; font-weight: bold;
color: #303030; font-size: 13px;
margin-bottom: 8px; text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
} }
h3 { .btn:hover {
color: #d5000d; background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8));
font-size: 18px;
font-weight: bold;
margin-bottom: 8px;
} }
h4 { .btn .icon {
font-size: 16px; display: inline-block;
color: #303030; width: 16px;
font-weight: bold; height: 16px;
margin: 1px 8px 0 0;
float: left;
} }
h5 { .btn-github .icon {
font-size: 1em; opacity: 0.6;
color: #303030; background: url("../images/blacktocat.png") 0 0 no-repeat;
} }
h6 { /* Links
font-size: .8em; a, a:hover, a:visited
color: #303030; */
}
p {
font-weight: 300;
margin-bottom: 20px;
}
a { a {
text-decoration: none; color: #63c0f5;
text-shadow: 0 0 5px rgba(104, 182, 255, 0.5);
} }
p a { /* Clearfix */
font-weight: 400;
.cf:before, .cf:after {
content:"";
display:table;
} }
blockquote { .cf:after {
font-size: 1.6em; clear:both;
border-left: 10px solid #e9e9e9;
margin-bottom: 20px;
padding: 0 0 0 30px;
} }
ul li { .cf {
list-style: disc inside; zoom:1;
padding-left: 20px;
} }
ol li {
list-style: decimal inside;
padding-left: 3px;
}
dl dt {
color: #303030;
}
footer {
background: transparent url('../images/hr.png') 0 0 no-repeat;
margin-top: 40px;
padding-top: 20px;
padding-bottom: 30px;
font-size: 13px;
color: #aaa;
}
footer a {
color: #666;
}
footer a:hover {
color: #444;
}
/* MISC */
.clearfix:after {
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
header {
padding-top: 10px;
padding-bottom: 10px;
}
#downloads {
margin-bottom: 25px;
}
#download-zip, #download-tar-gz {
display: none;
}
.inner {
width: 94%;
margin: 0 auto;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}