/
hello-world-20.html
157 lines (144 loc) · 7.31 KB
/
hello-world-20.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Hello World 2.0!</title>
<meta name="author" content="Thilo Michael">
<meta name="description" content="This is a blog and online business card of Thilo Michael.">
<meta name="viewport" content="width=device-width">
<link rel="canonical" href="http://thilo.co">
<link rel="stylesheet" href="./theme/css/screen.css" />
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header style="font-family:'Varela Round',Helvetica,Arial,sans-serif;">
<div class="grid-wrapper">
<div class="grid">
<div class="grid__item two-fifths lap-four-sixths palm-one-whole">
<a href="/" class="site-title">Thilo Michael</a>
</div>
<div class="grid__item three-fifths lap-two-sixths palm-one-whole">
<nav>
<input type="checkbox" id="toggle">
<label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu"></label>
<div>
<a href="/atom.xml" class="pull-right menu" style="padding-top: 30px; padding-left: 30px;">
<img src="./theme/images/feed.png"/>
</a>
</div>
<ul class="menu pull-right">
<li><a href="./pages/about-me.html">About me</a></li>
<li><a href="./pages/blog.html">Blog</a></li>
<li><a href="./pages/publications.html">Publications</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="grid-wrapper">
<div class="grid grid-center">
<div class="grid__item two-thirds lap-one-whole palm-one-whole">
<article class="post">
<header>
<h1 class="title indent">
Hello World 2.0!
</h1>
<div class="meta clearfix">
<time class="pull-left" datetime="2017-08-22 10:53:00+02:00"><i class="icon-calendar"></i> August 22, 2017</time>
<div class="pull-left" style="width:100%;">
<i class="icon-tags"></i>
<ul class="tags unstyled">
<li><a class='category' href='/tag/blog.html'>blog</a></li>
<li><a class='category' href='/tag/meta.html'>meta</a></li>
<li><a class='category' href='/tag/pelican.html'>pelican</a></li>
</ul>
</div>
</div>
</header>
<p>So this blog did not receive any love from me for quite some time. That's why I decided to revamp the whole thing and now it looks completely the same! Want to read me ramble about that topic for some paragraphs? Then read on...</p>
<!-- more -->
<h3>That one time I tried to run a blog</h3>
<p>In the beginning, there was light. After that - in mid 2014 I think - I started this blog. And behold, I saw that all was well. I used <a href="http://octopress.org/">Octopress</a>, a Content Management Framework written in Ruby (Version 3 is promised to be coming since January 2015, so let's see how that will turn out). Octopress has nice tools for syntax highlighting and is basically a neat little static site generator extended by some blogging features.</p>
<p>But since Octopress is build in <em>Ruby</em>, a language that I have a love-hate relationship with, it soon came to problems. Ruby sucks (or at least it sucked back in the day) when it comes to managing packages. Back in 2013/2014 I did a lot of stuff with Ruby and Rails and every few weeks, some <em>gem</em> broke and I spend hours trying to fix that so I could continue to work.</p>
<p>The same thing happened with this blog. I could neither get Octopress to run, nor could I bring myself to debug it, mostly because I knew it would definitly break again.</p>
<p>Usually, the main apology for someone not blogging is the lack of time to write posts. But I was quite often willing to blog - I even set up a Wordpress blog. But the usual blogging systems are not right for me as they have all these features I don't use and are hard to customize.</p>
<h3>Riding the Pelican</h3>
<p>Now I took some time to set up a <a href="http://getpelican.com/">Pelican</a> blog. Which is basically the same thing, but with Python. It took some hours to get the old theme from Octopress running, but now everything (except comments and some minor other stuff) is working.</p>
<p>And I have to say, I'm quite happy about it. The only thing left is writing some blog posts. Let's see how this turns out...</p>
</article>
</div>
<aside id="sidebar" class="grid__item one-third lap-one-whole palm-one-whole">
<div class="grid">
<section class="social aside-module grid__item one-whole lap-one-half">
<h1 class="title delta">
Follow me!
</h1>
<ul class="unstyled">
<li><a class="github" href="//github.com/uhlo"><i class="icon-github"></i> Github</a></li>
<li><a class="tub" href="//tu-berlin.de/?tmichael"><i class="icon-globe"></i> TU Berlin</a></li>
<li><a class="linkedin" href="//www.linkedin.com/in/thilo-michael-695305180/"><i class="icon-linkedin"></i> LinkedIn</a></li>
<li><a class="twitter" href="//twitter.com/uhlomuhlo"><i class="icon-twitter"></i> Twitter</a></li>
</ul>
</section>
<section id="recent-posts" class="aside-module grid__item one-whole lap-one-half">
<h1 class="title delta">Recent Posts</h1>
<ul class="divided">
<li class="post">
<a href="./a-deep-dive-into-rasa.html">A Deep Dive into rasa</a>
</li>
<li class="post">
<a href="./astrologysort.html">AstrologySort</a>
</li>
<li class="post">
<a href="./hello-world-20.html">Hello World 2.0!</a>
</li>
<li class="post">
<a href="./un-interstellar-was-her.html">U.N. Interstellar was her?</a>
</li>
<li class="post">
<a href="./compression-distance.html">Compression Distance</a>
</li>
<li class="post">
<a href="./my-octopress-blog.html">My Octopress Blog</a>
</li>
</ul>
</section>
<section id="categories" class="aside-module grid__item one-whole lap-one-half">
<h1 class="title delta">Cagtegories</h1>
<ul class="divided">
<li class="post">
<a href="./category/dialogue.html">Dialogue</a>
</li>
<li class="post">
<a href="./category/meta.html">Meta</a>
</li>
<li class="post">
<a href="./category/programming.html">Programming</a>
</li>
<li class="post">
<a href="./category/random.html">Random</a>
</li>
</ul>
</section>
</div>
</aside>
</div>
</div>
<footer>
<div class="grid-wrapper">
<div class="grid">
<div class="grid__item">
<p class="copyright">
All content by Thilo Michael and licenced under <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons</a>.<br>
</p>
</div>
</div>
</div>
</footer>
</body>
</html>