@ -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,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; |