@ -0,0 +1,7 @@ |
|||
.bundle |
|||
/build |
|||
/.sass-cache |
|||
/.cache |
|||
.rakeTasks |
|||
Gemfile.lock |
|||
*.iml |
@ -0,0 +1,12 @@ |
|||
source 'https://rubygems.org' |
|||
|
|||
gem 'rake' |
|||
gem 'middleman', '~> 3.3.12' |
|||
gem 'middleman-livereload', '~> 3.4.3' |
|||
|
|||
gem 'therubyracer', require: false |
|||
gem 'bootstrap-sass', '~> 3', require: false |
|||
gem 'font-awesome-sass', '~> 4', require: false |
|||
|
|||
gem 'wdm', '~> 0.1.1', platforms: %i(mswin mingw), require: false |
|||
gem 'tzinfo-data', platforms: %i(mswin mingw jruby), require: false |
@ -0,0 +1,12 @@ |
|||
set :css_dir, 'stylesheets' |
|||
set :js_dir, 'javascripts' |
|||
set :images_dir, 'images' |
|||
|
|||
configure :development do |
|||
activate :livereload, apply_css_live: true, apply_js_live: true, no_swf: true |
|||
end |
|||
|
|||
configure :build do |
|||
activate :minify_css |
|||
activate :minify_javascript |
|||
end |
@ -0,0 +1,7 @@ |
|||
task :build do |
|||
system 'middleman build' |
|||
end |
|||
|
|||
task deploy: :build do |
|||
system 'rsync -axPv build/ server:www/' |
|||
end |
@ -0,0 +1,170 @@ |
|||
<section id="conferences"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 text-center"> |
|||
<h2>Conférences</h2> |
|||
<hr /> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-sm-12"> |
|||
<ul> |
|||
<li> |
|||
<span class="title">Le projet Tor</span> |
|||
<span class="location">11/16/2013, Ubuntu Party</span> |
|||
<span class="links"> |
|||
<a href="https://confs.imirhil.fr/20131116_ubuntu-party_tor/"> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a> |
|||
<!--a href=""> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a--> |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<span class="title">OpenSSL Valhalla Rampage</span> |
|||
<span class="location">26/06/2014, Pas sage en Seine</span> |
|||
<span class="links"> |
|||
<a href="https://confs.imirhil.fr/20140626_pses_openssl-valhalla-rampage/"> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a> |
|||
<a href="https://confs.imirhil.fr/20140626_pses_openssl-valhalla-rampage.webm"> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a> |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<span class="title">Cryptographie « unplugged »</span> |
|||
<span class="location">27/06/2014, Pas sage en Seine</span> |
|||
<span class="links"> |
|||
<a href="https://confs.imirhil.fr/20140627_pses_crypto-unplugged-solitaire.odp"> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a> |
|||
<!--a href=""> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a--> |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<span class="title">Introduction aux chiffrofêtes</span> |
|||
<span class="location">16/11/2014, Ubuntu Party</span> |
|||
<span class="links"> |
|||
<!--a href=""> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a--> |
|||
<a href="https://confs.imirhil.fr/20141116_ubuntu-party_introduction-chiffrofetes.webm"> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a> |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<span class="title">Hygiène numérique, applications mobiles et vie privée</span> |
|||
<span class="location">16/11/2014, Ubuntu Party</span> |
|||
<span class="links"> |
|||
<a href="https://confs.imirhil.fr/20141116_ubuntu_chiffrofete/privacy.html"> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a> |
|||
<a href="https://confs.imirhil.fr/20141116_ubuntu-party_hygiene-numerique-applications-mobiles-vie-privee.webm"> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a> |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<span class="title">Les aventures d’un petit paquet réseau</span> |
|||
<span class="location">16/11/2014, Ubuntu Party</span> |
|||
<span class="links"> |
|||
<a href="https://confs.imirhil.fr/20141116_ubuntu_chiffrofete/paquet.html"> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a> |
|||
<a href="https://confs.imirhil.fr/20141116_ubuntu-party_aventures-petit-paquet-reseau.webm"> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a> |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<span class="title">Comprendre HTTPS</span> |
|||
<span class="location">16/11/2014, Ubuntu Party</span> |
|||
<span class="links"> |
|||
<a href="https://confs.imirhil.fr/20141116_ubuntu_chiffrofete/tls.html"> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a> |
|||
<a href="https://confs.imirhil.fr/20141116_ubuntu-party_comprendre-https.webm"> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a> |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<span class="title">Live FAQ</span> |
|||
<span class="location">16/11/2014, Ubuntu Party</span> |
|||
<span class="links"> |
|||
<!--a href=""> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a--> |
|||
<a href="https://confs.imirhil.fr/20141116_ubuntu-party_live-faq.webm"> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a> |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<span class="title">La surveillance de masse</span> |
|||
<span class="location">07/03/2015, Journées Fédérez</span> |
|||
<span class="links"> |
|||
<a href="https://confs.imirhil.fr/20150307_federez_surveillance/"> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a> |
|||
<a href="https://confs.imirhil.fr/20150307_federez_surveillance.webm"> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a> |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<span class="title">Dégooglisons Internet</span> |
|||
<span class="location">28/03/2015, Bibliothèque Francophone Multimédia de Limoges</span> |
|||
<span class="links"> |
|||
<a href="https://confs.imirhil.fr/20150328_bfm-limoges_degooglisons-internet.odp"> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a> |
|||
<a href="https://confs.imirhil.fr/20150328_degooglisons-internet.webm"> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a> |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<span class="title">SSL/TLS pour les nuls</span> |
|||
<span class="location">20/06/2015, Pas sage en Seine</span> |
|||
<span class="links"> |
|||
<a href="https://confs.imirhil.fr/20150620_pses_tls.webm"> |
|||
<i class="fa fa-slideshare"></i> |
|||
Support |
|||
</a> |
|||
<a href="https://confs.imirhil.fr/20150620_pses_tls/"> |
|||
<i class="fa fa-video-camera"></i> |
|||
Vidéo |
|||
</a> |
|||
</span> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
@ -0,0 +1,54 @@ |
|||
<section id="contact"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 text-center"> |
|||
<h2>Me contacter</h2> |
|||
<hr /> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-xs-4 text-right">Blog</div> |
|||
<div class="col-xs-8 text-left"> |
|||
<a href="https://blog.imirhil.fr/">https://blog.imirhil.fr/</a> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-xs-4 text-right">Email & Jabber</div> |
|||
<div class="col-xs-8 text-left">aeris@imirhil.fr</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-xs-4 text-right">GPG</div> |
|||
<div class="col-xs-8 text-left"> |
|||
6A68 B761 2629 7666 ECF4<br/> |
|||
8F03 <strong>EFB7 4277 ECE4 E222</strong> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-xs-4 text-right">OTR</div> |
|||
<div class="col-xs-8 text-left"> |
|||
F643 5CE0 300F 3236 62DA<br/> |
|||
3C0E <strong>5769 616D 2D3D AC72</strong> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-xs-4 text-right">GNU Social</div> |
|||
<div class="col-xs-8 text-left"> |
|||
<a href="https://status.imirhil.fr/">https://status.imirhil.fr/</a> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-xs-4 text-right">Twitter</div> |
|||
<div class="col-xs-8 text-left"> |
|||
<a href="https://twitter.com/aeris22">@aeris22</a> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-xs-4 text-right">IRC</div> |
|||
<div class="col-xs-8 text-left"> |
|||
_aeris_ (Freenode, Geeknode, OFTC) |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
@ -0,0 +1,23 @@ |
|||
<header> |
|||
<div class="container text-center"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img class="avatar" src="images/profile.png" alt="Tux Debian"> |
|||
<div class="intro-text"> |
|||
<h1>Aeris</h1> |
|||
<hr /> |
|||
<p class="skills"> |
|||
Groupe crypto-terroriste individuel auto-radicalisé sur l’Internet digital |
|||
</p> |
|||
<p class="skills"> |
|||
Exégète numériste amateur de mauvaise foi |
|||
</p> |
|||
<p class="skills"> |
|||
Paysan du réseau et cultivateur d’oignons |
|||
</p> |
|||
<hr /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</header> |
@ -0,0 +1,18 @@ |
|||
<nav class="navbar navbar-default navbar-fixed-top"> |
|||
<div class="container"> |
|||
<ul class="nav navbar-nav navbar-right"> |
|||
<li class="page-scroll"> |
|||
<a href="https://blog.imirhil.fr/">Blog</a> |
|||
</li> |
|||
<li class="page-scroll"> |
|||
<a href="#projects">Projets</a> |
|||
</li> |
|||
<li class="page-scroll"> |
|||
<a href="#conferences">Conférences</a> |
|||
</li> |
|||
<li class="page-scroll"> |
|||
<a href="#contact">Contact</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</nav> |
@ -0,0 +1,76 @@ |
|||
<section id="projects"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 text-center"> |
|||
<h2>Projets</h2> |
|||
<hr /> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-sm-4 project-container"> |
|||
<div class="project"> |
|||
<a href="https://imirhil.fr/tls/" data-toggle="modal"> |
|||
<i class="fa fa-search-plus fa-3x"></i> |
|||
<img src="images/projects/sslcheck.png" alt="SSL Check" /> |
|||
<!-- |
|||
Image by Sean MacEntee |
|||
CC-BY 2.0 https://creativecommons.org/licenses/by/2.0/ |
|||
https://www.flickr.com/photos/smemon/15944989872/ |
|||
/--> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-sm-4 project-container"> |
|||
<div class="project"> |
|||
<a href="https://café-vie-privée.fr/" data-toggle="modal"> |
|||
<div class="caption"> |
|||
<div class="caption-content"> |
|||
<i class="fa fa-search-plus fa-3x"></i> |
|||
</div> |
|||
</div> |
|||
<img src="images/projects/chiffrofete.png" alt="Café vie privée"> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-sm-4 project-container"> |
|||
<div class="project"> |
|||
<a href="https://nsa.imirhil.fr/" data-toggle="modal"> |
|||
<div class="caption"> |
|||
<div class="caption-content"> |
|||
<i class="fa fa-search-plus fa-3x"></i> |
|||
</div> |
|||
</div> |
|||
<img src="images/projects/nsa-observer.png" alt="NSA Observer"> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<br/> |
|||
<div class="row"> |
|||
<div class="col-sm-4 project-container"> |
|||
<div class="project"> |
|||
<a href="https://addons.mozilla.org/firefox/addon/enjoy-reading/" data-toggle="modal"> |
|||
<div class="caption"> |
|||
<div class="caption-content"> |
|||
<i class="fa fa-search-plus fa-3x"></i> |
|||
</div> |
|||
</div> |
|||
<img src="images/projects/enjoy-reading.png" alt="Enjoy Reading"> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-sm-4 project-container"> |
|||
<div class="project"> |
|||
<a href="https://addons.mozilla.org/firefox/addon/shaarli/" data-toggle="modal"> |
|||
<div class="caption"> |
|||
<div class="caption-content"> |
|||
<i class="fa fa-search-plus fa-3x"></i> |
|||
</div> |
|||
</div> |
|||
<img src="images/projects/shaarli.png" alt="Shaarli"> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 25 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 25 KiB |
After Width: | Height: | Size: 17 KiB |
@ -0,0 +1,4 @@ |
|||
<%= partial 'header' %> |
|||
<%= partial 'projects' %> |
|||
<%= partial 'conferences' %> |
|||
<%= partial 'contact' %> |
@ -0,0 +1 @@ |
|||
#= require_tree . |
@ -0,0 +1,15 @@ |
|||
<!doctype html> |
|||
<html> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /> |
|||
<meta name=viewport content="width=device-width, initial-scale=1" /> |
|||
<link rel="shortcut icon" type="image/png" href="images/favicon.png" /> |
|||
<title><%= current_page.data.title || 'Extrémiste inside' %></title> |
|||
<%= stylesheet_link_tag 'all', media: :all %> |
|||
</head> |
|||
<body> |
|||
<%= partial 'nav' %> |
|||
<%= yield %> |
|||
</body> |
|||
</html> |
@ -0,0 +1,13 @@ |
|||
@import 'font-awesome'; |
|||
@import 'theme'; |
|||
|
|||
@import 'bootstrap/variables'; |
|||
@import 'bootstrap/mixins'; |
|||
@import 'bootstrap/normalize'; |
|||
@import 'bootstrap/scaffolding'; |
|||
@import 'bootstrap/type'; |
|||
@import 'bootstrap/grid'; |
|||
@import 'bootstrap/forms'; |
|||
@import 'bootstrap/navs'; |
|||
@import 'bootstrap/navbar'; |
|||
|
@ -0,0 +1,90 @@ |
|||
@import 'variables'; |
|||
@import 'bootstrap/variables'; |
|||
|
|||
body { |
|||
padding-top: $navbar-height + 20px; |
|||
} |
|||
|
|||
@media (max-width: 768px) { |
|||
body { |
|||
padding-top: 3*$navbar-height + 20px; |
|||
} |
|||
} |
|||
|
|||
header { |
|||
.avatar { |
|||
background-color: $secondary-bg; |
|||
border-radius: 105px; |
|||
padding: 10px; |
|||
} |
|||
} |
|||
|
|||
@media (min-width: 768px) { |
|||
header { |
|||
margin-top: 100px; |
|||
margin-bottom: 150px; |
|||
} |
|||
} |
|||
|
|||
.navbar { |
|||
text-transform: uppercase; |
|||
font-weight: 700; |
|||
.navbar-nav { |
|||
letter-spacing: 1px; |
|||
} |
|||
} |
|||
|
|||
section { |
|||
margin-bottom: 100px; |
|||
} |
|||
|
|||
#projects { |
|||
.project-container { |
|||
height: 200px; |
|||
|
|||
.project { |
|||
height: 100%; |
|||
width: 100%; |
|||
border: 1px solid $text-color; |
|||
border-radius: 10px; |
|||
|
|||
img, i.fa-search-plus { |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translateX(-50%) translateY(-50%); |
|||
} |
|||
|
|||
i.fa-search-plus { |
|||
z-index: 2; |
|||
opacity: 0; |
|||
transition: all ease 0.5s; |
|||
-webkit-transition: all ease 0.5s; |
|||
-moz-transition: all ease 0.5s; |
|||
|
|||
&:hover { |
|||
opacity: 1; |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
#conferences { |
|||
ul { |
|||
list-style-type: none; |
|||
} |
|||
|
|||
.title { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.location { |
|||
font-size: 0.75em; |
|||
} |
|||
|
|||
.links a { |
|||
margin-left: 10px; |
|||
} |
|||
} |
@ -0,0 +1,12 @@ |
|||
$primary-bg: #2c3e50; |
|||
$secondary-bg: lighten($primary-bg, 25%); |
|||
|
|||
$body-bg: $primary-bg; |
|||
$text-color: #fff; |
|||
$navbar-default-bg: $secondary-bg; |
|||
$navbar-default-color: #fff; |
|||
$navbar-default-link-color: #fff; |
|||
$navbar-default-link-hover-color: darken($navbar-default-link-color, 10%); |
|||
$link-color: lighten($secondary-bg, 25%); |
|||
|
|||
$font-size-base: 20px; |