Misterzym
/
CodeIgniter-Aauth
mirror of https://github.com/misterzym/CodeIgniter-Aauth.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Create gh-pages branch via GitHub

gh-pages
Emre Akay 9 years ago
parent
a08cfbba57
commit
75fef0dccc
5 changed files with 765 additions and 905 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 317
      index.html
  2. 8
      params.json
  3. 116
      stylesheets/github-light.css
  4. 553
      stylesheets/normalize.css
  5. 676
      stylesheets/stylesheet.css

317
index.html
Unescape View File

@ -1,214 +1,221 @@
<!doctype html> <!DOCTYPE html>
<html> <html lang="en-us">
<head> <head>
<meta charset="utf-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1"> <title>Codeigniter Aauth by emreakay</title>
<title>Codeigniter-aauth by emreakay</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="stylesheets/styles.css"> <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link rel="stylesheet" href="stylesheets/pygment_trac.css"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<script src="javascripts/main.js"></script> <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head> </head>
<body> <body>
<section class="page-header">
<h1 class="project-name">Codeigniter Aauth</h1>
<h2 class="project-tagline">Authorization, authentication and User Management library for Codeigniter 2.x and 3.x to make easy user management and permission operations</h2>
<a href="https://github.com/emreakay/CodeIgniter-Aauth" class="btn">View on GitHub</a>
<a href="https://github.com/emreakay/CodeIgniter-Aauth/zipball/master" class="btn">Download .zip</a>
<a href="https://github.com/emreakay/CodeIgniter-Aauth/tarball/master" class="btn">Download .tar.gz</a>
</section>
<section class="main-content">
<p align="center">
<img src="https://cloud.githubusercontent.com/assets/2417212/8925689/add409ea-34be-11e5-8e50-845da8f5b1b0.png" height="320">
</p>
<hr>
<p>Aauth is a User Authorization Library for CodeIgniter 2.x and 3.x, which aims to make easy some essential jobs such as login, permissions and access operations. Despite its ease of use, it has also very advanced features like private messages, groupping, access management, and public access.</p>
<header> <p><strong>This is Quick Start page. You can also take a look at the <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/_pages">detailed Documentation Wiki</a> to learn about other great Features</strong></p>
<h1>Codeigniter-aauth</h1>
<p>Authorization, authentication and User Management library for Codeigniter 2.x to make easy user management and permission operations</p>
</header>
<div id="banner">
<span id="logo"></span>
<a href="https://github.com/emreakay/CodeIgniter-Aauth" class="button fork"><strong>View On GitHub</strong></a>
<div class="downloads">
<span>Downloads:</span>
<ul>
<li><a href="https://github.com/emreakay/CodeIgniter-Aauth/zipball/master" class="button">ZIP</a></li>
<li><a href="https://github.com/emreakay/CodeIgniter-Aauth/tarball/master" class="button">TAR</a></li>
</ul>
</div>
</div><!-- end banner -->
<div class="wrapper">
<nav>
<ul></ul>
</nav>
<section>
<hr><p>Aauth is a User Authorization Library for CodeIgniter 2.x, which aims to make easy some essential jobs such as login, permissions and access operations. Despite ease of use, it has also very advanced features like private messages, groupping, access management, public access etc..</p>
<p>After Quick Start, Take a look <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/_pages">detailed Documentation from wiki</a> </p>
<h3> <h3>
<a name="features" class="anchor" href="#features"><span class="octicon octicon-link"></span></a>Features</h3> <a id="features" class="anchor" href="#features" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Features</h3>
<hr><ul> <hr>
<li>User Management and Operations (login, logout, register, vertification via e-mail, forgoten password, ban management, login ddos protection)</li>
<li>Group Operations (Creaing, deleting groups, membership management)</li> <ul>
<li>Admin and Public Group support (Public permissions) <li>User Management and Operations (login, logout, register, verification via e-mail, forgotten password, user ban, login DDoS protection)</li>
Permission Management (creating,deleting permissons, allow, deny groups, public permissions, permission checking)</li> <li>Group Operations (creating/deleting groups, membership management)</li>
<li>Group Permissions </li> <li>Admin and Public Group support (Public permissions)</li>
<li>User Permissions (new)</li> <li>Permission Management (creating/deleting permissions, allow/deny groups, public permissions, permission checking)</li>
<li>User and System Variables (new)</li> <li>Group Permissions</li>
<li>Login Ddos Protection (new)</li> <li>User Permissions</li>
<li>Private Messages (pm between users)</li> <li>User and System Variables</li>
<li>Error Mesages and Validations</li> <li>Login DDoS Protection</li>
<li>Private Messages (between users)</li>
<li>Error Messages and Validations</li>
<li>Langugage and config file support</li> <li>Langugage and config file support</li>
<li>Flexible</li> <li>Flexible implementation</li>
</ul><h3> </ul>
<a name="what-is-new-in-version-2" class="anchor" href="#what-is-new-in-version-2"><span class="octicon octicon-link"></span></a>What is new in Version 2</h3>
<h3>
<a id="what-is-new-in-version-2" class="anchor" href="#what-is-new-in-version-2" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>What is new in Version 2</h3>
<hr>
<hr><ul> <ul>
<li>User Permissions</li> <li>User Permissions</li>
<li>User and System Variables</li> <li>User and System Variables</li>
<li>Login Ddos Protection</li> <li>Login DDoS Protection</li>
<li>Some functions has changed</li> <li>Updated functions (check documentation for details)</li>
<li>Some bugs fixed</li> <li>Bugs fixes</li>
</ul><h3> <li>TOTP (Time-based One-time Password)</li>
<a name="migration" class="anchor" href="#migration"><span class="octicon octicon-link"></span></a>Migration</h3> </ul>
<hr><ul> <h3>
<li>if you have been using Version 1 before, take a look at Migration Page</li> <a id="migration" class="anchor" href="#migration" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Migration</h3>
</ul><h3>
<a name="quick-start" class="anchor" href="#quick-start"><span class="octicon octicon-link"></span></a>Quick Start</h3> <hr>
<hr><p>Let's start :)<br> <ul>
Firstly we will load Aauth Library to system</p> <li>If you are currently using Version 1, take a look at the <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/1%29-Migration-from-V1">v1 to v2 migration page.</a>.</li>
</ul>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">load</span><span class="o">-&gt;</span><span class="na">library</span><span class="p">(</span><span class="s2">"Aauth"</span><span class="p">);</span> <h3>
</pre></div> <a id="quick-start" class="anchor" href="#quick-start" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Quick Start</h3>
<p>thats OK. </p> <hr>
<p>Now we will create 2 new users, Ali and John </p> <p>Let's get started :)
First, we will load the Aauth Library into the system</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_user</span><span class="p">(</span><span class="s1">'ali@ali.com'</span><span class="p">,</span><span class="s1">'alispass'</span><span class="p">,</span><span class="s1">'Ali Akay'</span><span class="p">);</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">load</span><span class="pl-k">-&gt;</span>library(<span class="pl-s"><span class="pl-pds">"</span>Aauth<span class="pl-pds">"</span></span>);</span></pre></div>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_user</span><span class="p">(</span><span class="s1">'john@john.com'</span><span class="p">,</span><span class="s1">'johnspass'</span><span class="p">,</span><span class="s1">'John Button'</span><span class="p">);</span>
</pre></div>
<p>thats it. now we have two users.</p> <p>That was easy!</p>
<p>Lets Create two group governors and commons :)</p> <p>Now let's create two new users, <code>Frodo</code> and <code>Legolas</code>.</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_group</span><span class="p">(</span><span class="s1">'governors'</span><span class="p">);</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_user(<span class="pl-s"><span class="pl-pds">'</span>frodo@example.com<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>frodopass<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>Frodo Baggins<span class="pl-pds">'</span></span>);</span>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_group</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">);</span> <span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_user(<span class="pl-s"><span class="pl-pds">'</span>legolas@example.com<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>legolaspass<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>Legolas<span class="pl-pds">'</span></span>);</span></pre></div>
</pre></div>
<p>Then, Lets Create a User with power whic is Obama (having id=12)</p> <p>We now we have two users.</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_user</span><span class="p">(</span><span class="s1">'obama@usa.gov'</span><span class="p">,</span> <span class="s1">'pass-cia-fbi'</span><span class="p">,</span> <span class="s1">'Barrack Obama'</span><span class="p">);</span> <p>OK, now we can create two groups, <code>hobbits</code> and <code>elves</code>.</p>
</pre></div>
<p>ok now we have two groups and one user.</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_group(<span class="pl-s"><span class="pl-pds">'</span>hobbits<span class="pl-pds">'</span></span>);</span>
<span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_group(<span class="pl-s"><span class="pl-pds">'</span>elves<span class="pl-pds">'</span></span>);</span></pre></div>
<p>Lets create a permissions 'incrase_tax' and 'change_government' </p> <p>Now, let's create a user with power, Gandalf (for our example, let's assume he was given the <code>id</code> of 12).</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_perm</span><span class="p">(</span><span class="s1">'increase_tax'</span><span class="p">);</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_user(<span class="pl-s"><span class="pl-pds">'</span>gandalf@example.com<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>gandalfpass<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>Gandalf the Gray<span class="pl-pds">'</span></span>);</span></pre></div>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_perm</span><span class="p">(</span><span class="s1">'change_government'</span><span class="p">);</span>
</pre></div>
<p>Ok, now lets give accesses. logically 'governors' will have 'increase_tax' permission and 'commons' will have 'change_government' access.<br> <p>OK, now we have two groups and three users.</p>
ok lets give proper access with <em>alow_group()</em> function</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">allow_group</span><span class="p">(</span><span class="s1">'governors'</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">);</span> <p>Let's create two permissions <code>walk_unseen</code> and <code>immortality</code> </p>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">allow_group</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">,</span><span class="s1">'change_government'</span><span class="p">);</span>
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_perm(<span class="pl-s"><span class="pl-pds">'</span>walk_unseen<span class="pl-pds">'</span></span>);</span>
<span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_perm(<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">allow_group</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">);</span> <p>Ok, now let's give accesses to our groups. The Hobbits seem to have ability to walk unseen, so we will assign that privilage to them. The Elves have imortality, so we will assign that privilage to them.
</pre></div> We will assign access with <code>allow_group()</code> function.</p>
<p>Ops wait a minute. commons cannot 'increase_tax'. we need to fix it, we will use deny() to take back permission.</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>allow_group(<span class="pl-s"><span class="pl-pds">'</span>hobbits<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>walk_unseen<span class="pl-pds">'</span></span>);</span>
<span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>allow_group(<span class="pl-s"><span class="pl-pds">'</span>elves<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span>
<span class="pl-s1"></span>
<span class="pl-s1"></span>
<span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>allow_group(<span class="pl-s"><span class="pl-pds">'</span>hobbits<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">deny</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">);</span> <p>Wait a minute! Hobbits should not have <code>immortality</code>. We need to fix this, we can use <code>deny()</code> to remove the permission.</p>
</pre></div>
<p>Obama also can increse tax ha?</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>deny(<span class="pl-s"><span class="pl-pds">'</span>hobbits<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">allow_user</span><span class="p">(</span><span class="mi">12</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">);</span> <p>Gandalf can also live forever.</p>
</pre></div>
<p>Ok now lets check if commons can 'increase_tax'</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>allow_user(<span class="pl-c1">12</span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div>
<div class="highlight highlight-php"><pre><span class="k">if</span><span class="p">(</span><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">is_group_allowed</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">)){</span> <p>Ok now let's check if Hobbits have <code>immortality</code>.</p>
<span class="c1">// i dont think so</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="c1">// do sth in the middle</span>
<span class="p">}</span>
</pre></div>
<p>Can Obama increase_tax ? Let's check it.</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-k">if</span>(<span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>is_group_allowed(<span class="pl-s"><span class="pl-pds">'</span>hobbits<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>)){</span>
<span class="pl-s1"> <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>Hobbits are immortal<span class="pl-pds">"</span></span>;</span>
<span class="pl-s1">} <span class="pl-k">else</span> {</span>
<span class="pl-s1"> <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>Hobbits are NOT immortal<span class="pl-pds">"</span></span>;</span>
<span class="pl-s1">}</span></pre></div>
<div class="highlight highlight-php"><pre><span class="k">if</span><span class="p">(</span><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">is_allowed</span><span class="p">(</span><span class="mi">15</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">)){</span> <p>Results:</p>
<span class="c1">// i guess so</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="c1">// piece of code</span>
<span class="p">}</span>
</pre></div>
<p>i think 'increse_tax' must have never been created. just delete it</p> <pre><code>Hobbits are NOT immortal
</code></pre>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">delete_perm</span><span class="p">(</span><span class="s1">'increase_tax'</span><span class="p">);</span> <p>Does Gandalf have the ability to live forever?</p>
</pre></div>
<p>now better. </p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-k">if</span>(<span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>is_allowed(<span class="pl-c1">12</span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>)){</span>
<span class="pl-s1"> <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>Gandalf is immortal<span class="pl-pds">"</span></span>;</span>
<span class="pl-s1">} <span class="pl-k">else</span> {</span>
<span class="pl-s1"> <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>Gandalf is NOT immortal<span class="pl-pds">"</span></span>;</span>
<span class="pl-s1">}</span></pre></div>
<p>So what about public people? (public means not logged users). Can public people travel? Lets assume we have permissions namely 'travel' , of course.</p> <p>Results:</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">allow_group</span><span class="p">(</span><span class="s1">'public'</span><span class="p">,</span><span class="s1">'travel'</span><span class="p">);</span> <pre><code>Gandalf is immortal
</pre></div> </code></pre>
<p>So Admin? what can he do? He can access everthing, You dont need to give permiision ( using allow_group() or allow_user() ) him, he already has. </p> <p>Since we don't accually live in Middle Earth, we are not aware of actual immortality. Alas, we must delete the permission.</p>
<p>What about User Variables? <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>delete_perm(<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div>
for every individual user, variables can be defined as key-value.</p>
<p>this is a simple example to set a variable.</p> <p>It is gone.</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">set_user_var</span><span class="p">(</span><span class="s2">"key"</span><span class="p">,</span><span class="s2">"value"</span><span class="p">);</span> <h4>
</pre></div> <a id="un-authenticated-users" class="anchor" href="#un-authenticated-users" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Un-authenticated Users</h4>
<p>For example if you want to keep users phones</p> <p>So, how about un-authenticated users? In Aauth they are part of the <code>public</code> group. Let's give them permissions to <code>travel</code>.
We will assume we already have a permission set up named <code>travel</code>.</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">set_user_var</span><span class="p">(</span><span class="s2">"phone"</span><span class="p">,</span><span class="s2">"0216 313 23 33"</span><span class="p">);</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>allow_group(<span class="pl-s"><span class="pl-pds">'</span>public<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>travel<span class="pl-pds">'</span></span>);</span></pre></div>
</pre></div>
<p>to get the variable</p> <h4>
<a id="admin-users" class="anchor" href="#admin-users" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Admin Users</h4>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">set_user_var</span><span class="p">(</span><span class="s2">"key"</span><span class="p">);</span> <p>What about the Admin users? The <code>Admin</code> user and any member of the <code>Admin</code> group is a superuser who had access everthing, There is no need to grant additional permissions.</p>
</pre></div>
<p>Aauth also permits you to define System Variables which can be accesed by every user in the system.</p> <h4>
<a id="user-parametersvariables" class="anchor" href="#user-parametersvariables" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>User Parameters/Variables</h4>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">set_system_var</span><span class="p">(</span><span class="s2">"key"</span><span class="p">,</span><span class="s2">"Value"</span><span class="p">);</span> <p>For each user, variables can be defined as individual key/value pairs.</p>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">set_system_var</span><span class="p">(</span><span class="s2">"key"</span><span class="p">);</span>
</pre></div>
<p>ok lets look at private messages. John (his id=3) will send pm to Ali(id=4)</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>set_user_var(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>,<span class="pl-s"><span class="pl-pds">"</span>value<span class="pl-pds">"</span></span>);</span></pre></div>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">send_pm</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="mi">4</span><span class="p">,</span><span class="s1">'Hi bro. i need you'</span><span class="p">,</span><span class="s1">' can you gimme your credit card?'</span><span class="p">)</span> <p>For example, if you want to store a user's phone number.</p>
</pre></div>
<p>sorry John you will be banned :(</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>set_user_var(<span class="pl-s"><span class="pl-pds">"</span>phone<span class="pl-pds">"</span></span>,<span class="pl-s"><span class="pl-pds">"</span>1-507-555-1234<span class="pl-pds">"</span></span>);</span></pre></div>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">ban_user</span><span class="p">(</span><span class="mi">3</span><span class="p">);</span> <p>To retreive value you will use <code>get_user_var()</code>:</p>
</pre></div>
<p>Quick Start is done but thats not the end<br> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>get_user_var(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>);</span></pre></div>
Take a look <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/_pages">detailed Documentation from wiki</a> </p>
<p>Dont forget to watch Aauth.<br> <p>Aauth also permits you to define System Variables. These can be which can be accesed by all users in the system.</p>
You can also contribute and help me :)</p>
</section> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>set_system_var(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>,<span class="pl-s"><span class="pl-pds">"</span>value<span class="pl-pds">"</span></span>);</span>
<footer> <span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>get_system_var(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>);</span></pre></div>
<p>Project maintained by <a href="https://github.com/emreakay">emreakay</a></p>
<p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://twitter.com/michigangraham">mattgraham</a></small></p> <h4>
<a id="private-messages" class="anchor" href="#private-messages" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Private Messages</h4>
<p>OK, let's look at private messages. Frodo (<code>id</code> = 3) will send a PM to Legolas (<code>id</code> = 4);</p>
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>send_pm(<span class="pl-c1">3</span>,<span class="pl-c1">4</span>,<span class="pl-s"><span class="pl-pds">'</span>New cloaks<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>These new cloaks are fantastic!<span class="pl-pds">'</span></span>)</span></pre></div>
<h4>
<a id="banning-users" class="anchor" href="#banning-users" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Banning users</h4>
<p>Frodo has broke the rules and will now need to be banned from the system.</p>
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>ban_user(<span class="pl-c1">3</span>);</span></pre></div>
<p>You have reached the end of the Quick Start Guide, but please take a look at the <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/_pages">detailed Documentation Wiki</a> for additional information.</p>
<p>Don't forget to keep and eye on Aauth, we are constantly improving the system.
You can also contribute and help me out. :)</p>
<footer class="site-footer">
<span class="site-footer-owner"><a href="https://github.com/emreakay/CodeIgniter-Aauth">Codeigniter Aauth</a> is maintained by <a href="https://github.com/emreakay">emreakay</a>.</span>
<span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
</footer> </footer>
</div>
<!--[if !IE]><script>fixScale(document);</script><![endif]--> </section>
</body> </body>
</html> </html>

8
params.json
View File

File diff suppressed because one or more lines are too long

116
stylesheets/github-light.css
Unescape View File

@ -0,0 +1,116 @@
/*
Copyright 2014 GitHub Inc.
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
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
.pl-c /* comment */ {
color: #969896;
}
.pl-c1 /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */,
.pl-s .pl-v /* string variable */ {
color: #0086b3;
}
.pl-e /* entity */,
.pl-en /* entity.name */ {
color: #795da3;
}
.pl-s .pl-s1 /* string source */,
.pl-smi /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ {
color: #333;
}
.pl-ent /* entity.name.tag */ {
color: #63a35c;
}
.pl-k /* keyword, storage, storage.type */ {
color: #a71d5d;
}
.pl-pds /* punctuation.definition.string, string.regexp.character-class */,
.pl-s /* string */,
.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
.pl-sr /* string.regexp */,
.pl-sr .pl-cce /* string.regexp constant.character.escape */,
.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */,
.pl-sr .pl-sre /* string.regexp source.ruby.embedded */ {
color: #183691;
}
.pl-v /* variable */ {
color: #ed6a43;
}
.pl-id /* invalid.deprecated */ {
color: #b52a1d;
}
.pl-ii /* invalid.illegal */ {
background-color: #b52a1d;
color: #f8f8f8;
}
.pl-sr .pl-cce /* string.regexp constant.character.escape */ {
color: #63a35c;
font-weight: bold;
}
.pl-ml /* markup.list */ {
color: #693a17;
}
.pl-mh /* markup.heading */,
.pl-mh .pl-en /* markup.heading entity.name */,
.pl-ms /* meta.separator */ {
color: #1d3e81;
font-weight: bold;
}
.pl-mq /* markup.quote */ {
color: #008080;
}
.pl-mi /* markup.italic */ {
color: #333;
font-style: italic;
}
.pl-mb /* markup.bold */ {
color: #333;
font-weight: bold;
}
.pl-md /* markup.deleted, meta.diff.header.from-file */ {
background-color: #ffecec;
color: #bd2c00;
}
.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
background-color: #eaffea;
color: #55a532;
}
.pl-mdr /* meta.diff.range */ {
color: #795da3;
font-weight: bold;
}
.pl-mo /* meta.output */ {
color: #1d3e81;
}

553
stylesheets/normalize.css vendored
Unescape View File

@ -1,10 +1,35 @@
/* normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* =============================================================================
HTML5 display definitions /**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */ ========================================================================== */
/*
* Corrects block display not defined in IE6/7/8/9 & FF3 /**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/ */
article, article,
aside, aside,
details, details,
@ -13,209 +38,126 @@ figure,
footer, footer,
header, header,
hgroup, hgroup,
main,
menu,
nav, nav,
section, section,
summary { summary {
display: block; display: block;
} }
/* /**
* Corrects inline-block display not defined in IE6/7/8/9 & FF3 * 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/ */
audio, audio,
canvas, canvas,
progress,
video { video {
display: inline-block; display: inline-block; /* 1 */
*display: inline; vertical-align: baseline; /* 2 */
*zoom: 1;
} }
/* /**
* Prevents modern browsers from displaying 'audio' without controls * Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/ */
audio:not([controls]) { audio:not([controls]) {
display: none; display: none;
height: 0;
} }
/* /**
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Address `[hidden]` styling not present in IE 8/9/10.
* Known issue: no IE6 support * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/ */
[hidden] {
[hidden],
template {
display: none; display: none;
} }
/* ============================================================================= /* Links
Base
========================================================================== */ ========================================================================== */
/*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {
font-size: 100%;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */
}
/* /**
* Addresses font-family inconsistency between 'textarea' and other form elements. * Remove the gray background color from active links in IE 10.
*/ */
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/* a {
* Addresses margins handled incorrectly in IE6/7 background-color: transparent;
*/
body {
margin: 0;
} }
/* ============================================================================= /**
Links * Improve readability when focused and also mouse hovered in all browsers.
========================================================================== */
/*
* Addresses outline displayed oddly in Chrome
*/ */
a:focus {
outline: thin dotted;
}
/* a:active,
* Improves readability when focused and also mouse hovered in all browsers a:hover {
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover,
a:active {
outline: 0; outline: 0;
} }
/* ============================================================================= /* Text-level semantics
Typography
========================================================================== */ ========================================================================== */
/*
* Addresses font sizes and margins set differently in IE6/7
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 { /**
font-size: 1.5em; * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/ */
abbr[title] { abbr[title] {
border-bottom: 1px dotted; border-bottom: 1px dotted;
} }
/* /**
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/ */
b, b,
strong { strong {
font-weight: bold; font-weight: bold;
} }
blockquote { /**
margin: 1em 40px; * Address styling not present in Safari and Chrome.
}
/*
* Addresses styling not present in S5, Chrome
*/ */
dfn { dfn {
font-style: italic; font-style: italic;
} }
/* /**
* Addresses styling not present in IE6/7/8/9 * Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/ */
mark {
background: #ff0;
color: #000;
}
/* h1 {
* Addresses margins set differently in IE6/7 font-size: 2em;
*/ margin: 0.67em 0;
p,
pre {
margin: 1em 0;
} }
/* /**
* Corrects font family set oddly in IE6, S4/5, Chrome * Address styling not present in IE 8/9.
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/ */
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/* mark {
* 1. Addresses CSS quotes not supported in IE6/7 background: #ff0;
* 2. Addresses quote property not supported in S4 color: #000;
*/
/* 1 */
q {
quotes: none;
} }
/* 2 */ /**
q:before, * Address inconsistent and variable font size in all browsers.
q:after { */
content: '';
content: none;
}
small { small {
font-size: 75%; font-size: 80%;
} }
/* /**
* Prevents sub and sup affecting line-height in all browsers * Prevent `sub` and `sup` affecting `line-height` in all browsers.
* gist.github.com/413930
*/ */
sub, sub,
sup { sup {
font-size: 75%; font-size: 75%;
@ -232,228 +174,251 @@ sub {
bottom: -0.25em; bottom: -0.25em;
} }
/* ============================================================================= /* Embedded content
Lists
========================================================================== */ ========================================================================== */
/*
* Addresses margins set differently in IE6/7
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd { /**
margin: 0 0 0 40px; * Remove border when inside `a` element in IE 8/9/10.
}
/*
* Addresses paddings set differently in IE6/7
*/ */
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/*
* Corrects list images handled incorrectly in IE7
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img { img {
border: 0; border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */
} }
/* /**
* Corrects overflow displayed oddly in IE9 * Correct overflow not hidden in IE 9/10/11.
*/ */
svg:not(:root) { svg:not(:root) {
overflow: hidden; overflow: hidden;
} }
/* ============================================================================= /* Grouping content
Figures
========================================================================== */ ========================================================================== */
/*
* Addresses margin not present in IE6/7/8/9, S5, O11 /**
* Address margin not present in IE 8/9 and Safari.
*/ */
figure { figure {
margin: 0; margin: 1em 40px;
} }
/* ============================================================================= /**
Forms * Address differences between Firefox and other browsers.
========================================================================== */
/*
* Corrects margin displayed oddly in IE6/7
*/ */
form {
margin: 0; hr {
box-sizing: content-box;
height: 0;
} }
/* /**
* Define consistent border, margin, and padding * Contain overflow in all browsers.
*/ */
fieldset {
border: 1px solid #c0c0c0; pre {
margin: 0 2px; overflow: auto;
padding: 0.35em 0.625em 0.75em;
} }
/* /**
* 1. Corrects color not being inherited in IE6/7/8/9 * Address odd `em`-unit font size rendering in all browsers.
* 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7
*/ */
legend {
border: 0; code,
/* 1 */ kbd,
padding: 0; pre,
white-space: normal; samp {
/* 2 */ font-family: monospace, monospace;
*margin-left: -7px; font-size: 1em;
/* 3 */
} }
/* /* Forms
* 1. Corrects font size not being inherited in all browsers ========================================================================== */
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers /**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/ */
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button, button,
input, input,
optgroup,
select, select,
textarea { textarea {
font-size: 100%; color: inherit; /* 1 */
/* 1 */ font: inherit; /* 2 */
margin: 0; margin: 0; /* 3 */
/* 2 */ }
vertical-align: baseline;
/* 3 */ /**
*vertical-align: middle; * Address `overflow` set to `hidden` in IE 8/9/10/11.
/* 3 */ */
button {
overflow: visible;
} }
/* /**
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet * Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/ */
button, button,
input { select {
line-height: normal; text-transform: none;
/* 1 */
} }
/* /**
* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* 2. Corrects inability to style clickable 'input' types in iOS * and `video` controls.
* 3. Removes inner spacing in IE7 without affecting normal text inputs * 2. Correct inability to style clickable `input` types in iOS.
* Known issue: inner spacing remains in IE6 * 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/ */
button, button,
input[type="button"], html input[type="button"], /* 1 */
input[type="reset"], input[type="reset"],
input[type="submit"] { input[type="submit"] {
cursor: pointer; -webkit-appearance: button; /* 2 */
/* 1 */ cursor: pointer; /* 3 */
-webkit-appearance: button;
/* 2 */
*overflow: visible;
/* 3 */
} }
/* /**
* Re-set default cursor for disabled elements * Re-set default cursor for disabled elements.
*/ */
button[disabled], button[disabled],
input[disabled] { html input[disabled] {
cursor: default; cursor: default;
} }
/* /**
* 1. Addresses box sizing set to content-box in IE8/9 * Remove inner padding and border in Firefox 4+.
* 2. Removes excess padding in IE8/9
* 3. Removes excess padding in IE7
Known issue: excess padding remains in IE6
*/ */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"], input[type="checkbox"],
input[type="radio"] { input[type="radio"] {
box-sizing: border-box; box-sizing: border-box; /* 1 */
/* 1 */ padding: 0; /* 2 */
padding: 0; }
/* 2 */
*height: 13px; /**
/* 3 */ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
*width: 13px; * `font-size` values of the `input`, it causes the cursor style of the
/* 3 */ * decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} }
/* /**
* 1. Addresses appearance set to searchfield in S5, Chrome * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/ */
input[type="search"] { input[type="search"] {
-webkit-appearance: textfield; -webkit-appearance: textfield; /* 1 */ /* 2 */
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; box-sizing: content-box;
} }
/* /**
* Removes inner padding and search cancel button in S5, Chrome on OS X * Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/ */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
/* /**
* Removes inner padding and border in FF3+ * Define consistent border, margin, and padding.
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/ */
button::-moz-focus-inner,
input::-moz-focus-inner { fieldset {
border: 0; border: 1px solid #c0c0c0;
padding: 0; margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
} }
/* /**
* 1. Removes default vertical scrollbar in IE6/7/8/9 * Remove default vertical scrollbar in IE 8/9/10/11.
* 2. Improves readability and alignment in all browsers
*/ */
textarea { textarea {
overflow: auto; overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
} }
/* ============================================================================= /**
Tables * Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */ ========================================================================== */
/*
* Remove most spacing between table cells /**
* Remove most spacing between table cells.
*/ */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }
td,
th {
padding: 0;
}

676
stylesheets/stylesheet.css
Unescape View File

@ -1,479 +1,245 @@
/* http://meyerweb.com/eric/tools/css/reset/ * {
v2.0 | 20110126 box-sizing: border-box; }
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;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
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 { body {
font-size: 15px; padding: 0;
line-height: 1.5; margin: 0;
background: #fafafa url(../images/body-bg.jpg) 0 0 repeat; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: 'Helvetica Neue', Helvetica, Arial, serif; font-size: 16px;
font-weight: 400; line-height: 1.5;
color: #666; color: #606c71; }
}
a { a {
color: #2879d0; color: #1e6bb8;
} text-decoration: none; }
a:hover { a:hover {
color: #2268b2; text-decoration: underline; }
}
.btn {
header { display: inline-block;
padding-top: 40px; margin-bottom: 1rem;
padding-bottom: 40px; color: rgba(255, 255, 255, 0.7);
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; background-color: rgba(255, 255, 255, 0.08);
background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x; border-color: rgba(255, 255, 255, 0.2);
border-bottom: solid 1px #275da1; border-style: solid;
} border-width: 1px;
border-radius: 0.3rem;
header h1 { transition: color 0.2s, background-color 0.2s, border-color 0.2s; }
letter-spacing: -1px; .btn + .btn {
font-size: 72px; margin-left: 1rem; }
color: #fff;
line-height: 1; .btn:hover {
margin-bottom: 0.2em; color: rgba(255, 255, 255, 0.8);
width: 540px; text-decoration: none;
} background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3); }
header h2 { @media screen and (min-width: 64em) {
font-size: 26px; .btn {
color: #9ddcff; padding: 0.75rem 1rem; } }
font-weight: normal;
line-height: 1.3;
width: 540px;
letter-spacing: 0;
}
.inner { @media screen and (min-width: 42em) and (max-width: 64em) {
position: relative; .btn {
width: 940px; padding: 0.6rem 0.9rem;
margin: 0 auto; font-size: 0.9rem; } }
}
#content-wrapper { @media screen and (max-width: 42em) {
border-top: solid 1px #fff; .btn {
padding-top: 30px; display: block;
} width: 100%;
padding: 0.75rem;
font-size: 0.9rem; }
.btn + .btn {
margin-top: 1rem;
margin-left: 0; } }
#main-content { .page-header {
width: 690px; color: #fff;
float: left; text-align: center;
} background-color: #159957;
background-image: linear-gradient(120deg, #155799, #159957); }
#main-content img { @media screen and (min-width: 64em) {
max-width: 100%; .page-header {
} padding: 5rem 6rem; } }
aside#sidebar { @media screen and (min-width: 42em) and (max-width: 64em) {
width: 200px; .page-header {
padding-left: 20px; padding: 3rem 4rem; } }
min-height: 504px;
float: right;
background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat;
font-size: 12px;
line-height: 1.3;
}
aside#sidebar p.repo-owner, @media screen and (max-width: 42em) {
aside#sidebar p.repo-owner a { .page-header {
font-weight: bold; padding: 2rem 1rem; } }
}
#downloads { .project-name {
margin-bottom: 40px; margin-top: 0;
} margin-bottom: 0.1rem; }
a.button { @media screen and (min-width: 64em) {
width: 134px; .project-name {
height: 58px; font-size: 3.25rem; } }
line-height: 1.2;
font-size: 23px;
color: #fff;
padding-left: 68px;
padding-top: 22px;
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
}
a.button small {
display: block;
font-size: 11px;
}
header a.button {
position: absolute;
right: 0;
top: 0;
background: transparent url(../images/github-button.png) 0 0 no-repeat;
}
aside a.button {
width: 138px;
padding-left: 64px;
display: block;
background: transparent url(../images/download-button.png) 0 0 no-repeat;
margin-bottom: 20px;
font-size: 21px;
}
code, pre { @media screen and (min-width: 42em) and (max-width: 64em) {
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; .project-name {
color: #222; font-size: 2.25rem; } }
margin-bottom: 30px;
font-size: 13px;
}
code { @media screen and (max-width: 42em) {
background-color: #f2f8fc; .project-name {
border: solid 1px #dbe7f3; font-size: 1.75rem; } }
padding: 0 3px;
}
pre { .project-tagline {
padding: 20px; margin-bottom: 2rem;
background: #fff; font-weight: normal;
text-shadow: none; opacity: 0.7; }
@media screen and (min-width: 64em) {
.project-tagline {
font-size: 1.25rem; } }
@media screen and (min-width: 42em) and (max-width: 64em) {
.project-tagline {
font-size: 1.15rem; } }
@media screen and (max-width: 42em) {
.project-tagline {
font-size: 1rem; } }
.main-content :first-child {
margin-top: 0; }
.main-content img {
max-width: 100%; }
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
margin-top: 2rem;
margin-bottom: 1rem;
font-weight: normal;
color: #159957; }
.main-content p {
margin-bottom: 1em; }
.main-content code {
padding: 2px 4px;
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 0.9rem;
color: #383e41;
background-color: #f3f6fa;
border-radius: 0.3rem; }
.main-content pre {
padding: 0.8rem;
margin-top: 0;
margin-bottom: 1rem;
font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
color: #567482;
word-wrap: normal;
background-color: #f3f6fa;
border: solid 1px #dce6f0;
border-radius: 0.3rem; }
.main-content pre > code {
padding: 0;
margin: 0;
font-size: 0.9rem;
color: #567482;
word-break: normal;
white-space: pre;
background: transparent;
border: 0; }
.main-content .highlight {
margin-bottom: 1rem; }
.main-content .highlight pre {
margin-bottom: 0;
word-break: normal; }
.main-content .highlight pre, .main-content pre {
padding: 0.8rem;
overflow: auto; overflow: auto;
border: solid 1px #f2f2f2; font-size: 0.9rem;
} line-height: 1.45;
pre code { border-radius: 0.3rem; }
color: #2879d0; .main-content pre code, .main-content pre tt {
background-color: #fff; display: inline;
border: none; max-width: initial;
padding: 0; padding: 0;
} margin: 0;
overflow: initial;
ul, ol, dl { line-height: inherit;
margin-bottom: 20px; word-wrap: normal;
} background-color: transparent;
border: 0; }
.main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after {
/* COMMON STYLES */ content: normal; }
.main-content ul, .main-content ol {
hr { margin-top: 0; }
height: 1px; .main-content blockquote {
line-height: 1px; padding: 0 1rem;
margin-top: 1em; margin-left: 0;
padding-bottom: 1em; color: #819198;
border: none; border-left: 0.3rem solid #dce6f0; }
background: transparent url('../images/hr.png') 0 0 no-repeat; .main-content blockquote > :first-child {
} margin-top: 0; }
.main-content blockquote > :last-child {
table { margin-bottom: 0; }
.main-content table {
display: block;
width: 100%; width: 100%;
border: 1px solid #ebebeb; overflow: auto;
} word-break: normal;
word-break: keep-all; }
th { .main-content table th {
font-weight: 500; font-weight: bold; }
} .main-content table th, .main-content table td {
padding: 0.5rem 1rem;
td { border: 1px solid #e9ebec; }
border: 1px solid #ebebeb; .main-content dl {
text-align: center; padding: 0; }
font-weight: 300; .main-content dl dt {
} padding: 0;
margin-top: 1rem;
form { font-size: 1rem;
background: #f2f2f2; font-weight: bold; }
padding: 20px; .main-content dl dd {
padding: 0;
} margin-bottom: 1rem; }
.main-content hr {
height: 2px;
/* GENERAL ELEMENT TYPE STYLES */ padding: 0;
margin: 1rem 0;
#main-content h1 { background-color: #eff0f1;
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; border: 0; }
font-size: 2.8em;
letter-spacing: -1px; @media screen and (min-width: 64em) {
color: #474747; .main-content {
} max-width: 64rem;
padding: 2rem 6rem;
#main-content h1:before { margin: 0 auto;
content: "/"; font-size: 1.1rem; } }
color: #9ddcff;
padding-right: 0.3em; @media screen and (min-width: 42em) and (max-width: 64em) {
margin-left: -0.9em; .main-content {
} padding: 2rem 4rem;
font-size: 1.1rem; } }
#main-content h2 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; @media screen and (max-width: 42em) {
font-size: 22px; .main-content {
font-weight: bold; padding: 2rem 1rem;
margin-bottom: 8px; font-size: 1rem; } }
color: #474747;
} .site-footer {
#main-content h2:before { padding-top: 2rem;
content: "//"; margin-top: 2rem;
color: #9ddcff; border-top: solid 1px #eff0f1; }
padding-right: 0.3em;
margin-left: -1.5em; .site-footer-owner {
}
#main-content h3 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
font-size: 18px;
font-weight: bold;
margin-top: 24px;
margin-bottom: 8px;
color: #474747;
}
#main-content h3:before {
content: "///";
color: #9ddcff;
padding-right: 0.3em;
margin-left: -2em;
}
#main-content h4 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
font-size: 15px;
font-weight: bold;
color: #474747;
}
h4:before {
content: "////";
color: #9ddcff;
padding-right: 0.3em;
margin-left: -2.8em;
}
#main-content h5 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
font-size: 14px;
color: #474747;
}
h5:before {
content: "/////";
color: #9ddcff;
padding-right: 0.3em;
margin-left: -3.2em;
}
#main-content h6 {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
font-size: .8em;
color: #474747;
}
h6:before {
content: "//////";
color: #9ddcff;
padding-right: 0.3em;
margin-left: -3.7em;
}
p {
margin-bottom: 20px;
}
a {
text-decoration: none;
}
p a {
font-weight: 400;
}
blockquote {
font-size: 1.6em;
border-left: 10px solid #e9e9e9;
margin-bottom: 20px;
padding: 0 0 0 30px;
}
ul {
list-style: disc inside;
padding-left: 20px;
}
ol {
list-style: decimal inside;
padding-left: 3px;
}
dl dd {
font-style: italic;
font-weight: 100;
}
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; display: block;
visibility: hidden; font-weight: bold; }
height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* #Media Queries .site-footer-credits {
================================================== */ color: #819198; }
/* Smaller than standard 960 (devices and browsers) */ @media screen and (min-width: 64em) {
@media only screen and (max-width: 959px) {} .site-footer {
font-size: 1rem; } }
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.inner {
width: 740px;
}
header h1, header h2 {
width: 340px;
}
header h1 {
font-size: 60px;
}
header h2 {
font-size: 30px;
}
#main-content {
width: 490px;
}
#main-content h1:before,
#main-content h2:before,
#main-content h3:before,
#main-content h4:before,
#main-content h5:before,
#main-content h6:before {
content: none;
padding-right: 0;
margin-left: 0;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.inner {
width: 93%;
}
header {
padding: 20px 0;
}
header .inner {
position: relative;
}
header h1, header h2 {
width: 100%;
}
header h1 {
font-size: 48px;
}
header h2 {
font-size: 24px;
}
header a.button {
background-image: none;
width: auto;
height: auto;
display: inline-block;
margin-top: 15px;
padding: 5px 10px;
position: relative;
text-align: center;
font-size: 13px;
line-height: 1;
background-color: #9ddcff;
color: #2879d0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
header a.button small {
font-size: 13px;
display: inline;
}
#main-content,
aside#sidebar {
float: none;
width: 100% ! important;
}
aside#sidebar {
background-image: none;
margin-top: 20px;
border-top: solid 1px #ddd;
padding: 20px 0;
min-height: 0;
}
aside#sidebar a.button {
display: none;
}
#main-content h1:before,
#main-content h2:before,
#main-content h3:before,
#main-content h4:before,
#main-content h5:before,
#main-content h6:before {
content: none;
padding-right: 0;
margin-left: 0;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media screen and (min-width: 42em) and (max-width: 64em) {
@media only screen and (min-width: 480px) and (max-width: 767px) {} .site-footer {
font-size: 1rem; } }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media screen and (max-width: 42em) {
@media only screen and (max-width: 479px) {} .site-footer {
font-size: 0.9rem; } }

Write Preview
Loading…
Cancel
Save