Permalink
Browse files

Changed all structures to HTML5 tags

  • Loading branch information...
1 parent 4c379a4 commit 9979176185ccb8d1c3abe4f0e02a30fe99be57fe @bertez bertez committed Dec 23, 2011
View
2 _layouts/default.html
@@ -17,7 +17,7 @@
</head>
<body>
<header class="main">
- <h1><a href="/">Popcorn<strong>.js</strong> Documentation</a></h1>
+ <h1><a href="/popcorn-docs/">Popcorn<strong>.js</strong> Documentation</a></h1>
</header>
{{ content }}
View
22 effects/index.html
@@ -6,17 +6,17 @@
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="selected" class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a href="/popcorn-docs/events">Events</a></li>
+ <li><a href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a href="/popcorn-docs/players">Players</a></li>
+ <li><a href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a href="/popcorn-docs/modules">Modules</a></li>
+ <li><a class="selected" href="/popcorn-docs/effects">Effects</a></li>
</ul>
</nav>
View
22 events/index.html
@@ -6,17 +6,17 @@
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="selected" class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a class="selected" href="/popcorn-docs/events">Events</a></li>
+ <li><a href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a href="/popcorn-docs/players">Players</a></li>
+ <li><a href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a href="/popcorn-docs/modules">Modules</a></li>
+ <li><a href="/popcorn-docs/effects">Effects</a></li>
</ul>
</nav>
View
62 getting-started/index.html
@@ -1,36 +1,46 @@
---
layout: default
-title: Getting Started
+title: Getting Started
---
-<div id="sidebar">
- <div class="vertical_divider"></div>
+<nav class="main">
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
+
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a class="selected" href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a href="/popcorn-docs/events">Events</a></li>
+ <li><a href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a href="/popcorn-docs/players">Players</a></li>
+ <li><a href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a href="/popcorn-docs/modules">Modules</a></li>
+ <li><a href="/popcorn-docs/effects">Effects</a></li>
</ul>
-</div>
-<div id="scrollable">
- <div id="content">
- <h1><a name="getting-started">Getting Started</a></h1>
- <p> If this is your first time using Popcorn.js this is place to start. Here you can find information on how to create your first instance, add some extra data to your media with a plugin, and understand how to write some simple Popcorn.js code.</p>
- {% for post in site.categories.getting-started %}
- <ul>
- <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
- </ul>
- {% endfor %}
+</nav>
+
+<div class="scrollable">
+ <section class="content">
+
+ <header>
+ <h1 id="getting-started">Getting started</h1>
+
+ <p> If this is your first time using Popcorn.js this is place to start. Here you can find information on how to create your first instance, add some extra data to your media with a plugin, and understand how to write some simple Popcorn.js code.</p>
+
+ <nav>
+ <ul>
+ {% for post in site.categories.getting-started %}
+ <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </nav>
+ </header>
+
{% for post in site.categories.getting-started %}
- <a name="{{ post.title }}"></a>
+ <article id="{{ post.title }}">
{{ post.content }}
+ </article>
{% endfor %}
- </div>
+ </section>
</div>
View
62 media-methods/index.html
@@ -2,35 +2,45 @@
layout: default
title: Media Methods
---
-<div id="sidebar">
- <div class="vertical_divider"></div>
+<nav class="main">
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
+
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a class="selected" href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a href="/popcorn-docs/events">Events</a></li>
+ <li><a href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a href="/popcorn-docs/players">Players</a></li>
+ <li><a href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a href="/popcorn-docs/modules">Modules</a></li>
+ <li><a href="/popcorn-docs/effects">Effects</a></li>
</ul>
-</div>
-<div id="scrollable">
- <div id="content">
- <h1><a name="media-methods">Media Methods</a></h1>
- <p>Media methods get or set the current state of the media element. This allows the user to programmatically control the media element as well as perform various actions at specific points in time, such as calling a function at 5 seconds.</p>
+</nav>
+
+<div class="scrollable">
+ <section class="content">
+
+ <header>
+ <h1 id="media-methods">Media Methods</h1>
+
+ <p>Media methods get or set the current state of the media element. This allows the user to programmatically control the media element as well as perform various actions at specific points in time, such as calling a function at 5 seconds.</p>
+
+ <nav>
+ <ul>
+ {% for post in site.categories.media-methods reversed %}
+ <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </nav>
+ </header>
+
{% for post in site.categories.media-methods reversed %}
- <ul>
- <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
- </ul>
- {% endfor %}
- {% for post in site.categories.media-methods reversed %}
- <a name="{{ post.title }}"></a>
+ <article id="{{ post.title }}">
{{ post.content }}
+ </article>
{% endfor %}
- </div>
-</div>
+ </section>
+</div>
View
62 media-properties/index.html
@@ -1,36 +1,46 @@
---
layout: default
-title: Media Properties
+title: Media Properties
---
-<div id="sidebar">
- <div class="vertical_divider"></div>
+<nav class="main">
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
+
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a class="selected" href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a href="/popcorn-docs/events">Events</a></li>
+ <li><a href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a href="/popcorn-docs/players">Players</a></li>
+ <li><a href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a href="/popcorn-docs/modules">Modules</a></li>
+ <li><a href="/popcorn-docs/effects">Effects</a></li>
</ul>
-</div>
-<div id="scrollable">
- <div id="content">
- <h1><a name="media-properties">Media Properties</a></h1>
- <p>Media properties are available to the user in order to set attributes on a popcorn instance. Keep in mind, altering this properties may create undesired results and are use at your own risk ( especially the media property )</p>
- {% for post in site.categories.media-properties reversed %}
- <ul>
- <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
- </ul>
- {% endfor %}
+</nav>
+
+<div class="scrollable">
+ <section class="content">
+
+ <header>
+ <h1 id="media-properties">Media Methods</h1>
+
+ <p>Media properties are available to the user in order to set attributes on a popcorn instance. Keep in mind, altering this properties may create undesired results and are use at your own risk ( especially the media property )</p>
+
+ <nav>
+ <ul>
+ {% for post in site.categories.media-properties reversed %}
+ <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </nav>
+ </header>
+
{% for post in site.categories.media-properties reversed %}
- <a name="{{ post.title }}"></a>
+ <article id="{{ post.title }}">
{{ post.content }}
+ </article>
{% endfor %}
- </div>
+ </section>
</div>
View
64 modules/index.html
@@ -1,36 +1,46 @@
---
layout: default
-title: Modules
+title: Modules
---
-<div id="sidebar">
- <div class="vertical_divider"></div>
+<nav class="main">
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
+
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a href="/popcorn-docs/events">Events</a></li>
+ <li><a href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a href="/popcorn-docs/players">Players</a></li>
+ <li><a href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a class="selected" href="/popcorn-docs/modules">Modules</a></li>
+ <li><a href="/popcorn-docs/effects">Effects</a></li>
</ul>
-</div>
-<div id="scrollable">
- <div id="content">
- <h1><a name="modules">Modules</a></h1>
- <p>Modules add static functions to Popcorn.js' core.</p>
+</nav>
+
+<div class="scrollable">
+ <section class="content">
+
+ <header>
+ <h1 id="modules">Modules</h1>
+
+ <p>Modules add static functions to Popcorn.js' core.</p>
+
+ <nav>
+ <ul>
+ {% for post in site.categories.modules reversed %}
+ <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </nav>
+ </header>
+
{% for post in site.categories.modules reversed %}
- <ul>
- <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
- </ul>
- {% endfor %}
- {% for post in site.categories.modules reversed %}
- <a name="{{ post.title }}"></a>
+ <article id="{{ post.title }}">
{{ post.content }}
+ </article>
{% endfor %}
- </div>
-</div>
+ </section>
+</div>
View
62 parsers/index.html
@@ -2,35 +2,45 @@
layout: default
title: Parsers
---
-<div id="sidebar">
- <div class="vertical_divider"></div>
+<nav class="main">
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
+
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a href="/popcorn-docs/events">Events</a></li>
+ <li><a href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a href="/popcorn-docs/players">Players</a></li>
+ <li><a class="selected" href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a href="/popcorn-docs/modules">Modules</a></li>
+ <li><a href="/popcorn-docs/effects">Effects</a></li>
</ul>
-</div>
-<div id="scrollable">
- <div id="content">
- <h1><a name="parsers">Parsers</a></h1>
- <p>Parsers parse Popcorn data into events. Data can be stored in various types. JSON and XML can store any kind of Popcorn event, while supported subtitle formats ( SBV, SRT, SSA, TTML, TTXT and VTT ) can be parsed into subtitle events.</p>
+</nav>
+
+<div class="scrollable">
+ <section class="content">
+
+ <header>
+ <h1 id="parsers">Parsers</h1>
+
+ <p>Parsers parse Popcorn data into events. Data can be stored in various types. JSON and XML can store any kind of Popcorn event, while supported subtitle formats ( SBV, SRT, SSA, TTML, TTXT and VTT ) can be parsed into subtitle events.</p>
+
+ <nav>
+ <ul>
+ {% for post in site.categories.parsers reversed %}
+ <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </nav>
+ </header>
+
{% for post in site.categories.parsers reversed %}
- <ul>
- <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
- </ul>
- {% endfor %}
- {% for post in site.categories.parsers reversed %}
- <a name="{{ post.title }}"></a>
+ <article id="{{ post.title }}">
{{ post.content }}
+ </article>
{% endfor %}
- </div>
-</div>
+ </section>
+</div>
View
62 players/index.html
@@ -1,36 +1,46 @@
---
layout: default
-title: Players
+title: Players
---
-<div id="sidebar">
- <div class="vertical_divider"></div>
+<nav class="main">
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
+
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a href="/popcorn-docs/events">Events</a></li>
+ <li><a href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a class="selected" href="/popcorn-docs/players">Players</a></li>
+ <li><a href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a href="/popcorn-docs/modules">Modules</a></li>
+ <li><a href="/popcorn-docs/effects">Effects</a></li>
</ul>
-</div>
-<div id="scrollable">
- <div id="content">
- <h1><a name="players">Players</a></h1>
- <p>Players allow Popcorn to be used with various other types of media other than HTML5 video and audio. This means it can be used with YouTube, Vimeo, SoundCloud, and many more. This creates the potential for various media across to be incorporated with Popcorn.js.</p>
- {% for post in site.categories.players reversed %}
- <ul>
- <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
- </ul>
- {% endfor %}
+</nav>
+
+<div class="scrollable">
+ <section class="content">
+
+ <header>
+ <h1 id="players">Players</h1>
+
+ <p>Players allow Popcorn to be used with various other types of media other than HTML5 video and audio. This means it can be used with YouTube, Vimeo, SoundCloud, and many more. This creates the potential for various media across to be incorporated with Popcorn.js.</p>
+
+ <nav>
+ <ul>
+ {% for post in site.categories.players reversed %}
+ <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </nav>
+ </header>
+
{% for post in site.categories.players reversed %}
- <a name="{{ post.title }}"></a>
+ <article id="{{ post.title }}">
{{ post.content }}
+ </article>
{% endfor %}
- </div>
+ </section>
</div>
View
64 plugins/index.html
@@ -1,36 +1,46 @@
---
layout: default
-title: Plugins
+title: Plugins
---
-<div id="sidebar">
- <div class="vertical_divider"></div>
+<nav class="main">
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
+
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a href="/popcorn-docs/events">Events</a></li>
+ <li><a class="selected" href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a href="/popcorn-docs/players">Players</a></li>
+ <li><a href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a href="/popcorn-docs/modules">Modules</a></li>
+ <li><a href="/popcorn-docs/effects">Effects</a></li>
</ul>
-</div>
-<div id="scrollable">
- <div id="content">
- <h1><a name="plugins">Plugins</a></h1>
- <p>Plugins add additional functionality to the users Popcorn video. They bring a large set of additional features from across the web, such as GoogleMaps, Facebook, Twitter, and many more. In doing so, users can add additional content from these web services and begin to create Popcorn experiences.
+</nav>
+
+<div class="scrollable">
+ <section class="content">
+
+ <header>
+ <h1 id="plugins">Plugins</h1>
+
+ <p>Plugins add additional functionality to the users Popcorn video. They bring a large set of additional features from across the web, such as GoogleMaps, Facebook, Twitter, and many more. In doing so, users can add additional content from these web services and begin to create Popcorn experiences.</p>
+
+ <nav>
+ <ul>
+ {% for post in site.categories.plugins reversed %}
+ <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </nav>
+ </header>
+
{% for post in site.categories.plugins reversed %}
- <ul>
- <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
- </ul>
- {% endfor %}
- {% for post in site.categories.plugins reversed %}
- <a name="{{ post.title }}"></a>
+ <article id="{{ post.title }}">
{{ post.content }}
+ </article>
{% endfor %}
- </div>
-</div>
+ </section>
+</div>
View
64 popcorn-constructor/index.html
@@ -2,35 +2,45 @@
layout: default
title: Popcorn Constructor
---
-<div id="sidebar">
- <div class="vertical_divider"></div>
+<nav class="main">
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
+
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a class="selected" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a href="/popcorn-docs/events">Events</a></li>
+ <li><a href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a href="/popcorn-docs/players">Players</a></li>
+ <li><a href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a href="/popcorn-docs/modules">Modules</a></li>
+ <li><a href="/popcorn-docs/effects">Effects</a></li>
</ul>
-</div>
-<div id="scrollable">
- <div id="content">
- <h1><a name="popcorn-constructor">Popcorn Constructor</a></h1>
- <p>The Popcorn constructor allows the user to create Popcorn instances. An optional options object can be passed along to set properties for the new instance of Popcorn. The constructor can also be used to listen for DOMContentLoaded, executing a callback function when your page has finished loading.</p>
- {% for post in site.categories.popcorn-constructor %}
- <ul>
- <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
- </ul>
- {% endfor %}
- {% for post in site.categories.popcorn-constructor %}
- <a name="{{ post.title }}"></a>
+</nav>
+
+<div class="scrollable">
+ <section class="content">
+
+ <header>
+ <h1 id="plugins">Plugins</h1>
+
+ <p>The Popcorn constructor allows the user to create Popcorn instances. An optional options object can be passed along to set properties for the new instance of Popcorn. The constructor can also be used to listen for DOMContentLoaded, executing a callback function when your page has finished loading.</p>
+
+ <nav>
+ <ul>
+ {% for post in site.categories.popcorn-constructor reversed %}
+ <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </nav>
+ </header>
+
+ {% for post in site.categories.popcorn-constructor reversed %}
+ <article id="{{ post.title }}">
{{ post.content }}
+ </article>
{% endfor %}
- </div>
-</div>
+ </section>
+</div>
View
63 utility-methods/index.html
@@ -2,36 +2,45 @@
layout: default
title: Utility Methods
---
-<div id="sidebar">
- <div class="vertical_divider"></div>
+<nav class="main">
<h1><a href="/popcorn-docs/index.html">API Reference</a></h1>
+
<ul>
- <li><a class="caps" href="/popcorn-docs/getting-started">Getting Started</a></li>
- <li><a class="caps" href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
- <li><a class="caps" href="/popcorn-docs/media-methods">Media Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/media-properties">Media Properties</a></li>
- <li><a class="caps" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
- <li><a class="caps" href="/popcorn-docs/events">Events</a></li>
- <li><a class="caps" href="/popcorn-docs/plugins">Plugins</a></li>
- <li><a class="caps" href="/popcorn-docs/players">Players</a></li>
- <li><a class="caps" href="/popcorn-docs/parsers">Parsers</a></li>
- <li><a class="caps" href="/popcorn-docs/modules">Modules</a></li>
- <li><a class="caps" href="/popcorn-docs/effects">Effects</a></li>
+ <li><a href="/popcorn-docs/getting-started">Getting Started</a></li>
+ <li><a href="/popcorn-docs/popcorn-constructor">Popcorn Constructor</a></li>
+ <li><a href="/popcorn-docs/media-methods">Media Methods</a></li>
+ <li><a href="/popcorn-docs/media-properties">Media Properties</a></li>
+ <li><a class="selected" href="/popcorn-docs/utility-methods">Utility Methods</a></li>
+ <li><a href="/popcorn-docs/events">Events</a></li>
+ <li><a href="/popcorn-docs/plugins">Plugins</a></li>
+ <li><a href="/popcorn-docs/players">Players</a></li>
+ <li><a href="/popcorn-docs/parsers">Parsers</a></li>
+ <li><a href="/popcorn-docs/modules">Modules</a></li>
+ <li><a href="/popcorn-docs/effects">Effects</a></li>
</ul>
-</div>
-<div id="scrollable">
- <div id="content">
- <h1><a name="utility-methods">Utility Methods</a></h1>
- <p>Utility methods provide various helper functions that may be useful to the user. Each of these utility methods are accesable through the Popcorn namespace and are not instance specific.</p>
- {% for post in site.categories.utility-methods reversed %}
- <ul>
- <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
- </ul>
- {% endfor %}
+</nav>
+
+<div class="scrollable">
+ <section class="content">
+
+ <header>
+ <h1 id="utility-methods">Utility Methods</h1>
+
+ <p>Utility methods provide various helper functions that may be useful to the user. Each of these utility methods are accesable through the Popcorn namespace and are not instance specific.</p>
+
+ <nav>
+ <ul>
+ {% for post in site.categories.utility-methods reversed %}
+ <li><a class="lower" href="#{{ post.title }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </nav>
+ </header>
+
{% for post in site.categories.utility-methods reversed %}
- <a name="{{ post.title }}"></a>
+ <article id="{{ post.title }}">
{{ post.content }}
+ </article>
{% endfor %}
- </div>
-</div>
-
+ </section>
+</div>

0 comments on commit 9979176

Please sign in to comment.