From 219b367c396033ac3143f3fe7f02e9a977cc8bb4 Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Thu, 14 May 2015 03:56:13 +0300
Subject: add CSS classes for reasonably wide blocks

---
 _includes/header.html | 3 +++
 css/misc.css          | 3 +++
 index.html            | 4 ++--
 3 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 css/misc.css

diff --git a/_includes/header.html b/_includes/header.html
index 64823a9..b9e0a8e 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -6,7 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ page.title }}</title>
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css">
+
     <link rel="stylesheet" href="/css/footer.css">
+    <link rel="stylesheet" href="/css/misc.css">
+
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
       <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.js"></script>
diff --git a/css/misc.css b/css/misc.css
new file mode 100644
index 0000000..06c6675
--- /dev/null
+++ b/css/misc.css
@@ -0,0 +1,3 @@
+.reasonable-width {
+  max-width: 400px;
+}
diff --git a/index.html b/index.html
index 6b98b12..3a2bcb1 100644
--- a/index.html
+++ b/index.html
@@ -7,13 +7,13 @@ layout: main
     <h1>Egor Tensin</h1>
     <hr/>
     <p>Hello! I'm a software engineer, and I'll be publishing some of my notes on <a href="//pages.github.com/">GitHub Pages</a>. Feel free to make contributions or contact me.</p>
-    <div class="list-group" style="max-width: 400px;">
+    <div class="list-group reasonable-width">
       <a class="list-group-item" href="//github.com/egor-tensin/"><span class="glyphicon glyphicon-home"></span>&nbsp;GitHub profile</a>
       <a class="list-group-item" href="mailto:Egor.Tensin@gmail.com"><span class="glyphicon glyphicon-envelope"></span>&nbsp;Egor.Tensin@gmail.com</a>
       <a class="list-group-item" href="//github.com/egor-tensin/cv/raw/master/pdf/Egor_Tensin_CV_en.pdf"><span class="glyphicon glyphicon-file"></span>&nbsp;Curriculum vitae</a>
     </div>
     <h3>Projects</h3>
-    <div class="list-group" style="max-width: 400px;">
+    <div class="list-group reasonable-width">
       <a class="list-group-item" href="/sorting_algorithms/"><span class="glyphicon glyphicon-chevron-right"></span>&nbsp;Sorting algorithms</a>
       <a class="list-group-item" href="/cpp_tips/"><span class="glyphicon glyphicon-chevron-right"></span>&nbsp;C++ tips</a>
     </div>
-- 
cgit v1.2.3