Cleans lots of styles and get Markdown actually working + <hX> tags
This commit is contained in:
Samuel FORESTIER
committed by
Samuel FORESTIER
Samuel FORESTIER
parent
8501e76d1c
commit
062a0d889e
@ -2,7 +2,7 @@
|
||||
layout: default
|
||||
---
|
||||
|
||||
<h1 id="postTitle">{{ page.title }}</h1>
|
||||
<h2>{{ page.title }}</h2>
|
||||
|
||||
<span id="postDate">Samuel Forestier — {{ page.date | date: "%e %B %Y" }}</span>
|
||||
|
||||
|
||||
@ -6,11 +6,11 @@ layout: post
|
||||
category: Hacking
|
||||
---
|
||||
|
||||
## Passive refresh
|
||||
### Passive refresh
|
||||
|
||||
I've bought and installed [that Heat Dissipation](http://dx.com/p/abs-heat-dissipation-panel-for-raspberry-pi-silver-white-1-x-3pcs-222212#.Ut2DzLRKG70) for Raspberry.
|
||||
|
||||
## Active refresh
|
||||
### Active refresh
|
||||
|
||||
I've installed a little fan, which is powered in continue by 3.3V of Raspberry.
|
||||
|
||||
|
||||
@ -31,7 +31,9 @@ Pour la plupart d'entre eux, rien ne peut empêcher les mainteneurs (je n'emploi
|
||||
Dans les principales alternatives, voici celles que j'ai retenues :
|
||||
|
||||
* [DofusTouch-emu (by Rémi Caumettes)](https://github.com/remicaumette/dofustouch-emu) : Projet que je suis activement. Ce n'est pas du tout un fork de DTNE ; Toute l'implémentation a été reprise à côté (alors que DTNE fonctionnait encore !). Le code est fiable. C'est actuellement ce que je vous conseille vivement d'utiliser en guise de "remplacement".
|
||||
|
||||
* [DofusTouch (by Trytax)](https://github.com/Trytax/DofusTouch) : Un nouveau "non-émulateur" codé 100% en JavaScript (sans Electron, comparé à celui ci-dessus). Je ne l'ai pas essayé, mais cela pourra[it] être encore une autre alternative (open-source !).
|
||||
|
||||
* [Lindo](http://lindo.no-emu.co/) : Apparu très rapidement après la fermeture de DTNE. Les sources ne sont pas officiellement disponibles, mais une première étude en "reversed code" du package a annoncé que c'était bel-et-bien un fork original de DTNE sans ajout de "mauvais" code. Mais attention, cela n'est pas 100% sûr (et a été récemment remis en cause... :frowning:).
|
||||
|
||||
Je ne détaillerai pas les autres "possibilités" qu'il y a, notamment pour ne pas participer à leur référencement, car la plupart propose une utilisation payante (et donc se font du blé sur le dos d'Ankama, mais surtout des développeurs à l'origine de DTNE), mais aussi car ces alternatives ne sont pas open-source, à bon entendeur...
|
||||
|
||||
@ -12,7 +12,7 @@ Last week, I've decided to take over the famous [Archey project](https://github.
|
||||
For those who don't know anything about it, Archey is a Linux tool written in Python, which print some system information beside the logo of the installed distribution (displayed in ASCII), in your terminal.
|
||||
Archey was first designed and realized for Arch Linux only systems, but has been made compatible with other distributions.
|
||||
|
||||
## But why ?
|
||||
### But why ?
|
||||
|
||||
* I've figured out that the project is just outdated
|
||||
|
||||
@ -20,11 +20,14 @@ Archey was first designed and realized for Arch Linux only systems, but has been
|
||||
|
||||
* The dozens of forks :
|
||||
1. ... have changed the original form of the code [AND / OR]
|
||||
|
||||
2. ... are still written against Python 2 [AND / OR]
|
||||
|
||||
3. ... do not handle other OS aside Arch Linux [AND / OR]
|
||||
|
||||
4. ... are not maintained... either :confused:
|
||||
|
||||
## What is the final purpose ?
|
||||
### What is the final purpose ?
|
||||
|
||||
I commit myself to review each _issue_ or _pull request_ opened on the [GitHub project](https://github.com/HorlogeSkynet/archey4).
|
||||
The idea is about providing technical support in order to improve and maintain this piece of code, keeping it viable and working in the future, with newer system versions.
|
||||
|
||||
@ -6,7 +6,7 @@ layout: post
|
||||
category: Tutorials
|
||||
---
|
||||
|
||||
## Introduction
|
||||
### Introduction
|
||||
|
||||
Two days ago, I came up with an idea : "Why not use Discord as a monitoring platform for servers I manage ?".
|
||||
I meant, we actually use [GitHub's web-hooks](https://support.discordapp.com/hc/en-us/articles/228383668-Intro-to-Webhooks) (pretty handful during development by the way), but Discord provides an API allowing us to do almost anything we want.
|
||||
@ -14,16 +14,16 @@ I meant, we actually use [GitHub's web-hooks](https://support.discordapp.com/hc/
|
||||
Let's go then !
|
||||
You'll find below a short tutorial to build your first web-hook, announcing each SSH connection occurring on the server of your choice.
|
||||
|
||||
## Features
|
||||
### Features
|
||||
|
||||
* Send a notification when a connection occurs
|
||||
* Announce the session opened and the server name (useful if you have many on the same Discord channel)
|
||||
* Display the result of a reversed DNS query on the source IP
|
||||
* Able to send you this message by SMS with [Free SMS API](https://www.freenews.fr/freenews-edition-nationale-299/free-mobile-170/nouvelle-option-notifications-par-sms-chez-free-mobile-14817) (French users)
|
||||
|
||||
## Tutorial
|
||||
### Tutorial
|
||||
|
||||
### Creating a Discord web-hook
|
||||
#### Creating a Discord web-hook
|
||||
|
||||
That's pretty easy actually. I you never did that in the past, just go to the settings of a channel you have rights on, click on **webhooks**, and on **Create webhooks**. You should now have a pop up like this :
|
||||
|
||||
@ -31,7 +31,7 @@ IMAGE POP UP
|
||||
|
||||
Look at the URL of your new web-hook, and extract from it its identifier (first parameter), and its token (the second one).
|
||||
|
||||
### Deploying a script hook on SSHD
|
||||
#### Deploying a script hook on SSHD
|
||||
|
||||
> A "hook" ?? Not again !
|
||||
>> — Well... hum, yeah. Sorry.
|
||||
@ -54,13 +54,13 @@ This script handle testing execution too (not within a SSH environment). You can
|
||||
|
||||
IMAGE_DISCORD
|
||||
|
||||
### Addendum about the Free SMS API
|
||||
#### Addendum about the Free SMS API
|
||||
|
||||
In France we got a famous ISP, _Free_. We can blame them for many things, but the API they provide for SMS is just the best thing which never existed.
|
||||
This script will send a SMS (with the same content) to the sys-admins who are able to use this API (_coucou la France_), if the _post_ to Discord was not successful (useful when Discord is out).
|
||||
Other users should let `SEND_SMS_ON_FAIL` to `False`.
|
||||
|
||||
## Some other things you need to know
|
||||
### Some other things you need to know
|
||||
|
||||
* This post has been mainly inspired by [this post](https://blog.genma.fr/?SSH-Notification-par-SMS-Freemobile-a-la-connexion), and improved afterward with [its first comment](https://blog.genma.fr/?SSH-Notification-par-SMS-Freemobile-a-la-connexion#forum6551) !
|
||||
* The funny thing is : 15 days ago, someone has come up with the same idea. I invite you to look at how he actually did this ! It's [here](https://www.danirod.es/blog/linux/receive-sshd-login-notifications/).
|
||||
|
||||
@ -13,11 +13,11 @@ title: About
|
||||
<section id="cd-timeline" class="cd-container">
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img">
|
||||
<img src="/img/timeline/ets.png" alt="Logo ÉTS">
|
||||
<img src="/img/timeline/ets.png" alt="ÉTS">
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content">
|
||||
<h2>École de Technologie Supérieure | Semester abroad</h2>
|
||||
<h3>École de Technologie Supérieure | Semester abroad</h3>
|
||||
<p><i class="ion-location"></i> Montréal (Québec), Canada</p>
|
||||
<span class="cd-date">2017</span>
|
||||
</div>
|
||||
@ -29,18 +29,18 @@ title: About
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content">
|
||||
<h2>Founded <a href="https://mysetup.co/">mySetup.co</a></h2>
|
||||
<h3>Founded <a href="https://mysetup.co/">mySetup.co</a></h3>
|
||||
<span class="cd-date">2017</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img">
|
||||
<img src="/img/timeline/insacvl.svg" alt="Logo INSA CVL">
|
||||
<img src="/img/timeline/insacvl.svg" alt="INSA CVL">
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content">
|
||||
<h2>INSA Centre Val de Loire | Engineering cycle</h2>
|
||||
<h3>INSA Centre Val de Loire | Engineering cycle</h3>
|
||||
<p><i class="ion-location"></i> Bourges, France</p>
|
||||
<p><i class="ion-code"></i> Projects :</p>
|
||||
<ul>
|
||||
@ -55,11 +55,11 @@ title: About
|
||||
|
||||
<div class="cd-timeline-block">
|
||||
<div class="cd-timeline-img">
|
||||
<img src="/img/timeline/irisinsa.png" alt="Logo Iris INSA">
|
||||
<img src="/img/timeline/irisinsa.png" alt="Iris INSA">
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content">
|
||||
<h2>Joined <a href="https://iris-insa.com/">Iris INSA</a></h2>
|
||||
<h3>Joined <a href="https://iris-insa.com/">Iris INSA</a></h3>
|
||||
<span class="cd-date">2015</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -70,7 +70,7 @@ title: About
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content">
|
||||
<h2>Joined <a href="https://geek-mexicain.net/">Geek Mexicain</a></h2>
|
||||
<h3>Joined <a href="https://geek-mexicain.net/">Geek Mexicain</a></h3>
|
||||
<span class="cd-date">2015</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -81,7 +81,7 @@ title: About
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content">
|
||||
<h2>INSA Centre Val de Loire | Preparatory cycle</h2>
|
||||
<h3>INSA Centre Val de Loire | Preparatory cycle</h3>
|
||||
<p><i class="ion-location"></i> Blois, France</p>
|
||||
<p><i class="ion-code"></i> Projects :</p>
|
||||
<ul>
|
||||
@ -101,7 +101,7 @@ title: About
|
||||
</div>
|
||||
|
||||
<div class="cd-timeline-content">
|
||||
<h2>Lycée Thiers Marseille</h2>
|
||||
<h3>Lycée Thiers Marseille</h3>
|
||||
<p><i class="ion-location"></i> Marseille, France</p>
|
||||
<p><i class="ion-code"></i> Projects :</p>
|
||||
<ul>
|
||||
|
||||
@ -5,6 +5,6 @@ title: Articles
|
||||
|
||||
<ul class="posts">
|
||||
{% for post in site.categories[page.title] %}
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><span id="postsDate">{{ post.date | date: "%e %B %Y" }}</span></li>
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><span class="dates">{{ post.date | date: "%e %B %Y" }}</span></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
@ -5,6 +5,6 @@ title: Hacking
|
||||
|
||||
<ul class="posts">
|
||||
{% for post in site.categories[page.title] %}
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><span id="postsDate">{{ post.date | date: "%e %B %Y" }}</span></li>
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><span class="dates">{{ post.date | date: "%e %B %Y" }}</span></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
@ -5,6 +5,6 @@ title: Musics
|
||||
|
||||
<ul class="posts">
|
||||
{% for post in site.categories[page.title] %}
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><span id="postsDate">{{ post.date | date: "%e %B %Y" }}</span></li>
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><span class="dates">{{ post.date | date: "%e %B %Y" }}</span></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
@ -5,6 +5,6 @@ title: Programming
|
||||
|
||||
<ul class="posts">
|
||||
{% for post in site.categories[page.title] %}
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><span id="postsDate">{{ post.date | date: "%e %B %Y" }}</span></li>
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><span class="dates">{{ post.date | date: "%e %B %Y" }}</span></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
@ -5,6 +5,6 @@ title: Tutorials
|
||||
|
||||
<ul class="posts">
|
||||
{% for post in site.categories[page.title] %}
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><span id="postsDate">{{ post.date | date: "%e %B %Y" }}</span></li>
|
||||
<li><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><span class="dates">{{ post.date | date: "%e %B %Y" }}</span></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
font-size: 62.5%;
|
||||
font-size: 70%;
|
||||
}
|
||||
|
||||
body {
|
||||
@ -57,16 +57,38 @@ a:hover {
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 2.4rem;
|
||||
max-width: 1024px;
|
||||
line-height: 1.6;
|
||||
margin: 2em auto;
|
||||
opacity: 0.8;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: bold;
|
||||
line-height: 150%;
|
||||
margin-top: 0.67em;
|
||||
margin-bottom: 0.67em;
|
||||
}
|
||||
|
||||
u {
|
||||
text-decoration: underline;
|
||||
h2 {
|
||||
color: #25283D;
|
||||
font-weight: bold;
|
||||
margin: 20px;
|
||||
font-size: 125%;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.17em;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
h5 {
|
||||
font-size: .83em;
|
||||
}
|
||||
h6 {
|
||||
font-size: .67em;
|
||||
}
|
||||
|
||||
em {
|
||||
@ -102,13 +124,6 @@ hr {
|
||||
margin: 30px 0 30px 0;
|
||||
}
|
||||
|
||||
#postTitle {
|
||||
color: #25283D;
|
||||
font-weight: bold;
|
||||
margin: 20px;
|
||||
font-size: 125%;
|
||||
}
|
||||
|
||||
#postDate {
|
||||
font-style: italic;
|
||||
margin: 20px;
|
||||
@ -131,24 +146,23 @@ ul.posts a {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#postsDate {
|
||||
span.dates {
|
||||
float: right;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.post-content {
|
||||
margin-top: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
/*.blog-content ul {
|
||||
.post-content ul {
|
||||
list-style: disc;
|
||||
list-style-position: inside;
|
||||
padding-left: 15px;
|
||||
margin-left: 2em;
|
||||
}
|
||||
.blog-content ol {
|
||||
.post-content ol {
|
||||
list-style: decimal;
|
||||
list-style-position: inside;
|
||||
padding-left: 15px;
|
||||
}*/
|
||||
margin-left: 2em;
|
||||
}
|
||||
.post-content > p > a > img {
|
||||
max-width: 100%;
|
||||
margin: 20px auto 20px auto;
|
||||
@ -617,13 +631,6 @@ img.emoji {
|
||||
/* to be used if there is hero image + subnav */
|
||||
padding-top: 50px;
|
||||
}
|
||||
.cd-main-content p {
|
||||
max-width: 1024px;
|
||||
line-height: 1.6;
|
||||
margin: 2em auto;
|
||||
opacity: 0.8;
|
||||
text-align: left;
|
||||
}
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.cd-main-content {
|
||||
padding-top: 80px;
|
||||
|
||||
@ -183,8 +183,9 @@ html * {
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
.cd-timeline-content h2, .cd-timeline-content p, .cd-timeline-content ul li {
|
||||
.cd-timeline-content h3, .cd-timeline-content p, .cd-timeline-content ul li {
|
||||
color: #303e49;
|
||||
margin-top: inherit;
|
||||
}
|
||||
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
|
||||
display: inline-block;
|
||||
|
||||
Reference in New Issue
Block a user