new design

cdupont · Dec 27, 2013 · a14f247 · a14f247
1 parent 540bdcc
commit a14f247
Show file tree

Hide file tree

Showing 29 changed files with 150 additions and 116 deletions.
diff --git a/blog/Africa.md b/blog/Africa.md
@@ -0,0 +1,4 @@
+---
+title: Africa
+---
+Check out my blog [Enfin l'Afrique!](http://enfinlafrique.uniterre.com/) on the subject! In 2008 I made a humanitarian mission in Ivory Coast, during 3 month. I worked for a network of associations disseminated all around the country. I created communication leaflets for them.
diff --git a/blurbs/DIY.md → blog/DIY.md b/blurbs/DIY.md → blog/DIY.md
diff --git a/pagesPerso/contact.md → blog/contact.md b/pagesPerso/contact.md → blog/contact.md
diff --git a/css/base.css → blog/css/base.css b/css/base.css → blog/css/base.css
@@ -1,6 +1,7 @@
 h1, h2, h3 {
     margin: 0px 0px 18px 0px;
     padding: 24px 0px 0px 0px;
+    color: DarkOliveGreen;
 }
 
 p, ul {

diff --git a/blog/css/layout.css b/blog/css/layout.css
@@ -0,0 +1,35 @@
+html {
+    margin: 0px;
+    padding: 0px;
+        background: transparent repeat-y left top;
+}
+
+body {
+    margin: 0px;
+    padding: 0px 0px 0px 0px;
+}
+
+div#navigation {
+    background: #FFFFFF  repeat-x left bottom;
+    text-align: center;
+    float:left;
+    width:150px;
+    margin: 0px 0px 0px 18px;
+    position:fixed;
+    top:0px
+}
+
+
+div#navigation h1, div#navigation a {
+    display: block;
+    text-align: right;
+    color: DarkOliveGreen;
+    margin: 6px 0px 6px 0px;
+}
+
+div#content {
+    margin: 0px 0px 0px 200px;
+    padding: 0px 36px 0px 36px;
+    width: 1000px;
+}
+
diff --git a/css/syntax.css → blog/css/syntax.css b/css/syntax.css → blog/css/syntax.css
diff --git a/blurbs/haskell.md → blog/haskell.md b/blurbs/haskell.md → blog/haskell.md
diff --git a/pagesPerso/index.html → blog/index.html b/pagesPerso/index.html → blog/index.html
@@ -2,19 +2,18 @@
 title: Home
 ---
 
-<h1>About me</h1>
 <img class="img-me" src="/images/me.jpg" alt="That's me!"
     style="float: right; margin: 18px" />
 <p>
-    Hi! This is Corentin Dupont. I will share here my passions: paragliding, programming,
+    <h1> Cocoblog</h1>
+    Hi! This is Corentin. I share here some stuff about my passions: paragliding, programming,
     making stuff, Africa, theatre and much others...
-    <br/><br/><br/>
+    <br/><br/>
 </p>
 <p>
 
     <h1> Paragliding</h1>
-    I am an experienced paraglider pilot (flying since 1993), I am licenced to take passengers. Check out my <a href="http://vimeo.com/28297143">video</a>!
-    I will post other photos/videos latter.
+    Check out my <a href="http://vimeo.com/28297143">video</a>! I'm flying since 1993, licenced to take passengers. I will post other photos/videos latter.
 
    <h1> Programming </h1>
    $haskell$ 
@@ -27,7 +26,7 @@ <h1> Africa </h1>
    $Africa$
 
 <h1 style="clear: left">Recent blogposts</h1>
-$partial("templates/post-list.html")$
+$partial("blog/templates/post-list.html")$
 
 <a type="application/rss+xml" href="/rss.xml"><img style="display: inline"
         alt="rss feed" src="/images/rss.png" />

diff --git a/blurbs/links.md → blog/links.md b/blurbs/links.md → blog/links.md
diff --git a/posts/2012-12-15-Intro-to-Godel-Theorem.md → ...osts/2013-12-15-Intro-to-Godel-Theorem.md b/posts/2012-12-15-Intro-to-Godel-Theorem.md → ...osts/2013-12-15-Intro-to-Godel-Theorem.md
diff --git a/blog/posts/2013-12-20-Latex-Beamer-R-Inkscape-GIT.md b/blog/posts/2013-12-20-Latex-Beamer-R-Inkscape-GIT.md
@@ -0,0 +1,50 @@
+---
+title: My new tool-chain: LaTeX, Beamer, Inkscape, R and Git instead of Word, Excel and PowerPoint
+description: I just revolutioned my tool-chain to create documents and presentations...
+tags: Tools
+---
+
+Did you ever dreamed of getting rid of MS Office? I had a great revolution in the way I work and produce documents. 
+I discovered LaTeX. It works completely differently than "What You See Is What You Get" word processors, like MS Word.
+In LaTeX, you write your document in a source file (like when programming), that you compile to obtain a PDF.
+
+# [LaTeX](http://latex-project.org) for documents
+
+LaTeX has several advantages over Word:
+
+* LaTeX allows to separate distinctly the content from the style. In Word content and style are somewhat mixed: if you want to change the style of all the tables in your document (for example to put a double border), you will have to change the style of all tables manually. In LaTeX, this would be done in one place only (the class file or the preamble).
+* the LaTeX file is plain text: anybody can edit it with a simple text editor. While with Word the .doc file is encrypted: you are at the mercy of a bug that can make you lose your work!
+* you can use a version control system like GIT, and work in team comfortably. With Word, working in team is awkward: if two persons work concurrently, the merging must be done manually, and work can be lost (this happens often with concurrent edits).
+* pictures and graphics are linked in the LaTeX file, not copy/pasted: the original picture or graphic file will be used when compiling. This way, if you change something in the picture, it will automatically be updated in the final document. In Word, if the picture has been copy/pasted, you will probably not be able to modify it.
+
+If you are writing a paper in LaTeX, you will find class files for the publication you aim at (for example ACM or IEEE have their own class files).
+This is very practical: you just have to write the raw content of the paper, LaTeX with the appropriate class file will render your paper just the right way.
+For equations, there is a built-in language: it looks very natural, you can learn it in an hour.
+LaTeX embeds also a great tool to generate a bibliography/reference section (this is very painful to do in Word).
+
+# [Beamer](http://en.wikibooks.org/wiki/LaTeX/Presentations) for presentations
+
+When you will want to make a presentation for your paper, there is Beamer.
+To produce your presentation, just create a new LaTeX file in the same folder than your paper, and include the beamer class file instead of the paper class file.
+Your presentation can include the same pictures than the paper. If you change a picture, both the paper and the presentation will be updated! No copy/paste is necessary. Never repeat yourself!  
+The beamer presentations looks very good. These are a lot of neat things that are generated automatically, such as a table of contents with highlight on the current section on each page header.
+
+
+# [Inkscape](http://inkscape.org) for pictures
+
+Inkscape is a free vector drawing program. It is very important to include only vector graphics in your documents, and no bitmap graphic: this way, the printing quality will be maximum (you can zoom indefinitely on a vector graphic). Furthermore, a vector graphic can be open and modified easily, since it's storing the geometrical primitives of your graphic. 
+Inkscape produces SVG files, which is an XML based standard for vector graphics. So it's all text based! For a small modifications like changing a word or two in a legend, you can open the file and modify it manually. 
+
+# [R](http://www.r-project.org/) for graphs
+
+R is a tool that allows you to generate complex graphs. It can replace advantageously Excel. It's also text based.
+
+
+# [Git](http://git-scm.com/) to rule them all
+
+When programming, Git is a must when it come to version control and team work. Why not for documents?
+The idea is to put all the LaTeX, Inkscape and R source files on a [GitHub](https://github.com/) repository. Since all the files are text baed, you will be able to see the differences for each commits. This gives you a great control over the evolution of your document, especially when working in team.
+
+# Conclusion
+
+The LaTeX/Inkscape/R/Git combo (or a part of those tools) has tremendous advantages over MS Office. It allows you much greater control over your work, and much less probability of screwing things up. And the rendering is so nice!
diff --git a/pagesPerso/recommendations.md → blog/recommendations.md b/pagesPerso/recommendations.md → blog/recommendations.md
diff --git a/templates/mainperso.html → blog/templates/mainperso.html b/templates/mainperso.html → blog/templates/mainperso.html
@@ -9,9 +9,9 @@
         <title>Corentin Dupont - $title$</title>
 
         <!-- Stylesheets. -->
-        <link rel="stylesheet" type="text/css" href="/css/base.css" />
-        <link rel="stylesheet" type="text/css" href="/css/layout.css" />
-        <link rel="stylesheet" type="text/css" href="/css/syntax.css" />
+        <link rel="stylesheet" type="text/css" href="/blog/css/base.css" />
+        <link rel="stylesheet" type="text/css" href="/blog/css/layout.css" />
+        <link rel="stylesheet" type="text/css" href="/blog/css/syntax.css" />
 
         <!-- RSS. -->
         <link rel="alternate" type="application/rss+xml" title="Corentin Dupont - a personal blog" href="http://corentindupont.info/rss.xml" />
@@ -22,15 +22,12 @@
     </head>
     <body>
         <div id ="navigation">
-            <h1>Blog</h1>
-            <a href="/pagesPerso/index.html">Home</a>
-            <a href="/posts.html">Archive</a>
-            <a href="/pagesPerso/contact.html">Contact</a>
-            <a href="http://pro.corentindupont.info">Pro website</a>
-            <a href="/pagesPerso/recommendations.html">Stuff</a>
-            <h1>Links</h1>
-            <a href="http://github.com/cdupont">GitHub</a>
-            <a href="http://it.linkedin.com/pub/corentin-dupont/33/9a5/618/">LinkedIn</a>
+            <a href="/blog/index.html"> <h1>Blog</h1></a>
+            <a href="/index.html">Home</a>
+            <a href="/blog/posts.html">Archive</a>
+            <a href="/blog/contact.html">Contact</a>
+            <a href="/index.html">Pro website</a>
+            <a href="/blog/recommendations.html">Stuff</a>
         </div>
 
         <div id="content">
@@ -39,25 +36,23 @@ <h1>Links</h1>
             <div style="clear: both"></div>
 
             <div id="footer">
-                Site proudly generated by
+                Site generated by
                 <a href="http://jaspervdj.be/hakyll">Hakyll</a>.
                 The entire source code of this website is
                 <a href="http://github.com/cdupont/CorentinDupont-WebPage">
                 available at github</a>.
             </div>
         </div>
 
+        <script>
+           (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+           (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+           m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+           })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+           ga('create', 'UA-46617657-1', 'corentindupont.com');
+           ga('send', 'pageview');
 
-        <!-- Google Analytics -->
-        <script type="text/javascript">
-            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
-            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
-        </script>
-        <script type="text/javascript">
-            try {
-                var pageTracker = _gat._getTracker("UA-11993001-1");
-                pageTracker._trackPageview();
-            } catch(err) {}
         </script>
     </body>
 </html>
diff --git a/templates/post-list.html → blog/templates/post-list.html b/templates/post-list.html → blog/templates/post-list.html
diff --git a/templates/post.html → blog/templates/post.html b/templates/post.html → blog/templates/post.html
diff --git a/blog/templates/posts.html b/blog/templates/posts.html
@@ -0,0 +1,2 @@
+<h1>$title$</h1>
+$partial("blog/templates/post-list.html")$
diff --git a/blurbs/Africa.md b/blurbs/Africa.md
diff --git a/css/layout.css b/css/layout.css
diff --git a/haskell/WebPage/Generate/Context.hs b/haskell/WebPage/Generate/Context.hs
@@ -48,7 +48,7 @@ newsContext = listField "news" baseContext (loadAll "news/*" >>= recentFirst)
 -- | Makes the contents of the blurbs directory available as template fields.
 getBlurbContext :: Compiler (Context String)
 getBlurbContext = do
-    loadAll "blurbs/*"
+    loadAll ("blurbs/*" .||. "blog/*.md")
       >>= return . foldr (<>) baseContext . map item
   where item (Item id body) = constField (takeBaseName (toFilePath id)) body
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<h1>$title$</h1>
		$partial("blog/templates/post-list.html")$