/
index.html
108 lines (102 loc) · 4.34 KB
/
index.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
---
layout: default
description: La meilleure source d'informations pour les sujets liés au DevOps, SRE ou la gestion de production en général
custom_css: homepage.css
title: "Prod'Healer - Healthy teamwork"
---
<section id="main-page">
<div class="container">
<div class="row">
{% assign posts = site.posts | where:"language","fr" | sort: "toporder" %}
{% for post in posts limit: 6 %}
{% if forloop.index == 1 %}
<div class="col-md-12 col-sm-12 col-article">
<a href="{{ post.url }}">
<div class="d-md-flex flex-md-row d-sm-flex flex-sm-column mb-2">
{% endif %}
{% if forloop.index >= 2 and forloop.index <= 4 %}
<div class="col-md-4 col-sm-6 col-article">
<a href="{{ post.url }}">
<div class="d-md-flex flex-md-column d-sm-flex flex-sm-column mb-2">
{% endif %}
{% if forloop.index >= 5 %}
<div class="col-md-6 col-sm-6 col-article">
<a href="{{ post.url }}">
<div class="d-md-flex flex-md-column d-sm-flex flex-sm-column mb-2">
{% endif %}
<div class="p-2 image">
{% if post.img %}
<img src="{{ post.img }}" class="rounded mx-auto d-block img-fluid w-100" alt="" />
{% else %}
<img src="/img/placeholder.png" class="img-fluid img-thumbnail" alt="" />
{% endif %}
</div>
<div class="p-2 content">
<h4>{{ post.title }}</h4>
<p class="author-category">
Publié le {{ post.date | date: '%d/%m/%Y' }}
</p>
<div class="intro">
{{ post.excerpt | regex_replace: '\<a href=".*">', '' | remove: '</a>' }}
</div>
</div>
</div>
</a>
</div>
{% if forloop.index == 1 or forloop.index == 4%}
<div class="col-md-12 col-sm-12 col-article d-none d-md-block d-lg-block">
<hr>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>
<section id="social">
<ul class="social-links">
<li class="github">
<a target="_blank" href="https://www.github.com/gentux">
<i class="fa fa-github"></i>
</a>
</li>
<li class="linkedin">
<a target="_blank" href="https://fr.linkedin.com/in/romainsoufflet">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li class="twitter">
<a target="_blank" href="https://twitter.com/Romain_Soufflet">
<i class="fa fa-twitter"></i>
</a>
</li>
<li class="mail">
<a target="_blank" href="mailto:romain+website@soufflet.io">
<i class="fa fa-envelope"></i>
</a>
</li>
<li class="atom">
<a target="_blank" href="https://romain.soufflet.io/atom.xml">
<i class="fa fa-rss"></i>
</a>
</li>
</ul>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://soufflet.us18.list-manage.com/subscribe/post?u=5f4bd71a2dbd5232b99fcf457&id=4583e9a28a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<p>Vous pouvez aussi recevoir mes articles directement par mail, inscrivez-vous.</p>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="adresse e-mail" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_5f4bd71a2dbd5232b99fcf457_4583e9a28a" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="S'inscrire" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</section>