Added Projects page, did some LESS reorganization

_data/projects.yml

@@ -1,19 +1,19 @@
-- url: "https://github.com/juzraai/author-tagger"
-  title: "author-tagger"
-  description: "Manage javadoc @authors at project level"
+- url:         "https://github.com/juzraai/author-tagger"
+  title:       "author-tagger"
+  description: "Manages your javadoc @authors at project level"
 
-- url: "https://github.com/juzraai/cli-ask"
-  title: "cli-ask"
-  description: "Fill POJOs by asking user on terminal"
+- url:         "https://github.com/juzraai/cli-ask"
+  title:       "cli-ask"
+  description: "Helps you fill POJOs by asking user on terminal"
 
-- url: "https://github.com/juzraai/proxy-manager"
-  title: "proxy-manager"
+- url:         "https://github.com/juzraai/proxy-manager"
+  title:       "proxy-manager"
   description: "Harvests and tests IP:PORT proxy lists"
 
-- url: "https://github.com/petabyte-research/redflags"
-  title: "redflags"
+- url:         "https://github.com/petabyte-research/redflags"
+  title:       "redflags"
   description: "Automagically checks and flags risky procurements"
 
-- url: "https://github.com/juzraai/toolbox"
-  title: "toolbox"
+- url:         "https://github.com/juzraai/toolbox"
+  title:       "toolbox"
   description: "Collection of my reusable codes"

_layouts/landing.html

@@ -14,16 +14,16 @@ <h2>I&nbsp;develop&nbsp;crawlers ...and&nbsp;stuff&nbsp;:)</h2>
 
 	<nav>
 			[
-			projects
-			,
 		<span>
+			<a href="{{ site.baseurl }}/projects/">projects</a>
+			,
 			<a href="https://github.com/juzraai">github</a>
 			,
 			<a href="https://www.facebook.com/juzraai/">facebook</a>
 			,
 			<a href="{{ site.baseurl }}/blog/">blog</a>
-			]
 		</span>
+			]
 	</nav>
 
 </header>

less/inc/code.less

@@ -26,4 +26,11 @@
 	pre { // td.gutter pre, td.code pre, figure.highlight pre
 		padding:               10px;
 	}
+}
+
+@media print {
+	.highlight {
+		width: 100%;
+		.gutter { display: none; }
+	}
 }

less/inc/footer.less

@@ -0,0 +1,25 @@
+footer {
+	margin:              75px 0px;
+	text-align:          center;
+
+	& > a {
+		border:          none;
+		color:           @footer-link;
+		&:hover { color: @footer-link-hover; }
+		font-size:       24px;
+		margin:          5px;
+	}
+}
+
+@media print {
+	footer {
+		margin: 30px 0px;
+		text-align: left;
+
+		a {
+			display: block;
+			font-size: 12pt;
+		}
+	}
+}
+

less/inc/global-style.less

@@ -29,4 +29,26 @@ body {
 	background-color:    @body-bg;
 	color:               @body-txt;
 	font-size:           20px;
+}
+
+@media print {
+	* {
+		color:               #000000 !important;
+		box-shadow:          none !important;
+		-webkit-box-shadow:  none !important;
+		-moz-box-shadow:     none !important;
+		-o-box-shadow:       none !important;
+	}
+
+	a:before { content: "" !important; }
+	a:after {
+		color: blue !important;
+		content: " (" attr(href) ")" !important;
+	}
+
+	body {
+		background-color: #FFFFFF;
+		font-size: 12pt;
+		margin: 0px;
+	}
 }

less/inc/nav.less

@@ -0,0 +1,31 @@
+nav {
+	background-color:    @nav-bg;
+	left:                0;
+	padding:             10px;
+	position:            fixed;
+	top:                 0;
+	width:               100%;
+	box-shadow:          0px 0px 20px 0px #000000;
+	-webkit-box-shadow:  0px 0px 20px 0px #000000;
+	-moz-box-shadow:     0px 0px 20px 0px #000000;
+	-o-box-shadow:       0px 0px 20px 0px #000000;
+
+	.brand a, .links a {
+		border:          none;
+		color:           @nav-brand;
+		&:hover { color: @nav-brand-hover; }
+		font-weight:     bold;
+	}
+
+	.links {
+		float:           right;
+	}
+
+	.title {
+		color:           @nav-txt;
+	}
+}
+
+@media print {
+	nav { display: none; }
+}

less/landing.less

@@ -2,10 +2,7 @@
 
 // constant formatting
 
-header {
-	margin: 150px 0px;
-	text-align: center;
-}
+header { text-align: center; }
 
 h1#nick { color: @landing-nick; }
 h1#hi   { color: @landing-hi; }

less/page.less

@@ -1,8 +1,10 @@
 @import "inc/global-style";
 @import "inc/code";
 @import "inc/container";
+@import "inc/footer";
 @import "inc/heading-numbers";
 @import "inc/icomoon";
+@import "inc/nav";
 
 body {
 	margin-top:                    150px;
@@ -129,71 +131,8 @@ article {
 	li { margin: 5px; }
 }
 
-footer {
-	margin:              75px 0px;
-	text-align:          center;
-
-	& > a {
-		border:          none;
-		color:           @footer-link;
-		&:hover { color: @footer-link-hover; }
-		font-size:       24px;
-		margin:          5px;
-	}
-}
-
-nav {
-	background-color:    @nav-bg;
-	left:                0;
-	padding:             10px;
-	position:            fixed;
-	top:                 0;
-	width:               100%;
-	box-shadow:          0px 0px 20px 0px #000000;
-	-webkit-box-shadow:  0px 0px 20px 0px #000000;
-	-moz-box-shadow:     0px 0px 20px 0px #000000;
-	-o-box-shadow:       0px 0px 20px 0px #000000;
-
-	.brand a, .links a {
-		border:          none;
-		color:           @nav-brand;
-		&:hover { color: @nav-brand-hover; }
-		font-weight:     bold;
-	}
-
-	.links {
-		float:           right;
-	}
-
-	.title {
-		color:           @nav-txt;
-	}
-}
-
-
 @media print {
-	* {
-		color:               #000000 !important;
-		box-shadow:          none !important;
-		-webkit-box-shadow:  none !important;
-		-moz-box-shadow:     none !important;
-		-o-box-shadow:       none !important;
-	}
-
-	body {
-		background-color: #FFFFFF;
-		font-size: 12pt;
-		margin: 0px;
-	}
-
 	article {
-
-		a:before { content: "" !important; }
-		a:after {
-			color: blue !important;
-			content: " (" attr(href) ")" !important;
-		}
-
 		blockquote { border-left-color: black; }
 
 		h1, h2, h3, h4, h5, h6 { color: #000000; }
@@ -207,17 +146,10 @@ nav {
 
 		p { width: 100%; }
 
-		> table {
+		.article-body > table {
 			border: 1px solid black;
 			border-spacing: 1px;
 			th, td { border: 1px dotted black; }
 		}
 	}
-
-	.highlight {
-		width: 100%;
-		.gutter { display: none; }
-	}
-
-	nav { display: none; }
 }

projects/index.md

@@ -0,0 +1,9 @@
+---
+layout:  page
+title:   Projects
+excerpt: List and short description of my selected projects. Crawlers, utilities and more here! ;)
+---
+
+{% for project in site.data.projects %}
+**[{{ project.title }}]({{ project.url }})** {{ project.description }}
+{% endfor %}