Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
atesgoral committed Feb 4, 2015
0 parents commit d857dbb
Show file tree
Hide file tree
Showing 33 changed files with 815 additions and 0 deletions.
Binary file added assets/favicon.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
91 changes: 91 additions & 0 deletions assets/fonts-ie.css
@@ -0,0 +1,91 @@
/**
* @license
* MyFonts Webfont Build ID 2716117, 2013-12-31T12:09:17-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: Trade Gothic by Linotype
* URL: http://www.myfonts.com/fonts/linotype/trade-gothic/trade-gothic-63882/
* Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1989, 1992, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and
* Licensed pageviews: 1,000,000
*
* Webfont: Trade Gothic Bold No. 2 by Linotype
* URL: http://www.myfonts.com/fonts/linotype/trade-gothic/bold-no-2-63882/
* Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1989, 1992, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and
* Licensed pageviews: 2,000,000
*
* Webfont: Plantin Std Bold by Monotype
* URL: http://www.myfonts.com/fonts/mti/plantin/std-bold/
* Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved.
* Licensed pageviews: 1,000,000
*
* Webfont: Plantin Std Bold Italic by Monotype
* URL: http://www.myfonts.com/fonts/mti/plantin/std-bold-italic/
* Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved.
* Licensed pageviews: 1,000,000
*
* Webfont: Plantin Std Italic by Monotype
* URL: http://www.myfonts.com/fonts/mti/plantin/std-italic/
* Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved.
* Licensed pageviews: 1,000,000
*
* Webfont: Plantin Std Roman by Monotype
* URL: http://www.myfonts.com/fonts/mti/plantin/std-roman/
* Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved.
* Licensed pageviews: 1,000,000
*
*
* License: http://www.myfonts.com/viewlicense?type=web&buildid=2716117
*
* © 2013 MyFonts Inc
*/

@font-face {
font-family: 'TradeGothic';
src: url('fonts/2971D5_0_0.eot');
src: url('fonts/2971D5_0_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_0_0.woff') format('woff');
}

@font-face {
font-family: 'TradeGothicBold';
src: url('fonts/2971D5_1_0.eot');
src: url('fonts/2971D5_1_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_1_0.woff') format('woff');
}


@font-face {
font-family: 'PlantinBold';
src: url('fonts/2971D5_2_0.eot');
src: url('fonts/2971D5_2_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_2_0.woff') format('woff');
}


@font-face {
font-family: 'PlantinBoldItalic';
src: url('fonts/2971D5_3_0.eot');
src: url('fonts/2971D5_3_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_3_0.woff') format('woff');
}


@font-face {
font-family: 'PlantinItalic';
src: url('fonts/2971D5_4_0.eot');
src: url('fonts/2971D5_4_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_4_0.woff') format('woff');
}


@font-face {
font-family: 'Plantin';
src: url('fonts/2971D5_5_0.eot');
src: url('fonts/2971D5_5_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_5_0.woff') format('woff');
}
96 changes: 96 additions & 0 deletions assets/fonts.css
@@ -0,0 +1,96 @@
/**
* @license
* MyFonts Webfont Build ID 2716117, 2013-12-31T12:09:17-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: Trade Gothic by Linotype
* URL: http://www.myfonts.com/fonts/linotype/trade-gothic/trade-gothic-63882/
* Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1989, 1992, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and
* Licensed pageviews: 1,000,000
*
* Webfont: Trade Gothic Bold No. 2 by Linotype
* URL: http://www.myfonts.com/fonts/linotype/trade-gothic/bold-no-2-63882/
* Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1989, 1992, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and
* Licensed pageviews: 2,000,000
*
* Webfont: Plantin Std Bold by Monotype
* URL: http://www.myfonts.com/fonts/mti/plantin/std-bold/
* Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved.
* Licensed pageviews: 1,000,000
*
* Webfont: Plantin Std Bold Italic by Monotype
* URL: http://www.myfonts.com/fonts/mti/plantin/std-bold-italic/
* Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved.
* Licensed pageviews: 1,000,000
*
* Webfont: Plantin Std Italic by Monotype
* URL: http://www.myfonts.com/fonts/mti/plantin/std-italic/
* Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved.
* Licensed pageviews: 1,000,000
*
* Webfont: Plantin Std Roman by Monotype
* URL: http://www.myfonts.com/fonts/mti/plantin/std-roman/
* Copyright: Font software Copyright 1990, 1995, 2002 Adobe Systems Incorporated. All rights reserved. Typeface designs Copyright The Monotype Corporation. All rights reserved.
* Licensed pageviews: 1,000,000
*
*
* License: http://www.myfonts.com/viewlicense?type=web&buildid=2716117
*
* © 2013 MyFonts Inc
*/

@font-face {
font-family: 'TradeGothic';
src: url('fonts/2971D5_0_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_0_0.woff') format('woff');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'TradeGothic';
src: url('fonts/2971D5_1_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_1_0.woff') format('woff');
font-weight: bold;
font-style: normal;
}


@font-face {
font-family: 'Plantin';
src: url('fonts/2971D5_2_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_2_0.woff') format('woff');
font-weight: bold;
font-style: normal;
}


@font-face {
font-family: 'Plantin';
src: url('fonts/2971D5_3_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_3_0.woff') format('woff');
font-weight: bold;
font-style: italic;
}


@font-face {
font-family: 'Plantin';
src: url('fonts/2971D5_4_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_4_0.woff') format('woff');
}


@font-face {
font-family: 'Plantin';
src: url('fonts/2971D5_5_0.eot?#iefix') format('embedded-opentype'),
url('fonts/2971D5_5_0.woff') format('woff');
font-weight: normal;
font-style: normal;
}
Binary file added assets/fonts/2971D5_0_0.eot
Binary file not shown.
Binary file added assets/fonts/2971D5_0_0.ttf
Binary file not shown.
Binary file added assets/fonts/2971D5_0_0.woff
Binary file not shown.
Binary file added assets/fonts/2971D5_1_0.eot
Binary file not shown.
Binary file added assets/fonts/2971D5_1_0.ttf
Binary file not shown.
Binary file added assets/fonts/2971D5_1_0.woff
Binary file not shown.
Binary file added assets/fonts/2971D5_2_0.eot
Binary file not shown.
Binary file added assets/fonts/2971D5_2_0.ttf
Binary file not shown.
Binary file added assets/fonts/2971D5_2_0.woff
Binary file not shown.
Binary file added assets/fonts/2971D5_3_0.eot
Binary file not shown.
Binary file added assets/fonts/2971D5_3_0.ttf
Binary file not shown.
Binary file added assets/fonts/2971D5_3_0.woff
Binary file not shown.
Binary file added assets/fonts/2971D5_4_0.eot
Binary file not shown.
Binary file added assets/fonts/2971D5_4_0.ttf
Binary file not shown.
Binary file added assets/fonts/2971D5_4_0.woff
Binary file not shown.
Binary file added assets/fonts/2971D5_5_0.eot
Binary file not shown.
Binary file added assets/fonts/2971D5_5_0.ttf
Binary file not shown.
Binary file added assets/fonts/2971D5_5_0.woff
Binary file not shown.
Binary file added assets/header-bg-x2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/header-bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/logo-hover-x2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/logo-hover.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/logo-x2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/logo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/love-bg-x2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/love-bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
145 changes: 145 additions & 0 deletions index.html
@@ -0,0 +1,145 @@
<!DOCTYPE html>
<html>
<head>
<meta encoding="UTF-8" />
<title>angular-date-picker</title>
<link rel="icon" type="image/png" href="assets/favicon.png" />
<link rel="stylesheet" href="assets/fonts.css" />
<link rel="stylesheet" href="theme.css" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/github.min.css" />
<link rel="stylesheet" href="lib/angular-date-picker.css" />
<style>
.showcase-example {
text-align: center;
padding: 8px;
box-sizing: border-box;
}
.showcase-example input {
font-family: TradeGothic, sans-serif;
font-size: 1em;
margin-top: 8px;
color: #333;
width: 6em;
}
</style>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular.js"></script>
<script src="lib/angular-date-picker.js"></script>
<script>
hljs.initHighlightingOnLoad();

angular.module('demo', [ 'mp.datePicker' ]);
</script>
</head>
<body>
<header>
<div class="content-wrap">
<a href="http://myplanet.io" class="logo" title="Myplanet">Myplanet</a>
<h1><a href=".">angular-date-picker</a></h1>
<h2>Lightweight Calendar for Angular</h2>
</div>
</header>
<nav>
<div class="content-wrap">
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#download">Download <strong>v1.0.0</strong></a></li>
<li><a href="#usage">Usage</a></li>
<li><a href="https://github.com/myplanetdigital/angular-date-picker">View on <strong>GitHub</strong></a></li>
</ul>
</div>
</nav>
<article ng-app="demo">
<section class="showcase">
<div class="content-wrap">
<div class="showcase-example">
<date-picker ng-model="date">
</date-picker>

<input type="text" ng-model="date">
</div>
<div class="showcase-content">
<h3>Live Demo</h3>

<p>Click to pick dates or enter date values into the input element.</p>

<h4>Demo Source</h4>

<pre><code class="lang-html"><!--
-->&lt;date-picker ng-model=&quot;date&quot;&gt;
&lt;/date-picker&gt;

&lt;input type=&quot;text&quot; ng-model=&quot;date&quot;&gt;<!--
--></code></pre>
</div>
</div>
</section>
<section>
<div class="content-wrap">
<h3 id="overview">Overview</h3>

<p><strong>angular-date-picker</strong> is a lightweight calendar that acts
like a custom input element through regular <a href="https://docs.angularjs.org/api/ng/directive/ngModel">ng-model</a> bindings. It is:</p>

<ul>
<li>Pure CSS &ndash; does not use any images</li>
<li>Pure Angular &ndash; does not rely on any other libraries</li>
<li>Compatible with IE8+</li>
</ul>
</div>
</section>
<section>
<div class="content-wrap">
<h3 id="download">Download</h3>

<p>Grab the latest from <a href="https://github.com/myplanetdigital/angular-date-picker/releases">GitHub</a> or use your favorite package manager:</p>

<h4>Via Bower</h4>

<pre><code class="lang-sh">bower install angular-date-picker</code></pre>

<h4>Via NPM</h4>

<pre><code class="lang-sh">npm install angular-date-picker</code></pre>

<h3 id="usage">Usage</h3>

<p>Include <strong>angular-date-picker.js</strong> in your application,
after Angular is included. Also include <strong>angular-date-picker.css</strong>
to get the bare minimum styling.</p>

<pre><code class="lang-html"><!--
-->&lt;link rel=&quot;stylesheet&quot; href=&quot;path/to/angular-date-picker.css&quot;&gt;
&lt;script src=&quot;path/to/angular.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;path/to/angular-date-picker.js&quot;&gt;&lt;/script&gt;<!--
--></code></pre>

<p>You may use an AMD or CommonJS loader as well.</p>

<p>Initialize your Angular application with the <strong>mp.datePicker</strong> module as a dependency:</p>

<pre><code class="lang-js"><!--
-->angular.module('app', [ 'mp.datePicker' ]);<!--
--></code></pre>

<p>Then use the <strong>&lt;date-picker&gt;</strong> element along with an <strong>ng-model</strong> directive for two-way binding with a scope variable:</p>

<pre><code class="lang-html"><!--
-->&lt;date-picker ng-model=&quot;date&quot;&gt;
&lt;/date-picker&gt;<!--
--></code></pre>

<p>Feel free to override the styles defined in <strong>angular-date-picker.css</strong> to match the style of your application.</p>
</div>
</section>
</article>
<footer>
<div class="content-wrap">
Made with <span class="love" title="love">love</span> by
<a href="https://github.com/atesgoral">Ates</a>
from
<a href="http://myplanet.io/">Myplanet</a>.
</div>
</footer>
</body>
</html>

0 comments on commit d857dbb

Please sign in to comment.