jekyll-introspect 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f8b412b5e345b30407b56f68870ebb11ca93687e
-  data.tar.gz: d39666c35f3917148546f701781334fec00495c0
+  metadata.gz: e9fe4c9d2425a431ed486616d3fa0a299f5c873f
+  data.tar.gz: b92ede3e2733ac8fbfb2f819b359fa82fb938ea3
 SHA512:
-  metadata.gz: 63996f574cc88d70e97b368431463bdc505a037954d13c3ffe4d8ca1a469fc2d4d74a9881dfe32c34e364b72ff21afdf4972fc6c53df2096059899ce9b3394bb
-  data.tar.gz: 14d767fd69f1b303fe0ec457b8600bace51074ca10b572644708bf6db4a8e3f0bf6efc8acf7b3e3bd888f97b4c4dbf59dc11b98525bf86e0f0e3db3c2cadae8b
+  metadata.gz: 295cf9f62aa864a78ca4a199a85745da6cabf3448fe6ae648044b4f79179b140df724efaee102fefdd52522aa046f8c0cf6b39511362a7e09cf5c7beff6369cb
+  data.tar.gz: 5c787fe4931aef8684778eb15fc6c4caa237f5dd9ee4aac1f88eed54ae5b17bab2563f1f6147cb0c2f9282d07e6714dcbaeec99f7d512781b860eb322f6191cd

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Chaitali Patil
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,86 @@
+# Jekyll-Introspect
+
+An ultra-minimal landing page template with a big cover photo.
+
+
+## Installation
+
+Add this line to your Jekyll site's Gemfile:
+
+```ruby
+gem "jekyll-introspect"
+```
+
+And add this line to your Jekyll site:
+
+```yaml
+theme: jekyll-introspect
+gems:
+  - jekyll-bower
+  - liquid-google-analytics
+bower:
+  introspect: "https://templated.co/introspect/download"
+
+```
+
+And then execute:
+
+    $ bundle install
+
+Or install it yourself as:
+
+    $ gem install jekyll-introspect
+
+## Usage
+
+A simple website template having beautiful landing page, blog posts and services/products listing.
+
+To add blog to your website, create `_posts` folder under root directory. Write front matter inside post as follows: 
+```yaml
+	---
+	title: Morbi interdum mol
+	image_path: images/pic02.jpg
+	layout: page
+	---
+```
+
+To display services, create `_services` folder inside root directory.
+Create service as `service-name.md` in `_services` folder.
+Add front matter in each service as:
+```yaml
+	---
+	title: Aliquam Nulla
+	icon: fa-laptop
+	short_description: Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed.
+	categories: services
+	layout: page
+	---
+
+```
+
+Create collection in `_config.yml` file as 
+```ruby
+	collections:
+		services:
+    	output: true
+```
+
+Update `social_links` in `_config.yml` file according to your social account url.
+
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+You theme is setup just like a normal Jelyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+

data/_includes/banner.html

@@ -0,0 +1,10 @@
+<!-- Banner -->
+<section id="banner">
+	<div class="inner">
+		<h1>Introspect: <span>A free + fully responsive<br />
+		site template by TEMPLATED</span></h1>
+		<ul class="actions">
+			<li><a href="#" class="button alt">Get Started</a></li>
+		</ul>
+	</div>
+</section>

data/_includes/blog.html

@@ -0,0 +1,21 @@
+<!-- Two -->
+<section id="two">
+	<div class="inner">
+		{% for post in site.posts %}
+			{% capture modulo %}{{ forloop.index0 | modulo:2 }}{% endcapture %}	
+			<article {% if modulo == '0' %}
+				class="alt"
+			{% endif %}
+			><div class="content">
+				<header>
+					<a href="{{ site.baseurl }}{{ post.url }}"><h3>{{ post.title }}</h3></a>
+				</header>
+				<div class="image fit">
+					<img src="{{ site.baseurl }}/{{ post.image_path }}" alt="" />
+				</div>
+				<p>{{ post.content }}</p>
+			</div>
+			</article>
+		{% endfor %}
+	</div>
+</section>

data/_includes/footer.html

@@ -0,0 +1,28 @@
+<!-- Footer -->
+<section id="footer">
+	<div class="inner">
+		<header>
+			<h2>Get in Touch</h2>
+		</header>
+		<form method="post" action="#">
+			<div class="field half first">
+				<label for="name">Name</label>
+				<input type="text" name="name" id="name" />
+			</div>
+			<div class="field half">
+				<label for="email">Email</label>
+				<input type="text" name="email" id="email" />
+			</div>
+			<div class="field">
+				<label for="message">Message</label>
+				<textarea name="message" id="message" rows="6"></textarea>
+			</div>
+			<ul class="actions">
+				<li><input type="submit" value="Send Message" class="alt" /></li>
+			</ul>
+		</form>
+		<div class="copyright">
+			&copy; Untitled Design: <a href="https://templated.co/">TEMPLATED</a>. Images <a href="https://unsplash.com/">Unsplash</a> Jekyll Template: <a href="http://saiashirwad.com">Sai Ashirwad Informatia</a>
+		</div>
+	</div>
+</section>

data/_includes/head.html

@@ -0,0 +1,5 @@
+<title>{{ page.title }} - {{ site.title }}</title>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+<link rel="stylesheet" href="{{ site.baseurl }}/bower_components/introspect/assets/css/font-awesome.min.css" />
+<link rel="stylesheet" href="{{ site.baseurl }}/bower_components/introspect/assets/css/main.css" />

data/_includes/header.html

@@ -0,0 +1,12 @@
+<!-- Header -->
+<header id="header">
+	<div class="inner">
+		<a href="{{ site.baseurl }}/" class="logo">introspect</a>
+		<nav id="nav">
+			<a href="{{ site.baseurl }}/">Home</a>
+			<a href="{{ site.baseurl }}/generic/">Generic</a>
+			<a href="{{ site.baseurl }}/elements/">Elements</a>
+		</nav>
+	</div>
+</header>
+<a href="#menu" class="navPanelToggle"><span class="fa fa-bars"></span></a>

data/_includes/main-container.html

@@ -0,0 +1,16 @@
+<!-- One -->
+
+{% include banner.html %}
+<section id="one">
+	<div class="inner">
+		<header>
+			<h2>Magna Etiam Lorem</h2>
+		</header>
+		<p>Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscin sem. Nullam quis massa sit amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu, erisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante.</p>
+		<ul class="actions">
+			<li><a href="#" class="button alt">Learn More</a></li>
+		</ul>
+	</div>
+</section>
+{% include blog.html %}
+{% include services.html %}

data/_includes/scripts.html

@@ -0,0 +1,5 @@
+<!-- Scripts -->
+<script src="{{ site.baseurl }}/bower_components/introspect/assets/js/jquery.min.js"></script>
+<script src="{{ site.baseurl }}/bower_components/introspect/assets/js/skel.min.js"></script>
+<script src="{{ site.baseurl }}/bower_components/introspect/assets/js/util.js"></script>
+<script src="{{ site.baseurl }}/bower_components/introspect/assets/js/main.js"></script>

data/_includes/services.html

@@ -0,0 +1,19 @@
+<!-- Three -->
+<section id="three">
+	<div class="inner">
+		{% for service in site.services %}
+		<article>
+			<div class="content">
+				<span class="icon {{ service.icon }}"></span>
+				<header>
+					<h3><a href="{{ site.baseurl }}{{ service.url }}">{{ service.title }}</a></h3>
+				</header>
+				<p>{{ service.short_description }}</p>
+				<ul class="actions">
+					<li><a href="{{ site.baseurl }}{{ service.url }}" class="button alt">Learn More</a></li>
+				</ul>
+			</div>
+		</article>
+		{% endfor %}
+		</div>
+</section>

data/_layouts/404.html

@@ -0,0 +1,3 @@
+---
+layout: page
+---

data/_layouts/default.html

@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<!--
+	Introspect by TEMPLATED
+	templated.co @templatedco
+	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+-->
+<html>
+	<head>
+	{% include head.html %}
+	</head>
+	<body>
+		{% include header.html %}
+		{{ content }}
+		{% include footer.html %}
+		{% include scripts.html %}
+	</body>
+</html>

data/_layouts/page.html

@@ -0,0 +1,18 @@
+---
+layout: default
+---
+<!-- Main -->
+<section id="main" >
+	<div class="inner">
+		<header class="major special">
+			<h1>{{ page.title }}</h1>
+			{% if page.short_description %}
+				<p>{{ page.short_description }}</p>
+			{% endif %}
+		</header>
+		{% if page.image_path %}
+			<a href="#" class="image fit"><img src="{{ site.baseurl }}/{{ page.image_path }}" alt="" /></a>
+		{% endif %}
+	{{ content }}
+	</div>
+</section>

data/_layouts/post.html

@@ -0,0 +1,5 @@
+---
+layout: page
+---
+
+{{ content }}

data/_layouts/services.html

@@ -0,0 +1,5 @@
+---
+layout: page
+---
+
+{{ content }}

data/_services/aliquam-nulla.md

@@ -0,0 +1,10 @@
+---
+title: Aliquam Nulla
+icon: fa-laptop
+short_description: Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed.
+categories: services
+layout: page
+---
+
+
+Contrary to popular belief, **Lorem Ipsum** is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

data/_services/sed-magna.md

@@ -0,0 +1,10 @@
+---
+title: Sed Magna
+icon: fa-diamond
+short_description: Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula.
+categories: services
+layout: page
+---
+
+
+Contrary to popular belief, **Lorem Ipsum** is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

data/_services/tempus-feugiat.md

@@ -0,0 +1,10 @@
+---
+title: Tempus Feugiat
+icon: fa-laptop
+short_description: Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna lorem ullamcorper laoreet, lectus arcu.
+categories: services
+layout: page
+---
+
+
+Contrary to popular belief, **Lorem Ipsum** is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

data/elements.html

@@ -0,0 +1,356 @@
+---
+title: Elements
+layout: page
+short_description: Lorem ipsum dolor sit amet nullam id egestas urna aliquam
+permalink: /elements/
+---
+
+	<!-- Text -->
+	<section>
+		<h3>Text</h3>
+		<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
+		This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
+		This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
+
+		<hr />
+
+		<header>
+			<h3>Heading with a Subtitle</h3>
+			<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
+		</header>
+		<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
+		<header>
+			<h4>Heading with a Subtitle</h4>
+			<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
+		</header>
+		<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
+
+		<hr />
+
+		<h2>Heading Level 2</h2>
+		<h3>Heading Level 3</h3>
+		<h4>Heading Level 4</h4>
+		<h5>Heading Level 5</h5>
+		<h6>Heading Level 6</h6>
+
+		<hr />
+
+		<h4>Blockquote</h4>
+		<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
+
+		<h4>Preformatted</h4>
+		<pre><code>i = 0;
+
+	while (!deck.isInOrder()) {
+	print 'Iteration ' + i;
+	deck.shuffle();
+	i++;
+	}
+
+	print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
+	</section>
+
+	<!-- Lists -->
+	<section>
+		<h3>Lists</h3>
+		<div class="row">
+			<div class="6u 12u$(xsmall)">
+
+				<h4>Unordered</h4>
+				<ul>
+					<li>Dolor pulvinar etiam magna etiam.</li>
+					<li>Sagittis adipiscing lorem eleifend.</li>
+					<li>Felis enim feugiat dolore viverra.</li>
+				</ul>
+
+				<h4>Alternate</h4>
+				<ul class="alt">
+					<li>Dolor pulvinar etiam magna etiam.</li>
+					<li>Sagittis adipiscing lorem eleifend.</li>
+					<li>Felis enim feugiat dolore viverra.</li>
+				</ul>
+
+			</div>
+			<div class="6u$ 12u$(xsmall)">
+
+				<h4>Ordered</h4>
+				<ol>
+					<li>Dolor pulvinar etiam magna etiam.</li>
+					<li>Etiam vel felis at lorem sed viverra.</li>
+					<li>Felis enim feugiat dolore viverra.</li>
+					<li>Dolor pulvinar etiam magna etiam.</li>
+					<li>Etiam vel felis at lorem sed viverra.</li>
+					<li>Felis enim feugiat dolore viverra.</li>
+				</ol>
+
+				<h4>Icons</h4>
+				<ul class="icons">
+					<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+					<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
+					<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
+					<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
+					<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
+					<li><a href="#" class="icon fa-tumblr"><span class="label">Tumblr</span></a></li>
+				</ul>
+
+			</div>
+		</div>
+
+		<h4>Actions</h4>
+		<ul class="actions">
+			<li><a href="#" class="button special">Special</a></li>
+			<li><a href="#" class="button">Default</a></li>
+			<li><a href="#" class="button alt">Alternate</a></li>
+		</ul>
+		<ul class="actions small">
+			<li><a href="#" class="button special small">Small</a></li>
+			<li><a href="#" class="button small">Small</a></li>
+			<li><a href="#" class="button alt small">Small</a></li>
+		</ul>
+		<div class="row">
+			<div class="3u 6u(small) 12u$(xsmall)">
+				<ul class="actions vertical">
+					<li><a href="#" class="button special">Vertical</a></li>
+					<li><a href="#" class="button">Vertical</a></li>
+					<li><a href="#" class="button alt">Vertical</a></li>
+				</ul>
+			</div>
+			<div class="3u 6u$(small) 12u$(xsmall)">
+				<ul class="actions vertical small">
+					<li><a href="#" class="button special small">Small</a></li>
+					<li><a href="#" class="button small">Small</a></li>
+					<li><a href="#" class="button alt small">Small</a></li>
+				</ul>
+			</div>
+			<div class="3u 6u(small) 12u$(xsmall)">
+				<ul class="actions vertical">
+					<li><a href="#" class="button special fit">Fit</a></li>
+					<li><a href="#" class="button fit">Fit</a></li>
+					<li><a href="#" class="button alt fit">Fit</a></li>
+				</ul>
+			</div>
+			<div class="3u$ 6u$(small) 12u$(xsmall)">
+				<ul class="actions vertical small">
+					<li><a href="#" class="button special small fit">Small</a></li>
+					<li><a href="#" class="button small fit">Small</a></li>
+					<li><a href="#" class="button alt small fit">Small</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+
+	<!-- Table -->
+	<section>
+		<h3>Table</h3>
+		<h4>Default</h4>
+		<div class="table-wrapper">
+			<table>
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Description</th>
+						<th>Price</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td>Item 1</td>
+						<td>Ante turpis integer aliquet porttitor.</td>
+						<td>29.99</td>
+					</tr>
+					<tr>
+						<td>Item 2</td>
+						<td>Vis ac commodo adipiscing arcu aliquet.</td>
+						<td>19.99</td>
+					</tr>
+					<tr>
+						<td>Item 3</td>
+						<td> Morbi faucibus arcu accumsan lorem.</td>
+						<td>29.99</td>
+					</tr>
+					<tr>
+						<td>Item 4</td>
+						<td>Vitae integer tempus condimentum.</td>
+						<td>19.99</td>
+					</tr>
+					<tr>
+						<td>Item 5</td>
+						<td>Ante turpis integer aliquet porttitor.</td>
+						<td>29.99</td>
+					</tr>
+				</tbody>
+				<tfoot>
+					<tr>
+						<td colspan="2"></td>
+						<td>100.00</td>
+					</tr>
+				</tfoot>
+			</table>
+		</div>
+		<h4>Alternate</h4>
+		<div class="table-wrapper">
+			<table class="alt">
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Description</th>
+						<th>Price</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td>Item 1</td>
+						<td>Ante turpis integer aliquet porttitor.</td>
+						<td>29.99</td>
+					</tr>
+					<tr>
+						<td>Item 2</td>
+						<td>Vis ac commodo adipiscing arcu aliquet.</td>
+						<td>19.99</td>
+					</tr>
+					<tr>
+						<td>Item 3</td>
+						<td> Morbi faucibus arcu accumsan lorem.</td>
+						<td>29.99</td>
+					</tr>
+					<tr>
+						<td>Item 4</td>
+						<td>Vitae integer tempus condimentum.</td>
+						<td>19.99</td>
+					</tr>
+					<tr>
+						<td>Item 5</td>
+						<td>Ante turpis integer aliquet porttitor.</td>
+						<td>29.99</td>
+					</tr>
+				</tbody>
+				<tfoot>
+					<tr>
+						<td colspan="2"></td>
+						<td>100.00</td>
+					</tr>
+				</tfoot>
+			</table>
+		</div>
+	</section>
+
+	<!-- Buttons -->
+	<section>
+		<h3>Buttons</h3>
+		<ul class="actions">
+			<li><a href="#" class="button special">Special</a></li>
+			<li><a href="#" class="button">Default</a></li>
+			<li><a href="#" class="button alt">Alternate</a></li>
+		</ul>
+		<ul class="actions">
+			<li><a href="#" class="button special big">Big</a></li>
+			<li><a href="#" class="button">Default</a></li>
+			<li><a href="#" class="button alt small">Small</a></li>
+		</ul>
+		<div class="row">
+			<div class="6u 12u$(xsmall)">
+				<ul class="actions fit">
+					<li><a href="#" class="button fit">Fit</a></li>
+					<li><a href="#" class="button alt fit">Fit</a></li>
+				</ul>
+			</div>
+			<div class="6u$ 12u$(xsmall)">
+				<ul class="actions fit small">
+					<li><a href="#" class="button fit small">Fit + Small</a></li>
+					<li><a href="#" class="button alt fit small">Fit + Small</a></li>
+				</ul>
+			</div>
+		</div>
+		<ul class="actions">
+			<li><a href="#" class="button special icon fa-download">Icon</a></li>
+			<li><a href="#" class="button icon fa-download">Icon</a></li>
+			<li><a href="#" class="button alt icon fa-download">Icon</a></li>
+		</ul>
+		<ul class="actions">
+			<li><span class="button special disabled">Special</span></li>
+			<li><span class="button disabled">Default</span></li>
+			<li><span class="button alt disabled">Alternate</span></li>
+		</ul>
+	</section>
+
+	<!-- Form -->
+	<section>
+		<h3>Form</h3>
+		<form method="post" action="#">
+			<div class="row uniform 50%">
+				<div class="6u 12u$(xsmall)">
+					<input type="text" name="demo-name" id="demo-name" value="" placeholder="Name" />
+				</div>
+				<div class="6u$ 12u$(xsmall)">
+					<input type="email" name="demo-email" id="demo-email" value="" placeholder="Email" />
+				</div>
+				<div class="12u$">
+					<div class="select-wrapper">
+						<select name="demo-category" id="demo-category">
+							<option value="">- Category -</option>
+							<option value="1">Manufacturing</option>
+							<option value="1">Shipping</option>
+							<option value="1">Administration</option>
+							<option value="1">Human Resources</option>
+						</select>
+					</div>
+				</div>
+				<div class="4u 12u$(xsmall)">
+					<input type="radio" id="priority-low" name="priority" checked>
+					<label for="priority-low">Low Priority</label>
+				</div>
+				<div class="4u 12u$(xsmall)">
+					<input type="radio" id="priority-normal" name="priority">
+					<label for="priority-normal">Normal Priority</label>
+				</div>
+				<div class="4u$ 12u$(xsmall)">
+					<input type="radio" id="priority-high" name="priority">
+					<label for="priority-high">High Priority</label>
+				</div>
+				<div class="6u 12u$(small)">
+					<input type="checkbox" id="copy" name="copy">
+					<label for="copy">Email me a copy of this message</label>
+				</div>
+				<div class="6u$ 12u$(small)">
+					<input type="checkbox" id="human" name="human" checked>
+					<label for="human">I am a human and not a robot</label>
+				</div>
+				<div class="12u$">
+					<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
+				</div>
+				<div class="12u$">
+					<ul class="actions">
+						<li><input type="submit" value="Send Message" class="special" /></li>
+						<li><input type="reset" value="Reset" /></li>
+					</ul>
+				</div>
+			</div>
+		</form>
+	</section>
+
+	<!-- Image -->
+	<section>
+		<h3>Image</h3>
+		<h4>Fit</h4>
+		<div class="box alt">
+			<div class="row 50% uniform">
+				<div class="12u$"><span class="image fit"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic11.jpg" alt="" /></span></div>
+				<div class="4u"><span class="image fit"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic03.jpg" alt="" /></span></div>
+				<div class="4u"><span class="image fit"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic04.jpg" alt="" /></span></div>
+				<div class="4u$"><span class="image fit"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic05.jpg" alt="" /></span></div>
+				<div class="4u"><span class="image fit"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic05.jpg" alt="" /></span></div>
+				<div class="4u"><span class="image fit"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic03.jpg" alt="" /></span></div>
+				<div class="4u$"><span class="image fit"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic04.jpg" alt="" /></span></div>
+				<div class="4u"><span class="image fit"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic04.jpg" alt="" /></span></div>
+				<div class="4u"><span class="image fit"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic05.jpg" alt="" /></span></div>
+				<div class="4u$"><span class="image fit"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic03.jpg" alt="" /></span></div>
+			</div>
+		</div>
+
+		<h4>Left &amp; Right</h4>
+		<p><span class="image left"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic06.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
+		<p><span class="image right"><img src="{{ site.baseurl }}/bower_components/introspect/images/pic06.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
+	</section>
+
+	</div>
+</section>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-introspect
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Chaitali Patil
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-09-30 00:00:00.000000000 Z
+date: 2017-11-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: 3.3.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: 3.3.0
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -58,12 +58,32 @@ email:
 executables: []
 extensions: []
 extra_rdoc_files: []
-files: []
-homepage: https://saiashirwadinformatia.gitlab.io/Jekyll-Introspect
+files:
+- LICENSE.txt
+- README.md
+- _includes/banner.html
+- _includes/blog.html
+- _includes/footer.html
+- _includes/head.html
+- _includes/header.html
+- _includes/main-container.html
+- _includes/scripts.html
+- _includes/services.html
+- _layouts/404.html
+- _layouts/default.html
+- _layouts/page.html
+- _layouts/post.html
+- _layouts/services.html
+- _services/aliquam-nulla.md
+- _services/sed-magna.md
+- _services/tempus-feugiat.md
+- elements.html
+homepage: https://cpatil.gitlab.io/Jekyll-Introspect
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message: Thanks for Installing jekyll-introspect by Sai Ashirwad Informatia
+  & Design by Templated.co!!
 rdoc_options: []
 require_paths:
 - lib
@@ -79,7 +99,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.7
+rubygems_version: 2.6.12
 signing_key: 
 specification_version: 4
 summary: An ultra-minimal landing page template with a big cover photo.