aeris
/
site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

First version

master
Nicolas Vinot 7 years ago
commit
b9c9134a9e
23 changed files with 514 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      .gitignore
  2. 12
      Gemfile
  3. 12
      config.rb
  4. 7
      rakefile
  5. 170
      source/_conferences.erb
  6. 54
      source/_contact.erb
  7. 23
      source/_header.erb
  8. 18
      source/_nav.erb
  9. 76
      source/_projects.erb
  10. BIN
      source/images/favicon.png
  11. BIN
      source/images/profile.png
  12. BIN
      source/images/projects/chiffrofete.png
  13. BIN
      source/images/projects/enjoy-reading.png
  14. BIN
      source/images/projects/nsa-observer.png
  15. BIN
      source/images/projects/shaarli.png
  16. BIN
      source/images/projects/sslcheck.png
  17. 4
      source/index.erb
  18. 1
      source/javascripts/all.coffee
  19. 15
      source/layouts/layout.erb
  20. 13
      source/stylesheets/all.scss
  21. 0
      source/stylesheets/mixins.scss
  22. 90
      source/stylesheets/theme.scss
  23. 12
      source/stylesheets/variables.scss

7
.gitignore
View File

@ -0,0 +1,7 @@
.bundle
/build
/.sass-cache
/.cache
.rakeTasks
Gemfile.lock
*.iml

12
Gemfile
View File

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

12
config.rb
View File

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

7
rakefile
View File

@ -0,0 +1,7 @@
task :build do
system 'middleman build'
end
task deploy: :build do
system 'rsync -axPv build/ server:www/'
end

170
source/_conferences.erb
View File

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

54
source/_contact.erb
View File

@ -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&nbsp;B761&nbsp;2629&nbsp;7666&nbsp;ECF4<br/>
8F03&nbsp;<strong>EFB7&nbsp;4277&nbsp;ECE4&nbsp;E222</strong>
</div>
</div>
<div class="row">
<div class="col-xs-4 text-right">OTR</div>
<div class="col-xs-8 text-left">
F643&nbsp;5CE0 300F&nbsp;3236&nbsp;62DA<br/>
3C0E&nbsp;<strong>5769&nbsp;616D 2D3D&nbsp;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>

23
source/_header.erb
View File

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

18
source/_nav.erb
View File

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

76
source/_projects.erb
View File

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

BIN
source/images/favicon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
source/images/profile.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
source/images/projects/chiffrofete.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
source/images/projects/enjoy-reading.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
source/images/projects/nsa-observer.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
source/images/projects/shaarli.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
source/images/projects/sslcheck.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

4
source/index.erb
View File

@ -0,0 +1,4 @@
<%= partial 'header' %>
<%= partial 'projects' %>
<%= partial 'conferences' %>
<%= partial 'contact' %>

1
source/javascripts/all.coffee
View File

@ -0,0 +1 @@
#= require_tree .

15
source/layouts/layout.erb
View File

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

13
source/stylesheets/all.scss
View File

@ -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
source/stylesheets/mixins.scss
View File

90
source/stylesheets/theme.scss
View File

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

12
source/stylesheets/variables.scss
View File

@ -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;
Write Preview
Loading…
Cancel
Save