").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cd=a.document.documentElement;function dd(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dd(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cd;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cd})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dd(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=Lb(k.pixelPosition,function(a,c){return c?(c=Jb(a,b),Hb.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ed=a.jQuery,fd=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fd),b&&a.jQuery===m&&(a.jQuery=ed),m},typeof b===K&&(a.jQuery=a.$=m),m});
\ No newline at end of file
diff --git a/less/grayscale.less b/less/grayscale.less
new file mode 100755
index 0000000..1c81d1d
--- /dev/null
+++ b/less/grayscale.less
@@ -0,0 +1,352 @@
+@import "variables.less";
+@import "mixins.less";
+
+body {
+ width: 100%;
+ height: 100%;
+ font-family: "Lora","Helvetica Neue",Helvetica,Arial,sans-serif;
+ color: @light;
+ background-color: @dark;
+}
+
+html {
+ width: 100%;
+ height: 100%;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 0 0 35px;
+ text-transform: uppercase;
+ font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 700;
+ letter-spacing: 1px;
+}
+
+p {
+ margin: 0 0 25px;
+ font-size: 18px;
+ line-height: 1.5;
+}
+
+@media(min-width:767px) {
+ p {
+ margin: 0 0 35px;
+ font-size: 20px;
+ line-height: 1.6;
+ }
+}
+
+a {
+ color: @primary;
+ -webkit-transition: all .2s ease-in-out;
+ -moz-transition: all .2s ease-in-out;
+ transition: all .2s ease-in-out;
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ color: darken(@primary,20%);
+ }
+}
+
+.light {
+ font-weight: 400;
+}
+
+.navbar-custom {
+ margin-bottom: 0;
+ border-bottom: 1px solid fade(@light, 30%);
+ text-transform: uppercase;
+ font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
+ background-color: @dark;
+ .navbar-brand {
+ font-weight: 700;
+ &:focus {
+ outline: none;
+ }
+ .navbar-toggle {
+ padding: 4px 6px;
+ font-size: 16px;
+ color: @light;
+ &:focus,
+ &:active {
+ outline: none;
+ }
+ }
+ }
+ a {
+ color: @light;
+ }
+ .nav {
+ li {
+ &.active {
+ outline: nonte;
+ background-color: fade(@light, 30%);
+ }
+ a {
+ -webkit-transition: background .3s ease-in-out;
+ -moz-transition: background .3s ease-in-out;
+ transition: background .3s ease-in-out;
+ &:hover,
+ &:focus,
+ &.active {
+ outline: none;
+ background-color: fade(@light, 30%);
+ }
+ }
+ }
+ }
+}
+
+@media(min-width:767px) {
+ .navbar {
+ padding: 20px 0;
+ border-bottom: none;
+ letter-spacing: 1px;
+ background: transparent;
+ -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
+ -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
+ transition: background .5s ease-in-out,padding .5s ease-in-out;
+ }
+
+ .top-nav-collapse {
+ padding: 0;
+ background-color: @dark;
+ }
+
+ .navbar-custom.top-nav-collapse {
+ border-bottom: 1px solid fade(@light, 30%);
+ }
+}
+
+.intro {
+ display: table;
+ width: 100%;
+ height: auto;
+ padding: 100px 0;
+ text-align: center;
+ color: @light;
+ background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
+ background-color: @dark;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+ .intro-body {
+ display: table-cell;
+ vertical-align: middle;
+ .brand-heading {
+ font-size: 40px;
+ }
+
+ .intro-text {
+ font-size: 18px;
+ }
+ }
+}
+
+@media(min-width:767px) {
+ .intro {
+ height: 100%;
+ padding: 0;
+ .intro-body {
+ .brand-heading {
+ font-size: 100px;
+ }
+
+ .intro-text {
+ font-size: 25px;
+ }
+ }
+ }
+}
+
+.btn-circle {
+ width: 70px;
+ height: 70px;
+ margin-top: 15px;
+ padding: 7px 16px;
+ border: 2px solid @light;
+ border-radius: 35px;
+ font-size: 40px;
+ color: @light;
+ background: transparent;
+ -webkit-transition: background .3s ease-in-out;
+ -moz-transition: background .3s ease-in-out;
+ transition: background .3s ease-in-out;
+ &:hover,
+ &:focus {
+ outline: none;
+ color: @light;
+ background: fade(@light, 10%);
+ }
+ i.animated {
+ -webkit-transition-property: -webkit-transform;
+ -webkit-transition-duration: 1s;
+ -moz-transition-property: -moz-transform;
+ -moz-transition-duration: 1s;
+ }
+ &:hover {
+ i.animated {
+ -webkit-animation-name: pulse;
+ -moz-animation-name: pulse;
+ -webkit-animation-duration: 1.5s;
+ -moz-animation-duration: 1.5s;
+ -webkit-animation-iteration-count: infinite;
+ -moz-animation-iteration-count: infinite;
+ -webkit-animation-timing-function: linear;
+ -moz-animation-timing-function: linear;
+ }
+ }
+}
+
+@-webkit-keyframes pulse {
+ 0 {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 50% {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+@-moz-keyframes pulse {
+ 0 {
+ -moz-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 50% {
+ -moz-transform: scale(1.2);
+ transform: scale(1.2);
+ }
+
+ 100% {
+ -moz-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+.content-section {
+ padding-top: 100px;
+}
+
+.download-section {
+ width: 100%;
+ padding: 50px 0;
+ color: @light;
+ background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
+ background-color: @dark;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+}
+
+#map {
+ width: 100%;
+ height: 200px;
+ margin-top: 100px;
+}
+
+@media(min-width:767px) {
+ .content-section {
+ padding-top: 250px;
+ }
+
+ .download-section {
+ padding: 100px 0;
+ }
+
+ #map {
+ height: 400px;
+ margin-top: 250px;
+ }
+}
+
+.btn {
+ text-transform: uppercase;
+ font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 400;
+ -webkit-transition: all .3s ease-in-out;
+ -moz-transition: all .3s ease-in-out;
+ transition: all .3s ease-in-out;
+}
+
+.btn-default {
+ border: 1px solid @primary;
+ color: @primary;
+ background-color: transparent;
+ &:hover,
+ &:focus {
+ border: 1px solid @primary;
+ outline: none;
+ color: @dark;
+ background-color: @primary;
+ }
+}
+
+ul.banner-social-buttons {
+ margin-top: 0;
+}
+
+@media(max-width:1199px) {
+ ul.banner-social-buttons {
+ margin-top: 15px;
+ }
+}
+
+@media(max-width:767px) {
+ ul.banner-social-buttons {
+ li {
+ display: block;
+ margin-bottom: 20px;
+ padding: 0;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+}
+
+footer {
+ padding: 50px 0;
+ p {
+ margin: 0;
+ }
+}
+
+::-moz-selection {
+ text-shadow: none;
+ background: #fcfcfc;
+ background: fade(@light, 20%);
+}
+
+::selection {
+ text-shadow: none;
+ background: #fcfcfc;
+ background: fade(@light, 20%);
+}
+
+img::selection {
+ background: transparent;
+}
+
+img::-moz-selection {
+ background: transparent;
+}
+
+body {
+ webkit-tap-highlight-color: fade(@light, 20%);
+}
\ No newline at end of file
diff --git a/less/mixins.less b/less/mixins.less
new file mode 100755
index 0000000..7532b8c
--- /dev/null
+++ b/less/mixins.less
@@ -0,0 +1 @@
+// Mixins
\ No newline at end of file
diff --git a/less/variables.less b/less/variables.less
new file mode 100755
index 0000000..e3772e0
--- /dev/null
+++ b/less/variables.less
@@ -0,0 +1,5 @@
+// Variables
+
+@primary: #219AB3;
+@dark: #000;
+@light: #fff;
\ No newline at end of file
diff --git a/readme.markdown b/readme.markdown
new file mode 100755
index 0000000..dea9f49
--- /dev/null
+++ b/readme.markdown
@@ -0,0 +1,164 @@
+
+
+# { Personal } Jekyll Theme
+
+{ Personal } is a free responsive Jekyll theme about you. It's your personal blog and your point of reference website. You can watch it in action [here](http://panossakkos.github.io).
+
+## What value does { Personal } add
+
+* Fork of [Timeline](https://github.com/kirbyt/timeline-jekyll-theme)
+ * Modern and minimal design
+ * Responsive templates for home page, blog archive and posts. Looks great on mobile, tablet, and desktop devices
+ * Sweet animations
+ * Gracefully degrades in older browsers. Compatible with Internet Explorer 8+ and all modern browsers
+ * Timeline
+ * Tell your story so far with a sleek timeline of dates, pictures and descriptions
+ * White on black text, making the reading experience tireless
+ * Google analytics
+* Blogging functionality
+ * Preview of the latest post in the home page
+ * Archive page
+ * Disqus comments
+* Control of your website and blog through the site's config file
+ * Favicon
+ * Black favicon
+ * Background Image
+ * Your picture
+ * Preview size of the latest post
+ * Timeline events
+ * Disqus comments
+* Cool (anti-procrastinating) 404 page
+
+# Screenshots
+## Index page
+
+## Latest post preview
+
+## Timeline
+
+## Blog Archive
+
+## Post page
+
+## 404
+
+
+## Customizing your website from the config
+
+Even if you have no experience with Jekyll you can personalize your website from the config file (_config.yml). This section describes the available variables and how they change the content of your website.
+
+### Favicon
+````
+favicon: "/img/favicon.ico"
+````
+Points to the website's favicon.
+
+### Black Favicon
+````
+black-favicon: "/img/black-lab-glass.ico"
+````
+Before the title of the website a black and white version of the favicon appears. This value is the path to this icon file.
+
+### Google Analytics
+````
+google-tracking-id: "UA-35880426-3"
+````
+Place the id of your tracking code here and the code will be autogenerated and included in every page. If you don't want analytics, just remove the string value and the code will not be generated.
+
+### Disqus
+````
+disqus-shortname: "panossakkos"
+````
+Add your Disqus username to enable Disqus comments. When this value is set then, every post will get the comments below the post and the comment counters in the post preview of the home page and the Archive. Remove the value if you don't want the Disqus functionality.
+
+### Navigation Bar links
+This variable is usefull only if you want to add more pages and not be included in the navigation bar. It contains the pages that you want to include in the navigation bar.
+````
+pages_list:
+ About: 'about'
+ Blog: 'blog'
+ Career: 'career'
+ Contact: 'contact'
+````
+
+### Background image
+````
+background-img: "/img/intro-bg.jpg"
+````
+Set the variable to the image that you want to be displayed in the index page.
+
+### Me image
+Set the variable to the desired image of you that you want to be displayed in the index page. This image when clicked, it scrolls down to the About section.
+````
+me-img: "/img/me.jpg"
+````
+
+### Post preview size
+This variable dicates how many words do you want to display as preview in the Blog section of the home page.
+````
+post-preview-words: 128
+````
+
+### Timeline Events
+The Timeline is displayed in the Career section of the homepage. Each event consists of a date (when did the event started and ended), an image and a description.
+````
+events:
+ - image: "/img/career/microsoft.jpg"
+ date: "September 2014 - Today"
+ description: "Software Engineer @ Microsoft Development Center Norway, working @ the
Office Graph"
+ - image: "/img/career/uoa.jpg"
+ date: "October 2012 - August 2014"
+ description: "Master studies @
Department of Informatics and Telecommunications on Software Engineering +
Machine Learning researcher @
KDD lab"
+ - image: "/img/career/cern.jpg"
+ date: "October 2011 - September 2012"
+ description: "Security researcher @
CERN, developed linux kernel extensions to prevent cyber attacks"
+ - image: "/img/career/writeright.jpg"
+ date: "August 2011 - Today"
+ description: "Released
WriteRight, an adaptive S/W keyboard for Android devices, which shrinks the unlikely keys to tap next. Currently it holds > 9,000 downloads"
+ - image: "/img/career/pwnmail.jpg"
+ date: "June 2010 - November 2010"
+ description: "Released
Pwn Mail, an iPhone app for spoofing emails. It served > 260,000 emails but it was discontinued after a legal threat by
Steve Jobs a secretary of Steve Jobs"
+ - image: "/img/career/uoa.jpg"
+ date: "October 2007 - September 2011"
+ description: "Bachelor studies @
Department of Informatics and Telecommunications on Computer Science and Telecomunications"
+````
+After the Timeline you get a picture which you can set it from the career-img variable
+````
+career-img: "/img/career/default.jpg"
+````
+
+### Social Networks buttons
+As a footer you get a list of buttons which are links to various social networks. You can specify the buttons and links form the social variable:
+````
+social:
+ - title: "rss"
+ url: "/feed.xml"
+ - title: "github"
+ url: "https://github.com/PanosSakkos"
+ - title: "linkedin"
+ url: "https://no.linkedin.com/in/PanosSakkos"
+ - title: "youtube"
+ url: "https://youtube.com/c/PanosSakkos"
+ - title: "soundcloud"
+ url: "https://soundcloud.com/psakkos/"
+````
+There are many more social networks supported like facebook, flickr, dribbble, pinterest, instagram, tumblr etc.
+
+### 404 Image
+404-img: "/img/labtocat.png"
+Set the value to the image file that you want to display in the 404 page
+
+## Posting a new post
+
+Jekyll is expecting new posts to show up as a file under _/posts with a file name "YYYY-MM-DD-title.markup". Also your file's content should start like this:
+```
+---
+layout: post
+title:
+category:
+---
+```
+After this header you can start writing your post using Markdown.
+
+## Steps forward
+* Support discovery with support of tags