1
0
mirror of https://github.com/arsenetar/arsenetar.github.io.git synced 2026-01-28 17:11:38 +00:00

Update about page and pelican-red article.

This commit is contained in:
2013-08-05 13:01:19 -04:00
parent daca388d6d
commit 334e539581
24 changed files with 1172 additions and 73 deletions

View File

@@ -113,19 +113,21 @@
<h2>History</h2>
<p>After having tried using wordpress to create a blog on a couple occasions and attempting to create a skin, I gave up due to the clunkiness of the process and began to look for easier alternatives. After some searching I decided that <a href="http://getpelican.com">pelican</a> combined with github-pages would provided an adequate and easy to manage solution.</p>
<h2>Desired Features</h2>
<p>In preparing to create the pelican theme, I made a list of features I wanted.
<em> support all pelican defaults
</em> responsive layout
<em> social icons
</em> Disqus comment support
<em> code highlighting
</em> Google Custom Search
<em> Google Analytics
</em> use CDN javascript when possible
<em> author vcards
</em> modified time on articles
<em> license per article / page with global option
</em> optional header image for articles and pages</p>
<p>In preparing to create the pelican theme, I made a list of features I wanted.</p>
<ul>
<li>support all pelican defaults</li>
<li>responsive layout</li>
<li>social icons</li>
<li>Disqus comment support</li>
<li>code highlighting</li>
<li>Google Custom Search</li>
<li>Google Analytics</li>
<li>use CDN javascript when possible</li>
<li>author vcards</li>
<li>modified time on articles</li>
<li>license per article / page with global option</li>
<li>optional header image for articles and pages</li>
</ul>
<p>After reviewing the list, I decided to start developing a simple two column blog layout using the <a href="http://foundation.zurb.com/">Foundation 4</a> framework. I chose Foundation 4 mainly due to my previous use of it and my individual preference over bootstrap.</p>
<h2>The design ( pelican-red )</h2>
<p>The result became pelican-red ( readable on every device ). Pelican-red supports all of the features desired and was able to provide a clean layout for this blog. I continued working on the theme to change almost all of the features to be configured via the pelican configuration file to allow the theme to be generic and usable beyond this blog.</p>
@@ -138,11 +140,13 @@
<h4>Author Details</h4>
<p>The author details is what empowers the vcard functionality. In the pelican configuration file a listing of authors can be provided which included additional information about each author including things like: email, title, organization, and image. These will then be displayed as a vcard at the end of an article ( just certain fields ) and on the authors page.</p>
<h4>Extra Meta</h4>
<p>The articles and pages support extra meta including:
<em> modified
</em> comments
<em> copyright
</em> image</p>
<p>The articles and pages support extra meta including:</p>
<ul>
<li>modified</li>
<li>comments</li>
<li>copyright</li>
<li>image</li>
</ul>
<p>Of these the coolest is the image meta tag which allows for the article to have a header image which also doubles as the articles icon in the listings.</p>
<h3>The Future</h3>
<p>pelican-red currently uses some theme "hacks" to achieve the final design, some of which can be converted into pelican plugins. The modified time, image, and author information will be converted into plugins to modularize the code a bit better in the future. Additionally the site menu will have support for nested menu-items instead of just a single drop-down. Finally, the print layout will be improved a bit to look less cluttered in some spots. </p>
@@ -228,7 +232,7 @@
</div>
<footer class="row" >
<div class="large-16 columns" id="mainFooter">
<span class="print_footer"><a href="http://blog.voltaicideas.net/pelican-red.html"> Fetched from: pelican-red.html</a> on 2013-08-05T12:53:10.635745</span>
<span class="print_footer"><a href="http://blog.voltaicideas.net/pelican-red.html"> Fetched from: pelican-red.html</a> on 2013-08-05T13:01:18.850770</span>
&copy;<span itemprop="copyrightHolder"> Andrew Senetar </span><span itemprop="copyrightYear">2013</span>
</div>
</footer>