Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

tweaking main sections of the site; most notably blog is now at "/blog/"

  • Loading branch information...
commit 8fe3051f21dffd0d3a9da58ddb521b8973a551e4 1 parent f572998
@mislav authored
View
3  _layouts/post.html
@@ -29,6 +29,5 @@
<p>Got your attention? Find out about <a href="/projects/">my projects</a>, <a href="/feeds/">subscribe to the blog</a> or <a href="http://twitter.com/mislav" rel="me">follow me on Twitter</a>.</p>
- <a class="home" href="/archive">← archive</a>
+ <a class="home" href="/blog/">← all posts</a>
</div>
-
View
4 archive.html → blog.html
@@ -1,8 +1,8 @@
---
layout: default
-title: No Strings Attached
+title: Mislav's blog
description: "A hacker's blog by Mislav Marohnić"
-permalink: /archive/
+permalink: /blog/
---
<h1>{{ page.title }}</h1>
View
2  feeds/dev.xml
@@ -1,6 +1,6 @@
---
layout: atom
-title: No Strings Attached
+title: Mislav on web development
subtitle: Hacking the Web by Mislav Marohnić
path: /
---
View
6 feeds/index.markdown
@@ -6,11 +6,11 @@ title: Feeds
Available feeds for this site:
<ol class="feeds">
- <li><a class="feed" href="http://feeds.feedburner.com/mislav/dev">Developer — Rails, JavaScript and other topics</a>
+ <li><a class="feed" href="http://feeds.feedburner.com/mislav/dev">Development: Rails, JavaScript and other topics</a>
<span class="description">&ndash; combined feed</span>
</li>
- <li><a class="feed" href="http://feeds.feedburner.com/mislav/js">JavaScript</a> <span class="description">&ndash; <a href="/js/">visit section</a></span></li>
- <li><a class="feed" href="http://feeds.feedburner.com/mislav/rails">Ruby on Rails</a> <span class="description">&ndash; <a href="/rails/">visit section</a></span></li>
+ <li><a class="feed" href="http://feeds.feedburner.com/mislav/js">JavaScript</a> <span class="description">&ndash; <a href="/js/">see posts</a></span></li>
+ <li><a class="feed" href="http://feeds.feedburner.com/mislav/rails">Ruby on Rails</a> <span class="description">&ndash; <a href="/rails/">see posts</a></span></li>
</ol>
If you don't know what reader to use for these feeds, I recommend [Google Reader][1].
View
4 feeds/js.xml
@@ -1,7 +1,7 @@
---
layout: atom
-title: No Strings Attached — JavaScript
-subtitle: On JavaScript by Mislav Marohnić
+title: Mislav on JavaScript
+subtitle: On JavaScript development by Mislav Marohnić
path: /js/
category: js
---
View
4 feeds/rails.xml
@@ -1,7 +1,7 @@
---
layout: atom
-title: No Strings Attached — Ruby on Rails
-subtitle: On Rails by Mislav Marohnić
+title: Mislav on Rails
+subtitle: Ruby on Rails by Mislav Marohnić
path: /rails/
category: rails
---
View
BIN  images/mislav.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
27 index.html
@@ -1,12 +1,29 @@
---
-title: About Mislav
+title: Mislav Marohnić
+description: "Don't worry, I can't pronounce my last name either"
layout: page
---
<div id="description" class="vcard">
<p>
- <img src="/images/mislav.png" alt="" style="float: right; margin: -20px -2em 0 3em; border: 1px solid #999;">
- My name is <em class="fn">Mislav&nbsp;Marohnić</em> and—for the time being—I live in <span class="adr">Barcelona,&nbsp;<span class="country-name">Spain</span></span>, where I hack the Interwebs and use my time off to participate in <a href="/projects/">open-source&nbsp;projects</a> and write about <a href="/rails/">Ruby&nbsp;on&nbsp;Rails</a>, <a href="/js/">JavaScript</a> and other things on <a rel="me" class="url" href="/archive">my blog</a>.</p>
- <p>You can write to me at <a class="email" href="mailto:mislav.marohnic@gmail.com">mislav.marohnic@gmail.com</a>.</p>
- <p>I&#8217;m mostly writing about programming for the web. <a href="/feeds/">Grab some feeds</a> and stay tuned.</p>
+ <img src="/images/mislav.jpg" alt="Mislav Marohnić" class="fn">
+ I make the Internet. Originally from <span class="adr">Zagreb,&nbsp;<span class="country-name">Croatia</span></span>, I'm lately migrating from place to place. I do <a href="/projects/">open-source&nbsp;projects</a> and write about <a href="/rails/">Ruby&nbsp;on&nbsp;Rails</a>, <a href="/js/">JavaScript</a> and other things on <a rel="me" class="url" href="/blog/">my blog</a>.</p>
+ <p>I'm mostly writing about programming for the web. <a href="/feeds/">Grab some feeds</a> and stay tuned.</p>
+ <p>Write to me at <a class="email" href="mailto:mislav.marohnic@gmail.com">mislav.marohnic@gmail.com</a> and follow me on Twitter: @<a rel="me" href="http://twitter.com/mislav">mislav</a></p>
+ <p>Or check out the photos that I take: <a rel="me" href="http://www.flickr.com/photos/mislav-marohnic/">Flickr</a> – <a rel="me" href="http://instagram.heroku.com/users/mislav">Instagram</a></p>
</div>
+
+<hr>
+
+{% assign post = site.posts[0] %}
+
+<h2>Latest blog post:</h2>
+
+<ol class="posts">
+ <li>
+ <span class="date">{{ post.date | date_to_string }}</span>
+ ▸ <a href="{{ post.url }}">{{ post.title }}</a>
+ {% if post.categories != empty %}<span class="categories">in {{ post.categories | array_to_sentence_string }}</span>{% endif %}
+ {% if post.description %}<p>{{ post.description }}</p>{% endif %}
+ </li>
+</ol>
View
6 js/index.markdown
@@ -2,12 +2,10 @@
layout: section
title: JavaScript
category: js
-description: JavaScript section on "No Strings Attached" by Mislav Marohnić. Read on about Prototype Framework, unobtrusive scripting and various tips & tricks for everyday challenges.
+description: Posts about JavaScript on Mislav's blog
---
-I understand [the worlds most misunderstood language][1], so I’m passing my knowledge to you. My code usually uses [Prototype library][2], of which I was a [core member][3] for a certain period.
+I understand [the world's most misunderstood language][1], and I'm passing my knowledge to you.
[1]: http://javascript.crockford.com/javascript.html
-[2]: http://prototypejs.org/
-[3]: http://prototypejs.org/core "Prototype Core team"
View
2  rails/index.markdown
@@ -2,7 +2,7 @@
layout: section
title: Ruby on Rails
category: rails
-description: Ruby on Rails section on "No Strings Attached", personal blog of Mislav Marohnić. Topics include Ruby tricks, Rails tips and news about projects I'm involved with.
+description: Posts about Ruby on Rails on Mislav's blog
---
As one of the [active contributors to Ruby on Rails][2], I gained thorough knowledge of the framework's capabilities. My experience covers the full stack and I'm comfortable working anywhere between low-level server-side optimization and working with the latest and greatest of client-side technologies.
View
2  stylesheets/default.css
@@ -1 +1 @@
-body,p,ul,ol,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,pre,code,table,td,th{margin:0;padding:0;font-size:100%}body{font:300 100%/1.6em "Minion Pro","Palatino","Hoefler Text","Times New Roman",serif;margin:3em 3em 3em 60px;max-width:55em;position:relative;color:#444;background:#fefefe}strong,b{font-weight:bold}#post p{font-size:1.2em;line-height:1.6}#post li{font-size:1.2em;line-height:1.6}#post li p{font-size:1em}table{font:300 100%/1.6em "Gill Sans","Lucida Grande",Helvetica,Arial,sans-serif}a:link,a:visited{color:#857f33;text-decoration:underline;font-weight:500}.posts a:visited{text-decoration:none}a:hover{color:#5d570b}a.home{text-decoration:none;font-weight:normal;text-transform:uppercase;font-size:90%}a.home:first-child{position:relative;top:-1em}a.home:hover{text-decoration:underline}a img{border:none}h1{margin-bottom:0.6em;color:#a21e3f;font-weight:normal}h1 + p.subtext{margin-top:-1.2em;margin-bottom:2em;color:#666;font-style:italic}h1 + p.subtext + h2{margin-top:0}h1,h2,h1 a:link,h2 a:link{color:#069;font-weight:normal}h1,h2{font:300 2.4em "Museo Sans",Arial,Helvetica,sans-serif;border-left:30px solid #d8d177;margin-left:-60px;padding-left:30px;clear:both;text-rendering:optimizeLegibility}h2{margin-top:1.2em;margin-bottom:0.7em;font-size:1.6em}h3{font-size:1.1em;margin-top:1.5em}p,ul,ol{margin:0.8em 0}ins{text-decoration:none;border-bottom:1px dotted silver;border-color:#adb585}#description.vcard img{float:right;margin:-20px -2em 0 3em;border:3px double #999}#description p:first-child{font-size:1.3em;margin:1em 2em 1.4em 0;color:#333}#description p:first-child a{font-weight:normal}#links_me{margin:-2em 0 2em 0;color:#6d7d21}p.post-info,dl.posts .post-info{margin-top:-1.2em;color:#666;font-style:italic;font-size:90%}p.post-info .date{color:#6d7d21;font-weight:bold}dl.posts .post-info .date{color:#6d7d21;font-weight:bold}dl.posts dd{margin:0 0 0.4em 1em}dl.feeds dd{margin:0 0 0.4em 1em}ol.posts{list-style:none;line-height:1.6}ol.posts.home{font-size:1.1em}ol.posts li{color:#aaa;padding-bottom:0.4em}ol.posts li .date + a{margin-left:0.5em}ol.posts li .categories{color:#777}ol.posts li .date,#instapaper time{font-family:"American Typewriter","Courier New",monospace;color:#777;font-size:90%;display:inline-block;min-width:6.7em}@media only screen and (device-width: 768px) and (orientation: landscape){body{max-width:none}ol.posts.home{font-size:0.9em;-webkit-column-count:2;-webkit-column-gap:2em}ol.posts li .date + a{margin-left:0}}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){body{font-size:75%;margin:0.4em 0.6em}a.home:first-child{position:static;top:0}ol.posts.home{font-size:1em}h1,h2{border-left:none;margin-left:0;padding-left:0}ol.posts li .date{min-width:0;display:block}ol.posts li .date + a{margin-left:0}#post div.thumbnail{float:left;width:100%}#post li{margin-left:1.5em}#description.vcard img{float:none;display:block;border-width:1px;border-style:solid;margin:0 0 1em 0}}@media only screen and (min-device-pixel-ratio: 2){#description.vcard img{float:left;max-width:120px;margin:0.5em 1em 0.5em 0}}dl.feeds dt{padding-left:20px;background:transparent url(/images/feed-icon-small.png) no-repeat left 50%}div.breadcrumbs{padding-bottom:0.1em;padding-left:40px;margin-left:-40px;font-size:90%;color:#444;background:#ddd;margin-top:-1em}#foo{border-top:1px solid gray;padding:0.5em 0;margin-top:1em}pre,code{font-family:Monaco,"DejaVu Sans Mono",Courier,monospace}pre{background:#f0f3f3;font-size:0.9em;line-height:1.5em}pre code{display:block;white-space:pre-wrap;padding:1em 1.2em 1em 10px}p code,h1 code,h2 code,h3 code,li > code{font-size:0.8em}p code,li > code{background:#e1e4e4;color:#333;padding:0.2em 0.2em 0.15em 0.2em;white-space:nowrap}p a:link code,p a:visited code{text-decoration:underline}blockquote{border-left:3px solid #aaa;margin-left:0;padding-left:1em;font-weight:300;font-style:italic}.highlight{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #ddd}.highlight pre{background:transparent;color:inherit;margin-left:0;border-left:0;font-size:14px}.highlight pre code{padding:0.8em 1em}.highlight{background-color:#f0f3f3}.highlight .hll{background-color:#ffc}.highlight .c{color:#60a0b0;font-style:italic}.highlight .err{border:1px solid red}.highlight .k{color:#007020;font-weight:bold}.highlight .o{color:#666}.highlight .cm{color:#60a0b0;font-style:italic}.highlight .cp{color:#007020}.highlight .c1{color:#60a0b0;font-style:italic}.highlight .cs{color:#60a0b0;background-color:#fff0f0}.highlight .gd{color:#a00000}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:navy;font-weight:bold}.highlight .gi{color:#00a000}.highlight .go{color:gray}.highlight .gp{color:#c65d09;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:purple;font-weight:bold}.highlight .gt{color:#0040d0}.highlight .kc,.highlight .kd,.highlight .kn{color:#007020;font-weight:bold}.highlight .kp{color:#007020}.highlight .kr{color:#007020;font-weight:bold}.highlight .kt{color:#902000}.highlight .m{color:#40a070}.highlight .s,.highlight .na{color:#4070a0}.highlight .nb{color:#007020}.highlight .nc{color:#0e84b5;font-weight:bold}.highlight .no{color:#60add5}.highlight .nd{color:#555;font-weight:bold}.highlight .ni{color:#d55537;font-weight:bold}.highlight .ne{color:#007020}.highlight .nf{color:#06287e}.highlight .nl{color:#002070;font-weight:bold}.highlight .nn{color:#0e84b5;font-weight:bold}.highlight .nt{color:#062873;font-weight:bold}.highlight .nv{color:#bb60d5}.highlight .ow{color:#007020;font-weight:bold}.highlight .w{color:#bbb}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#40a070}.highlight .sb,.highlight .sc{color:#4070a0}.highlight .sd{color:#4070a0;font-style:italic}.highlight .s2{color:#4070a0}.highlight .se{color:#4070a0;font-weight:bold}.highlight .sh{color:#4070a0}.highlight .si{color:#70a0d0;font-style:italic}.highlight .sx{color:#c65d09}.highlight .sr{color:#235388}.highlight .s1{color:#4070a0}.highlight .ss{color:#517918}.highlight .bp{color:#007020}.highlight .vc,.highlight .vg,.highlight .vi{color:#bb60d5}.highlight .il{color:#40a070}
+body,p,ul,ol,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,pre,code,table,td,th{margin:0;padding:0;font-size:100%}body{font:300 100%/1.6em "Minion Pro","Palatino","Hoefler Text","Times New Roman",serif;margin:3em 3em 3em 60px;max-width:55em;position:relative;color:#444;background:#fefefe}strong,b{font-weight:bold}#post p{font-size:1.2em;line-height:1.6}#post li{font-size:1.2em;line-height:1.6}#post li p{font-size:1em}table{font:300 100%/1.6em "Gill Sans","Lucida Grande",Helvetica,Arial,sans-serif}a:link,a:visited{color:#857f33;text-decoration:underline;font-weight:500}.posts a:visited{text-decoration:none}a:hover{color:#5d570b}a.home{text-decoration:none;font-weight:normal;text-transform:uppercase;font-size:90%}a.home:first-child{position:relative;top:-1em}a.home:hover{text-decoration:underline}a img{border:none}h1{margin-bottom:0.6em;color:#a21e3f;font-weight:normal}h1 + p.subtext{margin-top:-1.2em;margin-bottom:2em;color:#666;font-style:italic}h1 + p.subtext + h2{margin-top:0}h1,h2,h1 a:link,h2 a:link{color:#069;font-weight:normal}h1,h2{font:300 2.4em "Museo Sans",Arial,Helvetica,sans-serif;border-left:30px solid #d8d177;margin-left:-60px;padding-left:30px;clear:both;text-rendering:optimizeLegibility}h2{margin-top:1.2em;margin-bottom:0.7em;font-size:1.6em}h3{font-size:1.1em;margin-top:1.5em}p,ul,ol{margin:0.8em 0}ins{text-decoration:none;border-bottom:1px dotted silver;border-color:#adb585}#description.vcard img{float:right;margin:-20px -2em 0 3em;border:3px double #999}#description p:first-child{font-size:1.3em;margin:1em 2em 1.4em 0;color:#333}#description p:first-child a{font-weight:normal}#description + hr{width:75%;height:0;border-top:1px solid silver;margin:2em}#links_me{margin:-2em 0 2em 0;color:#6d7d21}p.post-info,dl.posts .post-info{margin-top:-1.2em;color:#666;font-style:italic;font-size:90%}p.post-info .date{color:#6d7d21;font-weight:bold}dl.posts .post-info .date{color:#6d7d21;font-weight:bold}dl.posts dd{margin:0 0 0.4em 1em}dl.feeds dd{margin:0 0 0.4em 1em}ol.posts{list-style:none;line-height:1.6}ol.posts.home{font-size:1.1em}ol.posts li{color:#aaa;padding-bottom:0.4em}ol.posts li .date + a{margin-left:0.5em}ol.posts li .categories{color:#777}ol.posts li p{margin:0.4em 0;color:#444}ol.posts li .date,#instapaper time{font-family:"American Typewriter","Courier New",monospace;color:#777;font-size:90%;display:inline-block;min-width:6.7em}@media only screen and (device-width: 768px) and (orientation: landscape){body{max-width:none}ol.posts.home{font-size:0.9em;-webkit-column-count:2;-webkit-column-gap:2em}ol.posts li .date + a{margin-left:0}}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){body{font-size:75%;margin:0.4em 0.6em}a.home:first-child{position:static;top:0}ol.posts.home{font-size:1em}h1,h2{border-left:none;margin-left:0;padding-left:0}ol.posts li .date{min-width:0;display:block}ol.posts li .date + a{margin-left:0}#post div.thumbnail{float:left;width:100%}#post li{margin-left:1.5em}#description.vcard img{float:none;display:block;border-width:1px;border-style:solid;margin:0 0 1em 0}}@media only screen and (min-device-pixel-ratio: 2){#description.vcard img{float:left;max-width:120px;margin:0.5em 1em 0.5em 0}}dl.feeds dt{padding-left:20px;background:transparent url(/images/feed-icon-small.png) no-repeat left 50%}div.breadcrumbs{padding-bottom:0.1em;padding-left:40px;margin-left:-40px;font-size:90%;color:#444;background:#ddd;margin-top:-1em}#foo{border-top:1px solid gray;padding:0.5em 0;margin-top:1em}pre,code{font-family:Monaco,"DejaVu Sans Mono",Courier,monospace}pre{background:#f0f3f3;font-size:0.9em;line-height:1.5em}pre code{display:block;white-space:pre-wrap;padding:1em 1.2em 1em 10px}p code,h1 code,h2 code,h3 code,li > code{font-size:0.8em}p code,li > code{background:#e1e4e4;color:#333;padding:0.2em 0.2em 0.15em 0.2em;white-space:nowrap}p a:link code,p a:visited code{text-decoration:underline}blockquote{border-left:3px solid #aaa;margin-left:0;padding-left:1em;font-weight:300;font-style:italic}.highlight{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #ddd}.highlight pre{background:transparent;color:inherit;margin-left:0;border-left:0;font-size:14px}.highlight pre code{padding:0.8em 1em}.highlight{background-color:#f0f3f3}.highlight .hll{background-color:#ffc}.highlight .c{color:#60a0b0;font-style:italic}.highlight .err{border:1px solid red}.highlight .k{color:#007020;font-weight:bold}.highlight .o{color:#666}.highlight .cm{color:#60a0b0;font-style:italic}.highlight .cp{color:#007020}.highlight .c1{color:#60a0b0;font-style:italic}.highlight .cs{color:#60a0b0;background-color:#fff0f0}.highlight .gd{color:#a00000}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:navy;font-weight:bold}.highlight .gi{color:#00a000}.highlight .go{color:gray}.highlight .gp{color:#c65d09;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:purple;font-weight:bold}.highlight .gt{color:#0040d0}.highlight .kc,.highlight .kd,.highlight .kn{color:#007020;font-weight:bold}.highlight .kp{color:#007020}.highlight .kr{color:#007020;font-weight:bold}.highlight .kt{color:#902000}.highlight .m{color:#40a070}.highlight .s,.highlight .na{color:#4070a0}.highlight .nb{color:#007020}.highlight .nc{color:#0e84b5;font-weight:bold}.highlight .no{color:#60add5}.highlight .nd{color:#555;font-weight:bold}.highlight .ni{color:#d55537;font-weight:bold}.highlight .ne{color:#007020}.highlight .nf{color:#06287e}.highlight .nl{color:#002070;font-weight:bold}.highlight .nn{color:#0e84b5;font-weight:bold}.highlight .nt{color:#062873;font-weight:bold}.highlight .nv{color:#bb60d5}.highlight .ow{color:#007020;font-weight:bold}.highlight .w{color:#bbb}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#40a070}.highlight .sb,.highlight .sc{color:#4070a0}.highlight .sd{color:#4070a0;font-style:italic}.highlight .s2{color:#4070a0}.highlight .se{color:#4070a0;font-weight:bold}.highlight .sh{color:#4070a0}.highlight .si{color:#70a0d0;font-style:italic}.highlight .sx{color:#c65d09}.highlight .sr{color:#235388}.highlight .s1{color:#4070a0}.highlight .ss{color:#517918}.highlight .bp{color:#007020}.highlight .vc,.highlight .vg,.highlight .vi{color:#bb60d5}.highlight .il{color:#40a070}
View
9 stylesheets/default.sass
@@ -121,6 +121,12 @@ ins
a
font-weight: normal
+#description + hr
+ width: 75%
+ height: 0
+ border-top: 1px solid silver
+ margin: 2em
+
#links_me
margin: -2em 0 2em 0
color: #6d7d21
@@ -157,6 +163,9 @@ ol.posts
margin-left: .5em
.categories
color: #777
+ p
+ margin: .4em 0
+ color: $body_color
ol.posts li .date, #instapaper time
font-family: $date_type
Please sign in to comment.
Something went wrong with that request. Please try again.