mirror of
https://forge.chapril.org/tykayn/orgmode-to-gemini-blog
synced 2025-11-19 23:00:35 +01:00
replace org content, make global style for generated site
This commit is contained in:
Tykayn
tykayn
parent
3539a8a496
commit
f5c73ffd33
2990 changed files with 49840 additions and 75227 deletions
|
|
@ -1,200 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 309</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-11-26 17:01:59></li>
|
||||
<li>modifié: <2011-11-26 17:47:37></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="bienvenue-sur-informageek-1">Bienvenue sur Informageek !</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img alt="<a
|
||||
href="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png">https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png</a>"
|
||||
src="<a
|
||||
href="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png">https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png</a>"
|
||||
/></p> <p><br />Salut les ptis poulets et bienvenue
|
||||
dans un lieu de déperdition geekesque où vont s'affronter divers centres
|
||||
d'intérêt autour des nouvelles technologies, de la programmation et de
|
||||
l'insolite du web. Bonne visite!</p> <p>(<a
|
||||
title="Internet" hreflang="fr" href="<a
|
||||
href="https://fr.wikipedia.org/wiki/Internet">https://fr.wikipedia.org/wiki/Internet</a>">photo:
|
||||
wikipédia page internet</a>)</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,221 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 306</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-11-29 15:31:13></li>
|
||||
<li>modifié: <2011-11-29 15:31:13></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="geek-nerd-dork-1">Geek, nerd, dork?</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2011/11novembre/bebe_geek.jpg">https://tykayn.fr/wp-content/uploads/i/2011/11novembre/bebe_geek.jpg</a>"
|
||||
alt="bebe geek" style="display:block; margin:0 auto;" /><br />
|
||||
Pour savoir de quoi on parle avec les mots geek (prononcer comme dans un
|
||||
gâteau ou du gui) , nerd ou encore dork il convient de mettre les choses
|
||||
au clair.<br /> <img src="<a
|
||||
href="https://www.gizmodo.fr/wp-content/uploads/2010/03/nerd_dork_geek_venn_diagram.jpg">https://www.gizmodo.fr/wp-content/uploads/2010/03/nerd_dork_geek_venn_diagram.jpg</a>"
|
||||
alt="" /> (<a href="<a
|
||||
href="https://www.gizmodo.fr/">https://www.gizmodo.fr/</a>">graphique
|
||||
venant de gizmodo</a>)<br /><br /> Certains vous
|
||||
diront que <em>geek</em> est tout comme
|
||||
<em>otaku</em>, signifiant qu'il s'agit de personnes plus
|
||||
expertes en savoir dans un certain domaine que n'importe quel expert (ce
|
||||
qui est très balèze), quoique otaku soit plus approprié pour les sous
|
||||
cultures Japonaises. Certains confondent encore
|
||||
<em>geek</em>(personne vouant une passion à l'informatique
|
||||
et à la programmation tout en sortant peu de chez elle),
|
||||
<em>no-life</em> (qui n'a pas de vie sous entendu de vie
|
||||
sociale, différent de mort, inanimé, zombie, ou fan de patrick
|
||||
sebastien) et <em>gamer</em>(personne qui passe sa vie sur
|
||||
des jeux vidéos qu'il s'agisse de meuporg ou de jeux solo) alors que ce
|
||||
sont des catégories distinctes bien que cumulables.<br /> On
|
||||
aurait bien tort de se dire geek quand on touche un peu de Photoshop ou
|
||||
qu'on passe son temps sur youtube ou facebook, à moins que la notion de
|
||||
geek soit aussi volubile que celle de l'art ou du droit de vote.<br
|
||||
/><br /> Puisqu'on dit de moi que je suis hypersocial, que je
|
||||
fais du badminton pas régulièrement et que je gère quelques langages de
|
||||
programmation web tout en appréciant les jeux vidéos à petite dose
|
||||
(surtout avec d'autres gens, un bon mario kart, super smash bros brawl,
|
||||
un bonne partie de barres à mines sur half life) je m'autoproclamme rien
|
||||
du tout. Ou peut être geek. Enfin enfin, et pour vous c'est quoi?
|
||||
:)</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,209 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 305</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-11-29 16:15:19></li>
|
||||
<li>modifié: <2011-12-01 06:32:16></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="ssd-tuto-de-remplacement-sur-pc-portable-laptop-1">SSD tuto de
|
||||
remplacement sur pc portable / laptop</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD">https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD</a>"><img
|
||||
src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2011/05mai/ssd_remplacement%20_%20tuto/laptop_acer_remplacement_hard_drive_to_solid_state_drive%20(1).JPG">https://tykayn.fr/wp-content/uploads/i/2011/05mai/ssd_remplacement%20_%20tuto/laptop_acer_remplacement_hard_drive_to_solid_state_drive%20(1).JPG</a>"
|
||||
alt="remplacer un disque dur de pc portable" style="display:block;
|
||||
margin:0 auto;" /></a> (<a href="<a
|
||||
href="https://fr.wikipedia.org/wiki/Solid-state_drive">https://fr.wikipedia.org/wiki/Solid-state_drive</a>">c'est
|
||||
quoi un SSD?</a>)<br /> Vous voulez bénéficier des
|
||||
performances des disques durs les plus rapides du monde sur votre pc
|
||||
portable? Voici un tuto détaillé que j'ai écrit l'an dernier pour faire
|
||||
ça sur un pc portable acer aspire 7: <a href="<a
|
||||
href="https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD">https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD</a>">hacking
|
||||
de PC portable, tutoriel pour placer un SSD</a> Comme montré sur
|
||||
le graphique ci dessous les temps d'accès au disque en comparaison:
|
||||
<img src="<a
|
||||
href="https://fr.euro-web.com/imgs-news/2009-08/20090824-test-ssd-graph-acces.gif">https://fr.euro-web.com/imgs-news/2009-08/20090824-test-ssd-graph-acces.gif</a>"
|
||||
alt="" style="display:block; margin:0 auto;" /> ça change vraiment la
|
||||
vie une telle rapidité en plus de rendre moins fragile aux chocs le
|
||||
système *0*</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,206 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 304</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-11-29 17:49:43></li>
|
||||
<li>modifié: <2011-11-29 17:49:43></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="connaissances-de-base-en-tableur-1">Connaissances de base en
|
||||
tableur</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg">https://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg</a>"
|
||||
alt="" /> vous aimeriez bien savoir comment gérer vos comptes ou quoi
|
||||
que ce soit avec des logiciels de tableur tel que Ms Excel et Open
|
||||
office&nbsp;? Voici un de mes <a
|
||||
href="/index.php?tag/tuto">tuto</a> de ce qu'il y a à savoir en
|
||||
connaissance de base. <a href="<a
|
||||
href="https://tykayn.fr/2010/08/31/Trucs-de-classeur-excel-%2C-Open-Office">https://tykayn.fr/2010/08/31/Trucs-de-classeur-excel-%2C-Open-Office</a>">Trucs
|
||||
de classeur excel , Open Office</a> Hop, un chaud brevage, un bon
|
||||
fauteuil et c'est pari! :3 Pour aller plus loin vous avez la <a
|
||||
href="<a
|
||||
href="https://fr.openoffice.org/Documentation/How-to/indexht-calc.html">https://fr.openoffice.org/Documentation/How-to/indexht-calc.html</a>"
|
||||
hreflang="fr" title="docu officielle open office calc
|
||||
tableur">documentation officieile de open office calc</a> ou
|
||||
encore celle de Ms excel si vous trouvez parce que je ne trouve rien
|
||||
d'officiel :D</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,209 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 303</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-11-30 15:50:35></li>
|
||||
<li>modifié: <2011-11-30 16:05:31></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="ninite---multi-installeur">Ninite - multi installeur</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://ninite.com/">https://ninite.com/</a>"><img src="<a
|
||||
href="https://ninite.com/static/app/img/ninite.png?v=0cd28">https://ninite.com/static/app/img/ninite.png?v=0cd28</a>"
|
||||
alt="" /></a> Vous avez fait acquisition d'un nouvel ordi, ou
|
||||
bien vous venez de faire table rase de votre machine et vous sentez que
|
||||
ça va être une plaie de réinstaller tout plein de vos programmes
|
||||
préférés. Eh bien podutout grâce à <a href="<a
|
||||
href="https://ninite.com/">https://ninite.com/</a>">Ninite.com</a>.<br
|
||||
/><br /></p></p>
|
||||
<p><p>Vous cochez les applications que vous voulez installer, vous
|
||||
récupérez l'installateur et ensuite en l'exécutant il se charge tout
|
||||
seul de mettre en place ce que vous avez sélectionné <strong>sans
|
||||
installer les toolbars pourries</strong> qu'on vous propose
|
||||
parfois et qui réduisent l'espace visuel des navigateurs comme vous
|
||||
pouvez en retirer 3 ou 4 à chaque fois que vous passez sur l'ordi de vos
|
||||
parents. ;) <br /><br /> L'appli Ninite se chargera aussi de
|
||||
vérifier les mises à jour des programmes que vous avez choisi
|
||||
d'installer, vous pourrez aussi supprimer des programmes si vous en avez
|
||||
installé mais qui finalement ne vous plaisent pas. Avoir le choix, si ça
|
||||
c'est pas merveilleux!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,295 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
/* CSS for syntax highlighting */
|
||||
pre > code.sourceCode { white-space: pre; position: relative; }
|
||||
pre > code.sourceCode > span { line-height: 1.25; }
|
||||
pre > code.sourceCode > span:empty { height: 1.2em; }
|
||||
.sourceCode { overflow: visible; }
|
||||
code.sourceCode > span { color: inherit; text-decoration: inherit; }
|
||||
div.sourceCode { margin: 1em 0; }
|
||||
pre.sourceCode { margin: 0; }
|
||||
@media screen {
|
||||
div.sourceCode { overflow: auto; }
|
||||
}
|
||||
@media print {
|
||||
pre > code.sourceCode { white-space: pre-wrap; }
|
||||
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
|
||||
}
|
||||
pre.numberSource code
|
||||
{ counter-reset: source-line 0; }
|
||||
pre.numberSource code > span
|
||||
{ position: relative; left: -4em; counter-increment: source-line; }
|
||||
pre.numberSource code > span > a:first-child::before
|
||||
{ content: counter(source-line);
|
||||
position: relative; left: -1em; text-align: right; vertical-align: baseline;
|
||||
border: none; display: inline-block;
|
||||
-webkit-touch-callout: none; -webkit-user-select: none;
|
||||
-khtml-user-select: none; -moz-user-select: none;
|
||||
-ms-user-select: none; user-select: none;
|
||||
padding: 0 4px; width: 4em;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
|
||||
div.sourceCode
|
||||
{ }
|
||||
@media screen {
|
||||
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
|
||||
}
|
||||
code span.al { color: #ff0000; font-weight: bold; } /* Alert */
|
||||
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
|
||||
code span.at { color: #7d9029; } /* Attribute */
|
||||
code span.bn { color: #40a070; } /* BaseN */
|
||||
code span.bu { color: #008000; } /* BuiltIn */
|
||||
code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
|
||||
code span.ch { color: #4070a0; } /* Char */
|
||||
code span.cn { color: #880000; } /* Constant */
|
||||
code span.co { color: #60a0b0; font-style: italic; } /* Comment */
|
||||
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
|
||||
code span.do { color: #ba2121; font-style: italic; } /* Documentation */
|
||||
code span.dt { color: #902000; } /* DataType */
|
||||
code span.dv { color: #40a070; } /* DecVal */
|
||||
code span.er { color: #ff0000; font-weight: bold; } /* Error */
|
||||
code span.ex { } /* Extension */
|
||||
code span.fl { color: #40a070; } /* Float */
|
||||
code span.fu { color: #06287e; } /* Function */
|
||||
code span.im { color: #008000; font-weight: bold; } /* Import */
|
||||
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
|
||||
code span.kw { color: #007020; font-weight: bold; } /* Keyword */
|
||||
code span.op { color: #666666; } /* Operator */
|
||||
code span.ot { color: #007020; } /* Other */
|
||||
code span.pp { color: #bc7a00; } /* Preprocessor */
|
||||
code span.sc { color: #4070a0; } /* SpecialChar */
|
||||
code span.ss { color: #bb6688; } /* SpecialString */
|
||||
code span.st { color: #4070a0; } /* String */
|
||||
code span.va { color: #19177c; } /* Variable */
|
||||
code span.vs { color: #4070a0; } /* VerbatimString */
|
||||
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 302</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-11-30 17:02:48></li>
|
||||
<li>modifié: <2011-11-30 17:28:28></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="restauration-de-fichiers-1">Restauration de fichiers</h2>
|
||||
<h3 id="testdisk">Testdisk</h3>
|
||||
<div class="sourceCode" id="cb1"><pre
|
||||
class="sourceCode bash"><code class="sourceCode bash"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="ex">apt-get</span> install testdisk</span></code></pre></div>
|
||||
<p>scanner le bon disque en utilisant son chemin dans /dev</p>
|
||||
<div class="sourceCode" id="cb2"><pre
|
||||
class="sourceCode bash"><code class="sourceCode bash"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a><span class="ex">testdisk</span> /dev/dsj</span></code></pre></div>
|
||||
<p>sélectionner le disque, si on trouve des dossiers les sélectionner
|
||||
avec ":" puis faire C pour copier la sélection ailleurs. choisir le
|
||||
dossier où copier, appuyer sur C encore pour commencer la copie.</p>
|
||||
<h3 id="foremost">foremost</h3>
|
||||
<div class="sourceCode" id="cb3"><pre
|
||||
class="sourceCode bash"><code class="sourceCode bash"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="ex">apt-get</span> install foremost</span></code></pre></div>
|
||||
<p>Imaginons que vous supprimiez le fichier
|
||||
/boot/images/fichier<sub>effacé</sub>.jpg, il vous suffira de lancer
|
||||
cette commande:</p>
|
||||
<div class="sourceCode" id="cb4"><pre
|
||||
class="sourceCode bash"><code class="sourceCode bash"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="ex">foremost</span> <span class="at">-t</span> jpg <span class="at">-i</span> /dev/sda1 <span class="at">-o</span> /home/dossier/restauration</span></code></pre></div>
|
||||
<p>L’outil Foremost cherchera alors les fichiers de type jpg effacés sur
|
||||
la partition /dev/sda1 correspondant au dossier /boot/images où se
|
||||
situait le fichier effacé pour le restaurer dans le dossier
|
||||
/home/dossier/restauration.</p>
|
||||
<h3 id="article-de-blog">Article de blog</h3>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<div class="sourceCode" id="cb5"><pre
|
||||
class="sourceCode html"><code class="sourceCode html"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb5-2"><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">p</span><span class="dt">><</span><span class="kw">img</span> <span class="er">src</span><span class="ot">=</span><span class="st">"https://whyismycomputersoslow.us/wp-content/uploads/2011/11/broken-computer-300x234.jpg"</span> <span class="er">alt</span><span class="ot">=</span><span class="st">""</span> <span class="dt">/></span></span>
|
||||
<span id="cb5-3"><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">br</span> <span class="dt">/></span></span>
|
||||
<span id="cb5-4"><a href="#cb5-4" aria-hidden="true" tabindex="-1"></a>Vous avez par inadvertance supprimé un dossier de la carte mémoire de votre appareil photo ou de votre ordi? (après avoir fait table rase et juste avant d'<span class="dt"><</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">"/index.php?post/2011/11/30/Ninite-multi-installeur"</span><span class="dt">></span>installer plein de programmes en une seule fois<span class="dt"></</span><span class="kw">a</span><span class="dt">></span> par exemple)<span class="dt"><</span><span class="kw">br</span> <span class="dt">/></span></span>
|
||||
<span id="cb5-5"><a href="#cb5-5" aria-hidden="true" tabindex="-1"></a>Don't panic! vous pourrez encore les récupérer, surtout si vous n'enregistrez pas quoi que ce soit par dessus.</span>
|
||||
<span id="cb5-6"><a href="#cb5-6" aria-hidden="true" tabindex="-1"></a>Parce qu'en fait sur les disques ou les lecteurs flash (cartes mémoires, clés usb...) quand vous supprimez un fichier c'est son nom qui est effacé, et le reste des données devient disponible à la réécriture.<span class="dt"><</span><span class="kw">br</span> <span class="dt">/></span></span>
|
||||
<span id="cb5-7"><a href="#cb5-7" aria-hidden="true" tabindex="-1"></a>Pas besoin de payer pour retrouver vos données et autres si chères photos ou films de vacances, choppez au choix un de ces utilitaires totalement gratuits:<span class="dt"><</span><span class="kw">br</span> <span class="dt">/></span></span>
|
||||
<span id="cb5-8"><a href="#cb5-8" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">br</span> <span class="dt">/></</span><span class="kw">p</span><span class="dt">></span></span>
|
||||
<span id="cb5-9"><a href="#cb5-9" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb5-10"><a href="#cb5-10" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb5-11"><a href="#cb5-11" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">blockquote</span><span class="dt">><</span><span class="kw">p</span><span class="dt">><</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">"https://www.jetelecharge.com/Utilitaires/5766.php"</span><span class="dt">></span>Undelete360<span class="dt"></</span><span class="kw">a</span><span class="dt">><</span><span class="kw">br</span> <span class="dt">/></span></span>
|
||||
<span id="cb5-12"><a href="#cb5-12" aria-hidden="true" tabindex="-1"></a>Si vos fichiers trouvés par l'utilitaire ont été réécrits vous ne pourrez pas les récupérer. Faut pas déconner non plus.</span>
|
||||
<span id="cb5-13"><a href="#cb5-13" aria-hidden="true" tabindex="-1"></a>(une fois que vous avez fait une recherche de fichiers pour en cocher plusieurs à restaurer cliquez sur un puis maintenez shift et cliquez sur un autre, ça sélectionnera tous les fichiers entre deux. Vous n'avez plus qu'a appuyer sur le gros bouton "récupérer"<span class="dt"><</span><span class="kw">br</span> <span class="dt">/></</span><span class="kw">p</span><span class="dt">></span></span>
|
||||
<span id="cb5-14"><a href="#cb5-14" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">p</span><span class="dt">></span></span>
|
||||
<span id="cb5-15"><a href="#cb5-15" aria-hidden="true" tabindex="-1"></a>Vous avez aussi <span class="dt"><</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">"https://www.jetelecharge.com/Utilitaires/1488.php"</span><span class="dt">></span>Recuva<span class="dt"></</span><span class="kw">a</span><span class="dt">><</span><span class="kw">br</span> <span class="dt">/></span></span>
|
||||
<span id="cb5-16"><a href="#cb5-16" aria-hidden="true" tabindex="-1"></a>ou <span class="dt"><</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">"https://www.jetelecharge.com/Utilitaires/2602.php"</span><span class="dt">></span>PC Inspector File Recovery <span class="dt"></</span><span class="kw">a</span><span class="dt">><</span><span class="kw">br</span> <span class="dt">/></span></span>
|
||||
<span id="cb5-17"><a href="#cb5-17" aria-hidden="true" tabindex="-1"></a>Vouala vouala, enjoyez bien la récupération de vos données les petits coquinous.<span class="dt"></</span><span class="kw">p</span><span class="dt">></</span><span class="kw">blockquote</span><span class="dt">></span></span>
|
||||
<span id="cb5-18"><a href="#cb5-18" aria-hidden="true" tabindex="-1"></a></span></code></pre></div>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,220 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 301</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-01 07:02:37></li>
|
||||
<li>modifié: <2011-12-01 07:08:46></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="dotclear---commenter-sans-être-obligé-de-preview">Dotclear -
|
||||
commenter sans être obligé de preview</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://fr.dotclear.org/affiliates/o-logo.png">https://fr.dotclear.org/affiliates/o-logo.png</a>"
|
||||
alt="" style="display:block; margin:0 auto;" /><br /> Vous avez
|
||||
un (multi)blog installé avec la plateforme <a href="<a
|
||||
href="https://fr.dotclear.org">https://fr.dotclear.org</a>">dotclear</a>
|
||||
et souhaiteriez que vos visiteurs puissent commenter sans avoir
|
||||
obligatoirement à prévisualiser ce qu'ils ont écrit? <br />
|
||||
Facile, rendez vous dans votre interface d'admin. Puis cliquez sur…
|
||||
<br /></p> <ul> <li><img src="<a
|
||||
href="https://blog.artlemoine.com/admin/images/menu/themes.png">https://blog.artlemoine.com/admin/images/menu/themes.png</a>"
|
||||
alt="" /> Apparence du blog <br /></li> <li>éditeur
|
||||
de thème <br /></li>
|
||||
<li><strong>post.html</strong> <br /></li>
|
||||
</ul> <p>Reprérez la ligne:</p> <pre>
|
||||
<tpl:IfCommentPreview><input type=&quot;submit&quot;
|
||||
class=&quot;submit&quot; value=&quot;{{tpl:lang
|
||||
send}}&quot; /></tpl:IfCommentPreview></p>
|
||||
</pre></p>
|
||||
<p><p>Et remplacez là par:</p> <pre> <!–
|
||||
<tpl:IfCommentPreview> –> <input
|
||||
type=&quot;submit&quot; class=&quot;submit&quot;
|
||||
value=&quot;{{tpl:lang send}}&quot; /> <!–
|
||||
</tpl:IfCommentPreview> –> </p></pre></p>
|
||||
<p><p>Ce qui mettra en commentaire les instructions qui disent
|
||||
d'afficher le bouton d'envoi seulement si la prévisualisation est
|
||||
activée.<br /> Cliquez sur le bouton <em>Enregistrer
|
||||
(s)</em> <br /> Et vous verrez le bouton
|
||||
<em>Envoyer</em> disponible dans les commentaires. Youpi!
|
||||
<br /> Oubliez pas de vous équiper d'un bon plugin antispam ;)
|
||||
<br /></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,250 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 300</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-02 14:32:54></li>
|
||||
<li>modifié: <2011-12-03 03:58:16></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="url-maker-1.6---publier-des-liens-sans-avoir-à-les-écrire">url
|
||||
maker 1.6 - publier des liens sans avoir à les écrire</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip">https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip</a>"><img
|
||||
src="<a
|
||||
href="https://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg">https://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg</a>"
|
||||
alt="url maker1.6" style="display:block; margin:0 auto;"
|
||||
/></a></p> <p>Un script bon pour la flemme en
|
||||
php/js écrit par mes soins qui fouille des dossiers et donne les codes
|
||||
(html, ou wiki pour les blogs, ou bbcode pour les forums) pour
|
||||
<strong>publier des liens sans avoir à les écrire un par
|
||||
un</strong> vers plein de fichiers selon quelques options et des
|
||||
dossiers rangés par année/mois.<br /> <a href="<a
|
||||
href="https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip">https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip</a>">URL
|
||||
maker 1.6 est Téléchargeable ici.</a><br /> Les versions
|
||||
suivantes seront disponible sur <a href="<a
|
||||
href="https://artlemoine.com">https://artlemoine.com</a>">mon
|
||||
portfolio</a> (dans la partie <strong>Free
|
||||
DL</strong>) qui héberge ce blog et les autres.<br /> J'ai
|
||||
fait une vidéo avec la version précédente pour montrer à quoi ça sert et
|
||||
à quel point on peut partager des images rapidement (bien que ça
|
||||
pourrait toujours être amélioré avec du python…)<br /> on peut par
|
||||
exemple avoir tous les liens d'images vers leur taille plus grande qui
|
||||
se trouverait dans un dossier nommé "g" ou encore choisir une taille à
|
||||
laquelle afficher les images (pour le langage html). Combiné à une
|
||||
lightbox ça peut vous faire une gallerie web assez facilement bien que
|
||||
le but premier soit de pouvoir mettre en ligne sur un blog toutes les
|
||||
images d'un dossier</p> <h3>Pour vous en servir</h3>
|
||||
<p>Il vous suffit d'un espace web.</p> <ul>
|
||||
<li><a href="<a
|
||||
href="https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip">https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip</a>"><img
|
||||
src="<a
|
||||
href="https://artlemoine.com/decoration/dl.png">https://artlemoine.com/decoration/dl.png</a>"
|
||||
alt="" />Choppez l'archive zip</a> Ø/</li>
|
||||
<li>dézippez l'archive, balancez son contenu sur votre espace
|
||||
web.</li> <li>Rendez vous sur index.php dans votre
|
||||
navigateur web et vous n'aurez qu'a cliquer sur "enregistrer" pour que
|
||||
l'install mémorise une adresse absolue dans un fichier texte.</li>
|
||||
</ul> <p>C'est vraiment très facile à utiliser. Vous n'avez
|
||||
plus qu'a mettre vos tas d'images dans les sous dossiers ( essayez dans
|
||||
le dossier <strong>2011/12decembre</strong> par exemple,
|
||||
puis rendez vous dans la page d'index.php, et hop magie, le script
|
||||
explore directement le dossier 2011/12decembre parce que c'est l'année
|
||||
et le mois courant. Quand je vous disais que c'était bon pour la
|
||||
flemme!) de votre installation et de les parcourir avec l'appli puis de
|
||||
cliquer sur le bouton "copy" spécialement démesuré pour plus de flemme
|
||||
et à coller où vous voulez vos liens&nbsp;! :D </p> <br
|
||||
/><iframe src="<a
|
||||
href="https://www.youtube.com/embed/W0_QBdNk6Xs">https://www.youtube.com/embed/W0_QBdNk6Xs</a>"
|
||||
allowfullscreen="" frameborder="0" height="315"
|
||||
width="420"></iframe> (C'était sur la version 1.0 , les choses
|
||||
ont assez changé dans l'interface mais le principe est le même: on
|
||||
balance nos images sur le serveur, on va sur la page d'index d'url maker
|
||||
et y'a plus qu'a copier les liens. Ne faites pas attention à l'arrière
|
||||
plan de chat j'en ai tout <a title="tykayn blog, le vortex à chats"
|
||||
hreflang="fr" href="<a
|
||||
href="https://tykayn.fr/">https://tykayn.fr/</a>">un vortex</a>
|
||||
ni à la musique piquée à ma mère grand)<br /> <p>Merci de ne
|
||||
l'utiliser que dans un cadre de gratuité.<br /> Et n'oubliez pas
|
||||
quand vous faites un script: donner des noms significatifs à vos
|
||||
variables vous épargnera de longues heures à chasser les bugs. Je suis
|
||||
ouvert à toute suggestion d'amélioration. Enjoyez.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,196 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 299</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-04 18:57:51></li>
|
||||
<li>modifié: <2011-12-04 18:59:30></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="my-first-crowbar---manette-pour-half-life">My first crowbar -
|
||||
manette pour half life</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><iframe width="500" height="284" src="<a
|
||||
href="https://www.youtube.com/embed/aW49Mjn5f0g">https://www.youtube.com/embed/aW49Mjn5f0g</a>"
|
||||
frameborder="0" allowfullscreen></iframe><br />Qui n'a
|
||||
jamais rêvé de pouvoir jouer a half life avec une vraie crowbarre (pied
|
||||
de biche) tel un joueur de wii. Voici qui ravira les enfants.<br
|
||||
/></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,216 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 298</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-06 03:39:12></li>
|
||||
<li>modifié: <2011-12-06 03:42:38></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="lier-une-image-aléatoire-dans-un-dossier">Lier une image
|
||||
aléatoire dans un dossier</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg">https://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg</a>"
|
||||
alt="" style="display:block; margin:0 auto;" /><br /> Vous
|
||||
rêvez de faire une bannière montrant aléatoirement une image parmi un
|
||||
dossier à chaque fois que vous chargez la page de votre site?
|
||||
Informageek vous offre gracieusement ce script à placer dans une page
|
||||
index.php du dossier comportant vos images à montrer aléatoirement.
|
||||
<br /></p> <pre> <?php <em>* Faire un lien vers
|
||||
cette page php pour afficher aléatoirement une image se trouvant dans le
|
||||
même dossier *</em> $dir = dir('.'); $images = array(); while($entry =
|
||||
$dir->read()) { if(is<sub>file</sub>($entry) &amp;&amp;
|
||||
eregi(&quot;(\.(jpg|jpeg|png|gif))$&quot;,$entry)
|
||||
&amp;&amp; substr($entry,0,1) !== '.' ) { $images[] = $entry ; }
|
||||
} $dir->close(); $image =
|
||||
imagecreatefromjpeg($images[array<sub>rand</sub>($images,1)]);
|
||||
header(&quot;Content-type:image/jpeg&quot;); imagejpeg($image);
|
||||
//*/ ?> </pre></p>
|
||||
<p><p>Pour lier votre image mettez ce code HTML dans votre page où
|
||||
vous voulez afficher votre image en prenant soin de remplacer
|
||||
<em>mon-dossier-d-images-de-bannieres/</em> par le bon
|
||||
chemin vers votre dossier d'images comportant le script dans
|
||||
index.php:</p> <pre> <img
|
||||
src=&quot;mon-dossier-d-images-de-bannieres/&quot;
|
||||
alt=&quot;banniere random de site&quot; title=&quot;ma
|
||||
banniere&quot; /> </pre></p>
|
||||
<p><p>Magique! Enjoyez!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,214 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 296</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-06 04:49:56></li>
|
||||
<li>modifié: <2011-12-06 04:50:44></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="retour-haptique-haptic-feedback-1">retour haptique haptic
|
||||
feedback</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><iframe width="480" height="274" src="<a
|
||||
href="https://www.youtube.com/embed/trM7mXOjNFY">https://www.youtube.com/embed/trM7mXOjNFY</a>"
|
||||
frameborder="0" allowfullscreen></iframe>
|
||||
<br/><br/> Les écrans tactiles sont plutôt révolutionnaires
|
||||
parce qu'ils permettent une flexibilité assez énorme question intreface.
|
||||
Cependant il manque un certain retour de sensation comme on peut en avec
|
||||
avec le ressort des touches d'un clavier ou les indices en relief qu'on
|
||||
peut trouver sur les touches F et J d'un clavier AZERTY ou
|
||||
QWERTY.<br/> Une possibilité est de greffer des petits écrans sur
|
||||
des touches de clavier, une autre est de créer un retour magnétique et
|
||||
de s'équiper de gants. On vous parlera surement de combien le magnétisme
|
||||
ça craint pour le corps humain. Dans ce cas il faut aussi que vous ayez
|
||||
peur des forces magnétiques venant des fils électriques de votre souris,
|
||||
de votre câble d'alimentation et surtout de vos canaux nerveux qui
|
||||
HOMONDIEU marchent eux aussi à l'électricité. <br/> <iframe
|
||||
width="560" height="315" src="<a
|
||||
href="https://www.youtube.com/embed/UiQ0AnlfBu4">https://www.youtube.com/embed/UiQ0AnlfBu4</a>"
|
||||
frameborder="0" allowfullscreen></iframe> hou le joli clavier
|
||||
qui doit pomper un max de batterie! <br/><br/> Bientôt, des
|
||||
claviers tablettes où chaque pixel pourra se soulever ou se baisser.
|
||||
<br/> Enfin, un grand pas sera surtout fait quand tout notre
|
||||
mobilier électronique sera devenu waterproof et que la batterie tiendra
|
||||
vraimentt une semaine. mais peut être que je lis trop de science fiction
|
||||
:D</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,221 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 295</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-09 04:20:31></li>
|
||||
<li>modifié: <2011-12-09 04:20:31></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="smartphone-voiture-pourquoi-choisir-1">Smartphone, voiture,
|
||||
pourquoi choisir</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Ils sont fous ces Japonais de chez Toyota. Voilà qu'ils proposent une
|
||||
concept-car qui fera smartphone.<br/> <iframe width="480"
|
||||
height="274" src="<a
|
||||
href="https://www.youtube.com/embed/jxat4x7VhMU">https://www.youtube.com/embed/jxat4x7VhMU</a>"
|
||||
frameborder="0" allowfullscreen></iframe> Je ne suis pas
|
||||
persuadé de la vraie utilité d'écrans transparents qui en matière
|
||||
d'ergonomie ne doivent vraiment pas aider à l'utilisateur car il serait
|
||||
distrait par le fond. Toutefois c'est certain, la couleur choisissable
|
||||
et personnalisable va plaire. <br/>Manquerait plus qu'a coupler la
|
||||
carroserie à une surface photovoltaïque faite de <a href="<a
|
||||
href="https://www.filmphotovoltaique.com/film-photovoltaique-organique-fenetre-isolation-thermique/#more-230">https://www.filmphotovoltaique.com/film-photovoltaique-organique-fenetre-isolation-thermique/#more-230</a>"
|
||||
>cellules imprimables. <img src="<a
|
||||
href="https://www.filmphotovoltaique.com/wp-content/uploads/2011/10/film-photovoltaique-organique-flexible-150x136.jpg">https://www.filmphotovoltaique.com/wp-content/uploads/2011/10/film-photovoltaique-organique-flexible-150x136.jpg</a>"
|
||||
alt="film photovoltaique organique"/></a><br/><br/>
|
||||
Avoir une rayure sur le capot va prendre un tout autre sens à moins
|
||||
qu'on se décide à blinder le tout un peu comme le summum de la concept
|
||||
car, j'ai nommé K3000 (une série où chacune des transformation est un
|
||||
modèle Ford). <iframe frameborder="0" width="480" height="276"
|
||||
src="<a
|
||||
href="https://www.dailymotion.com/embed/video/x4fg2v">https://www.dailymotion.com/embed/video/x4fg2v</a>"></iframe><br
|
||||
/> Knight Industries Three Thousand qui en plus d'avoir mieux qu'un
|
||||
Siri embarqué (Kitt qui peut faire de l'humour contrairement à Siri)
|
||||
peut changer de modèle de voiture en pleine conduite (jvous raconte pas
|
||||
les soucis de pression de l'air dans le cockpit), lire et écouter à
|
||||
travers les murs par infrarouge ou rayons X (rien à foutre de la santé
|
||||
des gens!), micro longue portée, se propulser à l'hélium, détecter de la
|
||||
radioactivité, dispenser des premiers soins, générer des objets avec une
|
||||
imprimante 3D, grappin, détecteurs environnementaux mieux que les robots
|
||||
qui vont sur Mars, mitraillette et lance roquettes amovibles… Voilà qui
|
||||
fera pâlir batman et sa batmobile qui pour toute arme furtive dispose de
|
||||
néons bleus. :)</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,210 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 294</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-09 05:45:53></li>
|
||||
<li>modifié: <2011-12-09 05:45:53></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="un-peu-de-réalité-augmentée-magique">Un peu de réalité augmentée
|
||||
magique</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><iframe src="<a
|
||||
href="https://player.vimeo.com/video/27887843?title=0&byline=0&portrait=0&color=CEBB2F">https://player.vimeo.com/video/27887843?title=0&byline=0&portrait=0&color=CEBB2F</a>"
|
||||
width="400" height="225" frameborder="0" webkitAllowFullScreen
|
||||
mozallowfullscreen allowFullScreen></iframe><p><a
|
||||
href="<a
|
||||
href="https://vimeo.com/27887843">https://vimeo.com/27887843</a>">Innovators@Google
|
||||
presents: Marco Tempest</a> from <a href="<a
|
||||
href="https://vimeo.com/magician">https://vimeo.com/magician</a>">Marco
|
||||
Tempest</a> on <a href="<a
|
||||
href="https://vimeo.com">https://vimeo.com</a>">Vimeo</a>.</p>
|
||||
<br/><br/><a href="<a
|
||||
href="https://marcotempest.com/">https://marcotempest.com/</a>"
|
||||
hreflang="en">Marco Tempest</a>, travaille chez
|
||||
Google.<br/>Il nous raconte comment la magie et la haute
|
||||
technologie se confondent dans une petite explication spectaculaire (en
|
||||
Anglais). Il réalise trois petits spectacles alliant des technologies
|
||||
C++ open source, du suivi de mouvement (motion tracking) avec des
|
||||
caméras à capture rapide, trois smartphones, un simple carton plume
|
||||
devenu interactif et de bonnes vieilles cartes qui prennent une nouvelle
|
||||
dimension.<br/> Bon dimanche à vous.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,195 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 293</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-18 23:14:05></li>
|
||||
<li>modifié: <2011-12-18 23:14:05></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="ne-souriez-pas-aux-inconnus-1">Ne souriez pas aux inconnus</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg">https://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg</a>"
|
||||
alt="" /> Ne souriez pas aux inconnus. Une image extraite du métro de
|
||||
New York que l'on pourrait très bien trouver de par nos latitudes
|
||||
Parisiennes tant de nombreuses personnes se sont passées le
|
||||
mot.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,216 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 292</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-19 17:57:54></li>
|
||||
<li>modifié: <2011-12-19 17:57:54></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="désignations-dans-une-équipe">Désignations dans une équipe</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img alt="" src="<a
|
||||
href="https://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg">https://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg</a>"
|
||||
/></p> <p>(la parabole des aveugles illustre
|
||||
merveilleusement ce billet)</p>
|
||||
<ul><li><strong>le Chef de projet:</strong> Est
|
||||
la personne qui pense que 9 femmes peuvent livrer un bébé en un
|
||||
mois.</li> <li><strong>Le Développeur:</strong>
|
||||
pense que ça va prendre 18 mois pour livrer un bébé.</li>
|
||||
<li><strong>Le Coordinateur de site:</strong> pense
|
||||
qu'une seule femme peut livrer neuf bébés en un mois.</li>
|
||||
<li><strong>Le Client:</strong> ne sait pas pourquoi
|
||||
il veut un bébé.</li> <li><strong>Le Gérant de
|
||||
marchés:</strong> pense qu'il peut livrer un bébé même si aucun
|
||||
homme ou femme ne sont disponibles.</li>
|
||||
<li><strong>l'Équipe d'optimisation des
|
||||
ressources:</strong> pensent qu'ils n'ont pas besoin d'hommes ou
|
||||
de femmes, ils vont produire un enfant sans aucune ressource.</li>
|
||||
<li><strong>L'Équipe de documentation:</strong> pense
|
||||
qu'ils s'en moquent si un enfant est livré, ils vont juste documenter
|
||||
pendant neuf mois.</li> <li><strong>L'Inspecteur de
|
||||
qualité:</strong> est la personne qui n'est jamais contente du
|
||||
PROCESSUS de confection de bébé.</li> <li><strong>Le
|
||||
Testeur:</strong> est la personne qui dit à chaque fois à sa femme
|
||||
que ce n'est pas le Bon bébé.</li> <li><strong>Le Chef
|
||||
des Ressources humaines:</strong> est la personne qui pense qu'un
|
||||
singe peut faire un bébé humain en 9 mois.</li>
|
||||
</ul><p>mwah ah ah!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,202 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 291</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-19 18:49:02></li>
|
||||
<li>modifié: <2011-12-19 18:50:00></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="fonction-random-picture-1">Fonction Random picture</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://artlemoine.com/medias/apps/random-picture/">https://artlemoine.com/medias/apps/random-picture/</a>"><img
|
||||
src="<a
|
||||
href="https://artlemoine.com/medias/apps/random-picture/icon_random_picture.png">https://artlemoine.com/medias/apps/random-picture/icon_random_picture.png</a>"
|
||||
alt="logo" style="float:left; margin: 0 1em 1em 0;" />Le script
|
||||
Random picture est expliqué et disponible ici</a> et sur <a
|
||||
href="<a
|
||||
href="https://artlemoine.com">https://artlemoine.com</a>">mon
|
||||
portfolio artlemoine.com</a> (section Web). C'est une fonction php
|
||||
qui permet d'afficher une image choisie au hasard dans un dossier.
|
||||
Pratique pour faire une bannière changeante par exemple. Et tout ça sans
|
||||
utiliser la librairie GD contrairement à ma proposition précédente.
|
||||
Enjoy!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,207 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 290</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2011-12-27 22:59:52></li>
|
||||
<li>modifié: <2012-07-26 20:29:14></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="internet-meme-database---know-your-meme">Internet Meme Database
|
||||
- Know Your Meme</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="knowyourmeme.com"><img src="<a
|
||||
href="https://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg">https://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg</a>"
|
||||
alt="Know your meme team" style="display:block; margin:0 auto;"
|
||||
/></a> La sous-culture de l'intra web vous donne envie de vous
|
||||
rouler en boule dans un coin en proférant des insultes à l'égard des
|
||||
hamsters? Voici un site qui va vous en apprendre un maximum et vous
|
||||
évitera d'être déboussolé quand vous verrez des parents irreponsables se
|
||||
passer un bébé en le jetant par dessus une crevasse, une nana qui vous
|
||||
raconte qu'elle s'appelle boxxxy, un policier qui a un spray de la
|
||||
puissance d'une navette spatiale. Tout est expliqué sur le site <a
|
||||
href="knowyourmeme.com">Know your meme</a> (qui ne veut pas
|
||||
dire connais ta mère grand mais connais tes mémé). Les philosoraptors,
|
||||
me gusta, trollfaces, derp, insane kids et autres Yo Dawg n'auront plus
|
||||
de secrets pour vous <strong>0</strong> Oui enfin, faut causer un peu
|
||||
<a href="<a
|
||||
href="https://tykayn.fr/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais">https://tykayn.fr/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais</a>">le
|
||||
Shakespeare</a> aussi.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,212 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 289</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-01-02 11:58:40></li>
|
||||
<li>modifié: <2012-01-02 12:04:13></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="entrée-du-tgv-à-lyon-perrache---vue-conducteur">Entrée du TGV à
|
||||
Lyon perrache - vue conducteur</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>à l'occasion des 30 balais du TGV, certains ont pu le visiter depuis
|
||||
la cabine conducteur pendant un trajet.<br />voilà une vidéo de
|
||||
<a hreflang="fr" href="<a
|
||||
href="https://gonzague.me">https://gonzague.me</a>">Gonzague</a>,
|
||||
bloggeux et testeur de produits divers de nouvelles technologies.<br
|
||||
/><iframe width="500" height="284" src="<a
|
||||
href="https://www.youtube.com/embed/VPIXnU0DJ9U">https://www.youtube.com/embed/VPIXnU0DJ9U</a>"
|
||||
frameborder="0" allowfullscreen></iframe><br /> <br
|
||||
/>Pour avoir pris le TGV Paris Lyon plusieurs fois, c'est autre chose
|
||||
vue passager :D <br />Notez tout le bazar du tableau de bord. Je
|
||||
savais déjà que le conducteur devait tenir et relâcher régulièrement le
|
||||
volant qui est en fait la manette d'accélération et que la <a
|
||||
href="<a
|
||||
href="https://geillon.pagesperso-orange.fr/trains/signaux/">https://geillon.pagesperso-orange.fr/trains/signaux/</a>">signalisation
|
||||
des trains</a> était affichée sur la gauche de la voie. <br
|
||||
/>Par exemple: <img src="<a
|
||||
href="https://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif">https://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif</a>"
|
||||
/> Ce panneau là demande à ce qu'on garde un air neutre au volant
|
||||
même en l'annonce de grèves. mwarh arh arh!<br /> Tiens ça me
|
||||
rappelle que je connais quelqu'unnnnn qui m'avait dit qu'il pourrait me
|
||||
faire faire une visite de cabine de TGV en marche aussi. Votre sainteté,
|
||||
si vous m'écoutez, je suis toujours partant. B-)<br /></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,236 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 288</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-01-04 11:08:42></li>
|
||||
<li>modifié: <2012-01-04 11:25:21></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="se-débarrasser-de-ie-6">Se débarrasser de IE 6</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Quand est ce qu'on pourra enfin se débarrasser de IE 6
|
||||
(certains veulent le sauver :D <a href="<a
|
||||
href="https://www.saveie6.com/">https://www.saveie6.com/</a>"
|
||||
hreflang="en"><a
|
||||
href="https://www.saveie6.com/">https://www.saveie6.com/</a></a>
|
||||
heureusement que c'est pour déconner) quand on considère la conception
|
||||
d'un design pour le web? Hébien, très bientôt il me semble.<br
|
||||
<em>> ce qui permettra de <a href="<a
|
||||
href="https://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/">https://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/</a>">faire
|
||||
plein de choses cool</a> comme utiliser les <em>sélecteurs
|
||||
d'enfants</em> en css, <em>min-width</em>,
|
||||
<em>max-width</em>, ne plus passer 90% du temps de design à
|
||||
trafiquer le style pour que ça s'affiche pareil pour chaque visiteur,
|
||||
gagner du temps (et donc du pognon), pouvoir se servir de
|
||||
<em>z-index</em>, bosser dans la joie et la bonne humeur.
|
||||
Levons les bras ø</em> Vous pouvez accélérer le mouvement en plaçant sur
|
||||
vos sites un encart conditionnel incitant vos visiteurs à prendre
|
||||
conscience qu'ils utilisent une technologie trop vulnérable, trop
|
||||
vieille et qui leur pourrit leur expérience utilisateur, <a href="<a
|
||||
href="https://tykayn.fr/2011/11/01/Comment-dire-%C3%A0-Internet-Explorer-qu-il-est-trop-vieux">https://tykayn.fr/2011/11/01/Comment-dire-%C3%A0-Internet-Explorer-qu-il-est-trop-vieux</a>"
|
||||
hreflang="fr" title="Comment dire à Internet Explorer qu'il est trop
|
||||
vieux">comme je l'ai expliqué dans ce billet.</a> <br
|
||||
/><br /> J'ai pris les <a href="<a
|
||||
href="https://www.w3schools.com/browsers/browsers_stats.asp">https://www.w3schools.com/browsers/browsers_stats.asp</a>">statistiques
|
||||
de fréquentations de w3c school</a> pour monter ces petits
|
||||
graphiques avec le tableur open office: <a href="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/versions_IE_2009-2011.jpg">https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/versions_IE_2009-2011.jpg</a>"><img
|
||||
src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg">https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg</a>"
|
||||
alt="versions IE 2009 2011" style="display:block; margin:0 auto;"
|
||||
/></a></p></p>
|
||||
<p><p><a href="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/navigateurs_2009-2011.jpg">https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/navigateurs_2009-2011.jpg</a>"><img
|
||||
src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg">https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg</a>"
|
||||
alt="navigateurs 2009 2011" style="display:block; margin:0 auto;"
|
||||
/></a> Ici on peut donc voir l'avancée de chrome et le léger
|
||||
recul de internet exlporer en général entre 2009 et fin 2011. <a
|
||||
href="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/resolutions.jpg">https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/resolutions.jpg</a>"><img
|
||||
src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/resolutions.jpg">https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/resolutions.jpg</a>"
|
||||
alt="resolutions" style="display:block; margin:0 auto;" /></a>
|
||||
Pour les résolutions d'écran, la plupart des gens en ont des plus
|
||||
grandes que 1024px de large, ce qui permet d'envisager des designs de
|
||||
sites de plus des sacro saints 960px de large pour le
|
||||
contenu.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,203 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 287</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-01-13 23:16:42></li>
|
||||
<li>modifié: <2012-01-13 23:18:36></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="jusquoù-peut-on-zoomer-dans-lunivers">Jusqu'où peut on zoomer
|
||||
dans l'univers ?</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif">https://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif</a>"
|
||||
alt="" /> Jusqu'où peut on zoomer dans l'univers ?<br /> <a
|
||||
href="<a
|
||||
href="https://www.primaxstudio.com/stuff/scale_of_universe/scale-of-universe-v1.swf">https://www.primaxstudio.com/stuff/scale_of_universe/scale-of-universe-v1.swf</a>"
|
||||
hreflang="en">La réponse interactive dans cette animation</a>
|
||||
qui met en rapport des choses les plus gigantesques ( 93 milliard
|
||||
d'années lumière , 9.3 * 10<sup>26</sup> mètres )jusqu'a la <a
|
||||
href="<a
|
||||
href="https://fr.wikipedia.org/wiki/Longueur_de_Planck">https://fr.wikipedia.org/wiki/Longueur_de_Planck</a>"
|
||||
hreflang="fr" title="il en avait une toute petite, de longueur,
|
||||
planck">longueur de Planck</a> (10<sup>-35</sup> mètres)<br
|
||||
/> <br /> Tout simplement amazaing!<br /></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,210 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 286</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-01-14 18:20:02></li>
|
||||
<li>modifié: <2012-01-14 18:20:02></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="tron-legacy-les-effets-spéciaux">Tron legacy : les effets
|
||||
spéciaux</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img alt="" src="<a
|
||||
href="https://jtnimoy.net/178/TRON_GFX_DG_04.JPG">https://jtnimoy.net/178/TRON_GFX_DG_04.JPG</a>"
|
||||
width="500" /></p> <p>jtnimoy se présente comme une
|
||||
licorne de la Silicon valley, il est un artiste de software et s'est
|
||||
occupé en équipe des effets spéciaux et de tous les systèmes dans Tron:
|
||||
l'héritage avec Bradley "GMUNK" Munkowitz, Jake Sargeant, et David
|
||||
"dlew" LewandowskiIl. Il a aussi fait <a hreflang="en" href="<a
|
||||
href="https://www.balldroppings.com/js/">https://www.balldroppings.com/js/</a>">BallDroppings</a>
|
||||
, le jeu sonore interactif en javascript et en d'autres
|
||||
langages.</p> <p>Il raconte comme certains films tels que
|
||||
Hackers ou Jurassic Park (qui devrait s'appeller Crétacé Park en fait vu
|
||||
les bestioles présentes), ou encore Matrix, Battle Royale, Die Hard4…
|
||||
comportait des choses assez affreuses pour quiconque s'y connait un
|
||||
minimum en programmation.</p> <p><img alt="" src="<a
|
||||
href="https://www.balldroppings.com/images/artbanner.gif">https://www.balldroppings.com/images/artbanner.gif</a>"
|
||||
/></p> <p>Retrouvez sa présentation intégrale de la
|
||||
démarche de conception des effets visuels sur Tron Legacy sur son
|
||||
site:</p> <p><a hreflang="en" href="<a
|
||||
href="https://jtnimoy.net/?q=178">https://jtnimoy.net/?q=178</a>"><a
|
||||
href="https://jtnimoy.net/?q=178">https://jtnimoy.net/?q=178</a></a></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,194 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 284</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-02-15 17:13:20></li>
|
||||
<li>modifié: <2012-02-15 17:13:20></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="technologie-1">Technologie</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Voici une étude Britannique sur pourquoi les gens ont peur de la
|
||||
technologie<br/><br/> <iframe width="480" height="360"
|
||||
src="<a
|
||||
href="https://www.youtube.com/embed/Fc1P-AEaEp8">https://www.youtube.com/embed/Fc1P-AEaEp8</a>"
|
||||
frameborder="0" allowfullscreen></iframe></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,233 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 283</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-03-20 21:02:24></li>
|
||||
<li>modifié: <2012-03-20 21:05:19></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="tablette-qui-fait-sentir-des-textures-1">Tablette qui fait
|
||||
sentir des textures</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://www.pdafrance.com/img/news2011/senseg_haptic_surfaces.jpg">https://www.pdafrance.com/img/news2011/senseg_haptic_surfaces.jpg</a>"
|
||||
alt="" /> Aaaah les tablettes tactiles.<br /> Avec ça, les
|
||||
constructeurs de claviers peuvent aller se rhabiller tant il est
|
||||
préférable d'avoir un clavier qui s'adapte à nos besoins. Bien sûr, il
|
||||
existe des claviers où chaque touche est munie d'un petit écran.<br
|
||||
/> On dit souvent que les tablettes ont le défaut de ne pas nous
|
||||
faire ressentir de retour physique, sauf peut être par vibration. Que
|
||||
nenni, mauvaises langues! <a href="<a
|
||||
href="https://senseg.com/">https://senseg.com/</a>">Senseg</a>
|
||||
prévoit de sortir en 2013 ou au plus tard en 2014 une tablette à retour
|
||||
haptique pour le grand public. Une démo permet de ressentir des textures
|
||||
de plastique, de roche, de tissus, de simuler le volume d'une bille en
|
||||
verre. De nombreuses applications pourraient y être trouvées, notamment
|
||||
pour les non voyants. Mais aussi pour apporter encore plus de mimétisme
|
||||
au virtuel.<br /> Mais comment ça marche ce retour haptique?<br
|
||||
/> Avec des impulsions électromagnétiques qui disent à notre sens du
|
||||
toucher qu'on touche telle ou telle matière aussi bien qu'une enceinte
|
||||
trompe notre ouïe.. Le site est avare de détails, on n'en sait pas très
|
||||
précisément, mais bon, espionnage industriel, tout ça tout ça, et puis
|
||||
les gens faut les faire rêver, pas leur expliquer les choses. <br
|
||||
/> J'en vois déjà sonner l'alarme aux mauvaises ondes et aux
|
||||
incidents sur les micro organismes comme si ces ondes étaient aussi
|
||||
méchantes que des micro ondes ou des rayons X. <a href="<a
|
||||
href="https://drgoulu.com/2011/06/03/pourquoi-je-nai-toujours-pas-peur/">https://drgoulu.com/2011/06/03/pourquoi-je-nai-toujours-pas-peur/</a>">Pas
|
||||
de panique!</a> Enfin, en effet, ce qui fait le fun d'une tablette
|
||||
c'est son côté tactile. Sans doute parce que notre société n'a pas de
|
||||
contacts physique entre ses individus, sauf cas de violence ou
|
||||
bousculades. Du coup, dans notre culture on n'aime pas qu'un inconnu se
|
||||
permette de nous toucher ne serait-ce qu'une épaule. <br /> Et la
|
||||
tablette, a t elle chosi de se faire tripoter dès qu'elle se réveille?
|
||||
Hein, faut y penser. Oui à l'indépendance des tablettes!<br />
|
||||
<br /> voilà, ça c'est dit.<br /> Y'a aussi, comme pour la
|
||||
3D un marché énorme pour le monde du porno avec ces tablettes qui
|
||||
pourraient agrandir le marché <a href="<a
|
||||
href="https://qzine.fr/boutique/#detailsfanzine4">https://qzine.fr/boutique/#detailsfanzine4</a>">des
|
||||
sextoys</a>. Enfin, un retour haptique aux variétés infinies
|
||||
donnerait une vraie particularité au support de la tablette, qui pur
|
||||
l'instant n'a que peu d'intérêt par rapport à un téléphone tactile. Peut
|
||||
être que je considérerai l'idée d'en acquérir une quand les tablettes
|
||||
disposeront d'un écran à 3D sans lunettes et de retour haptique. Et
|
||||
aussi quand on pourra modifier la taille d'une tablette pour la ranger
|
||||
dans sa poche. Allez zou les nigénieurs, au boulot! :)</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,226 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 282</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-04-23 23:56:00></li>
|
||||
<li>modifié: <2012-04-24 22:11:43></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="stabilisation-vidéo-éditeur-youtube">Stabilisation vidéo,
|
||||
éditeur youtube</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Saviez vous que Youtube dispose d'un éditeur de vidéo et
|
||||
d'une fonctionnalité permettant d'ajuster la stabilité de vos
|
||||
vidéos&nbsp;? Vous aussi, rende vos vidéos les plus spontanées moins
|
||||
pourries en leur enlevant toute influence des films du style
|
||||
<em>Projet Blair Witch</em> ou plus récemment
|
||||
<em>Rec</em>.</p></p>
|
||||
<p><h3>Comment stabiliser une vidéo youtube?</h3></p>
|
||||
<p><p><img src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.comparaison_videos_stabilisation_youtube_m.jpg">https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.comparaison_videos_stabilisation_youtube_m.jpg</a>"
|
||||
alt=".comparaison videos stabilisation youtube m" style="display:block;
|
||||
margin:0 auto;" /> Allez donc gérer vos vidéos sur <a href="<a
|
||||
href="https://www.youtube.com/editor">https://www.youtube.com/editor</a>"><a
|
||||
href="https://www.youtube.com/editor">https://www.youtube.com/editor</a></a>
|
||||
(si vous avez un compte sur youtube, sinon créez en un en quelques
|
||||
secondes <strong>o</strong> awesome!) Cet éditeur vous permet de faire
|
||||
des montages (en glissant déposant les vidéos dans la barre en bas de
|
||||
page) et des transitions entre vos vidéos, de modifier contraste,
|
||||
luminosité, couleurs, tout plein de trucs hyper sympas et ce sans
|
||||
installer de logiciel sur votre ordi. Fouillez donc. Me gusta. (<a
|
||||
href="<a
|
||||
href="https://www.youtube.com/tykayn">https://www.youtube.com/tykayn</a>">Ma
|
||||
chaine de vidéos se nomme tykayn.</a>) <img src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.retouche_videos_youtube_m.jpg">https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.retouche_videos_youtube_m.jpg</a>"
|
||||
alt=".retouche videos youtube m" style="display:block; margin:0 auto;"
|
||||
/> Ou bien vous pouvez aller sur la page de l'une de vos vidéos, puis
|
||||
cliquer sur "<strong>retouches</strong>" dans le menu en
|
||||
haut.</p></p>
|
||||
<p><p>Ainsi, même sans être atteint de parkinson vous contriburez
|
||||
à améliorer la santé mentale du monde entier en créant de meilleures
|
||||
vidéos simplement et rapidement en quelques clics. (Google devrait me
|
||||
payer pour vous dire tout ça d'ailleurs :D) Pour cela vous pouvez aussi
|
||||
faire en sorte d'augmenter la qualité vidéo de votre téléphone ou de
|
||||
votre caméra (nombre de pixels par image et nombre d'images par
|
||||
seconde). en 2012, vu le prix du Giga pour les disques durs ou les
|
||||
cartes mémoires, ainsi qu'avec les solutions de cloud computing Ce n'est
|
||||
pas l'espace de stockage qui manque. Bref, enjoy!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,221 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 281</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-04-25 17:05:30></li>
|
||||
<li>modifié: <2015-11-17 16:16:46></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="changer-de-lecteur-de-code-source-dans-firefox-1">Changer de
|
||||
lecteur de code source dans Firefox</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>C'est bien pratique de pouvoir voir les sources d'une page
|
||||
web avec un click droit. Sauf que c'est pas aussi pratique que votre
|
||||
éditeur de code préféré, par exemple<strong> npp</strong> ou
|
||||
<strong>netbeans</strong>. (enfin, npp a l'avantage d'être
|
||||
plus léger et rapide a lancer pour un bidouillage rapide) Et bien c'est
|
||||
possible de personnaliser ça. *0*</p> <p> <a
|
||||
href="/public/2012/config<sub>firefoxnotepad</sub>.jpg"
|
||||
title="config<sub>firefoxnotepad</sub>.jpg"><img
|
||||
src="<em>public/2012</em>.config<sub>firefoxnotepadm</sub>.jpg"
|
||||
alt="config<sub>firefoxnotepad</sub>.jpg"
|
||||
title="config<sub>firefoxnotepad</sub>.jpg, avr. 2012"
|
||||
/></a></p> <p>Allez dans <strong><a
|
||||
href="about:config">about:config</a></strong> Filtrez la recherche
|
||||
de paramètres en écrivant
|
||||
<strong>view<sub>source</sub></strong></p>
|
||||
<p>Double cliquez sur
|
||||
<strong>view<sub>souce</sub>.editor.external</strong> pour
|
||||
le passer à <strong>true</strong> </p> <p>Double
|
||||
cliquez sur
|
||||
<strong>view<sub>souce</sub>.editor.path</strong> et entrez
|
||||
le chemin vers votre éditeur de code favori. Par exemple pour mon npp
|
||||
j'ai mis&nbsp;</p> <code>C: Files
|
||||
(x86)++++.exe</code> <br /> <p>Et voualaaa! Vous
|
||||
pouvez fermer l'onglet de config. Maintenant vous pourrez voir les codes
|
||||
sources des pages web trop trop mieux. Et ça marche bien évidemment
|
||||
aussi dans la version 64bits de firefox, c'est à dire <a href="<a
|
||||
href="https://waterfoxproject.org/">https://waterfoxproject.org/</a>">Waterfox</a>.
|
||||
:)</p> <p> <a href="<a
|
||||
href="https://waterfoxproject.org/">https://waterfoxproject.org/</a>"><a
|
||||
href="https://waterfoxproject.org">https://waterfoxproject.org</a></a>
|
||||
Enjoyez donc!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,207 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 280</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-04-30 05:04:28></li>
|
||||
<li>modifié: <2015-11-08 14:43:37></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="envoyer-des-mails-depuis-localhost-1">Envoyer des mails depuis
|
||||
localhost</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Je me suis longtemps demandé comment configurer mon serveur
|
||||
local pour pouvoir envoyer des emails. Voici enfin la solution: ouvrir
|
||||
ces deux fichiers de config situés dans votre dossier wamp (en partant
|
||||
du principe que <a href="<a
|
||||
href="https://www.wampserver.com/">https://www.wampserver.com/</a>">wampserver</a>
|
||||
est installé sous<em> C:</em> )</p> <code
|
||||
class="ini">C:.8.ini</code> <br />et
|
||||
<code>C:.21.ini</code> <p><br /> Ensuite,
|
||||
cherchez une occurence de "<strong>smtp</strong>"<br
|
||||
/> j'ai pour fournisseur d'accès SFR, donc j'ai mis
|
||||
<em>smtp.sfr.fr</em> et utilisé le port 25</p>
|
||||
<code class="ini">SMTP = smtp.sfr.fr <br /> ; <a
|
||||
href="https://php.net/smtp-port">https://php.net/smtp-port</a><br
|
||||
/> smtp<sub>port</sub> = 25</code> <p><br /> là où
|
||||
les deux fichiers le demandaient.<br /> Un restart de tous les
|
||||
services de wamp plus tard, et ô magie je peux enfin utiliser la
|
||||
fonction mail() de php. Enjoyez!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,220 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 279</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-07-02 12:07:13></li>
|
||||
<li>modifié: <2012-07-02 12:07:42></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="déclaration-de-linternet-libre">Déclaration de l'internet
|
||||
libre</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Vous aussi, signez la déclaration de l'internet libre autour de ces 5
|
||||
principes pour qu'on ne voie plus fleurir des lois liberticides.<br
|
||||
/><strong>Liberté d'expression.</strong><br
|
||||
style="font-weight: bold;" /><strong>Liberté
|
||||
d'accès.</strong><br style="font-weight: bold;"
|
||||
/><strong>Liberté d'ouverture.</strong><br
|
||||
style="font-weight: bold;" /><strong>Liberté
|
||||
d'innovation.</strong><br style="font-weight: bold;"
|
||||
/><strong>Liberté de privacité.</strong><br />à
|
||||
faire passer à toutes les grosses boites et à vos proches qui pourront
|
||||
signer à titre individuel.<br /><br />comme ils diraient
|
||||
chez la quadrature du net "data must flow" en référence à Dune.<br
|
||||
/><a href="<a
|
||||
href="https://www.techdirt.com/netdeclaration">https://www.techdirt.com/netdeclaration</a>"><img
|
||||
src="<a
|
||||
href="https://cdn.techdirt.com/i/net-declaration.png">https://cdn.techdirt.com/i/net-declaration.png</a>"
|
||||
title="Declaration of Internet Freedom" /></a><br
|
||||
/><br /><em>Pour insérer l'image clickable avec le lien
|
||||
vers la pétition, copiez collez ce code dans une page
|
||||
html:</em><br /><blockquote><p><a href="<a
|
||||
href="https://www.techdirt.com/netdeclaration">https://www.techdirt.com/netdeclaration</a>"><img
|
||||
src="<a
|
||||
href="https://cdn.techdirt.com/i/net-declaration.png">https://cdn.techdirt.com/i/net-declaration.png</a>"
|
||||
title="Declaration of Internet Freedom" /></a></p>
|
||||
</blockquote><em>Si vous voulez l'insérer sur un message de
|
||||
forum phpbb c'est ce code suivant:</em><br
|
||||
/><blockquote><p>[url=<a
|
||||
href="https://www.techdirt.com/netdeclaration">https://www.techdirt.com/netdeclaration</a>][img]<a
|
||||
href="https://cdn.techdirt.com/i/net-declaration.png%5B/img%5D%5B/url%5D">https://cdn.techdirt.com/i/net-declaration.png[/img][/url]</a></p>
|
||||
</blockquote><br /> <br /></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,216 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 278</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-08-31 20:49:52></li>
|
||||
<li>modifié: <2016-07-26 08:36:20></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="processus-com.motorola.service.main-sest-arrêté">processus
|
||||
com.motorola.service.main s'est arrêté</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Le defy c'est trop génial, enfin un téléphone avec lequel vous pouvez
|
||||
surfer sur le net meme sous la douche ou dans la piscine pendant vos
|
||||
vacances, grâce à ses deux capuchons étanches sur la prise micro usb et
|
||||
jack 3mm ainsi que son blindage au normes IP67. ((<a
|
||||
href="https://www.cnetfrance.fr/i/edit/2010/pr/12/motorola-defy-etanche.jpg">https://www.cnetfrance.fr/i/edit/2010/pr/12/motorola-defy-etanche.jpg</a>||un
|
||||
des rares smartphones étanches en vraie submersion )) Mon motorola Defy
|
||||
+ m'affichait régulièrement cette erreur depuis quelques temps Cette
|
||||
erreur apparait aussi sur d'autres modèles de stupidphones. > Désolé
|
||||
le processus com.motorola.service.main s'est arrêté de façon inopinée,
|
||||
veuillez réessayer</p>
|
||||
<p>Pour venir à bout de cette erreur qui plope toutes les cinq minutes
|
||||
quand vous utilisez votre téléphone, il faut enlever les mises à jour de
|
||||
gmail. C'est une chose faisable avec l'application [Android Assistant|<a
|
||||
href="https://play.google.com/store/apps/details?id=com.advancedprocessmanager&hl=fr">https://play.google.com/store/apps/details?id=com.advancedprocessmanager&hl=fr</a>].</p>
|
||||
<p>!!!Syncronisation Ce qui est fort pratique avec le play store c'est
|
||||
que vous pouvez installer, mettre à jour ou désinstaller les
|
||||
applications de votre téléphone à distance si vous avez un compte
|
||||
google. Notez que certaines applis de base ne peuvent être désinstallées
|
||||
aussi facilement, il faut avoir rooté votre téléphone pour cela.</p>
|
||||
<p>Le root n'est pas illégal, il vous fait perdre votre garantie
|
||||
constructeur.</p>
|
||||
<p>!!!Des applis super bien Silent time Data On/off Easy Uninstaller
|
||||
Autorun Manager Fid Me Vianavigo si vous habitez la région
|
||||
parisienne.</p>
|
||||
<p>!!!utiliser son téléphone comme modem. Pratique si vous être
|
||||
quelqu'un de nomade équipé d'un ordi portable ou d'une tablette.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,193 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 277</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-09-12 12:32:09></li>
|
||||
<li>modifié: <2012-09-12 13:41:03></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="tuto---comment-créer-un-plugin-jquery">tuto - Comment créer un
|
||||
plugin jQuery</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><iframe height="6500" width="510" scrolling="yes"
|
||||
style="margin-left: 0;" border="0" src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2012/09septembre/informageek/index.htm">https://tykayn.fr/wp-content/uploads/i/2012/09septembre/informageek/index.htm</a>"></iframe></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,202 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 275</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-09-17 16:28:37></li>
|
||||
<li>modifié: <2012-09-17 16:31:20></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="bill-gates-vs-steve-jobs-1">bill gates VS steve jobs</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0">https://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0</a>"><img
|
||||
src="<a
|
||||
href="https://img.gawkerassets.com/img/17m9r4xesx75spng/original.png">https://img.gawkerassets.com/img/17m9r4xesx75spng/original.png</a>"
|
||||
alt="" /></a></p></p>
|
||||
<p><p>choisissez votre combattant dans <a href="<a
|
||||
href="https://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0">https://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0</a>">ce
|
||||
merveilleux jeu flash</a> et bousillez la tête du gourou de apple
|
||||
ou de microsoft à coup de clichés comme bon vous semble dans ce jeu de
|
||||
combat qui ne manque pas de piquant :3 Enjoyez!<br
|
||||
/></p></p>
|
||||
<p><p>trouvé chez <a href="<a
|
||||
href="https://gizmodo.com">https://gizmodo.com</a>">gizmodo</a></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,236 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 274</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2012-12-08 19:22:48></li>
|
||||
<li>modifié: <2012-12-08 19:27:10></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="tethering-android-2-1">Tethering Android 2</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://www.slagermanphoto.com/blog/wp-content/uploads//2010/05/android_tethering2.jpg">https://www.slagermanphoto.com/blog/wp-content/uploads//2010/05/android_tethering2.jpg</a>"
|
||||
alt="tethering" width="500" /> </p> <p>Le tethering
|
||||
(point d'accès mobile) c'est merveilleux, ça permet de faire profiter de
|
||||
votre connexion internet à d'autres périphériques, comme si c'était un
|
||||
modèle. Par chance depuis Android 2.3 tous les téléphones ayant cet OS
|
||||
en sont équipés. </p> <p>Possédant un motorola defy + avec
|
||||
Android 2.3.6 , je me faisais une joie de pouvoir avoir le net en grand
|
||||
sur ma tablette <a hreflang="fr" href="<a
|
||||
href="https://www.lesnumeriques.com/tablette-tactile/acer-iconia-tab-a700-p13321/test.html">https://www.lesnumeriques.com/tablette-tactile/acer-iconia-tab-a700-p13321/test.html</a>">Iconia
|
||||
tab a700</a>, <strong>pendant mes
|
||||
déplacements</strong> grâce à mon abbonnement 3G illimité chez
|
||||
Free pour presque 20€ par mois. Mais j'ai dû me heurter à un souci de
|
||||
compatibilité qui faisait que pour une raison inconnue, je n'avais pas
|
||||
accès a internet sur ma tablette, quand bien même la connexion entre les
|
||||
deux périphériques sans fil se faisait. Confirmée par l'icone verte en
|
||||
haut de mon tel et sur la tablette.</p> <p>Après moults
|
||||
essais de trouver des gens compétents sur le forum de korben.info, et de
|
||||
free mobile j'ai chatté avec la hotline de Acer. Il fallait configurer
|
||||
la configuration APN de mon téléphone (rien à voir avec Appareil Photo
|
||||
Numérique, il s'agit d<em>'Access Point Name</em>) en lui
|
||||
rajoutant un bout de texte.</p> <p>En effet, la config APN
|
||||
avait été gérée par l'application de Free mobile config comme ils le
|
||||
recommandent quand on se fournit chez eux. Allez donc voir dans le
|
||||
téléphone:</p> <p><strong>Paramètres , réseaux
|
||||
mobiles, noms point d'accès, free (si vous avez free), type
|
||||
d'APN</strong></p> <blockquote><p>,dun</p>
|
||||
</blockquote> <p>(si si, ",dun" avec la virgule avant) et en
|
||||
sauvegardant les modifications. ce qui fait donc en tout</p>
|
||||
<blockquote><p>default,supl,mms,dun</p>
|
||||
</blockquote> <p>Redémarrer le tel.</p>
|
||||
<p>Activer le moint d'accès mobile de nouveau,</p>
|
||||
<p>connecter la tablette au téléphone, et cette fois ci, ça
|
||||
fonctionne.</p> <p>Magie! Quand on n'a pas un abonnement
|
||||
illimité en données, ça utilise votre crédit de données, contrairement à
|
||||
une connexion en wifi à un routeur. ttention les enfants!</p>
|
||||
<p>sur ce, je vous souhaite un bon tethering :)</p>
|
||||
<blockquote><p><em><p>Un modem attaché (en
|
||||
anglais «&nbsp;tethered modem ») est un appareil qui donne à un
|
||||
autre appareil l'accès à Internet. Généralement portatif (mobile), ce
|
||||
dispositif agit comme un modem et connecte un ordinateur à l'internet au
|
||||
moyen d'une communication par câble (par exemple USB) ou sans fil (comme
|
||||
bluetooth ou wifi). Le plus souvent, le modem attaché est un téléphone
|
||||
mobile partageant un accès Internet avec un ordinateur portable. Le
|
||||
partage de la connexion Internet avec un modem attaché est communément
|
||||
appelée «&nbsp;tethering&nbsp;» en anglais1.</p>
|
||||
</em></p> </blockquote></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,198 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 273</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-02-08 12:55:27></li>
|
||||
<li>modifié: <2013-02-08 12:56:51></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="cache-manifest-1">cache manifest</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://rawkes.com/media/images/HTML5rawkes.png">https://rawkes.com/media/images/HTML5rawkes.png</a>"
|
||||
alt="" width"500"="" /> </p> <p>Manifestement, le HTML 5
|
||||
c'est bien. moi qui me demandais comment gérer les sites web avec le
|
||||
réseau pourri du métro et si on pourrait voir nos sites même sans réseau
|
||||
entre deux tunnels. Voici la solution: <a href="<a
|
||||
href="https://www.html5-css3.fr/html5/tutoriel-application-web-offline-html5-cache-manifest">https://www.html5-css3.fr/html5/tutoriel-application-web-offline-html5-cache-manifest</a>"
|
||||
hreflang="fr" title="tuto cache manifest">les manifestes de
|
||||
cache</a>.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,213 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 272</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-02-21 13:55:47></li>
|
||||
<li>modifié: <2013-02-21 13:57:15></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="wampserveur-403-forbidden-1">wampserveur 403 forbidden</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://www.alternative.free.fr/blog/images/wampserver_logo.png">https://www.alternative.free.fr/blog/images/wampserver_logo.png</a>"
|
||||
alt="icone wamp" style="display:block; margin:0 auto;" /><br
|
||||
/></p></p>
|
||||
<p><p>Vous venez d'installer Wampserver sur votre ordi tout neuf.
|
||||
Vous le lancez tranquillement, l'icone est verte.Mais en arrivant sur <a
|
||||
href="https://localhost">https://localhost</a> il vous fait une jolie
|
||||
erreur 403 Forbidden access. C'est parce que quelqu'un s'est empalé dans
|
||||
la config du fichier httpd.conf.</p></p>
|
||||
<p><pre>Mais n'ayez crainte, c'est juste que vous n'avez pas
|
||||
autorisé tout le monde a accéder au bouzin.</pre></p>
|
||||
<p><p>allez dans le fichier httpd.conf: (avec un click droit sur
|
||||
l'icone wamp, menu Apache), puis trouvez ces lignes:</p>
|
||||
<pre> <Directory &quot;c:/wamp/www/&quot;></p>
|
||||
<p>Options Indexes FollowSymLinks</p>
|
||||
<p>AllowOverride all</p>
|
||||
<p>Deny from all Allow from all Order Deny,Allow </Directory>
|
||||
</pre></p>
|
||||
<p><p>les lignes:</p> <pre> Allow from all Order
|
||||
Deny,Allow </pre></p>
|
||||
<p><p>sont sans doute différente, et c'est ça qui facilite le
|
||||
transit intestinal. sauvegardez le fichier. relancez wamp, Enjoyez!
|
||||
<br /><br /> ceci m'a aidé: <a
|
||||
href="https://tutos.tangui.eu.org/9-erreur-403-dapache-client-denied-server-configuration">https://tutos.tangui.eu.org/9-erreur-403-dapache-client-denied-server-configuration</a></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,194 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 271</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-05-02 06:47:40></li>
|
||||
<li>modifié: <2013-05-02 06:47:40></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="comment-tuer-git-1">Comment tuer git</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Pour tuer git, entrez la commande suivante dans un
|
||||
terminal</p></p>
|
||||
<p><blockquote><p>$ git commit
|
||||
suicide</p></blockquote></p>
|
||||
<p><p>MUHOHOHO!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,267 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
/* CSS for syntax highlighting */
|
||||
pre > code.sourceCode { white-space: pre; position: relative; }
|
||||
pre > code.sourceCode > span { line-height: 1.25; }
|
||||
pre > code.sourceCode > span:empty { height: 1.2em; }
|
||||
.sourceCode { overflow: visible; }
|
||||
code.sourceCode > span { color: inherit; text-decoration: inherit; }
|
||||
div.sourceCode { margin: 1em 0; }
|
||||
pre.sourceCode { margin: 0; }
|
||||
@media screen {
|
||||
div.sourceCode { overflow: auto; }
|
||||
}
|
||||
@media print {
|
||||
pre > code.sourceCode { white-space: pre-wrap; }
|
||||
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
|
||||
}
|
||||
pre.numberSource code
|
||||
{ counter-reset: source-line 0; }
|
||||
pre.numberSource code > span
|
||||
{ position: relative; left: -4em; counter-increment: source-line; }
|
||||
pre.numberSource code > span > a:first-child::before
|
||||
{ content: counter(source-line);
|
||||
position: relative; left: -1em; text-align: right; vertical-align: baseline;
|
||||
border: none; display: inline-block;
|
||||
-webkit-touch-callout: none; -webkit-user-select: none;
|
||||
-khtml-user-select: none; -moz-user-select: none;
|
||||
-ms-user-select: none; user-select: none;
|
||||
padding: 0 4px; width: 4em;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
|
||||
div.sourceCode
|
||||
{ }
|
||||
@media screen {
|
||||
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
|
||||
}
|
||||
code span.al { color: #ff0000; font-weight: bold; } /* Alert */
|
||||
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
|
||||
code span.at { color: #7d9029; } /* Attribute */
|
||||
code span.bn { color: #40a070; } /* BaseN */
|
||||
code span.bu { color: #008000; } /* BuiltIn */
|
||||
code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
|
||||
code span.ch { color: #4070a0; } /* Char */
|
||||
code span.cn { color: #880000; } /* Constant */
|
||||
code span.co { color: #60a0b0; font-style: italic; } /* Comment */
|
||||
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
|
||||
code span.do { color: #ba2121; font-style: italic; } /* Documentation */
|
||||
code span.dt { color: #902000; } /* DataType */
|
||||
code span.dv { color: #40a070; } /* DecVal */
|
||||
code span.er { color: #ff0000; font-weight: bold; } /* Error */
|
||||
code span.ex { } /* Extension */
|
||||
code span.fl { color: #40a070; } /* Float */
|
||||
code span.fu { color: #06287e; } /* Function */
|
||||
code span.im { color: #008000; font-weight: bold; } /* Import */
|
||||
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
|
||||
code span.kw { color: #007020; font-weight: bold; } /* Keyword */
|
||||
code span.op { color: #666666; } /* Operator */
|
||||
code span.ot { color: #007020; } /* Other */
|
||||
code span.pp { color: #bc7a00; } /* Preprocessor */
|
||||
code span.sc { color: #4070a0; } /* SpecialChar */
|
||||
code span.ss { color: #bb6688; } /* SpecialString */
|
||||
code span.st { color: #4070a0; } /* String */
|
||||
code span.va { color: #19177c; } /* Variable */
|
||||
code span.vs { color: #4070a0; } /* VerbatimString */
|
||||
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 270</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-05-02 14:00:46></li>
|
||||
<li>modifié: <2013-05-02 14:00:46></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="une-autre-époque">Une autre époque</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<div class="sourceCode" id="cb1"><pre
|
||||
class="sourceCode html"><code class="sourceCode html"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">p</span><span class="dt">><</span><span class="kw">br</span> <span class="er">_moz_editor_blogus_node</span><span class="ot">=</span><span class="st">"TRUE"</span> <span class="er">_moz_dirty</span><span class="ot">=</span><span class="st">""</span> <span class="dt">/></</span><span class="kw">p</span><span class="dt">><</span><span class="kw">hr</span><span class="dt">></span>Un peu de Québecois dans ce fuking blog, voici en image ce que constitue la rupture technologique actuelle. Des gens agés face a des objets modernes.</span>
|
||||
<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">iframe</span> <span class="er">width</span><span class="ot">=</span><span class="st">"560"</span> <span class="er">height</span><span class="ot">=</span><span class="st">"315"</span> <span class="er">src</span><span class="ot">=</span><span class="st">"https://www.youtube.com/embed/2GOBuAGdaPU"</span> <span class="er">frameborder</span><span class="ot">=</span><span class="st">"0"</span> <span class="er">allowfullscreen</span><span class="dt">></</span><span class="kw">iframe</span><span class="dt">></span></span>
|
||||
<span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a>"c'est fancy" "c'est un miroir pour connaitre nos pensées"</span>
|
||||
<span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a>Des enfants face a des objets de moins de 30 ans.</span>
|
||||
<span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">iframe</span> <span class="er">frameborder</span><span class="ot">=</span><span class="st">"0"</span> <span class="er">width</span><span class="ot">=</span><span class="st">"480"</span> <span class="er">height</span><span class="ot">=</span><span class="st">"276"</span> <span class="er">src</span><span class="ot">=</span><span class="st">"https://www.dailymotion.com/embed/video/xg7hx1"</span><span class="dt">></</span><span class="kw">iframe</span><span class="dt">><</span><span class="kw">br</span> <span class="dt">/><</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">"https://www.dailymotion.com/video/xg7hx1_une-disquette-cest-quoi-ca_tech"</span> <span class="er">target</span><span class="ot">=</span><span class="st">"_blank"</span><span class="dt">></span>Une disquette ? Cest quoi <span class="dv">&ccedil;</span>a<span class="dt"></</span><span class="kw">a</span><span class="dt">></span> <span class="dt"><</span><span class="kw">i</span><span class="dt">></span>par <span class="dt"><</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">"https://www.dailymotion.com/Suchablog"</span> <span class="er">target</span><span class="ot">=</span><span class="st">"_blank"</span><span class="dt">></span>Suchablog<span class="dt"></</span><span class="kw">a</span><span class="dt">></</span><span class="kw">i</span><span class="dt">></span></span>
|
||||
<span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a>une disquette, c'est quoi ça ?</span>
|
||||
<span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a>Ne rions pas, certains souffrent d'ipadite.</span>
|
||||
<span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">object</span> <span class="er">width</span><span class="ot">=</span><span class="st">"640"</span> <span class="er">height</span><span class="ot">=</span><span class="st">"472"</span><span class="dt">><</span><span class="kw">param</span> <span class="er">name</span><span class="ot">=</span><span class="st">"movie"</span> <span class="er">value</span><span class="ot">=</span><span class="st">"https://www.bbc.co.uk/emp/external/player.swf"</span><span class="dt">></</span><span class="kw">param</span><span class="dt">><</span><span class="kw">param</span> <span class="er">name</span><span class="ot">=</span><span class="st">"allowFullScreen"</span> <span class="er">value</span><span class="ot">=</span><span class="st">"true"</span><span class="dt">></</span><span class="kw">param</span><span class="dt">><</span><span class="kw">param</span> <span class="er">name</span><span class="ot">=</span><span class="st">"allowScriptAccess"</span> <span class="er">value</span><span class="ot">=</span><span class="st">"always"</span><span class="dt">></</span><span class="kw">param</span><span class="dt">><</span><span class="kw">param</span> <span class="er">name</span><span class="ot">=</span><span class="st">"FlashVars"</span> <span class="er">value</span><span class="ot">=</span><span class="st">"config_settings_showUpdatedInFooter=true</span><span class="er">&</span><span class="st">config_settings_showFullScreenButton=true</span><span class="er">&</span><span class="st">config_settings_showPopoutButton=false</span><span class="er">&</span><span class="st">config_settings_bitrateCeiling=1000</span><span class="er">&</span><span class="st">playlist=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Fplaylist%2Fp00fx5v7%2Exml</span><span class="er">&</span><span class="st">config_settings_skin=black</span><span class="er">&</span><span class="st">config=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Femp%2Fempconfig%2Exml</span><span class="er">&</span><span class="st">config_settings_showFooter=true</span><span class="er">&</span><span class="st">"</span><span class="dt">></</span><span class="kw">param</span><span class="dt">><</span><span class="kw">embed</span> <span class="er">src</span><span class="ot">=</span><span class="st">"https://www.bbc.co.uk/emp/external/player.swf"</span> <span class="er">type</span><span class="ot">=</span><span class="st">"application/x-shockwave-flash"</span> <span class="er">allowfullscreen</span><span class="ot">=</span><span class="st">"true"</span> <span class="er">allowScriptAccess</span><span class="ot">=</span><span class="st">"always"</span> <span class="er">width</span><span class="ot">=</span><span class="st">"640"</span> <span class="er">height</span><span class="ot">=</span><span class="st">"472"</span> <span class="er">FlashVars</span><span class="ot">=</span><span class="st">"config_settings_showUpdatedInFooter=true</span><span class="er">&</span><span class="st">config_settings_showFullScreenButton=true</span><span class="er">&</span><span class="st">config_settings_showPopoutButton=false</span><span class="er">&</span><span class="st">config_settings_bitrateCeiling=1000</span><span class="er">&</span><span class="st">playlist=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Fplaylist%2Fp00fx5v7%2Exml</span><span class="er">&</span><span class="st">config_settings_skin=black</span><span class="er">&</span><span class="st">config=http%3A%2F%2Fwww%2Ebbc%2Eco%2Euk%2Fcomedy%2Fforge%2Dassets%2Fextra%2Femp%2Fempconfig%2Exml</span><span class="er">&</span><span class="st">config_settings_showFooter=true</span><span class="er">&</span><span class="st">"</span><span class="dt">></</span><span class="kw">embed</span><span class="dt">></</span><span class="kw">object</span><span class="dt">></span></span>
|
||||
<span id="cb1-12"><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-13"><a href="#cb1-13" aria-hidden="true" tabindex="-1"></a>ho ho hohohooo!</span></code></pre></div>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,223 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 269</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-05-03 07:32:24></li>
|
||||
<li>modifié: <2013-05-03 07:32:24></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="skype-sous-linux---debian-6.0">skype sous linux - debian
|
||||
6.0</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><br <sub>mozeditorblogusnode</sub>="TRUE"
|
||||
<sub>mozdirty</sub>="" /></p><hr><p><img src="<a
|
||||
href="https://footnotes.fr/wp-content/uploads/2011/04/Credits_gratuits_chez_Skype.jpeg">https://footnotes.fr/wp-content/uploads/2011/04/Credits_gratuits_chez_Skype.jpeg</a>"
|
||||
alt="" /><br <sub>mozeditorblogusnode</sub>="TRUE"
|
||||
<sub>mozdirty</sub>="" /></p> <p>Avoir une distrib linux
|
||||
Debian 6.0 et vouloir installer skype sans lire le fucking manuel c'est
|
||||
aller à l'encontre de bien des interrogations.</p>
|
||||
<p>Notamment si vous vous retrouvez face à une erreur signalant
|
||||
une architecture erronnée durant l'installation du paquet.</p>
|
||||
<p>Heureusement il vous suffira de faire une installation
|
||||
de&nbsp;<span style="font-family: 'Courier New', Courier,
|
||||
monospace; font-size: 1.1em; background-color: rgb(245, 246, 247);
|
||||
line-height: 2em;"><em>ia32-libs</em>&nbsp;et
|
||||
<em>ia32-libs-gtk</em></span></p> <p>
|
||||
<pre style="border: 1px solid rgb(210, 211, 215); background-color:
|
||||
rgb(245, 246, 247); padding: 1em; font-family: monospace; word-wrap:
|
||||
break-word; margin: 2em 1.5em; outline: 0; font-size:
|
||||
12.800000190734863px; vertical-align: baseline; overflow: auto;
|
||||
line-height: 2em;"># apt-get install ia32-libs
|
||||
ia32-libs-gtk</pre></p> <p>De
|
||||
télécharger&nbsp;<a href="<a
|
||||
href="https://download.skype.com/linux/skype-debian_4.0.0.7-1_i386.deb">https://download.skype.com/linux/skype-debian_4.0.0.7-1_i386.deb</a>"
|
||||
title="skype-debian<sub>4</sub>.0.0.7-1<sub>i386</sub>.deb">skype-debian<sub>4</sub>.0.0.7-1<sub>i386</sub>.deb</a></p>
|
||||
<p>et de l'installer avec la commande</p> <p><pre
|
||||
style="border: 1px solid rgb(210, 211, 215); background-color: rgb(245,
|
||||
246, 247); padding: 1em; font-family: monospace; word-wrap: break-word;
|
||||
margin: 2em 1.5em; outline: 0; font-size: 12.800000190734863px;
|
||||
vertical-align: baseline; overflow: auto; line-height: 2em;"># dpkg
|
||||
-i –force-architecture
|
||||
skype-debian<sub>4</sub>.0.0.7-1<sub>i386</sub>.deb</pre></p>
|
||||
<p>et tadaaam!</p> <p>trouvé sur <a href="<a
|
||||
href="https://wiki.debian.org/skype">https://wiki.debian.org/skype</a>"
|
||||
hreflang="en">le wiki debian</a> en Anglais</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,217 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 268</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-05-03 13:57:33></li>
|
||||
<li>modifié: <2013-05-03 13:57:33></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="problème-avec-le-sélecteur-css-last-child">Problème avec le
|
||||
sélecteur CSS :last-child</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://lacantine-stbrieuc.org/wp-content/uploads/2013/02/css3.png">https://lacantine-stbrieuc.org/wp-content/uploads/2013/02/css3.png</a>"
|
||||
alt="" /></p></p>
|
||||
<p><p>Peut être vous êtes vous déjà demandé pourquoi votre
|
||||
sélecteur :last-child ne ciblait pas le dernier élément de la classe que
|
||||
vous lui avez passé. Nous avons explication: c'est parce que ce
|
||||
sélecteur se base sur l'élément où s'applique la classe, et qu'il
|
||||
choisit le dernier élément. Admettons que nous ayons ce code
|
||||
HTML</p></p>
|
||||
<p><pre> <nav> <div
|
||||
class=&quot;panel&quot;>mon item</div> <div
|
||||
class=&quot;panel&quot;>mon item 2</div> <div
|
||||
class=&quot;panel&quot;>mon item 3</div> <div
|
||||
class=&quot;panel&quot;>mon item 4</div> <div
|
||||
class=&quot;clear&quot;></div> </nav>
|
||||
</pre></p>
|
||||
<p><p>et ce code CSS pour avoir en fond rouge le derner
|
||||
.panel.</p> <pre> .panel:last-child{ background: red; }</p>
|
||||
<p></pre></p>
|
||||
<p><p>Surprise, aucun élément .panel n'a de fond rouge, et surtout
|
||||
pas le dernier (4e enfant de <nav>). Il semblerait que c'est un
|
||||
bug CSS non résolu à ce jour, et que comme le dernier div n'est pas de
|
||||
la class panel, il ne soit ciblé, et ne renvoie pas un test concluant.
|
||||
Donc, n'applique pas le style demandé.</p></p>
|
||||
<p><p>Et oui jammy, même dans Chrome supportant parfaitement le
|
||||
CSS3. Cependant, je suis toute ouïe si vous avez une meilleure
|
||||
explication.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,244 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 267</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-05-12 21:30:30></li>
|
||||
<li>modifié: <2013-05-13 09:52:37></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="git-it-git-it-no-one-wants-to-be-defeated-1">git it, git it, no
|
||||
one wants to be defeated</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Parfois je rangerai bien des tas de choses, du style mes
|
||||
fringues, avec un git stash. <a href="<a
|
||||
href="https://git-scm.com/book/fr/">https://git-scm.com/book/fr/</a>"><img
|
||||
src="<a
|
||||
href="https://git-scm.com/images/books/pro-git@2x.jpg">https://git-scm.com/images/books/pro-git@2x.jpg</a>"
|
||||
alt="git pro book" style="display:block; margin:0 auto;" /></a>
|
||||
Si ça ne vous parle pas du tout mais que vous vous intéressez a git tout
|
||||
en étant un parfait noob, je vous recommande la lecture de <a
|
||||
href="<a
|
||||
href="https://git-scm.com/book/fr/">https://git-scm.com/book/fr/</a>">ce
|
||||
superbe livre intégral et en français sur l'utilisation de git, Git
|
||||
pro</a>. Vous pouvez aussi le trouver au format
|
||||
papier.</p></p>
|
||||
<p><h3>Au programme:</h3></p>
|
||||
<p><h4>1. Démarrage rapide</h4></p>
|
||||
<p><p>1.1 À propos de la gestion de version 1.2 Une rapide
|
||||
histoire de Git 1.3 Rudiments de Git 1.4 Installation de Git 1.5
|
||||
Paramétrage à la première utilisation de Git 1.6 Obtenir de l'aide 1.7
|
||||
Résumé</p></p>
|
||||
<p><h4>2. Les bases de Git</h4></p>
|
||||
<p><p>2.1 Démarrer un dépôt Git 2.2 Enregistrer des modifications
|
||||
dans le dépôt 2.3 Visualiser l'historique des validations 2.4 Annuler
|
||||
des actions 2.5 Travailler avec des dépôts distants 2.6 Étiquetage 2.7
|
||||
Trucs et astuces 2.8 Résumé</p></p>
|
||||
<p><h4>3. Les branches avec Git</h4></p>
|
||||
<p><p>3.1 Ce qu'est une branche 3.2 Brancher et
|
||||
fusionner&nbsp;: les bases 3.3 Gestion de branches 3.4 Travailler
|
||||
avec les branches 3.5 Les branches distantes 3.6 Rebaser 3.7
|
||||
Résumé</p></p>
|
||||
<p><h4>4. Git sur le serveur</h4></p>
|
||||
<p><p>4.1 Protocoles 4.2 Installation de Git sur un serveur 4.3
|
||||
Génération des clés publiques SSH 4.4 Mise en place du serveur 4.5 Accès
|
||||
public 4.6 GitWeb 4.7 Gitosis 4.8 Gitolite 4.9 Le daemon Git 4.10 Git
|
||||
hébergé 4.11 Résumé</p></p>
|
||||
<p><h4>5. Git distribué</h4></p>
|
||||
<p><p>5.1 Développements distribués 5.2 Contribution à un projet
|
||||
5.3 Maintenance d'un projet 5.4 Résumé</p></p>
|
||||
<p><h4>6. Utilitaires Git</h4></p>
|
||||
<p><p>6.1 Sélection des versions 6.2 Indexation interactive 6.3 Le
|
||||
remisage 6.4 Réécrire l'historique 6.5 Deboguer avec Git 6.6
|
||||
Sous-modules 6.7 Fusion de sous-arborescences 6.8 Résumé</p></p>
|
||||
<p><h4>7. Personnalisation de Git</h4></p>
|
||||
<p><p>7.1 Configuration de Git 7.2 Attributs Git 7.3 Crochets Git
|
||||
7.4 Exemple de politique gérée par Git 7.5 Résumé</p></p>
|
||||
<p><h4>8. Git et les autres systèmes</h4></p>
|
||||
<p><p>8.1 Git et Subversion 8.2 Migrer sur Git 8.3
|
||||
Résumé</p></p>
|
||||
<p><h4>9. Les tripes de Git</h4></p>
|
||||
<p><p>9.1 Plomberie et porcelaine 9.2 Les objets Git 9.3
|
||||
Références Git 9.4 Fichiers groupés 9.5 Les références spécifiques 9.6
|
||||
Protocoles de transfert 9.7 Maintenance et récupération de données 9.8
|
||||
Résumé Index of Commands</p></p>
|
||||
<p><p>De quoi tout savoir du plus puissant des gestionnaires de
|
||||
version. Have fun!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,224 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 265</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-06-05 09:11:07></li>
|
||||
<li>modifié: <2013-06-06 19:39:08></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="faire-durer-4-jours-dautonomie-un-galaxy-s3">Faire durer 4 jours
|
||||
d'autonomie un Galaxy S3</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Faire durer plus de 4 jours d'autonomie un Galaxy S3? C'est
|
||||
possible et je l'ai fait.</p></p>
|
||||
<p><pre>Preuve en image.</pre></p>
|
||||
<p><p><a href="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05">https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05</a>
|
||||
20.35.39.png"><img src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05">https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05</a>
|
||||
20.35.39.png" alt="android galaxy s3 batterie longue duree 4 jours et
|
||||
demi 2013 06 05 20.35.39" style="display:block; margin:0 auto;"
|
||||
/></a></p></p>
|
||||
<p><p>Premièrement: se payer 15 euros une batterie ayant 4500 mAh
|
||||
au lieu de 2200 de base. La batterie en question trouvée sur amazon ne
|
||||
possède pas de puce nfc, mais spa grave. Livrée avec coque elle permet
|
||||
de placer la batterie qui fait gagner en épaisseur et en poids au S3,
|
||||
mais c'est pas plus mal, surtout pour la prise en main qui se retrouve
|
||||
facilitée avec les courbes à l'arrière. Pratique pour manipuler à une
|
||||
seule main, ce qui arrive plus souvent qu'on ne le croit.</p></p>
|
||||
<p><ul> <li>Désactiver la connexion de données,</li>
|
||||
<li>Désactiver les mises a jour automatiques des
|
||||
applications,</li> <li>ne plus utiliser le tel aux chiottes
|
||||
:D</li> </ul></p>
|
||||
<p><p>Pour arriver à ça je ne me suis pas privé de l'utiliser
|
||||
pourtant. J'ai donc pu: regarder des <a href="<a
|
||||
href="https://play.google.com/store/apps/details?id=com.ted.android&feature=search_result#?t=W251bGwsMSwyLDEsImNvbS50ZWQuYW5kcm9pZCJd">https://play.google.com/store/apps/details?id=com.ted.android&feature=search_result#?t=W251bGwsMSwyLDEsImNvbS50ZWQuYW5kcm9pZCJd</a>">vidéos
|
||||
conférences de TED</a> (téléchargées par wifi) dans les transports
|
||||
en commun, soit près de 2 heures sur les 4 jours, écouter de la musique
|
||||
sur écouteur, utiliser le GPS + musique en faisant du vélo pendant 25
|
||||
minutes. utiliser le GPS en voiture pendant 20 minutes. téléphoner
|
||||
environ 25 minutes.</p></p>
|
||||
<p><p>Surtout ça consiste en attendre quelques minutes d'être a
|
||||
son poste au boulot pour checker quelques trucs que l'on regarde
|
||||
habituellement sur son mobile. Et désactiver les données c'est très
|
||||
bien, surtout que dans le métro c'est vraiment un coup de bol si on a du
|
||||
réseau de données. Et hop! Autonomie de fifou!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,197 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 263</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-06-06 20:02:18></li>
|
||||
<li>modifié: <2013-06-06 20:03:14></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="mangez-des-pommes-1">mangez des pommes</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05">https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05</a>
|
||||
10.41.24.jpg"><img src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05">https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05</a>
|
||||
10.41.24.jpg" alt="macbook air a la pomme 2013 06 05 10.41.24 , une
|
||||
pomme sur un mac book air" style="display:block; margin:0 auto;"
|
||||
/></a> Voilà, c'était la connerie du jour au boulot. Eh ouais,
|
||||
on est des gros dingues.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,197 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 262</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-06-06 20:04:12></li>
|
||||
<li>modifié: <2021-09-16 11:20:57></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="navigo-cest-pas-toujours-facile">Navigo c'est pas toujours
|
||||
facile</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/i/2013/06juin/informageek/g/ratp_fail_de_navigo_2013-04-24">https://www.cipherbliss.com/wp-content/uploads/i/2013/06juin/informageek/g/ratp_fail_de_navigo_2013-04-24</a>
|
||||
09.03.23.jpg"><img style="display: block; margin: 0 auto;" src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/ratp_fail_de_navigo_2013-04-24">https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/ratp_fail_de_navigo_2013-04-24</a>
|
||||
09.03.23.jpg" alt="ratp fail de navigo 2013 04 24 09.03.23"
|
||||
/></a> si on veut valider, y'a des fois on est vraiment pas
|
||||
aidés :D</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,226 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 261</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-07-25 13:25:46></li>
|
||||
<li>modifié: <2013-07-25 13:28:01></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="redirection-dotclear-1">Redirection dotclear</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214">https://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214</a>"><img
|
||||
src="<a
|
||||
href="https://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg">https://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg</a>"
|
||||
alt="Discouragement Redirection Cube" style="display:block; margin:0
|
||||
auto;" /></a></p></p>
|
||||
<p><p>Si comme moi vous avez déménagé un blog Dotclear vers un
|
||||
nouveau serveur et que vous ne souhaitez pas perdre vos anciens liens,
|
||||
lecteurs et autres joies du référencement il convient de faire une
|
||||
redirection permanente de tous les liens envoyés à l'index.php de
|
||||
Dotclear.</p></p>
|
||||
<p><p>éditez donc ce fichier et rajoutez y ce code avec vos infos
|
||||
perso.</p> <pre> <?php function curPageURL() { $pageURL =
|
||||
'http'; if ($<sub>SERVER</sub>[&quot;HTTPS&quot;] ==
|
||||
&quot;on&quot;) {$pageURL .= &quot;s&quot;;} $pageURL .=
|
||||
&quot;://&quot;; if
|
||||
($<sub>SERVER</sub>[&quot;SERVER<sub>PORT</sub>&quot;] !=
|
||||
&quot;80&quot;) { $pageURL .=
|
||||
$<sub>SERVER</sub>[&quot;SERVER<sub>NAME</sub>&quot;].&quot;:&quot;.$<sub>SERVER</sub>[&quot;SERVER<sub>PORT</sub>&quot;].$<sub>SERVER</sub>[&quot;REQUEST<sub>URI</sub>&quot;];
|
||||
} else { $pageURL .=
|
||||
$<sub>SERVER</sub>[&quot;SERVER<sub>NAME</sub>&quot;].$<sub>SERVER</sub>[&quot;REQUEST<sub>URI</sub>&quot;];
|
||||
} return $pageURL; }</p>
|
||||
<p>$mystring = curPageURL(); $findme = 'index.php/post'; $pos =
|
||||
strpos($mystring, $findme);</p>
|
||||
<p>if( $pos ){ //pour remplacer la nouvelle façon d'écrire le chemin
|
||||
vers l'index et les posts // bien sûr au lieu de tykay.free.fr et
|
||||
tykayn.fr il faut mettre ce code en fonction de vos informations persos
|
||||
$newurl = str<sub>replace</sub>('<a
|
||||
href="https://tykayn.fr">https://tykayn.fr</a>','<a
|
||||
href="https://tykayn.fr/?post">https://tykayn.fr/?post</a>',curPageURL());
|
||||
} else{ $newurl = str<sub>replace</sub>('<a
|
||||
href="https://tykay.free.fr">https://tykay.free.fr</a>','<a
|
||||
href="https://tykayn.fr">https://tykayn.fr</a>',curPageURL()); }</p>
|
||||
<p>//echo $newurl; // Permanent redirection header(&quot;HTTP/1.1
|
||||
301 Moved Permanently&quot;); header(&quot;Location:
|
||||
$newurl&quot;); ?> </pre></p>
|
||||
<p><p>Et voilou! Enjoy</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,220 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 260</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-07-29 14:25:57></li>
|
||||
<li>modifié: <2013-07-29 14:25:57></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="créer-des-alias-de-commande-windows-7">Créer des alias de
|
||||
commande windows 7</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://iflock.deviantart.com/art/Shell-64171812">https://iflock.deviantart.com/art/Shell-64171812</a>"><img
|
||||
src="<a
|
||||
href="https://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg">https://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg</a>"
|
||||
alt="Shell" style="display:block; margin:0 auto;" /></a> Vous
|
||||
voulez éviter de taper des changement de dossier dans votre console?
|
||||
Faite un ctrl + click droit dans le dossier désiré et cliquez sur
|
||||
"ouvrir un terminal ici".</p></p>
|
||||
<p><p>Pour s'éviter de taper plein de fois une commande dans
|
||||
windows 7 il vous faudra créer un fichier autorun.bet dans votre dossier
|
||||
personnel Pour moi ça donne:</p></p>
|
||||
<p><blockquote><p>C:</p></blockquote></p>
|
||||
<p><p>et bidouiller le registre.</p></p>
|
||||
<p><p>Voici le contenu de mon fichier autorun.bat:</p></p>
|
||||
<p><blockquote><p>@ECHO OFF doskey ls=dir /b $* doskey
|
||||
ll=dir $* doskey cat=type $* doskey ..=cd.. doskey grep=find "$1" $2
|
||||
doskey mv=ren $* doskey rm=del $* doskey sf=php app/console
|
||||
$*</p></blockquote></p>
|
||||
<p><p>Ces alias reprennent les commandes unix et la dernière
|
||||
concerne symfony2</p></p>
|
||||
<p><p>(touche windows, écrivez regedit, appuyez sur entrée et vous
|
||||
voilà dans l'éditeur de registre. Naviguez dans&nbsp;:
|
||||
HKEY<sub>CURRENTUSER</sub> > Software > Microsoft > Command
|
||||
Processor click droit, nouveau > valeur chaîne Appellez la
|
||||
<strong>Autorun</strong> faites entrée, click droit dessus,
|
||||
modifiez sa valeur à ceci</p></p>
|
||||
<p><blockquote><p>%USERPROFILE%.bat</p></blockquote></p>
|
||||
<p><p>Et voilà, les prochianes consoles windows que vous ouvrirez
|
||||
contiendront votre fichier autorun.bat avec ses alias. Voilou,
|
||||
enjoy!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,224 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 259</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-08-14 13:00:55></li>
|
||||
<li>modifié: <2018-09-24 17:25:23></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="les-illétrés-technologiques-que-nous-sommes">Les illétrés
|
||||
technologiques que nous sommes</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><a href="<a
|
||||
href="https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs">https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs</a>"><img
|
||||
style="display: block; margin: 0 auto;" src="<a
|
||||
href="https://lunatopia.fr/img/blog/telephone_fisher_price.jpg">https://lunatopia.fr/img/blog/telephone_fisher_price.jpg</a>"
|
||||
alt="" /></a> Un récit fort intéressant de la part d'un prof
|
||||
d'informatique / ingé réseau Britannique / techno Papa, traduit en
|
||||
Français. Il nous y explique quelques cas représentant l'étendue de
|
||||
notre illettrisme, et pourquoi c'est important de savoir se servir des
|
||||
ordinateurs, quel que soit notre âge et notre rang social. Que "si on
|
||||
n'a rien a se reprocher on a rien à cacher" est encore omniprésent dans
|
||||
nos têtes, pour le pire de nos libertés. Les décideurs de lois à propos
|
||||
de l'informatiques sont illettrés, comme tout le monde, et ça pose de
|
||||
gros problèmes dans à peu près tout ce qui concerne le fonctionnement du
|
||||
monde actuel, ainsi que la sécurité des entreprises, mais aussi des
|
||||
personnes. <blockquote>L'infrastructure réseau des écoles du
|
||||
Royaume-Uni est tout autant à blâmer. Nous avons imité les réseaux
|
||||
d'entreprises, empêchant les étudiants et les professeurs d'accéder aux
|
||||
paramètres système, à la ligne de commande, et en réclamant des droits
|
||||
d'administration pour faire à peu près n'importe quoi. Ils sont assis
|
||||
devant un "general purpose computer" et n'ont pas la possibilité de
|
||||
faire de l' "informatique générale".</blockquote> Je propose comme
|
||||
traduction de "general purpose computer", un ordinateur à tout faire, ou
|
||||
un ordi normal, basique. <blockquote>C'est fantastique que tout le
|
||||
monde, du plus petit des enfants au plus vieux des grand-parents
|
||||
puissent maintenant utiliser un ordinateur avec absolument aucune
|
||||
connaissance technique, mais c'est aussi une catastrophe. Cory Doctorow
|
||||
le formule mieux que moi quand il dit :</p>
|
||||
<p><em>Il n'y a pas d'avions, juste des ordinateurs qui volent. Il
|
||||
n'y a pas de voitures, juste des ordinateurs dans lesquels on s'assied.
|
||||
Il n'y a pas d'aides auditives, juste des ordinateurs que nous mettons
|
||||
dans nos oreilles.</em></blockquote> à lire en entier par
|
||||
ici: <a href="<a
|
||||
href="https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs">https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs</a>"><a
|
||||
href="https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs">https://lunatopia.fr/blog/les-gamins-ne-savent-pas-utiliser-les-ordinateurs</a></a></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,205 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 258</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-10-14 08:57:45></li>
|
||||
<li>modifié: <2014-05-23 10:23:13></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="rooter-galaxy-s3-et-cyanogenmod-10-1">rooter galaxy S3 et
|
||||
cyanogenmod 10</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><h3>ingrédients:</h3> <ul><li>Galaxy
|
||||
S3.</li> <li>carte mémoire</li> <li>carte
|
||||
sim</li> <li>batterie</li> <li>câble usb
|
||||
micro.</li> </ul> <h3>à télécharger pour
|
||||
windows:</h3> <p>Odin le recovery mod la rom CyanogenMod qui
|
||||
va bien.</p> <h3>plan d'action:</h3> <p>copier
|
||||
les fichiers zip de cyanogen et des google apps dans la carte mémoire
|
||||
externe du téléphone.</p> <p>rooter le téléphone en mode
|
||||
download avec odin et le recovery mod.</p> <p>démarrage en
|
||||
mode bios. backup de la rom d'origine et les données utilisateur.
|
||||
nettoyache de cache. flasher (installer depuis la carte mémoire externe
|
||||
le zip de cyanogenmod, flasher les google apps. nettoyer le cache
|
||||
utilisateur encore une fois.</p> <p>rebooter normalement et
|
||||
attendre un peu que cyanogenmod s'initialise (moins de dix minutes)
|
||||
envoyyy</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,227 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 257</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-11-26 11:29:03></li>
|
||||
<li>modifié: <2015-06-23 09:36:38></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="alias-symfony-et-git-pour-linux-1">alias symfony et git pour
|
||||
linux</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Les alias c'est fort pratique quand on bouffe de la ligne de
|
||||
commande quotidiennement. voici donc mon fichier .bash<sub>aliases</sub>
|
||||
actuel (se trouvant dans mon répertoire d'utilisateur) sur mon ubuntu
|
||||
maison. Enjoyez les commandes raccourcies!</p> <pre
|
||||
class="brush:bash"> ################ git ################ alias
|
||||
ci='commit'; alias co='checkout'; alias st='status'; alias br='branch';
|
||||
alias gci='git commit'; alias gco='git checkout'; alias gst='git
|
||||
status'; alias gbr='git branch'; alias gpull='git pull origin master';
|
||||
alias gpush='git push origin master'; alias glg='git log
|
||||
–pretty=oneline'; alias myglg='git log –pretty=oneline
|
||||
–author=baptiste.lemoine'; alias gaci='git add . && git commit
|
||||
-m ';</p>
|
||||
<p>################ symfony2 ###################### alias sf='php
|
||||
app/console'; alias sfdsu='php app/console doctrine:schema:update
|
||||
–dump-sql'; alias sfdsuf='php app/console doctrine:schema:update
|
||||
–force'; alias sfcc='rm -rf app/cache/* && rm -rf app/logs/*';
|
||||
alias sfdcc='sf doctrine:cache:clear-metadata && sf
|
||||
doctrine:cache:clear-query && sf doctrine:cache:clear-result ';
|
||||
alias sfdge='php app/console doctrine:generate:entities Tykayn'; alias
|
||||
sfdsv='php app/console doctrine:schema:validate'; alias sfdges='php
|
||||
app/console doctrine:generate:entities Tykayn'; alias c7='sudo chmod 777
|
||||
-R'; alias ptest='phpunit -c app'; alias
|
||||
composer='/usr/local/bin/composer.phar'; alias sfad='sf assetic:dump';
|
||||
alias sfai='sf assets:install';</p>
|
||||
<p>################ system - command line ################ alias
|
||||
bashare='source ~/.bash<sub>aliases</sub>'; alias basha='nano
|
||||
~/.bash<sub>aliases</sub>'; alias ainstall='sudo apt-get install'; alias
|
||||
apacheconf='sudo nano /etc/apache2/apache2.conf'; alias tfa='tail -f
|
||||
/var/log/apache2/error.log'; alias aupg='sudo apt-get update &&
|
||||
sudo apt-get upgrade'; alias toshop='wine
|
||||
"/media/tykayn/567A958C7A956A0F/Program Files (x86)/Adobe/Adobe
|
||||
Photoshop CS5/Photoshop.exe"'; alias phpini='sudo nano
|
||||
/etc/php5/apache2/php.ini'; </pre> afin que les alias
|
||||
fonctionnent, n'oubliez pas de resourcer votre bash avec la commande
|
||||
suivante: <pre class="brush:bash">source ~/.bashrc
|
||||
</pre></p>
|
||||
<p>enjoyez!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,218 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 255</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2013-12-06 21:07:39></li>
|
||||
<li>modifié: <2018-10-31 14:37:56></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="importer-facilement-sa-base-de-données">importer facilement sa
|
||||
base de données</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><a href="<a
|
||||
href="https://presto-x.deviantart.com/art/mySQL-Dock-Icon-106658165">https://presto-x.deviantart.com/art/mySQL-Dock-Icon-106658165</a>"><img
|
||||
style="display: block; margin: 0 auto;" src="<a
|
||||
href="https://fc02.deviantart.net/fs39/f/2008/353/c/1/mySQL_Dock_Icon_by_Presto_X.png">https://fc02.deviantart.net/fs39/f/2008/353/c/1/mySQL_Dock_Icon_by_Presto_X.png</a>"
|
||||
alt="mySQL Dock Icon" /></a></p>
|
||||
<p>vous avez déjà été contrait de chercher comment contourner la limite
|
||||
d'upload de phpmyadmin? hébien y'a plus simple que bigdump, c'est
|
||||
l'utilisation de la ligne de commande pour importer un fichier. ça
|
||||
implique de connaitre mot de passe et utilisateur ayant les droits pour
|
||||
importer un fichier.</p>
|
||||
<p>Faites un joli export de votre base sur votre wonderfoule serveur
|
||||
avec phpmyadmin. ou a la main, en ligne de commande après une connec en
|
||||
SSH. <blockquote> <pre>mysqldump -u root -p maBase &gt;
|
||||
maBase<sub>backup</sub>.sql</pre> </blockquote> choppez
|
||||
votre fichier .sql lancez un terminal dans le dossier où se trouve votre
|
||||
export de base sql, et faites la commande: <blockquote>
|
||||
<pre>mysql -u root -p base<sub>ouimportersurlocalhost</sub>
|
||||
&lt; Téléchargements/mon<sub>beaugrosbackup</sub>.sql</pre>
|
||||
</blockquote> entrez le mot de passe de l'utilisateur root de
|
||||
mysql (en général c'est vide, il faut juste appuyer sur entrée, ça
|
||||
dépend comment vous avez installé mysql-server. patientez un peu si vous
|
||||
avez plus de 1 Mo de fichier sql. et vouala ø/</p>
|
||||
<p>Faites gaffe si vous avez assigné des privilèges passepartout au lieu
|
||||
de seulement à l'hote local, ça peut vous empêcher de vous connecter
|
||||
malgré de bons login et mot de passe. plusse d'infos sur la doc ubuntu,
|
||||
très bien fournie et concise à la fois <a
|
||||
href="https://doc.ubuntu-fr.org/mysql">https://doc.ubuntu-fr.org/mysql</a>
|
||||
enjoy!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,210 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 253</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-01-30 10:06:46></li>
|
||||
<li>modifié: <2014-01-30 10:08:42></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="sessayer-à-git-pas-à-pas">S'essayer à git pas à pas</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://pixelworlds.deviantart.com/art/Octocat-215284019">https://pixelworlds.deviantart.com/art/Octocat-215284019</a>"><img
|
||||
src="<a
|
||||
href="https://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg">https://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg</a>"
|
||||
alt="Octocat" style="float:left; margin: 0 1em 1em 0;" /></a>
|
||||
un tutoriel en anglais vous propose pas à pas de comprendre les
|
||||
principales commandes de git avec le logo de github: l'octocat. Facile à
|
||||
comprendre grâce à sa représentation en fichiers et sans besoin
|
||||
d'installer git, il vous permettra de vous plonger dans git sans toucher
|
||||
à vos fichiers.</p></p>
|
||||
<p><p><a href="<a
|
||||
href="https://try.github.io/">https://try.github.io/</a>"
|
||||
hreflang="en"><a
|
||||
href="https://try.github.io/">https://try.github.io/</a></a></p></p>
|
||||
<p><p>Si vous avez un peu plus d'expérience et que vous aimeriez
|
||||
comprendre (en français) pourquoi la commande git checkout fait des tas
|
||||
de choses différentes, je vous conseille la lecture de ce tutoriel ci:
|
||||
<a href="<a
|
||||
href="https://www.miximum.fr/tutos/1546-enfin-comprendre-git">https://www.miximum.fr/tutos/1546-enfin-comprendre-git</a>"
|
||||
hreflang="fr"><a
|
||||
href="https://www.miximum.fr/tutos/1546-enfin-comprendre-git">https://www.miximum.fr/tutos/1546-enfin-comprendre-git</a></a></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,201 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 252</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-02-01 21:48:44></li>
|
||||
<li>modifié: <2014-02-01 21:48:44></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="astuces-pour-ligne-de-commande-linux-1">Astuces pour ligne de
|
||||
commande Linux</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://droneguard.deviantart.com/art/Computer-monster-110216368">https://droneguard.deviantart.com/art/Computer-monster-110216368</a>"><img
|
||||
src="<a
|
||||
href="https://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif">https://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif</a>"
|
||||
alt="Computer monster" style="float:left; margin: 0 1em 1em 0;"
|
||||
/></a> Des astuces pour les débutants en ligne de commande, des
|
||||
raccourcis, des symboles magiques. Tout ce qu'il faut savoir dans ce
|
||||
merveilleux article de lifeHacker.com <a href="<a
|
||||
href="https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts">https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts</a>"
|
||||
hreflang="en" title="time saving shortcuts in command line"><a
|
||||
href="https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts">https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts</a></a></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,223 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 251</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-02-12 08:28:47></li>
|
||||
<li>modifié: <2014-02-12 08:29:18></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="zen-coding-1">Zen coding</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg">https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg</a>"
|
||||
alt="Bouddha and the Lotus" style="float:right; margin: 0 0 1em 1em;"
|
||||
/> ô développeur qui cherche à optimiser son temps, si tu aimes faire
|
||||
du HTML mais que son écriture, pour faire de l'intégration par exemple
|
||||
te semble fort fastidieuse et verbeuse, j'ai un truc 'achement bien pour
|
||||
toi nommé Zen coding. ça n'a rien à voir avec coder avez le nez pour des
|
||||
djeunz. Il s'agit d'écrire un sélecteur css, de sélectionner notre
|
||||
sélecteur, puis de l'étendre avec un raccourci clavier.J'utilise
|
||||
Netbeans comme IDE, le plugin zen coding a de base un raccourci
|
||||
<strong>ctrl+alt+N</strong>.</p></p>
|
||||
<p><p>Tous <a href="<a
|
||||
href="https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn">https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn</a>"
|
||||
hreflang="en">les exemples de syntaxe zen coding sont disponibles sur
|
||||
google code</a>.</p></p>
|
||||
<p><p>Petite astuce si vous utilisez un framework css comme
|
||||
twitter bootstrap (ce qui est fort pratique), vous aurez souvent besoin
|
||||
de div avec des classes. hébien vous n'êtes même pas obligés de marquer
|
||||
div pour faire une <em>div</em> de classe
|
||||
<em>maClasse</em>. Il suffit d'écrire .maClasse et Zen
|
||||
coding assumera qu'il s'agit d'une div. Pareil pour les
|
||||
#id.</p></p>
|
||||
<p><p>On peut aussi se créer des palettes de code, comme une
|
||||
palette de peinture. Sauf qu'au lieu de piocher des couleurs on
|
||||
piocherait des blocks de code, par exemple des composants de twitter
|
||||
bootstrap comme un panel accordéon dépliable, ou un
|
||||
carroussel.</p></p>
|
||||
<p><p>Autre petite astuce pour avoir un code bien indenté, le
|
||||
raccourci de formattage: <strong>ctrl + maj +F</strong>. Les
|
||||
subtilités de reformatage sont disponibles dans les options d'édition de
|
||||
texte de votre IDE.</p></p>
|
||||
<p><p>Wouala, que le zen soit avec vous! <a href="<a
|
||||
href="https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg">https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg</a>"
|
||||
hreflang="en">image</a></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,213 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 250</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-03-04 20:22:59></li>
|
||||
<li>modifié: <2014-03-04 20:26:15></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="smartwatch-faite-maison-avec-laide-de-hong-kong">Smartwatch
|
||||
faite maison avec l'aide de hong kong</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Pendant que le marché des smart watch commence à faire
|
||||
semblant de s'installer, j'ai préféré me monter ma propre smart watch
|
||||
avec un bracelet. <img
|
||||
src="<em>public/i/2014/03mars</em>.2014-03-04<sub>20</sub>-41-58<sub>617m</sub>.jpg"
|
||||
alt="2014-03-04<sub>20</sub>-41-58<sub>617</sub>.jpg"
|
||||
style="display:block; margin:0 auto;"
|
||||
title="2014-03-04<sub>20</sub>-41-58<sub>617</sub>.jpg, mar. 2014" />
|
||||
Pour quoi faire&nbsp;? Ce n'est pas seulement pour se prendre pour
|
||||
un cyborg ou pour zieuter des séries sans se fatiguer le bras dans sa
|
||||
chaise longue ou dans le train, c'est pour faire un GPS quand je prends
|
||||
mon deux roues dans Paris pour aller à des endroits perdus du style Gare
|
||||
Saint Lazare. Une smart watch coûte dans les 250€ minimum, ce bracelet
|
||||
trouvé sur amazon et adapté au Galaxy S3&nbsp;: 3€ + 5€ de frais de
|
||||
port.</p></p>
|
||||
<p><blockquote><p>"On a des smart screen, des smart phones,
|
||||
des smart buildings, mais quand est ce qu'on aura des
|
||||
smart-people?"</p></blockquote></p>
|
||||
<p><p>En bonus, le textile élastique permet d'insérer une version
|
||||
du GS3 avec une batterie personnalisée si on pousse un peu. L'avantage
|
||||
de mettre son tel comme ça c'est de ne pas avoir a recharger un objet de
|
||||
plus au quotidien aussi. Le tel est protégé de la pluie, la surface
|
||||
transparente permet de garder le tactile de l'écran utilisable. Et le
|
||||
scratch rend le montage rapide. Marvellouss!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,222 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 249</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-03-13 13:01:03></li>
|
||||
<li>modifié: <2014-03-13 13:03:09></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="poids-des-sélecteurs-css">poids des sélecteurs CSS</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590">https://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590</a>"><img
|
||||
src="<a
|
||||
href="https://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png">https://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png</a>"
|
||||
alt="Journal CSS for Beginners" style="display:block; margin:0 auto;"
|
||||
/></a> Les sélecteurs CSS totalisent un certain score pour
|
||||
définir leur priorité d'exécution, comprendre cette façon de compter les
|
||||
points vous évitera bien des soucis dans l'héritage des
|
||||
styles.</p></p>
|
||||
<p><p>Dans l'ordre du plus prioritaire au moins
|
||||
important:</p> <ul> <li>les sélecteurs inline ( par
|
||||
exemple <div style="" ></div> )</li> <li>les #id
|
||||
( <div id="mon-Id" ></div> )</li> <li>les
|
||||
.classes ( <div class="ma-classe" ></div> )</li>
|
||||
<li>les <éléments> ( <div></div> )</li>
|
||||
</ul></p>
|
||||
<p><p>Votre navigateur, pour déterminer quel sélecteur doit avoir
|
||||
raison fait un tableau selon cet ordre.</p></p>
|
||||
<p><p>inline | id | class | element 0 | 0 | 0 | 0</p></p>
|
||||
<p><p>Quand il rencontre un sélecteur il examine de quoi il
|
||||
s'agit. Par exemple si j'ai ce CSS:</p></p>
|
||||
<p><blockquote><p>#patate .douce.fraiche { color&nbsp;:
|
||||
red; }<br /></p></blockquote></p>
|
||||
<p><blockquote><p>.douce { color&nbsp;:
|
||||
blue;}</p></blockquote></p>
|
||||
<p><p>Le premier sélecteur comporte un ID et une classe. Il a donc
|
||||
ce nombre de points selon le tableau vu ci dessus: 0 | 1 | 2 | 0. C'est
|
||||
à dire 120 points. Le deuxième sélecteur aura juste 10 points. 120 étant
|
||||
supérieur a 10, c'est le premier sélecteur qui aura la priorité pour
|
||||
repeindre.</p></p>
|
||||
<p><p>Pour plusse de trucs et astuces sur le CSS, je vous
|
||||
conseille le site d'Alsacréations.com et openclassrooms.com.
|
||||
Enjoyez.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,209 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 248</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-03-13 13:09:15></li>
|
||||
<li>modifié: <2014-03-13 13:12:06></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="css-split-circles-1">CSS split circles</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://artlemoine.com/circles">https://artlemoine.com/circles</a>"
|
||||
hreflang="fr" title="CSS circles"><img
|
||||
src="<em>public/i/2014/03mars</em>.Capture<sub>du2014</sub>-03-13<sub>134958m</sub>.jpg"
|
||||
alt="Capture<sub>du2014</sub>-03-13<sub>134958</sub>.png"
|
||||
style="display:block; margin:0 auto;"
|
||||
title="Capture<sub>du2014</sub>-03-13<sub>134958</sub>.png, mar. 2014"
|
||||
/></a> Pour un exercice donné par Nadir Kademe je me suis lancé
|
||||
dans une démo de Javascript / CSS où l'on découpe des cercles de couleur
|
||||
en passant le curseur dessus. Au bout d'une heure la démo n'était pas
|
||||
super opérationnelle, mais une heure de plus et voici la démo visible
|
||||
sur mon portfolio et disponible sur github, ainsi chacun peut se
|
||||
l'approprier et la bidouiller à loisir. possibilités: choix de mélanger
|
||||
les couleurs ou non avec le cercle parent. choix de couleurs plutôt
|
||||
claires, grises ou foncées comme batman les aime. choix de profondeur de
|
||||
découpe. cercles ou carrés.</p></p>
|
||||
<p><p>Jouez zy donc sur artlemoine.com&nbsp;: <a href="<a
|
||||
href="https://artlemoine.com/circles">https://artlemoine.com/circles</a>"
|
||||
hreflang="fr" title="CSS circles"><a
|
||||
href="https://artlemoine.com/circles">https://artlemoine.com/circles</a></a></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,193 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 247</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-03-18 20:46:51></li>
|
||||
<li>modifié: <2014-03-18 20:46:51></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="a-wizard-installing-software-1">a wizard installing
|
||||
software</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://d24w6bsrhbeh9d.cloudfront.net/photo/a09O89d_460s.jpg">https://d24w6bsrhbeh9d.cloudfront.net/photo/a09O89d_460s.jpg</a>"
|
||||
alt="" /></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,223 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 246</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-04-05 10:53:16></li>
|
||||
<li>modifié: <2014-04-05 10:56:02></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="perdu-de-recherche-1">Perdu de recherche</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://liviavi.deviantart.com/art/Magnifier-306407861">https://liviavi.deviantart.com/art/Magnifier-306407861</a>"><img
|
||||
src="<a
|
||||
href="https://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg">https://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg</a>"
|
||||
alt="Magnifier" style="display:block; margin:0 auto;" /></a> ça
|
||||
arrive souvent qu'on ait besoin de remplacer des choses dans un texte,
|
||||
mais saviez vous que le retour à la ligne, ou la tabulation sont des
|
||||
caractères recherchables et remplaçables?<br /></p></p>
|
||||
<p><p>(Oui, le billet du jour est pour monsieur et madame
|
||||
michu.)<br /></p></p>
|
||||
<p><pre> pour la nouvelle ligne, parfois avec le retour chariot
|
||||
p͡our la tabulation </pre></p>
|
||||
<p><p>Sur une page web, au lieu de passer quinze plombes à
|
||||
rechercher un mot sans aucune aide, n'oubliez pas le raccourci Ctrl + F,
|
||||
comme Find qui veut dire trouver.<br /></p></p>
|
||||
<p><p>Par exemple dans le langage wiki de la plateforme dotclear,
|
||||
pour faire des retour à la ligne on ne fait pas entrée mais un
|
||||
pourcentage trois fois %. <br /> On peut bien sûr éditer ses posts
|
||||
en version html qui propose une partie Wiziwig (wouate you zi is ouate
|
||||
you guette) et convertir un texte wiki en html, ou inversement.<br
|
||||
/> Cependant, plus généralement ça peut se révéler très utile dans
|
||||
pas mal de cas.<br /> <br /> Si vous codez et que vous ne
|
||||
vous appelez pas Michu, ça peut se révéler vital de savoir quelques
|
||||
expressions régulières.<br /> <br /> Vous trouverez un très
|
||||
bon tuto sur <a href="<a
|
||||
href="https://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/les-expressions-regulieres-partie-1-2">https://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/les-expressions-regulieres-partie-1-2</a>"
|
||||
hreflang="fr">le site du zéro</a> (renommé openclassrooms) à ce
|
||||
propos.<br /> <br /> Si encore vous vous demandez à quoi ça
|
||||
peut bien servir de savoir faire des RegEx, voici un exemple concret
|
||||
dessiné par Randall Munroe, sur XKCD <br /> <a href="<a
|
||||
href="https://xkcd.com/208/">https://xkcd.com/208/</a>" title="<a
|
||||
href="https://xkcd.com/208/">https://xkcd.com/208/</a>"><a
|
||||
href="https://xkcd.com/208/">https://xkcd.com/208/</a></a>
|
||||
Enjoyez!<br /></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,221 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 245</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-04-11 15:42:09></li>
|
||||
<li>modifié: <2014-04-11 18:21:28></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="raspberry-pi-case-en-papier-1">Raspberry Pi case en papier</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Le raspberry pi c'est magique, un vrai ordi avec si peu de
|
||||
ressources électriques, et des tas d'idées pour en faire quelque chose.
|
||||
Des sites proposent aussi des pdf à imprimer (sans redimention) afin de
|
||||
se faire&nbsp;<strong>des boites a RasPi maison, en
|
||||
papier</strong>.</p> <div><img src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/1.jpg">https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/1.jpg</a>"
|
||||
alt="1.jpg" title="1.jpg, avr. 2014" style="margin: 0 auto; display:
|
||||
block;" /></div><div><div><br
|
||||
class="Apple-interchange-newline" />Je me suis donc emparé d'un
|
||||
papier photo pour qu'il soit brillant, résistant et kawaii, et me suis
|
||||
armé de matos. un cutter, une règle et une impression plus tard me voici
|
||||
prêt à découper et plier ce qui va se transformer en magnifique
|
||||
enveloppe à ordi.</div><div>après quelques étapes qui m'ont
|
||||
bien pris une dizaine de minutes…</div><img src="<a
|
||||
href="https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/2.jpg">https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/2.jpg</a>"
|
||||
alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display:
|
||||
block;" /></div><hr><img
|
||||
src="/public/i/2014/04avril/raspberry<sub>picase</sub>/4.jpg"
|
||||
alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display:
|
||||
block;" /> <img
|
||||
src="/public/i/2014/04avril/raspberry<sub>picase</sub>/5.jpg"
|
||||
alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display:
|
||||
block;" /> <div>je m'aperçois que le côté brillant de mon
|
||||
papier n'était pas dans le bon sens, et le placement du RasPi se révèle
|
||||
impossible.</div> <div>L'impression dégueu qui a bavé sur le
|
||||
côté bristol du papier photo me fait me dire que ça va pas être bien
|
||||
joli tout ça si je le tente dans l'autre sens, on verra les textes
|
||||
bavés.</div><div>Je balance mon paper art, et me vengerai
|
||||
donc sur un site de vente en ligne où j'acquière un boitier semi
|
||||
transparent pour la modique somme de 10€ et deux jours d'attente. heh,
|
||||
y'a des jours où le DIY marche du premier coup, et des jours où on a la
|
||||
flemme :D</div></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,216 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 244</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-04-13 19:08:34></li>
|
||||
<li>modifié: <2014-04-13 19:08:34></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="symfony-et-apc-1">Symfony et APC</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://pmcdn.priceminister.com/photo/capuchon-photo-bouchon-universel-objectif-58mm-accessoires-audio-video-849294819_ML.jpg">https://pmcdn.priceminister.com/photo/capuchon-photo-bouchon-universel-objectif-58mm-accessoires-audio-video-849294819_ML.jpg</a>"
|
||||
alt="" /></p></p>
|
||||
<p><p>APc, formidable truc qui permet la mise en cache de plein de
|
||||
choses résultant de PHP ne vide pas forcément son cache. Aussi, je ne
|
||||
comprenais pas, même après vérification de la similarité des fichiers
|
||||
entre ma machine et l'environnement de démo, vidage de cache de symfony,
|
||||
régénération des entités, mise a jour de la base de donnée, il
|
||||
subsistait des erreurs résolues en environnement de dev. jusqu'à ce que
|
||||
je tente une opération de vidage du cache de doctrine.</p></p>
|
||||
<p><p><a href="<a
|
||||
href="https://mweiler.deviantart.com/art/orchestra-classica-75062113">https://mweiler.deviantart.com/art/orchestra-classica-75062113</a>"><img
|
||||
src="<a
|
||||
href="https://th05.deviantart.net/fs22/300W/i/2008/019/5/7/orchestra_classica_by_mweiler.jpg">https://th05.deviantart.net/fs22/300W/i/2008/019/5/7/orchestra_classica_by_mweiler.jpg</a>"
|
||||
alt="orchestra classica" style="display:block; margin:0 auto;"
|
||||
/></a> Rappel des commandes doctrine par la commande "php
|
||||
app/console" abrégée en alias personnel "sf".</p> <pre> (…)
|
||||
doctrine doctrine:cache:clear-metadata Clears all metadata cache for an
|
||||
entity manager doctrine:cache:clear-query Clears all query cache for an
|
||||
entity manager doctrine:cache:clear-result Clears result cache for an
|
||||
entity manager (…) </pre></p>
|
||||
<p><p>APC, ce petit malin ne voulait pas vider son cache à moins
|
||||
qu'on ne le lui demande poliement par commande php. Voici qui pourrait
|
||||
vous évider bien des échevelages et auto mutilations inutiles: en
|
||||
console, faites cette commande: <code>php -r
|
||||
"apc<sub>clearcache</sub>();"</code></p></p>
|
||||
<p><p>et vouala, tout rentre dans l'ordre!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,200 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 243</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-05-09 11:43:49></li>
|
||||
<li>modifié: <2015-11-08 15:07:23></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="wordpress-comment-ne-plus-demander-les-détails-ftp-pour-mettre-à-jour">Wordpress,
|
||||
comment ne plus demander les détails FTP pour mettre à jour</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>dans wp-config, repérez la ligne</p></p>
|
||||
<p><code class="php">require<sub>once</sub>(ABSPATH,
|
||||
'wp<sub>settings</sub>.php'); </code></p>
|
||||
<p><p>rajoutez ceci:</p></p>
|
||||
<p><code class="php">define('FS<sub>METHOD</sub>','direct');
|
||||
</code></p>
|
||||
<p><p>sauvegardez, et voilà, quand vous demanderez une mise a jour
|
||||
dans l'interface d'admin, wordpress ne vous demandera pas vos login et
|
||||
mots de passe FTP ou SSH.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,228 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 242</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-05-23 10:28:23></li>
|
||||
<li>modifié: <2015-11-08 15:09:41></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="redimension-dimage-en-ligne-de-commande-avec-imagemagick">Redimension
|
||||
d'image en ligne de commande avec imagemagick</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><div class="pixearch" style=" text-align: center;"> <a
|
||||
href="<a
|
||||
href="https://tatiks.deviantart.com/art/Rincewind-302267958">https://tatiks.deviantart.com/art/Rincewind-302267958</a>"><img
|
||||
src="<a
|
||||
href="https://th07.deviantart.net/fs70/300W/f/2012/136/e/6/rincewind_by_tatiks-d4zyng6.jpg">https://th07.deviantart.net/fs70/300W/f/2012/136/e/6/rincewind_by_tatiks-d4zyng6.jpg</a>"
|
||||
class="pixearchImg" alt="Rincewind" /></a>
|
||||
</div>imagemagick permet de faire plein de manipulations sur les
|
||||
images, redimension, conversion, assemblage, c'est magique.
|
||||
<p>J'ai régulièrement besoin de redimensionner des images pour les
|
||||
présenter sur mes sites. mogrify est très utile pour la redimension de
|
||||
masse. cette commande permet de faire des copies redimensionnées en
|
||||
800px de large sur 600 px de haut, de tous les fichiers jpg du dossier
|
||||
courant vers autre<sub>repertoire</sub>.</p>
|
||||
<p><code>mogrify -resize 800x600 -path
|
||||
autre<sub>repertoire</sub> *.jpg</code></p> <p>il faut
|
||||
juste vous assurer que "autre<sub>repertoire</sub>" est inscriptible par
|
||||
votre script, et que vous avez bien des fichiers jpg à redimensionner
|
||||
dans votre répertoire courant.</p> <p>Vous pouvez aussi
|
||||
choisir de ne faire des sorties d'images dans un seul format précis
|
||||
(jpg, ou png …), avec l'option format.</p>
|
||||
<p><code><span>mogrify -resize 800x600 -path
|
||||
autre<sub>repertoire</sub>&nbsp;</span><span>-format
|
||||
jpg&nbsp;</span><span>*.jpg</span></code></p>
|
||||
<p><span><br /></span></p> <p>En
|
||||
bonus, pour ouvrir un terminal à partir de votre explorateur de fichier,
|
||||
si vous êtes sous KDE vous pouvez faire F4, autrement avec nautilus vous
|
||||
pouvez
|
||||
installer&nbsp;<strong>nautilus-open-terminal</strong></p>
|
||||
<p><strong><code>sudo apt-get install
|
||||
nautilus-open-terminal</code></strong></p>
|
||||
<div>voilà, bon amusement!</div><p><span><br
|
||||
/></span></p> <p>de la doc pour
|
||||
imagemagick&nbsp;</p> <p><a href="<a
|
||||
href="https://doc.ubuntu-fr.org/imagemagick">https://doc.ubuntu-fr.org/imagemagick</a>"><a
|
||||
href="https://doc.ubuntu-fr.org/imagemagick">https://doc.ubuntu-fr.org/imagemagick</a></a></p>
|
||||
<p>(en illustration, Rincevent du Disque Monde, de la lecture
|
||||
parodique fantastique qui poutre)</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,220 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 241</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-06-04 19:48:01></li>
|
||||
<li>modifié: <2015-11-08 15:11:46></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="fosuserbundle-could-not-convert-database-value-to-doctrine-type-array-1">FOSUserBundle
|
||||
could not convert database value to doctrine type array</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://th05.deviantart.net/fs70/PRE/i/2010/196/9/2/Three_Fairies_for_the_Dream_by_pilgrimagedesign.jpg">https://th05.deviantart.net/fs70/PRE/i/2010/196/9/2/Three_Fairies_for_the_Dream_by_pilgrimagedesign.jpg</a>"
|
||||
alt="" /></p> <p>Si lorsque vous tentez de faire un ajout
|
||||
ou suppression de role en ligne de commande pour
|
||||
<strong>FOSUserBundle</strong> (FOSUB) vous obtenez un
|
||||
message d'erreur de conversion de Doctrine,&nbsp;</p>
|
||||
<blockquote><p><em>could not convert database value to
|
||||
doctrine type array</em></p> </blockquote>
|
||||
<p>c'est parce que dans votre base de données, dans la colonne
|
||||
"role" de vos utilisateurs, vous avez des valeurs vides, au lieu d'avoir
|
||||
des sérialisations de tableaux vides.</p> <p>Pour remédier à
|
||||
cela vous pouvez définir par défaut la chaine correspondant à un Array
|
||||
vide, et remplir les vides a coup de commande&nbsp;<span
|
||||
style="font-size: 12px;">SQL.</span></p>
|
||||
<p><code>UPDATE table SET column="a:0:{}" WHERE column =
|
||||
"";</code>&nbsp;</p></p>
|
||||
<p><p>(en remplaçant les noms de
|
||||
<strong>table</strong> (ma<sub>tabledesutilisateurs</sub>)
|
||||
et de <strong>column</strong> (role) Vos commande de
|
||||
promotion de rôles fonctionneront alors comme par magie!</p>
|
||||
<p><code>php app/console fos:user:promote jojo
|
||||
ROLE<sub>ADMIN</sub>&nbsp;<br /> Role "ROLE<sub>ADMIN</sub>"
|
||||
has been added to user "jojo".</code> </p> <p>sources:
|
||||
Trouvé et traduit <a href="<a
|
||||
href="https://stackoverflow.com/questions/8818387/doctrine2-conversion-error">https://stackoverflow.com/questions/8818387/doctrine2-conversion-error</a>"
|
||||
hreflang="en">depuis
|
||||
stackoverflow</a>&nbsp;,&nbsp;<a href="<a
|
||||
href="https://mask-makers.deviantart.com/art/Three-Fairies-for-the-Dream-171422655">https://mask-makers.deviantart.com/art/Three-Fairies-for-the-Dream-171422655</a>"
|
||||
hreflang="en" style="font-size: 12px;">image</a></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,203 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 240</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-07-17 11:21:16></li>
|
||||
<li>modifié: <2014-07-17 11:24:50></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="des-alternatives-à-plein-de-softwares">Des alternatives à plein
|
||||
de softwares</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://fc04.deviantart.net/fs9/i/2006/148/6/8/Pearl_by_pearldrummer.jpg">https://fc04.deviantart.net/fs9/i/2006/148/6/8/Pearl_by_pearldrummer.jpg</a>"
|
||||
alt="ACDC" style="display:block; margin:0 auto;" /> Vous aimez avoir
|
||||
le choix quand un seul logiciel se monte en monopole comme c'est le cas
|
||||
avec photoshop, ou que vos collègues ne jurent que par redmine pour
|
||||
faire du suivi de bugs? AlternativeTo.net est ce qu'il vous faut. C'est
|
||||
une mine d'or où l'on peut choisir des plateformes, partir d'un nom de
|
||||
programme et découvrir de nombreux concurrents. à vous ensuite de faire
|
||||
des essais et de découvrir la perle rare.</p></p>
|
||||
<p><p><a href="<a
|
||||
href="https://alternativeto.net/">https://alternativeto.net/</a>"
|
||||
hreflang="en"><a
|
||||
href="https://alternativeto.net/">https://alternativeto.net/</a></a></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,240 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 239</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-07-28 09:33:01></li>
|
||||
<li>modifié: <2014-07-28 09:38:55></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="installer-une-distribution-linux-sur-une-carte-sd-pour-le-raspberry-pi-1">installer
|
||||
une distribution linux sur une carte SD pour le raspberry pi</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://a-place4my-head.deviantart.com/art/raspberry-217727077">https://a-place4my-head.deviantart.com/art/raspberry-217727077</a>"><img
|
||||
src="<a
|
||||
href="https://th00.deviantart.net/fs70/300W/f/2011/191/d/5/raspberry_by_a_place4my_head-d3lmnad.jpg">https://th00.deviantart.net/fs70/300W/f/2011/191/d/5/raspberry_by_a_place4my_head-d3lmnad.jpg</a>"
|
||||
alt="raspberry" style="display:block; margin:0 auto;"
|
||||
/></a></p></p>
|
||||
<p><p>Possédant un raspberry Pi je voulais essayer plusieurs
|
||||
distributions linux de poche dessus. Ce microcontrolleur ne pouvant pas
|
||||
démarrer sans carte SD à l'intérieur je devais donc installer un fichier
|
||||
.img dessus à partir d'un autre ordi. vous aurez besoin de:</p>
|
||||
<ul> <li>une carte SD (de type sdhc) avec au moins 1Go de
|
||||
place dessus.</li> <li>un fichier .img d'une distrib. <a
|
||||
href="<a
|
||||
href="https://www.raspberrypi.org/downloads/">https://www.raspberrypi.org/downloads/</a>"
|
||||
hreflang="en">le site officiel vous en propose pas mal à
|
||||
télécharger</a>.</li> <li>un ordi avec un lecteur de
|
||||
carte SD.</li> </ul></p>
|
||||
<p><p><strong>Cette opération supprime les données de la
|
||||
carte SD.</strong></p></p>
|
||||
<p><p>insérez votre carte SD dans le lecteur de votre ordi. ouvrez
|
||||
un terminal. repérez le nom de la partition de votre carte SD avec la
|
||||
commande <code>df -h</code> qui liste les disques de votre
|
||||
système de fichier (vous la trouverez en comparant son nombre de
|
||||
Gigas)</p></p>
|
||||
<p><p>par exemple, ma carte a deux partitions physiques dessus
|
||||
<strong>/dev/sdg1</strong> et
|
||||
<strong>/dev/sdg2</strong> Nous choisirons donc /dev/sdg ,
|
||||
l'appellation commune à toute la carte SD. Vous n'avez pas besoin de
|
||||
démonter la carte SD pour pouvoir installer votre distrib, et c'est ce
|
||||
que nous allons faire avec la commande suivante. vous aurez besoin de
|
||||
connaitre le chemin de votre fichier .img que vous voulez installer, par
|
||||
exemple /home/tykayn/téléchargements/raspbian.img</p></p>
|
||||
<p><p>et zou, dd (convertir et copier un fichier) va nous
|
||||
permettre l'install et la création des partitions requises en lui
|
||||
renseignant l'input file
|
||||
(if="/home/tykayn/téléchargements/raspbian.img") et l'output file
|
||||
(of="/dev/sdg"). Sacré dédé! <code>sudo dd
|
||||
if="/media/ntfsman/ArchLinuxARM-2014.06-rpi.img"
|
||||
of="/dev/sdg"</code> (il faudra entrer le mot de passe
|
||||
sudo)</p></p>
|
||||
<p><p>Si vous avez bien choisi vos fichiers ça prendra quelques
|
||||
minutes pour une distribution de 200Mo et votre terminal vous dira ce
|
||||
qu'il a fait. Par exemple:</p></p>
|
||||
<p><blockquote><p>3829760+0 enregistrements lus
|
||||
3829760+0 enregistrements écrits 1960837120 octets (2,0 GB) copiés,
|
||||
513,805 s, 3,8 MB/s</p></blockquote></p>
|
||||
<p><p>Et voilà, si votre fichier .img était bon, vous n'avez qu'a
|
||||
mettre votre carte SD dans le raspberry pi, (avec ses autres cables),
|
||||
brancher le courant et hopla magie ça démarre.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,206 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 238</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2014-08-07 13:50:49></li>
|
||||
<li>modifié: <2014-08-07 13:54:43></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="anti-hack-de-nfc-1">anti hack de NFC</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://preprod-img.planet.fr/files/images/article/2/8/6/564682/1670246-focus.png">https://preprod-img.planet.fr/files/images/article/2/8/6/564682/1670246-focus.png</a>"
|
||||
alt="" /> Vous avez la joie d'être possesseur d'une carte bleue avec
|
||||
une puce sans contact, ce qui vous permet de régler de petits montants
|
||||
jusqu'a 20€ sans avoir à taper votre code. Mais saviez vous que cette
|
||||
puce peut se révéler bien bavarde et qu'il est possible avec un
|
||||
smartphone équipé de lecteur NFC de lire ce que cette puce a à raconter?
|
||||
<img src="<a
|
||||
href="https://www.itraque.fr/documents/annonces/20081119120446a45b.jpg">https://www.itraque.fr/documents/annonces/20081119120446a45b.jpg</a>"
|
||||
alt="" <em>> Heureusement, rien n'est plus simple pour se prémunir
|
||||
d'une lecture non souhaitée, par exemple dans un métro bondé ou dans un
|
||||
supermarché: utiliser une feuille d'aluminium dans votre porte
|
||||
feuille</em> porte carte / poche /etc. Vous pouvez procéder de même avec
|
||||
votre carte navigo / vélib / votre not-stupid-phone.</p></p>
|
||||
<p><p>ça vous évitera que quelqu'un d'autre ne paie avec vos
|
||||
identifiants de carte, ça ne coute rien et ce n'est même pas encombrant.
|
||||
Enjoyez!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,281 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 230</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2015-02-05 13:47:08></li>
|
||||
<li>modifié: <2015-02-05 13:59:31></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="la-fête-des-passwords-et-la-neutralité-du-net">la fête des
|
||||
passwords et la neutralité du net</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Et si vous faisiez votre BA du jour avec votre ordinateur,
|
||||
ou votre téléphone rien qu'en changeant vos mots de passe? <img
|
||||
src="<a
|
||||
href="https://passwordday.org/en/_img/passwords-102.gif">https://passwordday.org/en/_img/passwords-102.gif</a>"
|
||||
alt="" /><strong> Beaucoup de personnes laissent des données
|
||||
sensibles en accès libre au monde entier.</strong></p>
|
||||
<p>Quand on tient une entreprise ou que notre métier nous tient au
|
||||
secret professionel (comme c'est mon cas) il nous parait évident que la
|
||||
sécurité informatique est vitale, mais lorsqu'on est Monsieur et Madame
|
||||
Michu on ne se rend pas compte de pourquoi ça serait tout aussi
|
||||
important.</p> <p>On dit même souvent qu'on a rien à cacher.
|
||||
Cependant, c'est mal comprendre le problème.</p> Vous pouvez <a
|
||||
href="<a
|
||||
href="https://reflets.info/rien-a-cacher/">https://reflets.info/rien-a-cacher/</a>"
|
||||
hreflang="fr">lire sur reflets.info en quoi c'est capital</a>,
|
||||
je vous la fais en condensé: <p>Je ne commets aucun crime en
|
||||
allant aux toilettes mais ce n'est pas pour autant que je serais
|
||||
d'accord à ce que des caméras de vidéosurveillance soient installées
|
||||
dans cette pièce, ou dans n'importe laquelle chez moi. Mon intimité, je
|
||||
choisis à qui je veux la faire partager.</p> <p>Personne ne
|
||||
tient à ce que sa vie privée soit accessible au monde entier, les
|
||||
célébritées spammées de paparazzi le savent bien. Il existe une chose
|
||||
pas mal dans la loi, ça s'appelle <strong>la présomption
|
||||
d'innocence</strong>.</p> <p>On est innocent et non
|
||||
fiché par la police tant qu'il n'aura pas été démontré le contraire par
|
||||
un personnel compétent opérant dans les règles de la loi. Souhaiter la
|
||||
surveillance permanente et généralisée des invidus c'est remplacer la
|
||||
présomption d'innocence par la présomption de culpabilité. En
|
||||
encourageant ces surveillances généralisées on va partir du principe que
|
||||
tout un chacun est suspect. C'est vraiment ce que vous voulez?</p>
|
||||
<p>Contrôler n'est pas surveiller, restreindre n'est pas
|
||||
incriminer.</p> <p>Petite parenthèse sur les études sur la
|
||||
vidéosurveillance dans les espaces publiques: <a href="<a
|
||||
href="https://archives-lepost.huffingtonpost.fr/article/2009/10/05/1726927_efficace-la-videosurveillance-le-rapport-qui-nous-mene-en-bateau.html">https://archives-lepost.huffingtonpost.fr/article/2009/10/05/1726927_efficace-la-videosurveillance-le-rapport-qui-nous-mene-en-bateau.html</a>"
|
||||
hreflang="fr">c'est une mesure inneficace, liberticide et
|
||||
coûteuse.</a> Et on le sait depuis au moins 2009.</p>
|
||||
<p>ça n'empêche pas plus les agressions de se produire, et dans
|
||||
certain cas ça les augmente pour ceux qui commettent les agressions et
|
||||
qui veulent ainsi se montrer comme pour lancer un défi aux forces de
|
||||
l'ordre.</p> <p><strong>Le droit à la vie privée est
|
||||
vital</strong> et pour le comprendre il suffit de vous demander si
|
||||
vous avez envie de laisser toutes les portes ouvertes chez vous, vos
|
||||
codes de carte bleue, les mots de passe de vos boites emails, vos clés
|
||||
de voitures à de parfaits inconnus. Ou encore si vous voulez avoir un
|
||||
agent de police qui vérifie que vous votez pour le "bon" candidat, par
|
||||
dessus votre épaule. Votre droit à la vie privée il faut savoir le
|
||||
défendre, ce n'est pas pour rien qu'il existe une loi pour que la poste
|
||||
n'ait pas le droit d'ouvrir votre courrier. ça vous révolterait si vous
|
||||
receviez dans votre boite à lettres un courrier ouvert et modifié, mais
|
||||
ça ne vous choquerait pas si c'était le cas avec vos emails?
|
||||
Réfléchissez une nouvelle fois.</p> <p><strong>La
|
||||
neutralité et l'ouverture d'internet </strong>est vitale à son
|
||||
fonctionnement. Comme le dit si bien cette courte vidéo infographique de
|
||||
DataGueule, acheter une route ne nous donne pas le droit de choisir les
|
||||
véhicules qui circulent dessus.</p> <iframe width="640"
|
||||
height="360" src="<a
|
||||
href="https://www.youtube.com/embed/hZnq3xg-PRM">https://www.youtube.com/embed/hZnq3xg-PRM</a>"
|
||||
frameborder="0" allowfullscreen></iframe>
|
||||
<p><strong>il est aujourd'hui possible d'obtenir des données
|
||||
sensibles à partir de données en apparence anodines.</strong> Vos
|
||||
passwords peuvent valoir aussi cher que votre code de carte bleue ou vos
|
||||
clés de voiture. Et après des dizaines d'années qu'internet est adopté
|
||||
par la populace on continue de croire qu'un mot de passe est accessoire,
|
||||
et on se trompe sur ce qui le rend fort.</p> <h3>Faiblesses
|
||||
courantes</h3> <p>Beaucoup de personnes mettent en mot de
|
||||
passe le nom de leur animal de compagnie, le nom de leur objet préféré,
|
||||
le nom de leur compagne / compagnon, ou des dates marquantes. En
|
||||
enquêtant sur quelqu'un on peut deviner facilement ces mots, et ils ne
|
||||
résistent pas facilement à une attaque à force brute (essayer des
|
||||
milliers de combinaisons par seconde), peu importe d'ailleurs que vous
|
||||
utilisiez des lettres ou des ponctuations, ces caractères seront aussi
|
||||
essayés. la façon la plus simple de se constituer un mot de passe
|
||||
résistant comme en l'an 40, c'est de mémoriser une simple phrase et de
|
||||
l'écrire avec des espaces, puis d'en personnaliser certaines
|
||||
parties.</p> <p>Selon enquête c'est un moyen d'exprimer sa
|
||||
personnalité, de ressasser un évènement important ou d'exprimer sa rage
|
||||
au boulot " c'est quoi le mot de passe de ton poste&nbsp;? -
|
||||
FUCKTHISSHIT"</p> <p>n'utilisez pas le même mot de passe
|
||||
pour tous les sites que vous visitez. Changez régulièrement vos mots de
|
||||
passe, ne les écrivez pas dans des emails ou des sms, ou si vous devez
|
||||
le faire envoyez les sans référer dans le même email ce à quoi ils se
|
||||
réfèrent.. Plus vous conservez longtemps un mot de passe, plus il a de
|
||||
chances d'être périmé et inutile. Abandonnez vos mots de passe datant du
|
||||
lycée, adoptez un gestionnaire de mot de passe pour votre navigateur,
|
||||
encouragez vos parents et vos congénères les moins à l'aise avec la
|
||||
technologie à modifier leur mots de passe de façon sécurisée comme on
|
||||
vient de le voir.</p> <p>pour en savoir plus: le site du
|
||||
password day <a href="<a
|
||||
href="https://passwordday.org/fr/">https://passwordday.org/fr/</a>"
|
||||
hreflang="fr"><a
|
||||
href="https://passwordday.org/fr/">https://passwordday.org/fr/</a></a></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,211 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 222</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2015-04-17 11:27:47></li>
|
||||
<li>modifié: <2015-04-17 11:28:48></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="un-testament-par-e-mail-1">Un testament par e-mail</h2>
|
||||
<p>ceci<sub>estduhtml</sub> Vous vivez une vie fort dangereuse (par
|
||||
exemple vous avez des lacets à vos chaussures qui vous font vous casser
|
||||
la gueule et hop hop aux urgences, dédicace à Kelly ;D ) vous êtes mal
|
||||
réveillés et vous tombez sur les rails du métro, ou alors vous mettez
|
||||
vos clés dans vos poches tout en faisant de la moto avec un sac à dos et
|
||||
bam pouf paf pastèque vous vous prenez une carapace bleue.</p>
|
||||
<p>Qui héritera de vos biens, quel message auriez vous aimé faire passer
|
||||
à vos proches, de quels mots de passe auraient ils besoin, voudriez vous
|
||||
rockroller musicalement vos proches à votre enterrement ? Hébien y’a pas
|
||||
une application pour ça mais un site web.</p>
|
||||
<p>Vous pouvez maintenant créer un ou deux message à envoyer à vos
|
||||
proches grâce au <strong>Dead Man Switch</strong> . Ce site, après
|
||||
inscription vous demandera à intervalle via votre boite email de cliquer
|
||||
sur un lien pour signalez que votre heure n’est pas venu, comme le font
|
||||
les missionnaires. L’intervalle peut être de 45 jours ou davantage, si
|
||||
vous partez en vacances. le site propose une version payante à 20
|
||||
dollars pour toute la viiiie. Le site vous permet aussi de faire un
|
||||
envoi d’essai. Enjoyez! <a
|
||||
href="https://www.deadmansswitch.net/"><span>https://www.deadmansswitch.net/</span></a></p>
|
||||
<p><strong>push the button</strong> des frères chimiques en cadeau.</p>
|
||||
<p><iframe width="480" height="360" src="<a
|
||||
href="https://www.youtube.com/embed/6b9ci_z4v7M">https://www.youtube.com/embed/6b9ci_z4v7M</a>"
|
||||
frameborder="0" allowfullscreen></iframe></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,237 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 221</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2015-04-21 09:09:48></li>
|
||||
<li>modifié: <2015-04-21 09:11:27></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="transférer-des-fichiers-en-wifi-direct-entre-son-ordi-et-son-tel-android">transférer
|
||||
des fichiers en wifi direct entre son ordi et son tel android</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Quelle misère que de mettre en place du wifi direct me direz
|
||||
vous. Y'a bien Dropbox ou google drive qui existent pour avoir des
|
||||
partages entre sont tel et son ordi, mais si comme moi, votre téléphone
|
||||
a un débit vingt fois meilleur que votre abonnement internet fixe qui
|
||||
est à 4.5 km du raccord au monde et que votre fournisseur n'a pas envie
|
||||
de faire de travaux, ça risque d'être lent du côté de l'ordi.<br
|
||||
/> <br /> Mais si vous voulez du vraiment pratique pour
|
||||
transférer toutes vos photos de vacances ou des gros fichiers en un zip
|
||||
depuis votre tel à votre ordi, <a href="<a
|
||||
href="https://play.google.com/store/apps/details?id=com.smarterdroid.wififiletransfer&hl=fr">https://play.google.com/store/apps/details?id=com.smarterdroid.wififiletransfer&hl=fr</a>">Wifi
|
||||
file transfert</a> est super sympa. <img src="<a
|
||||
href="https://lh3.ggpht.com/10khej9Nov3uSRgddNOc-cHmTR3bvf83S4HGLgiknom_OVB3e3CDFZQqzgXLKC3gGfU3=h310-rw">https://lh3.ggpht.com/10khej9Nov3uSRgddNOc-cHmTR3bvf83S4HGLgiknom_OVB3e3CDFZQqzgXLKC3gGfU3=h310-rw</a>"
|
||||
alt="" style="float:left; margin: 0 1em 1em 0;" /> Vous installez
|
||||
l'appli sur votre téléphone, vous allumez le wifi, vous appuyez sur
|
||||
start dans l'appli et vous avez une adresse IP locale qui vous permet
|
||||
d'accéder aux fichiers de votre téléphone, en la recopiant dans la barre
|
||||
d'adresse de votre navigateur sur votre ordi. (vous pouvez mettre un
|
||||
accès par mot de passe dans les paramètres)<br <em>> Ce qui est
|
||||
encore plus cool que le pôle nord c'est qu(une fois dans la page web
|
||||
vous pouvez sélectionner plusieurs fichiers</em> dossiers et les
|
||||
exporter dans un zip.<br /> vous pouvez bien sûr également envoyer
|
||||
des fichiers sur votre téléphone. Le tout se fera avec un débit énorme,
|
||||
vu que c'est du wifi.<br /> <br /> Et si vous voulez un lien
|
||||
encore plus pratique entre votre ou vos ordis et votre téléphone, votre
|
||||
tablette, votre <a href="<a
|
||||
href="https://www.framboise314.fr/meowbox-pour-un-chat-connecte-en-bluetooth/">https://www.framboise314.fr/meowbox-pour-un-chat-connecte-en-bluetooth/</a>">chat
|
||||
au collier bluetooth</a>&nbsp;? <br /> J'appréciais déjà
|
||||
que le play store permette de lancer l'installation et la
|
||||
désinstallation d'applis via mon ordi, mais on peut aller encore plus
|
||||
loin dans la connectivité.<br /> <img src="<a
|
||||
href="https://lh4.ggpht.com/fPlYBDEO9gDbAcK9p3vhOhX4yqGUHS1XzZL6zz2ovI6pp2iFMQIAciSRf0DFkF6HfQ=h900-rw">https://lh4.ggpht.com/fPlYBDEO9gDbAcK9p3vhOhX4yqGUHS1XzZL6zz2ovI6pp2iFMQIAciSRf0DFkF6HfQ=h900-rw</a>"
|
||||
alt="" style="display:block; margin:0 auto;" /><br /> <a
|
||||
href="<a
|
||||
href="https://play.google.com/store/apps/details?id=com.pushbullet.android&hl=fr">https://play.google.com/store/apps/details?id=com.pushbullet.android&hl=fr</a>">PushBullet</a>
|
||||
vous permet de relier votre téléphone (une fois l'appli installée) a
|
||||
votre navigateur web via une extension <a href="<a
|
||||
href="https://chrome.google.com/webstore/detail/pushbullet/chlffgpmiacpedhhbkiomidkjlcfhogd">https://chrome.google.com/webstore/detail/pushbullet/chlffgpmiacpedhhbkiomidkjlcfhogd</a>">Chrome</a>
|
||||
ou <a href="<a
|
||||
href="https://addons.mozilla.org/fr/firefox/addon/pushbullet/">https://addons.mozilla.org/fr/firefox/addon/pushbullet/</a>">Firefox</a>.<br
|
||||
/> Vous pouvez répondre à des sms avec votre ordi, en écrire,
|
||||
partager une page web sur votre tel pour la lire hors ligne quand vous
|
||||
aurez le temps, choisir quelles notifications vous voulez voir
|
||||
apparaître, transférer un MMS reçu vers votre ordi, et aussi des
|
||||
fichiers dans les deux sens, sur plusieurs machines (où vous aurez
|
||||
installé pushbullet, évidemment). c'est fort bien.<br />
|
||||
Enjoyez!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,251 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 217</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2015-06-04 19:08:42></li>
|
||||
<li>modifié: <2015-06-23 09:23:49></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="se-créer-un-historique-complet-de-git-log">se créer un
|
||||
historique complet de git log</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><a href="<a
|
||||
href="https://github.com/tykayn/gitall">https://github.com/tykayn/gitall</a>"
|
||||
title="un projet sur github nommé git all"><img src="<a
|
||||
href="https://image.slidesharecdn.com/deepdarksideofgit-140531003839-phpapp01-150306125957-conversion-gate01/95/dark-side-of-git-we-use-this-on-my-big-data-team-4-638.jpg?cb=1425668559">https://image.slidesharecdn.com/deepdarksideofgit-140531003839-phpapp01-150306125957-conversion-gate01/95/dark-side-of-git-we-use-this-on-my-big-data-team-4-638.jpg?cb=1425668559</a>"
|
||||
alt="" width="100%" /></a>&nbsp;mise à jour: j'ai fait
|
||||
<a href="<a
|
||||
href="https://github.com/tykayn/gitall">https://github.com/tykayn/gitall</a>">un
|
||||
projet sur github nommé <strong>git
|
||||
all</strong></a></p> <p>Vous avez un projet et
|
||||
vous aimeriez savoir comment il a évolué à travers les commits que vous
|
||||
avez écrits avec assiduité durant de nombreux mois, voire de nombreuses
|
||||
années. <strong>Vous pourriez le compiler sous forme de log
|
||||
complet dans un fichier texte.</strong></p> <p>Par
|
||||
example pour voir sur quoi vous galérez le plus et comment améliorer vos
|
||||
projets, ou pourquoi pas en avoir ensuite une représentation graphique,
|
||||
l'enregistrer dans votre appli de calendrier favorite, ou bien pour
|
||||
remplir une fiche de suivi dans un logiciel spécialisé comme Works,
|
||||
Redmine, Pivotal tracker, ou ProjeQtOr.</p></p>
|
||||
<p><p>Il suffit de lire un peu <a href="<a
|
||||
href="https://www.kernel.org/pub/software/scm/git/docs/git-log.html#_pretty_formats">https://www.kernel.org/pub/software/scm/git/docs/git-log.html#_pretty_formats</a>">la
|
||||
doc de la commande git log et particulièrement la partie sur les pretty
|
||||
formats</a> pour se bidouiller un <em>log</em> clair
|
||||
et concis. avec la date, l'auteur, le sha1, et le message du commit à
|
||||
chaque ligne.</p></p>
|
||||
<p><pre class="brush : bash">git log –pretty=format:"%cd , %cn,
|
||||
%h, %s" –full-history > git-history.txt </pre></p>
|
||||
<p><p>Vous pouvez aussi filtrer par auteur du commit en rajoutant
|
||||
l'option</p> <pre>–author="tykayn" </pre></p>
|
||||
<p><p>et donc:</p> <pre class="brush : bash">git log
|
||||
–author="tykayn" –pretty=format:"%cd , %cn, %h, %s" –full-history >
|
||||
git-history.txt </pre></p>
|
||||
<p><p>ce qui donnerait plein de lignes comme
|
||||
ceci:&nbsp;</p></p>
|
||||
<p><q><p>Sat May 30 11:30:11 2015 +0200 , tykayn-ubuntu,
|
||||
463e52c, accessoires produits</p> <p>Sat May 30 11:20:45
|
||||
2015 +0200 , tykayn-ubuntu, 9efab6c, footer grille&nbsp;</p>
|
||||
<p>Sat May 30 10:29:26 2015 +0200 , tykayn-ubuntu, 96f25f6,
|
||||
insertion de grille bootstrap dans le tpl</p></p>
|
||||
<p></q></p>
|
||||
<p><p>et si vous avez comme moi la flemme de retaper tout, créez
|
||||
vous un alias dans votre fichier de
|
||||
<strong>.bash<sub>aliases</sub></strong></p> <pre
|
||||
class="brush : bash">gedit ~/.bash<sub>aliases</sub> </pre></p>
|
||||
<p><p>rajoutez cette ligne pour créer la commande
|
||||
"<strong>gitall</strong>":</p> <pre class="brush :
|
||||
bash">alias gitall='git log –pretty=format:"%cd , %cn, %h, %s"
|
||||
–full-history > git-history.txt'; </pre></p>
|
||||
<p><p>sauvegardez, fermez le fichier, rechargez le fichier
|
||||
d'alias</p> <pre class="brush : bash">gedit
|
||||
~/.bash<sub>aliases</sub> </pre></p>
|
||||
<p><p>et magie, vous pourrez vous servir de la commande
|
||||
<strong>gitall</strong> pour créer un fichier
|
||||
git-history.txt attention tout de même, si un fichier git-history.txt
|
||||
existait avant, il sera remplacé.</p></p>
|
||||
<p><p>vous pourrez ensuite lui appliquer des traitements plus
|
||||
complexes pour conquérir le monde, changer l'affichage, ranger par
|
||||
journée, ou tout du moins comprendre comment vous améliorer.
|
||||
Enjoy!</p> <p><a href="<a
|
||||
href="https://github.com/tykayn/gitall">https://github.com/tykayn/gitall</a>">Voir
|
||||
mon projet sur github nommé&nbsp;<strong>git
|
||||
all</strong></a>&nbsp;contribuez zy!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,236 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 216</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2015-06-17 08:54:10></li>
|
||||
<li>modifié: <2015-11-16 14:58:04></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="convertir-un-projet-javascript-en-coffeescript-1">convertir un
|
||||
projet javascript en coffeescript</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://www.lucidbetty.com/images/house/E1425.jpg">https://www.lucidbetty.com/images/house/E1425.jpg</a>"
|
||||
alt="" /></p> <p>le jS ça fait aussi le café. Si vous
|
||||
voulez reprendre d'anciens projets en javascript pour envoyer promener
|
||||
toutes ces accolades et autres points virgules, réjouissez vous, car
|
||||
voici de quoi convertir un dossier et ses sous dossiers en fichiers
|
||||
coffeescript.</p> <p>il faut donc copier votre dossier de
|
||||
scripts <strong>js</strong> dans un dossier nommé
|
||||
<strong>coffee</strong>, obtenir la liste des fichiers à
|
||||
convertir et exécuter la conversion sur chacun d'eux.</p>
|
||||
<p>basé sur le convertisseur <a href="<a
|
||||
href="https://github.com/js2coffee/js2coffee">https://github.com/js2coffee/js2coffee</a>">js2coffee
|
||||
(voir ce projet sur github)</a>, voici mon script bash adapté de
|
||||
<a href="<a
|
||||
href="https://stackoverflow.com/questions/14091818/converting-whole-project-to-coffeescript-with-js2coffee/14091820#14091820">https://stackoverflow.com/questions/14091818/converting-whole-project-to-coffeescript-with-js2coffee/14091820#14091820</a>"
|
||||
hreflang="en">ce merveilleux script bash trouvé sur stack
|
||||
overflow</a>: pour plus de clarté je lui ai rajouté un côté
|
||||
explicite des actions menées et quelques couleurs.</p> <pre
|
||||
class="brush : bash"><code>#!/bin/bash #text formatting
|
||||
neutre=': " -e -i "js" name</p>
|
||||
<p>if [ ! -e coffee ]; then echo "pas de dossier coffee, on le crée"
|
||||
mkdir coffee fi echo -e " copie du dossier
|
||||
${bleuclair}${bold}${name}${normal} vers le dossier
|
||||
${bold}coffee${normal} ${neutre}" cp -R ${name}/* coffee echo "lire les
|
||||
fichiers du dossier coffee"</p>
|
||||
<p>COUNTER=0 for FILE in `find coffee -name "*.js" -type f -o -path
|
||||
'./node<sub>modules</sub>' -prune -o -path './components' -prune` do if
|
||||
[ -e $FILE ] ; then COFFEE=${FILE//\.js/\.coffee} echo -e " converting
|
||||
${FILE} to ${bleuclair}${COFFEE}${neutre}${normal}" js2coffee "$FILE"
|
||||
> "$COFFEE" rm $FILE COUNTER=$((COUNTER+1)) else echo "File: $1 does
|
||||
not exist!" fi done echo -e "${bleuclair}${bold} $COUNTER
|
||||
${normal}${neutre} fichiers convertis" cd ../</code> </pre>
|
||||
<p>vous pouvez enregistrer ce script bash sous le nom de
|
||||
alljs2coffee.sh le copier dans votre répertoire d'exécutables,</p>
|
||||
<pre class="brush : bash"><code>cp alljs2coffee.sh
|
||||
/usr/local/bin</code></pre><p>lui donner les droits
|
||||
pour être exécuté par tout le monde&nbsp;</p> <pre
|
||||
class="brush : bash"><code>chmod +x
|
||||
alljs2coffee.sh</code></pre><p>et voilà vous pourrez
|
||||
l'exécuter dans n'importe quel dossier contenant un de vos projets avec
|
||||
la commande <strong>alljs2coffee</strong></p>
|
||||
<p>go go gadgetto modernisation du JS!</p> <p><a
|
||||
href="<a
|
||||
href="https://github.com/js2coffee/js2coffee/issues/379">https://github.com/js2coffee/js2coffee/issues/379</a>">voir
|
||||
l'issue sur github</a>.&nbsp;comme toujours, si vous avez des
|
||||
amélioratoins à proposez faites donc!</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,238 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 212</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2015-07-02 14:29:39></li>
|
||||
<li>modifié: <2015-11-16 14:52:44></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="customiser-son-serveur-1">customiser son serveur</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p>Certaines commandes sont nécessaires à la maitrise d'un
|
||||
environnement unix, et puis il y a celles absolument pas indispensable.
|
||||
Par example, celles qui vous permettent de mettre un ASCII art au login
|
||||
sur votre serveur avec le message du jour (message of the day,
|
||||
motd).</p> <h3>changer le nom de votre machine
|
||||
(hostname).</h3> <p>il faut aussi changer le nom de l'hôte
|
||||
dans /etc/hosts</p> <p><code><code>$ sudo nano
|
||||
/etc/hosts</code></code></p> <p>redémarrez le
|
||||
service hostname.</p> <p><code
|
||||
class="bash"><code>$ sudo service hostname
|
||||
restart</code></code></p> <p>et voilà votre nom
|
||||
d'hôte changé Ø/</p> <h3>mettre un message du jour à la
|
||||
connexion.</h3> <p>le message du jour est généré grâce aux
|
||||
scripts dans <strong>/etc/update-motd.d/</strong> vous
|
||||
pouvez donc ajouter un script perso.</p> <p><code
|
||||
class="bash">$ nano
|
||||
/etc/update-motd.d/99-tktrucs</code></p> <p>et mettre
|
||||
dedans des trucs trop importants.&nbsp;</p>
|
||||
<p><code>#!bin/bash echo "un grand pouvoir entraine de
|
||||
grandes responsabilités"</code></p> <p>et il faudra
|
||||
lui donner les droits de s'exécuter.</p> <p><code
|
||||
class="bash">$ sudo chmod +x
|
||||
/etc/update-motd.d/99-tktrucs</code></p> <p>ce fichier
|
||||
permet de rajouter du contenu à la fin du message du jour</p>
|
||||
<p><code><code>$ sudo nano
|
||||
/etc/motd.tail</code></code></p> <p>utilisez le
|
||||
générateur d'ASCII art pour faire des trucs trop
|
||||
impressionants.</p> <p><a href="<a
|
||||
href="https://www.network-science.de/ascii/">https://www.network-science.de/ascii/</a>"><a
|
||||
href="https://www.network-science.de/ascii/">https://www.network-science.de/ascii/</a></a></p>
|
||||
<p>astuce bonus pour se loguer de façon plus sécurisée.</p>
|
||||
<h3>copier sa clé publique sur un serveur distant</h3>
|
||||
<code class="bash"> <code><p>$ ssh-copy-id -i
|
||||
~/.ssh/id<sub>dsa</sub>.pub titi@toto.host.org</p>
|
||||
<p>Password:</p> </code> </code>
|
||||
<blockquote><p><ins>sources:</ins> <a
|
||||
href="<a
|
||||
href="https://doc.ubuntu-fr.org/motd">https://doc.ubuntu-fr.org/motd</a>"><a
|
||||
href="https://doc.ubuntu-fr.org/motd">https://doc.ubuntu-fr.org/motd</a></a>
|
||||
<a href="<a
|
||||
href="https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart">https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart</a>"><a
|
||||
href="https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart">https://askubuntu.com/questions/87665/how-do-i-change-the-hostname-without-a-restart</a></a></p>
|
||||
<p><a href="<a
|
||||
href="https://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh">https://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh</a>"><a
|
||||
href="https://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh">https://www.generation-linux.fr/index.php?post/2008/06/07/117-changer-le-message-d-accueil-sur-ssh</a></a></p>
|
||||
<p><a href="<a
|
||||
href="https://www.network-science.de/ascii/">https://www.network-science.de/ascii/</a>"><a
|
||||
href="https://www.network-science.de/ascii/">https://www.network-science.de/ascii/</a></a></p>
|
||||
</blockquote></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,290 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 209</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2015-07-22 13:56:38></li>
|
||||
<li>modifié: <2021-09-16 10:38:30></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="les-couleurs-de-la-ratp-dans-sass-1">les couleurs de la RATP
|
||||
dans SASS</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>si vous avez dans l'idée de faire un petit projet web incluant les
|
||||
couleurs des lignes de métro / RER / Tram parisien, voici les codes
|
||||
couleurs choppées à coup de pipette (on peut aussi trouver ces codes
|
||||
hexadécimaux sur wikipedia). Vous pouvez les utiliser dans votre css
|
||||
avec ces variables faites pour <a href="<a
|
||||
href="https://sass-lang.com/">https://sass-lang.com/</a>">le language
|
||||
de preprocessing SASS</a>.</p>
|
||||
<p>Vous pouvez voir ce que donnent les compilations sass en ligne et
|
||||
vous exercer sur <a href="<a
|
||||
href="https://sassmeister.com/">https://sassmeister.com/</a>">sassmeister.com</a></p>
|
||||
<p><code class="scss"> </code></p>
|
||||
<p>ensuite il vous faudra des classes pour appliquer ces couleurs sur
|
||||
vos lignes.</p>
|
||||
<p><code class="scss">/** metros**/ .metro<sub>1</sub> {
|
||||
background: $metro<sub>1</sub> !important; } .metro<sub>2</sub> {
|
||||
background: $metro<sub>2</sub>; } .metro<sub>3</sub> { background:
|
||||
$metro<sub>3</sub>; } .metro<sub>3BIS</sub> { background:
|
||||
$metro<sub>3BIS</sub>; } .metro<sub>4</sub> { background:
|
||||
$metro<sub>4</sub>; } .metro<sub>5</sub> { background:
|
||||
$metro<sub>5</sub>; } .metro<sub>6</sub> { background:
|
||||
$metro<sub>6</sub>; } .metro<sub>7</sub> { background:
|
||||
$metro<sub>7</sub>; } .metro<sub>7BIS</sub> { background:
|
||||
$metro<sub>7BIS</sub>; } .metro<sub>8</sub> { background:
|
||||
$metro<sub>8</sub>; } .metro<sub>9</sub> { background:
|
||||
$metro<sub>9</sub>; } .metro<sub>10</sub> { background:
|
||||
$metro<sub>10</sub>; } .metro<sub>11</sub> { background:
|
||||
$metro<sub>11</sub>; } .metro<sub>12</sub> { background:
|
||||
$metro<sub>12</sub>; } .metro<sub>13</sub> { background:
|
||||
$metro<sub>13</sub>; } .metro<sub>13BIS</sub> { background:
|
||||
$metro<sub>13</sub>; } .metro<sub>14</sub> { background:
|
||||
$metro<sub>14</sub>; } <em>** trams **</em> .tram<sub>1</sub> { color:
|
||||
$tram<sub>1</sub>; border: solid 3px $tram<sub>1</sub>; }
|
||||
.tram<sub>2</sub> { color: $tram<sub>2</sub>; border-color:
|
||||
$tram<sub>2</sub>; } .tram<sub>3</sub> { color: $tram<sub>3</sub>;
|
||||
border-color: $tram<sub>3</sub>; } .tram<sub>4</sub> { color:
|
||||
$tram<sub>4</sub>; border-color: $tram<sub>4</sub>; } .tram<sub>5</sub>
|
||||
{ color: $tram<sub>5</sub>; border-color: $tram<sub>5</sub>; }
|
||||
.tram<sub>6</sub> { color: $tram<sub>6</sub>; border-color:
|
||||
$tram<sub>6</sub>; } .tram<sub>7</sub> { color: $tram<sub>7</sub>;
|
||||
border-color: $tram<sub>7</sub>; } .tram<sub>8</sub> { color:
|
||||
$tram<sub>8</sub>; border-color: $tram<sub>8</sub>; }</code></p>
|
||||
<p><code class="scss"></code> Et si vous voulez
|
||||
personnaliser tout ça dans un mixin pour choisir que colorer avec vos
|
||||
variables, c'i possible! <div></p>
|
||||
<p>Admettons que, comme ci dessus l'on veuille une classe pour chaque
|
||||
ligne afin de colorer une bordure. <div>Pour ça on va utiliser des
|
||||
tableaux associatifs(clé: valeur), sta dire des
|
||||
<strong>maps</strong>,</div> <div>et des
|
||||
tableaux non associatifs, des <strong>listes
|
||||
</strong>(élément1, élément2).</div> <div>On définit
|
||||
une map de famille de transport (métro, tram, rer), puis une couleur
|
||||
pour chaque ligne.</div> <div>Puis on définit notre
|
||||
<strong>@mixin</strong> qui fait une classe avec bordure
|
||||
correspondante.</div> <div>grâce à l'interpolation de
|
||||
variable on peut faire des noms de classe css (et d'autres choses)
|
||||
dynamiques.</div> <div>exemple:</div>
|
||||
<div><code>$name: foo; $attr: border; p.#{$name} {
|
||||
#{$attr}-color: blue; }</code></div> <div>Allez donc
|
||||
voir <a href="<a
|
||||
href="https://sass-lang.com/documentation/Sass/Script/Functions.html#map-functions">https://sass-lang.com/documentation/Sass/Script/Functions.html#map-functions</a>">les
|
||||
quelques fonctions existantes sur les maps.</a> Ici on se servira
|
||||
uniquement de celle qui retourne la valeur pour une clé
|
||||
donnée.</div> <div>Avec <strong>@each</strong>
|
||||
on va parcourir notre map et créer des classes en conséquence avec notre
|
||||
mixin, appelé par la directive
|
||||
<strong>@include</strong>.</div> <div>Ensuite si
|
||||
on veut que nos classes soient différentes pour les métros et les trams
|
||||
on a plus qu'a faire un autre mixin, et voilà!</div> <code>
|
||||
// variables de couleurs $metro<sub>1</sub>: #fdce00;
|
||||
$metro<sub>2</sub>: #0267af; $metro<sub>3</sub>: #a1971b;
|
||||
$metro<sub>3BIS</sub>: #96d7dd; $metro<sub>4</sub>: #b74288;
|
||||
$metro<sub>5</sub>: #de8b53; $metro<sub>6</sub>: #79bb92;
|
||||
$metro<sub>7</sub>: #e8a8b8; $metro<sub>7BIS</sub>: #7cc485;
|
||||
$metro<sub>8</sub>: #cfa9d0; $metro<sub>9</sub>: #cec92b;
|
||||
$metro<sub>10</sub>: #dfb039; $metro<sub>11</sub>: #8e6538;
|
||||
$metro<sub>12</sub>: #328e5b; $metro<sub>13</sub>: #a0cccb;
|
||||
$metro<sub>14</sub>: #612684; $tram<sub>1</sub>: #0564b1;
|
||||
$tram<sub>2</sub>: #c74896; $tram<sub>3</sub>: #90613b;
|
||||
$tram<sub>3a</sub>: #90613b; $tram<sub>3b</sub>: #ec8a42;
|
||||
$tram<sub>4</sub>: #fcc11b; $tram<sub>5</sub>: #0564b1;
|
||||
$tram<sub>6</sub>: #ec5738; $tram<sub>7</sub>: #90613b;
|
||||
$tram<sub>8</sub>: #999738; $rer<sub>a</sub>: #cf532e; $rer<sub>b</sub>:
|
||||
#5191cd; // maps de couleurs $metro<sub>colors</sub>: ( '1' :
|
||||
$metro<sub>1</sub>, '2': $metro<sub>2</sub>, '3':$metro<sub>3</sub>, //
|
||||
etc ); $tram<sub>colors</sub>: ( '1' : $tram<sub>1</sub>, '2':
|
||||
$tram<sub>2</sub>, // etc ); $rer<sub>colors</sub>: ('a' :
|
||||
$rer<sub>a</sub>, 'b': $rer<sub>b</sub>); // map de famille
|
||||
$sisi<sub>lafamille</sub>: ( 'metro' : $metro<sub>colors</sub>, 'tram' :
|
||||
$tram<sub>colors</sub>, 'rer' : $rer<sub>colors</sub>, ); // mettre une
|
||||
bordure à gauche selon la famille et le numéro de ligne @mixin
|
||||
lineBorder($famille,$nom) { $famille<sub>map</sub>:
|
||||
map-get($sisi<sub>lafamille</sub>, $famille); .#{$famille}_#{$nom} {
|
||||
border-left: 3px solid map-get($famille<sub>map</sub>, $nom); } } //
|
||||
faire un style différent pour les trams @mixin tram($nom,$color) {
|
||||
.tram_#{$nom} { color: $color; border-color: $color; } } @warn "yeah";
|
||||
// boucle-ception @each $famille, $list in $sisi<sub>lafamille</sub> {
|
||||
@each $key, $val in $list { // traitement différent pour les trams @if
|
||||
($famille == 'tram') { @include tram($key, $val); } @else { @include
|
||||
lineBorder($famille, $key); } } }</code>
|
||||
<div>Enjoy!</div> </div></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,277 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 205</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2015-11-08 11:57:33></li>
|
||||
<li>modifié: <2015-11-17 15:21:46></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="mise-en-forme-de-code-coloré-sur-votre-site">Mise en forme de
|
||||
code coloré sur votre site</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>assez souvent je croise des blogs contenant des portions de code
|
||||
malheureusement non mises en couleur selon le langage.<div><br
|
||||
/><div>C'est pourtant pas si compliqué à mettre en
|
||||
place.</div><div>de nombreux plugins de blogs wordpress,
|
||||
drupal, dotclear le proposent, si vous écrivez sur un blog.</div>
|
||||
<div> Ou bien il suffit d'inclure une lib JS (en fin de corps de
|
||||
page) qui se chargera de détecter vos balises <code></code>
|
||||
ou <pre></pre>, de deviner de quel langage il s'agit et de
|
||||
le colorer en conséquence. Sauf que le langage n'est pas toujours bien
|
||||
détecté car plusieurs langages utilisent des structures et des mots clés
|
||||
similaires,</div><div>il faut souvent utiliser un marquage
|
||||
pour éviter les colorations qui n'ont rien à voir.</div>
|
||||
<div>pour dotclear, sur lequel fonctionne ce blog j'utilise
|
||||
YASH.</div><div>il faut mettre son code dans une balise de
|
||||
préformatage <pre></pre> et lui mettre une classe
|
||||
<strong>brush:js</strong> par example. Ce qui est un peu
|
||||
relou.</div><div>ce qui donne ceci dans le code
|
||||
HTML</div> <pre class="brush:html"><code><pre
|
||||
class="brush:html"><br /> <!– mon commentaire html –>
|
||||
<html> là on est dans du html moche mais coloré
|
||||
</html><br /></pre></code> </pre>
|
||||
<div>Mais syntaxeHL fait aussi très bien l'affaire:</div>
|
||||
<div><a
|
||||
href="https://plugins.dotaddict.org/dc2/details/syntaxehl">https://plugins.dotaddict.org/dc2/details/syntaxehl</a></div>
|
||||
<pre class="brush:js"><code>// wow ce code est trop mieux en
|
||||
couleur var bonjour = 'Hello Monde!';</code> </pre>
|
||||
<div>Mais si vous voulez un joli thème de coloration y'a le projet
|
||||
<a href="<a
|
||||
href="https://highlightjs.org/">https://highlightjs.org/</a>"
|
||||
hreflang="fr">HighLightJS</a>&nbsp;qui non seulement met en
|
||||
forme plus de 50 lagages, mais dispose aussi d'un bon paquet de thèmes
|
||||
dans leur démos.</div><div>Le site propose aussi de créer un
|
||||
pack de la lib pour ne mettre en forme que certains langages choisis. Vu
|
||||
qu'en général on ne parle pas de quinze mille langages différents sur le
|
||||
même site c'est une option fort chouette.</div><div>J'ai
|
||||
donc uploadé le pack.js dans mon dossier public de dotclear ainsi que le
|
||||
thème css qui va bien.</div><div>j'ai ajouté l'appel au
|
||||
script dans le footer
|
||||
<strong>tpl/<sub>footer</sub>.html</strong> de mon thème
|
||||
dotclear,&nbsp;</div><div><pre
|
||||
style="background-color:#002240;color:#ffffff;font-family:'DejaVu Sans
|
||||
Mono';font-size:16,5pt;"><span
|
||||
style="color:#e1efff;"><</span><span
|
||||
style="color:#9effff;">script </span><span
|
||||
style="color:#ffdd00;">src=</span><span
|
||||
style="color:#3ad900;font-weight:bold;">"/public/highlightjs/highlight.pack.js"</span><span
|
||||
style="color:#e1efff;">></</span><span
|
||||
style="color:#9effff;">script</span><span
|
||||
style="color:#e1efff;">></span></pre><pre
|
||||
style="background-color:#002240;color:#ffffff;font-family:'DejaVu Sans
|
||||
Mono';font-size:16,5pt;"><pre style="font-family: 'DejaVu Sans
|
||||
Mono';"><span style="font-size: 1.1em; color: rgb(225, 239,
|
||||
255);"><</span><span style="font-size: 1.1em; color:
|
||||
rgb(158, 255, 255);">script</span><span style="font-size:
|
||||
1.1em; color: rgb(225, 239, 255);">></span>hljs<span
|
||||
style="color:#e1efff;">.</span>initHighlightingOnLoad<span
|
||||
style="color:#e1efff;">();</span><span style="font-size:
|
||||
1.1em; color: rgb(225, 239, 255);"></</span><span
|
||||
style="font-size: 1.1em; color: rgb(158, 255,
|
||||
255);">script</span><span style="font-size: 1.1em; color:
|
||||
rgb(225, 239,
|
||||
255);">></span></pre></pre></div><div><pre
|
||||
style="background-color:#002240;color:#ffffff;font-family:'DejaVu Sans
|
||||
Mono';font-size:16,5pt;"><span
|
||||
style="color:#e1efff;"><</span><span
|
||||
style="color:#9effff;">link </span><span
|
||||
style="color:#ffdd00;">rel=</span><span
|
||||
style="color:#3ad900;font-weight:bold;">"stylesheet"
|
||||
</span><span
|
||||
style="color:#ffdd00;">href=</span><span
|
||||
style="color:#3ad900;font-weight:bold;">"/</span><span
|
||||
style="color:#3ad900;background-color:#3c3c57;font-weight:bold;">public</span><span
|
||||
style="color:#3ad900;font-weight:bold;">/highlightjs/agate.css"</span><span
|
||||
style="color:#e1efff;">></span></pre></div><div>le
|
||||
code d'exécution dans une autre balise script, chargé le css dans
|
||||
l'entête du fichier
|
||||
<strong>tpl/<sub>head</sub>.html</strong></div>
|
||||
<div>Comme sur ce blog j'utilise la balise de code pour montrer du
|
||||
code, et que la mise en forme d'highlightjs s'applique à une
|
||||
balise<pre> (le bonheur est dedans) contenant la balise code, j'ai
|
||||
rajouté une ligne de jquery pour enlevopper mes balises codes d'un
|
||||
préformatage.&nbsp;</div><div><code>$('.post-content
|
||||
code').wrap('pre')</code></div><div>ainsi je peux
|
||||
spécifier la classe du nom du langage sur ma balise code et elle est
|
||||
conservée.</div><div>c'est facile à mettre en place, et
|
||||
zoup! ça améliore l'expérience de lecture donc pourquoi s'en priver ?
|
||||
;)</div><div>enjoy!</div></div></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,273 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 195</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2016-03-04 16:50:40></li>
|
||||
<li>modifié: <2016-07-31 11:42:00></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="amélioration-continue-de-léquipe">Amélioration continue de
|
||||
l'équipe</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><br /></p></p>
|
||||
<p><h3>Une équipe qui gagne ça ne tombe pas du ciel.<br
|
||||
/></h3></p>
|
||||
<p><p><br /> Avez vous déjà essayé l'amélioration continue
|
||||
dans votre équipe?<br /> <br /> Car vous aurez beau vous
|
||||
investir dans les méthodes les plus récentes, les outils les plus
|
||||
révolutionnaires,<br /> <br /> cela ne donnera pas plus de
|
||||
résultat si vous avez une équipe qui ne cherche pas à s'améliorer à tous
|
||||
les niveaux. Vous faites probablement des erreurs dans votre façon de
|
||||
gérer un projet et ce n'est pas sale, ton corps change.<br />
|
||||
<br /></p></p>
|
||||
<p><h3>Faites de la veille<br /></h3></p>
|
||||
<p><p><br /> Ne restez pas la tête dans le guidon. Prenez le
|
||||
temps de réfléchir à ce qu'il faut faire et ne réfléchissez pas tout le
|
||||
temps tout seul. Soyez curieux de la façon dont d'autres personnes
|
||||
procèdent. Déplacez vous, posez des questions, apprenez à écouter et à
|
||||
ne rien dire. Il nous faut quelques années pour apprendre à parler, et
|
||||
toute une vie pour savoir nous taire.<br /> <br /> Tant au
|
||||
niveau des personnes qui dirigent les opérations qu'au niveau de celles
|
||||
qui mettent les mains dans le cambouis. Cela semble évident, et pourant
|
||||
de nombreux chouettes projets se retrouvent à traîner et à dégouter ses
|
||||
participants pour cause de ce que l'on pourrait appeler un management
|
||||
pourri.<br /> <br /></p></p>
|
||||
<p><h3>Soyez un meilleur humain<br /></h3></p>
|
||||
<p><p><br /> C'est le cas lorsque les opérants se démotivent
|
||||
rapidement, se sentent pris pour du bétail et quittent les projets sans
|
||||
laisser de trace. C'est aussi le cas lorsque l'on ne fait que de gueuler
|
||||
pour se faire entendre et que toutes les choses à faire sont super
|
||||
urgentes sans que l'on sache dire de quoi il faudrait s'occuper en
|
||||
premier.<br /> <br /> Travailler dans une ambiance pourrie,
|
||||
avec des collègues pénibles, sans jamais s'y retrouver dans qui fait
|
||||
quoi sous une pression énorme de petits chefs qui se croient plus
|
||||
importants que le reste du monde est un calvaire. Personne ne veut
|
||||
travailler dans ces conditions.<br /> <br /> Aussi, il est
|
||||
vital, et je dis bien vital, de mettre en place un moyen d'avoir un
|
||||
regard éloigné sur ce que l'on a fait en équipe, et de pouvoir échanger
|
||||
librement de façon constructive. Ne travaillez jamais avec des gens qui
|
||||
ne reconnaissent pas leurs erreurs ou qui ne souhaitent pas sincèrement
|
||||
faire mieux. On ne fait de la qualité à hauteur de la souffrance que
|
||||
l'on met dans son travail.<br /> <br /> Il vous suffit de
|
||||
vous demander "est ce que je fais mieux mon boulot maintenant que l'an
|
||||
dernier?".<br /> <br /> "bah j'ai toujours été trop bon, et
|
||||
puis je me suis jamais trompé de ma vie, c'est bien simple, ce sont
|
||||
toujours les autres qui ont tort, cette bande d'incompétents!" Si la
|
||||
réponse ressemble à ça, je plains sincèrement vos collègues. Mais ce
|
||||
n'est pas forcément de votre faute, et tout n'est pas perdu! :)<br
|
||||
/> <br /> Dans certains environnements de travail on met en
|
||||
place une procédure vachement efficace: les retours d'expérience (REX).
|
||||
Des réunions mensuelles où toute l'équipe est conviée à se regrouper
|
||||
autour d'une table (en face à face) et à écrire sur un post-it (ou autre
|
||||
chose) un point positif, et un point négatif axe d'amélioration sur ce
|
||||
qui a été fait depuis le dernier REX. Une fois que tout le monde a
|
||||
écrit, on va demander à chaque personne de nous parler une ou deux
|
||||
minutes maximum sur les sujets de ce qu'elle a écrit. Il convient de
|
||||
laisser s'exprimer chaque personne sans lui couper la parole, et en ne
|
||||
faisant aucune remarque, même si vous êtes en désaccord avec celle ci ou
|
||||
que le sujet vous parait évident.<br /> <br /> La prise de
|
||||
parole n'est pas réservée qu'aux dieux du projet<br /> <br
|
||||
/> ça n'a l'air de rien, mais cela représente un défi insurmontable
|
||||
pour certains. Vous aurez sans doute remarqué que dans toutes les
|
||||
équipes où vous avez participé à un projet, tout le monde n'a pas la
|
||||
même aisance à s'exprimer. Certains présentent des difficultés à
|
||||
formuler des phrases simples et claires pour donner leur avis, ou tout
|
||||
simplement pour dire ce qu'ils ont fait. <br /> <br
|
||||
/></p></p>
|
||||
<p><h3>Rien n'est évident<br /></h3></p>
|
||||
<p><p><br /> Beaucoup ne se sentent pas légitimes dans leur
|
||||
prise de parole. Il est essentiel que tout le monde dans votre équipe
|
||||
sache qu'il est invité à s'exprimer aussi bien sur ce qu'il trouve bien
|
||||
que sur ce qu'il trouve mauvais et qui mériterait amélioration.<br
|
||||
/> <br /> Cette méthode simple à mettre en place permet
|
||||
plusieurs choses extrêmement bénéfiques:<br /> <br /> On
|
||||
peut distinguer les choses qui déplaisent à plusieurs personnes.<br
|
||||
/> On peut réfléchir à plusieurs à comment améliorer les choses, se
|
||||
partager des astuces.<br /> On est tous au courant de ce qui pose
|
||||
problème, comme ça il y a moins de chances que l'on soit indéfiniement
|
||||
redirigé vers un responsable qui sera toujours quelqu'un d'autre.<br
|
||||
/> La courte (et à peu près égale) durée de parole nous oblige à
|
||||
synthétiser pour éviter de faire perdre du temps à tout le monde.<br
|
||||
/> On est pas tout seul dans son coin si on a besoin de savoir
|
||||
quelque chose.<br /> On facilite la spontanéité des échanges. On
|
||||
s'engage activement à s'améliorer.<br /> <br /> Il suffit
|
||||
d'essayer.</p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,223 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 194</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2016-03-29 17:19:40></li>
|
||||
<li>modifié: <2016-05-11 11:03:46></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="gulpifie-ton-prestashop-1">gulpifie ton prestashop</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><p>Vous êtes dev front end et aimeriez avoir du
|
||||
livereload quand vous bossez sur un thème prestashop? Gulpifiez votre
|
||||
prestashop! &amp;nbsp;(ou en fait non, fuyez tant qu'il en est
|
||||
encore temps)</p> <p>dans votre terminal favori, dans la
|
||||
racine de votre projet prestashop faites ceci: Installons localement
|
||||
gulp et browser-sync avec node package manager:</p>
|
||||
<p>&amp;nbsp;npm i –save-dev gulp browser-sync</p>
|
||||
<p>ça mouline quelques temps, ensuite créez un fichier Gulpfile.js
|
||||
toujours à la racine de votre projet et remplissez le de ceci:</p>
|
||||
<pre><code>/**</p></p>
|
||||
<p><pre>gulpify script of tykayn <a
|
||||
href="https://github.com/tykayn/blog.artlemoine.com">https://github.com/tykayn/blog.artlemoine.com</a>
|
||||
<a href="https://artlemoine.com">https://artlemoine.com</a> to run this
|
||||
you need bash to install dependencies: npm i -D gulp browser-sync
|
||||
–save-dev; gulp **/</pre></p>
|
||||
<p><p>var serverName = 'latrotteuse.lan'; // you NEED to have a
|
||||
vhost of this name setup var gulp = require('gulp'); var browserSync =
|
||||
require('browser-sync');</p></p>
|
||||
<p><p>// Static server. gulp.task('browser-sync', function ()
|
||||
{</p></p>
|
||||
<p><pre> // init server browserSync.init({ proxy: serverName + "/"
|
||||
}); // the server will automatically reload on change var filesToWatch =
|
||||
["themes/**/*.tpl", "themes/**/*.js", "themes/**/*.css",
|
||||
"themes/**/*.html", "src/**/*.php"]; gulp.watch(filesToWatch)
|
||||
.on('change', browserSync.reload);</pre></p>
|
||||
<p><p>});</p></p>
|
||||
<p><p>gulp.task('default', <a href="'browser-sync'"
|
||||
title="'browser-sync'">'browser-sync'</a>);
|
||||
</code></pre> il vous faudra définir un virtual host pour
|
||||
que ça fonctionne. on a donc un fichier minimal, avec une tâche par
|
||||
défaut qui lance un serveur web local sur le port 3000 et qui recharge
|
||||
le browser à la modification d'un fichier dans le répertoire de thèmes.
|
||||
wouala, enjoyez!&amp;lt;/span&amp;gt;
|
||||
&amp;lt;/pre&amp;gt;</p></p></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,198 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 321</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2016-09-05 22:06:55></li>
|
||||
<li>modifié: <2018-08-22 14:20:54></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="quand-tu-fais-migrer-ton-équipe-vers-gitlab">quand tu fais
|
||||
migrer ton équipe vers gitlab</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><p><img src="<a
|
||||
href="https://i.imgur.com/OYTMJVm.gif">https://i.imgur.com/OYTMJVm.gif</a>"
|
||||
/></p> <p>Voilà comment l'équipe se sent quand elle passe
|
||||
d'une plateforme de gestion de git inexistante à un <a href="<a
|
||||
href="https://www.gitlab.com">https://www.gitlab.com</a>">gitlab</a>
|
||||
auto hébergé. Et je ne gagne rien pour vous écrire ça.</p></p>
|
||||
<p><!– wp:paragraph –> <p></p> <!– /wp:paragraph
|
||||
–></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,215 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 347</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2016-10-03 14:07:49></li>
|
||||
<li>modifié: <2018-08-22 14:17:56></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="du-grand-art-avec-gimp-1">du grand art avec gimp</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>&nbsp;</p>
|
||||
<p>C'est bientôt la saison des courges musquées.</p>
|
||||
<p>la tentation était trop grande, je me devais de faire un superbe
|
||||
montage d'Elon Musk (vous savez, <a href="<a
|
||||
href="https://waitbutwhy.com/2015/05/elon-musk-the-worlds-raddest-man.html">https://waitbutwhy.com/2015/05/elon-musk-the-worlds-raddest-man.html</a>">the
|
||||
raddest man evar</a>&nbsp;qui a servi d'inspiration pour faire
|
||||
le personnage de Tony Stark aka Iron Man!) avec une courge. <a
|
||||
href="<a
|
||||
href="https://twitter.com/search?src=typd&q=%23retirezMoiPhotoshop">https://twitter.com/search?src=typd&q=%23retirezMoiPhotoshop</a>">#retirezMoiPhotoshop</a></p>
|
||||
<p><img class="aligncenter wp-image-358 size-full" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2016/11/courge_musquee_butternut.png">https://www.cipherbliss.com/wp-content/uploads/2016/11/courge_musquee_butternut.png</a>"
|
||||
width="570" height="570"></p>
|
||||
<p>Justement, quand on a l'habitude de toshop on prend de haut GIMP tant
|
||||
il est ouvert tel Jean Claude Van Damme alors que pour le commun des
|
||||
mortels y'a pas besoin de cracker un logiciel ultra lourd et ultra cher
|
||||
pour faire des bidouilles viteuf. Bizarrement, peu de gens font de la
|
||||
retouche photo avec toshop, car c'est très inattendu et on aurait jamais
|
||||
deviné, pas même en connaissant son nom mais&nbsp;c'est son but
|
||||
premier.</p>
|
||||
<p>Il existe d'ailleurs <a href="<a
|
||||
href="https://lifehacker.com/how-to-make-the-gimp-work-more-like-photoshop-1551318983">https://lifehacker.com/how-to-make-the-gimp-work-more-like-photoshop-1551318983</a>">des
|
||||
config de gimp pour faire en sorte qu'il ressemble d'avantage à toshop,
|
||||
selon cet article de chez LifeHacker</a>.</p>
|
||||
<p>Perso, afficher quelques fenêtres ancrables, réassigner quelques
|
||||
raccourcis et zoup, je n'ai pas besoin de plus pour faire mes
|
||||
conneries.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,205 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 356</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2016-10-23 21:51:04></li>
|
||||
<li>modifié: <2018-08-22 14:17:43></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="réparer-louverture-de-liens-dans-chrome">réparer l'ouverture de
|
||||
liens dans chrome</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>après l'upgrade vers ubuntu 16.04, j'avais un souci avec Google
|
||||
Chrome, quand je cliquais sur un lien censé s'ouvrir dans mon navigateur
|
||||
par défaut ça ouvrait une page blanche.</p>
|
||||
<p>Pour réparer cela rien de plus facile, il suffit de bidouiller le
|
||||
mini fichier de config de chrome desktop pour votre utilisateur.
|
||||
<pre><code>gedit&nbsp;$HOME/.local/share/applications/google-chrome.desktop</code></pre>
|
||||
Trouvez la ligne:
|
||||
<pre>&nbsp;<code>Exec=/opt/google/chrome/chrome</code></p>
|
||||
<p></pre> <code>rajoutez à la fin <em>un espace et un
|
||||
%U</em></code>
|
||||
<pre><code>Exec=/opt/google/chrome/chrome<strong>
|
||||
%U</strong></code></pre> Sauvez le fichier, et voilà,
|
||||
ça marche direct.</p>
|
||||
<p>Solution trouvée grâce à <a href="<a
|
||||
href="https://askubuntu.com/questions/689449/15-10-chrome-external-links-are-opened-as-blank-tabs-in-new-browser-window/701775#701775">https://askubuntu.com/questions/689449/15-10-chrome-external-links-are-opened-as-blank-tabs-in-new-browser-window/701775#701775</a>">stackExchange</a></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,280 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li><p>ID: 404</p></li>
|
||||
<li><p>guid:</p></li>
|
||||
<li><p>status: publish</p></li>
|
||||
<li><p>publié le: <2016-12-30 12:01:20></p></li>
|
||||
<li><p>modifié: <2018-09-02 12:18:49></p></li>
|
||||
<li><p>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></p>
|
||||
<p><a href="id:d5c072f1-309f-4d4a-b3e0-9131db36fdbe">dessin</a> <a
|
||||
href="id:dbf3a3e9-edad-49f3-bcf6-3f69b6b49cb9">raccourcis-photoshop-pour-gimp-2-10</a></p></li>
|
||||
</ul>
|
||||
<h2 id="prendre-en-main-gimp-avec-les-raccourcis-de-photoshop-1">prendre
|
||||
en main gimp avec les raccourcis de photoshop</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Comme je l'énonçais précédemment, afin de <a href="<a
|
||||
href="https://www.cipherbliss.com/du-grand-art-avec-gimp/">https://www.cipherbliss.com/du-grand-art-avec-gimp/</a>">faire
|
||||
du grand art avec GIMP</a>, pour 99% des utilisateurs les
|
||||
fonctionnalités de GIMP sont suffisantes. Cependant, ce qui freine les
|
||||
personnes qui souhaiteraient ne pas payer d'abonnement ou de devoir
|
||||
cracker toshop pour faire du traitement d'image chez eux, c'est qu'on ne
|
||||
leur a jamais mis dans les mains que des solutions de chez Adobe à
|
||||
l'école, et du coup, il est très difficile de changer ses habitudes
|
||||
ensuite.</p>
|
||||
<p><img class="aligncenter size-full" src="<a
|
||||
href="https://lh5.googleusercontent.com/eRRF9E2oOCjChMHR4Lwq43vO2xlJ4v_hM-kCbPGQHtraa7Zlt68R3yJ1C-RsCkBQUNRX01_jd2r5EDI=w1920-h959">https://lh5.googleusercontent.com/eRRF9E2oOCjChMHR4Lwq43vO2xlJ4v_hM-kCbPGQHtraa7Zlt68R3yJ1C-RsCkBQUNRX01_jd2r5EDI=w1920-h959</a>"
|
||||
alt="interface de gimp ressemblant à celle de photoshop" width="1676"
|
||||
height="959" /></p>
|
||||
<p>Heureusement, <strong>GIMP est super
|
||||
configurable</strong>. Voici donc une astuce pour lui attribuer
|
||||
les raccourcis claviers et l'apparence habituelle de photoshop, en une
|
||||
seule fenêtre.</p>
|
||||
<p>Il vous suffit de récupérer un dossier de profil GIMP et de remplacer
|
||||
celui que vous avez dans votre dossier utilisateur.</p>
|
||||
<p>pour GIMP version 2.8, sur Windows ce sera: <blockquote>
|
||||
<h3><code>C: and
|
||||
Settings\{USERNAME}\.gimp-2.8</code></h3>
|
||||
</blockquote> et sur les linux les plus courants
|
||||
<blockquote><code>/home/$USER/.gimp-2.8</code></blockquote>
|
||||
Installez <a href="<a
|
||||
href="https://www.thegimp.fr/">https://www.thegimp.fr/</a>">le
|
||||
programme original</a>, puis prenez <a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/09/gimp-2.8.zip">https://www.cipherbliss.com/wp-content/uploads/2018/09/gimp-2.8.zip</a>">cette
|
||||
archive zip du profil GIMP 2.8 que je vous ai cuisiné</a>, et
|
||||
mettez son contenu à la place de votre profil GIMP. Vous pouvez bien sûr
|
||||
renommer le dossier de votre profil actuel pour le garder dans un coin
|
||||
et le rétablir si besoin. <h2>Pour GIMP 2.10 sur ubuntu
|
||||
18.04</h2> les profils d'applis sont rangés différemment. La
|
||||
config utilisateur est différente, et il faut donc la copier dans un
|
||||
autre dossier:</p>
|
||||
<p>prendre <a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/09/gimp_config_2.10.zip">https://www.cipherbliss.com/wp-content/uploads/2018/09/gimp_config_2.10.zip</a>">cette
|
||||
archive de profil GIMP 2.10</a>, et la placer dans
|
||||
<strong>/home/$USER/.config/GIMP/</strong>, où vous devez
|
||||
avoir déjà un dossier <strong>2.10</strong></p>
|
||||
<p>il faut remplacer le contenu du dossier 2.10 avec celui de l'archive
|
||||
zip.</p>
|
||||
<p>voici un script bash qui fait cela: <blockquote>wget <a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/09/gimp_config_2.10.zip">https://www.cipherbliss.com/wp-content/uploads/2018/09/gimp_config_2.10.zip</a>
|
||||
# récupération du zip</p>
|
||||
<p>mv /home/$USER/<strong>.config/GIMP/</strong>2.10 /home/$USER/<strong>.config/GIMP/</strong>2.10<sub>backup</sub>
|
||||
# backup de la config existante</p>
|
||||
<p>unzip gimp<sub>config2</sub>.10.zip -d
|
||||
/home/$USER/<strong>.config/GIMP/</strong></p>
|
||||
<p>ls -lArth /home/$USER/<strong>.config/GIMP/</strong> #
|
||||
verification de la présence des dossiers</blockquote>
|
||||
<h2>Résumé de quelques raccourcis bien pratiques dans les
|
||||
profils</h2> que vous connaissez sans doute déjà si vous dessinez
|
||||
avec toshop (<a href="<a
|
||||
href="https://helpx.adobe.com/fr/photoshop/using/default-keyboard-shortcuts.html">https://helpx.adobe.com/fr/photoshop/using/default-keyboard-shortcuts.html</a>">d'ailleurs
|
||||
vous avez la liste complète ici pour toshop</a>):
|
||||
<blockquote>Ctrl+N: nouveau fichier</p>
|
||||
<p>Ctrl+R: modifier les raccourcis.</p>
|
||||
<p>M : sélection rectangulaire</p>
|
||||
<p>Ctrl+T: transformation</p>
|
||||
<p>R: Rotation</p>
|
||||
<p>G: pot de peinture (remplissage, avec la couleur sélectionnée)</p>
|
||||
<p>I: pipette (i majuscule)</p>
|
||||
<p>Barre espace maintenue: bouger l'image.</p>
|
||||
<p>Ctrl+M: courbes de couleur</p>
|
||||
<p>Ctrl+shift+U: convertir en niveaux de gris</p>
|
||||
<p>Ctrl+shift+E: fusionner tous les calques en un seul.</p>
|
||||
<p>Ctrl+D: Tout désélectionner</p>
|
||||
<p>V: déplacer la sélection</p>
|
||||
<p>X: inverser les deux couleurs</p>
|
||||
<p>B: brosse</p>
|
||||
<p>E: gomme</p>
|
||||
<p>W: sélection baguette magique</p>
|
||||
<p>Z: zoom (ctrl+click : zoomer vers l'arrière). plus simple pour
|
||||
zoomer et dézoomer: ctrl+ molette de souris.</p>
|
||||
<p><strong>Quelques raccourcis perso:</strong></p>
|
||||
<p>F4: rogner l'image selon la sélection (ça c'est un truc perso)</p>
|
||||
<p>Ctrl + J: dupliquer le calque</blockquote> Vous pouvez ajouter,
|
||||
et retirer des onglets en cliquant sur les petites flèches sur la droite
|
||||
des titres des onglets. pour les déplacer, cliquez sur le titre de
|
||||
l'onglet, par exemple "Calques".</p>
|
||||
<p>Site officiel: <a href="<a
|
||||
href="https://www.gimp.org">https://www.gimp.org</a>">www.gimp.org</a></p>
|
||||
<p>Mes autres articles à propos de GIMP:</p>
|
||||
<p><a href="<a
|
||||
href="https://www.cipherbliss.com/tag/gimp/">https://www.cipherbliss.com/tag/gimp/</a>"><a
|
||||
href="https://www.cipherbliss.com/tag/gimp/">https://www.cipherbliss.com/tag/gimp/</a></a></p>
|
||||
<p>Enjaillez!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,251 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 438</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-02-12 12:42:35></li>
|
||||
<li>modifié: <2018-08-22 17:32:38></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="comment-faire-sa-compta-dentreprise-individuelle-dans-une-feuille-de-calcul-1">comment
|
||||
faire sa compta d'entreprise individuelle dans une feuille de
|
||||
calcul</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>j'ai déjà évoqué quelques <a href="<a
|
||||
href="https://www.cipherbliss.com/faire-ses-factures-avec-libreoffice-ou-google-sheet/">https://www.cipherbliss.com/faire-ses-factures-avec-libreoffice-ou-google-sheet/</a>">astuces
|
||||
pour tableur/excel/libreOffice/google sheets</a> qui pourraient
|
||||
vous servir à vous faciliter la compta de votre petite entreprise. Je
|
||||
vous propose de nous appuyer cette fois ci sur un fichier concret que
|
||||
vous pourrez utiliser direct paf boum pastèque.</p>
|
||||
<p><a href="<a
|
||||
href="https://docs.google.com/spreadsheets/d/1dHubtb7LXyiU1_K4GDbnMHM2Kf7t-unLe-Hx2A8_bFY/edit?usp=sharing">https://docs.google.com/spreadsheets/d/1dHubtb7LXyiU1_K4GDbnMHM2Kf7t-unLe-Hx2A8_bFY/edit?usp=sharing</a>">par
|
||||
ici pour la fiche prévisionnelle super trop
|
||||
pratique</a>&nbsp;sur gdrive</p>
|
||||
<p><strong>Connaitre des formules de feuilles de calcul c'est
|
||||
bien, mais faire en sorte que ça ne soit pas le boxon dans votre
|
||||
comptabilité est un sport qui demande un peu plus de
|
||||
souplesse.</strong></p>
|
||||
<p>Quand vous avez une <a href="<a
|
||||
href="https://www.lautoentrepreneur.fr/">https://www.lautoentrepreneur.fr/</a>">auto-entreprise</a>
|
||||
(AE)(oui leur site web est atroce) la comptabilité est très simple, vous
|
||||
ne pouvez pas facturer de TVA ni faire de note de frais, et tout peut
|
||||
être réglé en ligne sur <a href="<a
|
||||
href="https://www.net-entreprises.fr/">https://www.net-entreprises.fr/</a>">net-entreprise.fr</a>.
|
||||
(eux aussi ils font fort dans le genre site atroce pas rénové depuis
|
||||
l'an 2000)</p>
|
||||
<p>vous pouvez télécharger utiliser ce fichier super simple avec des
|
||||
achats et des recettes pour votre AE:&nbsp;<a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2017/02/livre_compta_auto_entreprise.ods">https://www.cipherbliss.com/wp-content/uploads/2017/02/livre_compta_auto_entreprise.ods</a>">livre<sub>comptaautoentreprise</sub></a>&nbsp;(éditable
|
||||
avec OpenOffice Calc ou LibreOffice Calc)</p>
|
||||
<p>Dès que vous avez un statut qui vous permet de facturer davantage que
|
||||
les 70000€ par an (et non plus 34 000€ depuis 2018), les choses se
|
||||
compliquent, rien que parce que vous devez ouvrir un espace pro sur
|
||||
<a href="<a
|
||||
href="https://www.impots.gouv.fr/portail/">https://www.impots.gouv.fr/portail/</a>">le
|
||||
site des impôts</a>. (qui s'est légèrement refait une beauté en
|
||||
2016 après avoir boudé les mises à jour pendant une dizaine d'année,
|
||||
mais pas sur toutes ses pages non plus, faut pas déconner). Si vous
|
||||
voulez des infos pour choisir votre structure d'entreprise, j'ai
|
||||
personnellement trouvé pas mal de bonnes infos à jour pour choisir la
|
||||
mienne (en tant que développeur web indépendant) sur <a href="<a
|
||||
href="https://www.entrepriseindividuelle.info">https://www.entrepriseindividuelle.info</a>">www.entrepriseindividuelle.info.</a></p>
|
||||
<p>Dans tous les cas, l'aide d'un comptable vous sera précieuse (pas
|
||||
besoin d'<em>expert</em>-comptable si vous faites moins
|
||||
d'une vingtaine de factures par an et si vous n'avez aucun employé).
|
||||
<h2>Le but du jeu avec cette feuille de calcul ça va être
|
||||
de:</h2> <h3>1/ gérer votre facturation</h3>
|
||||
<ul> <li>avoir une vue globale de votre situation</li>
|
||||
<li>pouvoir générer des pdf de facture à envoyer à nos clients
|
||||
sans se fouler le petit doigt</li> <li>base de données de
|
||||
clients <h3>2/ gérer votre trésorerie</h3> </li>
|
||||
</ul> <ul> <li>lister vos dépenses par type</li>
|
||||
<li>prévoir la disponibilité de votre trésorerie à long
|
||||
terme</li> <li>estimer combien vous allez devoir reverser de
|
||||
ce que vous gagnez à chaque organisme qui vous le demandera tous les
|
||||
trimestres ou tous les mois. (loyer, assurance, mutuelle, abonnements
|
||||
divers,carburant,URSSAF, RSI, CIPAV, DGFIP, CFE… mais attention, les
|
||||
barêmes changent toutes les moitiés d'année)</li>
|
||||
<li>constater les différences entre vos prévisions et les mesures
|
||||
de votre trésorerie afin d'ajuster vos économies.</li> </ul>
|
||||
rien que ça ce sera déjà pas mal pour vous permettre de personnaliser
|
||||
comme vous voulez.</p>
|
||||
<p>(le mode d'emploi de cette feuille est en cours de rédaction)</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,214 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 461</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-06-11 12:42:22></li>
|
||||
<li>modifié: <2018-07-30 10:17:10></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="quand-ton-migrateur-de-blog-vers-wordpress-fonctionne-1">quand
|
||||
ton migrateur de blog vers wordpress fonctionne</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>&nbsp;</p>
|
||||
<p>[caption id="" align="aligncenter" width="700"]<img
|
||||
class="size-full" src="<a
|
||||
href="https://i0.kym-cdn.com/entries/icons/original/000/021/807/4d7.png">https://i0.kym-cdn.com/entries/icons/original/000/021/807/4d7.png</a>"
|
||||
width="700" height="700" /> hackerman mr robot[/caption]</p>
|
||||
<p>wouala, j'avais un blog dotclear, une plateforme made in france pour
|
||||
mon blog plein de dessins avant et pour plusse d'évolutivité j'ai
|
||||
finalement choisi de le faire migrer.</p>
|
||||
<p>seulement l'importateur dotclear de wordpress ne faisait pas son taf
|
||||
à cause d'un problème de magic quotes php qui sont dépréciées. J'en ai
|
||||
donc profité pour faire un petit projet et le publier sur mon
|
||||
gitlab.</p>
|
||||
<p><a href="<a
|
||||
href="https://gitlab.com/tykayn1/dotclear2wordpress">https://gitlab.com/tykayn1/dotclear2wordpress</a>"><a
|
||||
href="https://gitlab.com/tykayn1/dotclear2wordpress">https://gitlab.com/tykayn1/dotclear2wordpress</a></a></p>
|
||||
<p>vous pouvez l'utliser, pour cela il vous suffit d'installer wordpress
|
||||
sur le même serveur que votre blog dotclear, de cloner le dépot sur
|
||||
votre serveur dans un dossier contrôlé par votre serveur ouaibe,
|
||||
naviguez à l'adresse du dépot cloné, installez les dépendances avec un
|
||||
coup de <em>bower install</em> et zou, suivez les
|
||||
instructions.</p>
|
||||
<p>et voilà donc le blog migré en question: <a href="<a
|
||||
href="https://tykayn.fr">https://tykayn.fr</a>"><a
|
||||
href="https://tykayn.fr">https://tykayn.fr</a></a></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,235 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 465</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-07-09 14:48:28></li>
|
||||
<li>modifié: <2018-08-22 17:49:51></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="restez-en-vie-luttez-contre-le-présentéisme">restez en vie,
|
||||
luttez contre le présentéisme</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><a
|
||||
href="https://www.youtube.com/watch?v=P9ksSWJfPVg">https://www.youtube.com/watch?v=P9ksSWJfPVg</a></p>
|
||||
<p>Travailler moins pour gagner plus, ou comment <strong>le
|
||||
<span class="<sub>5afx</sub>"><span
|
||||
class="<sub>58cm</sub>">présentéisme</span></span> fait
|
||||
couler les projets, les boîtes et leurs employés</strong>.</p>
|
||||
<p>Bossez bien, et cultivez votre vie en dehors du boulot, passez du
|
||||
temps de qualité en famille, entre amis, ou bien seul. Ne tombez pas
|
||||
dans le piège qui vous fera regretter en fin de vie de ne pas avoir
|
||||
mieux géré votre temps en dehors de celui que vous passez sous contrat
|
||||
avec une entreprise. Votre travail ne s'en portera que mieux. On passe
|
||||
déjà suffisamment de temps dans les transports. Méfiez vous également
|
||||
lorsque l'on vous parle de <em>culture d'entreprise</em>, ce
|
||||
n'est que de la novlangue pour désigner tout simplement un culte de la
|
||||
vie d'employé digne des plus strictes lois martiales.
|
||||
<blockquote>C'est une forme d'organisation totalitaire, voire même
|
||||
sectaire. Dans ces structures, il y a la reproduction d'un même schéma
|
||||
avec un leader charismatique, inca<span
|
||||
class="text<sub>exposedshow</sub>">rné généralement par le fondateur
|
||||
de la société, autour duquel se crée un culte de la personnalité. Vous
|
||||
avez ensuite l'adoption d'un langage commun généralement bourré
|
||||
d'anglicismes, d'euphémismes et de superlatifs décuplés qui se propagent
|
||||
à une vitesse folle….. Plusieurs process sont souvent rebaptisés avec
|
||||
des noms qui se veulent savants mais sont au final très creux. Ajoutés à
|
||||
cette novlangue, des rituels communs, des valeurs communes, une culture
|
||||
d'entreprise commune ou encore une surveillance omniprésente des
|
||||
résultats. Ce qui est assez proche selon moi d'un système totalitaire….
|
||||
et d'autant plus hypocrite de la part d'entrepreneurs prônant la liberté
|
||||
à tous les étages et qui se révèlent dans les faits plus que
|
||||
liberticides.</span></p>
|
||||
<p><a href="<a
|
||||
href="https://www.facebook.com/claude.tran.7?fref=nf">https://www.facebook.com/claude.tran.7?fref=nf</a>">-Claude
|
||||
Tran, </a></p>
|
||||
<p>à propos de l'article <a href="<a
|
||||
href="https://www.challenges.fr/start-up/quand-la-coolitude-des-start-up-se-transforme-en-proletariat-nouvelle-generation_477708">https://www.challenges.fr/start-up/quand-la-coolitude-des-start-up-se-transforme-en-proletariat-nouvelle-generation_477708</a>">"quand
|
||||
la coolitude des startups se transforme en prolétariat déguisé" de
|
||||
Marion Perroux&nbsp;</a></p>
|
||||
<p><a
|
||||
href="https://www.challenges.fr/start-up/quand-la-coolitude-des-start-up-se-transforme-en-proletariat-nouvelle-generation_477708">https://www.challenges.fr/start-up/quand-la-coolitude-des-start-up-se-transforme-en-proletariat-nouvelle-generation_477708</a></blockquote>
|
||||
Un autre témoignage ici:&nbsp;<a href="<a
|
||||
href="https://www.arolla.fr/blog/2017/05/projet-jai-essaye-presenteisme/">https://www.arolla.fr/blog/2017/05/projet-jai-essaye-presenteisme/</a>"
|
||||
target="<sub>top</sub>" rel="nofollow noopener"><a
|
||||
href="https://www.arolla.fr/…/2…/05/projet-jai-essaye-presenteisme/">https://www.arolla.fr/…/2…/05/projet-jai-essaye-presenteisme/</a></a>
|
||||
<blockquote>Le culte du temps de travail, c’est mal, la qualité de
|
||||
code, c’est bien</blockquote></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,205 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 470</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-09-21 20:54:32></li>
|
||||
<li>modifié: <2018-08-22 17:49:31></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="comment-désactiver-de-façon-permanente-le-mode-only-full-group-by-de-mysql">Comment
|
||||
désactiver de façon permanente le mode "only full group by" de
|
||||
mysql</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Au pays de symfony, <a href="<a
|
||||
href="https://www.doctrine-project.org">https://www.doctrine-project.org</a>">doctrine</a>
|
||||
ne fait pas d'association uniquement pleinement groupées. Si vous avez
|
||||
eu ce problème de <strong><a href="<a
|
||||
href="https://dev.mysql.com/doc/refman/5.7/en/sql-mode.html">https://dev.mysql.com/doc/refman/5.7/en/sql-mode.html</a>">mode
|
||||
SQL</a> only<sub>fullgroupby</sub></strong> pour le résoudre
|
||||
de façon permanente vous devez éditer un fichier de conf personnalisé:
|
||||
<pre>sudo nano /etc/mysql/my.cnf</pre> ajoutez ceci à la fin
|
||||
du fichier: <pre>[mysqld] sql<sub>mode</sub> =
|
||||
"STRICT<sub>TRANSTABLES</sub>,NO<sub>ZEROINDATE</sub>,NO<sub>ZERODATE</sub>,ERROR<sub>FORDIVISIONBYZERO</sub>,NO<sub>AUTOCREATEUSER</sub>,NO<sub>ENGINESUBSTITUTION</sub>"</pre>
|
||||
redémarrez votre serveur mysql <pre>sudo service mysql restart
|
||||
</pre> et ça désactivera le problème de ONLY<sub>FULLGROUPBY</sub>
|
||||
pour TOUS vos utilisateurs.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,209 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 476</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-09-21 21:02:32></li>
|
||||
<li>modifié: <2018-08-22 17:50:49></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="statistiques-sur-les-fanzines-référencés-par-méluzine">Statistiques
|
||||
sur les fanzines référencés par méluzine</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Selon <a href="<a
|
||||
href="https://www.meluzine.org/fr/fanzine-stats/">https://www.meluzine.org/fr/fanzine-stats/</a>">cette
|
||||
page de stats du site meluzine.org</a>, recueillant les infos pour
|
||||
leurs 1484 fanzines référencés voici ce que ça donne. (Ne prend pas en
|
||||
compte les 331 fanzines qui n'ont pas renseigné de prix ainsi que ceux
|
||||
qui n'ont pas renseigné de nombre de pages.)</p>
|
||||
<p><iframe src="<a
|
||||
href="https://docs.google.com/spreadsheets/d/e/2PACX-1vQVnIguLcaPLQ3GlQ2e9NRf3j2KjznxqkU4qEojjIfCSHJGn1xUfOXKAxjD51y50ipKA_RvapdIWdcW/pubchart?oid=2062870769&format=interactive">https://docs.google.com/spreadsheets/d/e/2PACX-1vQVnIguLcaPLQ3GlQ2e9NRf3j2KjznxqkU4qEojjIfCSHJGn1xUfOXKAxjD51y50ipKA_RvapdIWdcW/pubchart?oid=2062870769&format=interactive</a>"
|
||||
scrolling="no" seamless="" width="100%" height="371"
|
||||
frameborder="0"></iframe></p>
|
||||
<p>&nbsp; <iframe seamless="" scrolling="no" src="<a
|
||||
href="https://docs.google.com/spreadsheets/d/e/2PACX-1vQVnIguLcaPLQ3GlQ2e9NRf3j2KjznxqkU4qEojjIfCSHJGn1xUfOXKAxjD51y50ipKA_RvapdIWdcW/pubchart?oid=434570851&format=interactive">https://docs.google.com/spreadsheets/d/e/2PACX-1vQVnIguLcaPLQ3GlQ2e9NRf3j2KjznxqkU4qEojjIfCSHJGn1xUfOXKAxjD51y50ipKA_RvapdIWdcW/pubchart?oid=434570851&format=interactive</a>"
|
||||
width="100%" height="371" frameborder="0"></iframe> <iframe
|
||||
seamless="" scrolling="no" src="<a
|
||||
href="https://docs.google.com/spreadsheets/d/e/2PACX-1vQVnIguLcaPLQ3GlQ2e9NRf3j2KjznxqkU4qEojjIfCSHJGn1xUfOXKAxjD51y50ipKA_RvapdIWdcW/pubchart?oid=225251577&format=interactive">https://docs.google.com/spreadsheets/d/e/2PACX-1vQVnIguLcaPLQ3GlQ2e9NRf3j2KjznxqkU4qEojjIfCSHJGn1xUfOXKAxjD51y50ipKA_RvapdIWdcW/pubchart?oid=225251577&format=interactive</a>"
|
||||
width="100%" height="371" frameborder="0"></iframe></p>
|
||||
<p>mon analyse: souvent, les fanzines c'est pas cher, autour de 3€, pour
|
||||
plein de pages de dessin et de texte. Alors mangez en! -Voilà</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,424 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 456</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-09-22 18:44:51></li>
|
||||
<li>modifié: <2017-11-02 13:32:29></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<p><a
|
||||
href="id:c55fafea-5aa2-4fe4-91e7-4477a13b3a8a">gestion<sub>deprojet</sub></a></p>
|
||||
<h2
|
||||
id="techniques-de-gestion-de-temps-sur-projets-personnels-1">techniques
|
||||
de gestion de temps sur projets personnels</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>savoir gérer son temps c'est important, surtout quand on est
|
||||
nouvellement devenu papa et qu'on a beaucoup de mal a bien dormir depuis
|
||||
des mois. Mais ça fait partie d'une démarche d'<a href="<a
|
||||
href="https://www.cipherbliss.com/amlioration-continue-de-l-quipe/">https://www.cipherbliss.com/amlioration-continue-de-l-quipe/</a>">amélioration
|
||||
continue, que l'on se doit d'employer lorsque l'on est en
|
||||
équipe</a>. ce n'est pas le genre de chose où l'on peut se dire
|
||||
"ça y est j'ai tout pigé de comment ça marche pour le reste de mes
|
||||
jours", il faut savoir s'adapter et surtout refuser de faire certaines
|
||||
choses là maintenant pour les faire faire par d'autres, ou les faire soi
|
||||
même plus tard, dans un ordre éventuellement différent et réparti en de
|
||||
plus petites tâches à résoudre.</p>
|
||||
<p>Vous vous attendez sûrement à un comparatif de <a href="<a
|
||||
href="https://www.youtube.com/watch?v=obEkLDHXV8E">https://www.youtube.com/watch?v=obEkLDHXV8E</a>">listicle</a>
|
||||
du style "<em>dix gestionnaires de projet à absolument
|
||||
essayer</em>", ou "<em>cinq techniques infaillibles pour
|
||||
gérer facilement votre PROJEEEEEEEEEEET</em>".</p>
|
||||
<p>je vais vous présenter les quelques uns des plus utiles que j'ai
|
||||
essayé au cours des dix dernières années. Mais avant cela, il faut que
|
||||
vous compreniez qu'<strong>avoir des outils c'est bien, mais ça ne
|
||||
fait pas tout tout seul</strong>.</p>
|
||||
<p><a
|
||||
href="https://www.ted.com/talks/laura_vanderkam_how_to_gain_control_of_your_free_time">https://www.ted.com/talks/laura_vanderkam_how_to_gain_control_of_your_free_time</a></p>
|
||||
<p><a href="<a
|
||||
href="https://www.ted.com/talks/laura_vanderkam_how_to_gain_control_of_your_free_time">https://www.ted.com/talks/laura_vanderkam_how_to_gain_control_of_your_free_time</a>">Laura
|
||||
Vanderkam vous le dira mieux que moi</a>, quand on dit qu'on a pas
|
||||
le temps de faire telle ou telle chose, il serait plus juste de se dire
|
||||
que ça ne fait pas partie de nos priorités actuellement, et de se rendre
|
||||
compte que <strong>nous avons le pouvoir de modifier nos
|
||||
priorités</strong>.</p>
|
||||
<p>Il ne s'agit <strong>pas</strong> de zapper les
|
||||
génériques des séries que l'on regarde pour gagner quinze minutes par
|
||||
session de deux heures de matage de série, mais de considérer l'idée
|
||||
qu'on pourrait sans doute faire autre chose à la place, réviser nos
|
||||
habitudes (hou! ça fait peur comme idée hein) qui nous donnerait
|
||||
davantage le sentiment qu'on emploie notre temps à des choses plus
|
||||
épanouissantes. <blockquote>Le truc c'est qu'en fait nous avons
|
||||
parfaitement le temps d'avoir une vie en dehors de notre activité
|
||||
principale, mais que ça nous demande l'effort de savoir dire
|
||||
non.</blockquote> Notre conférencière détaille qu'elle connaît une
|
||||
personne qui était tout le temps débordée, qui n'avait pas le temps de
|
||||
concilier vie de famille, travail, corvées, amitiés, et vie
|
||||
sentimentale. Pourtant, un jour en rentrant du boulot elle vit que son
|
||||
appartement avait été inondé à cause d'une fuite de son ballon d'eau
|
||||
chaude, elle trouva le temps d'appeler des professionnels pour sauver
|
||||
ses meubles, enlever l'eau, réparer le ballon d'eau chaude, faire garder
|
||||
ses enfants, trouver un autre endroit où dormir. En tout cela lui avait
|
||||
pris plus de 7 heures dans son agenda qui était pourtant surbooké. Quand
|
||||
on veut trouver du temps pour dégager son agenda c'est possible.
|
||||
<blockquote>Oh bien sûr il est plus facile de dire aux autre qu'on
|
||||
a le temps de rien, parce qu'il existe une tendance à très mal voir les
|
||||
individus qui ne sont pas constamment surbookés, on peut les qualifier
|
||||
de "chômeurs", d'"assistés", de "gens qui gâchent leur vie" ou de
|
||||
"feignasse" au choix selon vos tendances politiques et le niveau de
|
||||
mépris que vous souhaitez exprimer.</blockquote> vous aurez peut
|
||||
être remarqué également que ceux qui se tuent au travail sont mieux
|
||||
considérés que ceux qui arrivent à le faire aussi bien, mais sans
|
||||
souffrir. Comme si souffrir était une chose bénéfique en soi. Tiens
|
||||
donc, mais est ce que ça aurait un rapport avec l'étymologie du mot
|
||||
travail qui désigne à l'origine un instrument de torture, en plus de
|
||||
nommer la période de souffrance d'une mère pendant un accouchement ?
|
||||
<pre>Petite astuce de vie en société: si à chaque fois que vous
|
||||
invitez une de vos connaissances à vous voir et qu'ils vous disent
|
||||
qu'ils ne peuvent pas parce qu'ils n'ont pas le temps sans jamais
|
||||
proposer de créneau alternatif, c'est qu'en fait ils ne tiennent pas du
|
||||
tout à ce que vous vous voyez. Voilà, c'est cadeau. Vous pouvez
|
||||
maintenant vous concentrer sur des relations plus saines.</pre>
|
||||
Revenons à notre gestion de <strong>projet perso</strong>.
|
||||
on parle donc de projets qui nous tiennent à coeur et dont on est plus
|
||||
ou moins le seul maître à bord, parce que dès lors que l'on est
|
||||
plusieurs sur un même projet je ne recommanderai pas de penser la
|
||||
gestion de la même façon. <h2>Faire du ménage dans les
|
||||
sollicitations</h2> Vous pouvez bien tenter d'entreprendre ce que
|
||||
vous voulez, si vous êtes sans cesse disponible pour toutes les autres
|
||||
sollicitations du monde vous n'irez pas bien loin.</p>
|
||||
<p>Vous pouvez déjà désactiver les notifications de votre boite mail, de
|
||||
votre navigateur, de vos messageries (facebook, instagram et twitter en
|
||||
tête). Si ce sont des choses que vous consultez souvent vous n'avez pas
|
||||
besoin en plus qu'ils viennent vous le demander toutes les cinq minutes.
|
||||
ça vous demandera quelques secondes d'aller voir dans les paramètres et
|
||||
de décocher "notifications", vous permettra de reprendre le contrôle sur
|
||||
votre vie en moins de deux, et d'avoir une paix plus durable.</p>
|
||||
<p>Mieux encore, utilisez <a href="<a
|
||||
href="https://unroll.me/">https://unroll.me/</a>">unroll.me</a>
|
||||
afin de <strong>vous désinscrire en masse de plein de newsletter
|
||||
dont vous n'avez rien à foutre</strong> et qui vous pourrissent
|
||||
les boites mails tout en vous sollicitant indéfiniment. Vous pourrez
|
||||
aussi regrouper les newsletter qui vous intéressent afin de n'en
|
||||
recevoir qu'une seule groupée par jour au lieu de cinq ou cinquante et
|
||||
de fouiller à chaque fois pour trouver le bouton "unsubscribe".</p>
|
||||
<p>Sur le net il vous arrive sans doute comme moi d'ouvrir plein
|
||||
d'onglets, tenté par l'envie de lire des trucs, de voir des illus, de
|
||||
chercher l'inspiration, de vouloir comprendre le monde, surtout depuis
|
||||
l'époque où j'ai découvert qu'on pouvait le faire en cliquant avec la
|
||||
molette de la souris sur un lien.</p>
|
||||
<p>Avec le temps j'ai pris l'habitude de savoir les refermer rapidement,
|
||||
au lieu de les accumuler.</p>
|
||||
<p>Mais il y a encore mieux: <strong>vous pouvez sauvegarder les
|
||||
pages web comme si vous les mettiez dans votre poche, pour les lire plus
|
||||
tard</strong>, plutôt que là maintenant où ce n'est pas super
|
||||
opportun. Il existe des services comme ça, je vous recommanderai donc de
|
||||
vous faire un compte sur W<a href="<a
|
||||
href="https://wallabag.org/fr">https://wallabag.org/fr</a>">allbag</a> qui
|
||||
contrairement à Pocket, n'héberge pas tout ce que vous lui donnez aux
|
||||
States mais en France, ce qui vous permet de conserver bien mieux votre
|
||||
vie privée.</p>
|
||||
<p>En plus vous pouvez y relier un agrégateur de <a href="<a
|
||||
href="https://www.wikiwand.com/fr/RSS">https://www.wikiwand.com/fr/RSS</a>">flux
|
||||
rss</a> (comme <a href="<a
|
||||
href="https://www.mozilla.org/fr/thunderbird/">https://www.mozilla.org/fr/thunderbird/</a>">thunderbird</a>
|
||||
qui gère aussi les emails) pour réunir en un même endroit les actus des
|
||||
sites que vous suivez déjà sans avoir à faire le tour sur ces sites un
|
||||
par un.</p>
|
||||
<p>Aménagez un espace privilégié pour réaliser votre projet du moment.
|
||||
Avoir un bureau, un jardin ou un garage selon ce que vous voulez faire,
|
||||
avec un espace disponible est vital si vous voulez pouvoir vous mettre à
|
||||
quelque chose sans avoir à chaque fois à déblayer cet espace ou à
|
||||
réaliser des opérations de maintenance qui devraient être faites par
|
||||
d'autres personne.</p>
|
||||
<p><img class="aligncenter size-full wp-image-489" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2017/09/planning-mensuel-bujo.jpg">https://www.cipherbliss.com/wp-content/uploads/2017/09/planning-mensuel-bujo.jpg</a>"
|
||||
alt="exemple de bullet journal ou BuJo" width="564" height="423"
|
||||
/></p>
|
||||
<p>Il existe des tas d'outils pour s'aider à gérer son temps, (à
|
||||
commencer par une simple feuille de calcul, mais c'est loin d'être idéal
|
||||
comme on va le voir plus loin).</p>
|
||||
<p>En ce moment c'est le bullet journal qui a le vent en poupe, sauf que
|
||||
personnellement ça me semble trop contraignant pour avoir un réel
|
||||
avantage dans une gestion au quotidien. Mais pourquoi donc ?
|
||||
<h2>Pourquoi le BuJo c'est vraiment pas terrible</h2> Parce
|
||||
que quand on a du mal a gérer ses projets perso, c'est très souvent
|
||||
parce qu'on a aucune discipline, aucune visibilité sur l'avancement de
|
||||
ce que l'on fait, et qu'on ne sait pas par où commencer ce qui nous
|
||||
reste à faire. Or, tenir à jour un carnet en papier en plus de ce que
|
||||
l'on fait déjà demande précisément de la discipline.</p>
|
||||
<p>C'est du papier. ça veut dire que vous devez le ballader avec vous
|
||||
tout le temps ou presque, et le jour où vous le paumez vous avez l'air
|
||||
malin, et c'est pareil avec n'importe quel cahier. Le BuJo n'invente
|
||||
rien de neuf, mais comme c'est joliment vendu et plein de promesses ça
|
||||
marche. Enfin, en quelque sorte.</p>
|
||||
<p>Je ne vous dis pas qu'il faut bannir tout carnet de cette sorte, ça
|
||||
peut être un bon moyen de reprendre sa vie en main bien sûr, mais en ce
|
||||
qui concerne la gestion d'un projet qui doit avoir un début, un
|
||||
avancement, des remaniements, une gestion du truc par plusieurs
|
||||
personnes et un objectif ça ne risque pas de faire l'affaire, car un
|
||||
bullet journal, ce n'est pas le genre de truc auquel on dédie un seul
|
||||
projet. Et donc, on se retrouve avec de la distraction, du bruit.</p>
|
||||
<p>une règle d'or est de n'utiliser qu'un seul de ces outils par projet,
|
||||
sinon c'est le bordel. vous pouvez en être certain.</p>
|
||||
<p>Donc perso, j'utilise plusieurs outils selon la complexité du projet.
|
||||
voici lesquels. <h2>Pour les choses simples</h2> une simple
|
||||
liste de trucs à cocher une fois fini suffit.</p>
|
||||
<p>Par exemple pour se faire une liste de course, noter une idée,
|
||||
marquer un truc à faire qui ne nécessite pas de rangement, ou rédiger un
|
||||
texte avec une photo prise en live sur son tel en se disant qu'on
|
||||
pourrait faire un billet de blog plus tard.</p>
|
||||
<p>L'idéal est d'utiliser son téléphone que l'on a très souvent sur soi
|
||||
pour noter des idées quand on les a et de les consulter
|
||||
régulièrement.</p>
|
||||
<p><img class="wp-image-495 size-medium alignleft" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2017/09/dsnote1-169x300.jpg">https://www.cipherbliss.com/wp-content/uploads/2017/09/dsnote1-169x300.jpg</a>"
|
||||
alt="" width="169" height="300" /> <img class="wp-image-496
|
||||
size-medium alignleft" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2017/09/dsnote2-169x300.jpg">https://www.cipherbliss.com/wp-content/uploads/2017/09/dsnote2-169x300.jpg</a>"
|
||||
alt="" width="169" height="300" /></p>
|
||||
<p>J'utilisais Google Keep qui a une appli et une add-on de navigateur
|
||||
hyper pratique et intuitive, mais <a href="<a
|
||||
href="https://degooglisons-internet.org/">https://degooglisons-internet.org/</a>">je
|
||||
me soigne de google</a> en utilisant à la place l'appli <a
|
||||
href="<a
|
||||
href="https://play.google.com/store/apps/details?id=com.synology.dsnote&hl=fr">https://play.google.com/store/apps/details?id=com.synology.dsnote&hl=fr</a>">DS
|
||||
Note Station de Synology (capture d'écran version mobile ci
|
||||
contre)</a>, qui est donc synchronisée avec mon NAS de la même
|
||||
marque. Mais si vous n'avez pas de NAS et que vous avez à cœur votre vie
|
||||
privée, framasoft propose <a href="<a
|
||||
href="https://framanotes.org/">https://framanotes.org/</a>">Framanotes
|
||||
qui fonctionne avec l'appli Turl sur téléphone.</a> Et ils
|
||||
proposent aussi <a href="<a
|
||||
href="https://framastart.org/">https://framastart.org/</a>">tout un
|
||||
tas de logiciels libres (vous connaissez surement déjà
|
||||
Firefox)</a> pour remplacer des applis de géants du web qui comme
|
||||
Apple, Google, Facebook, Amazon et d'autres s'amusent à <a href="<a
|
||||
href="https://www.cipherbliss.com/comment-facebook-choisit-vos-amis-a-votre-place/">https://www.cipherbliss.com/comment-facebook-choisit-vos-amis-a-votre-place/</a>">revendre
|
||||
vos données contre des milliards de dollars à des tonnes d'entreprises
|
||||
pour en faire des choses vraiment pas jolies jolies</a>.
|
||||
<h2>Pour les gestions de trucs à faire un brin plus
|
||||
complexes.</h2> une feuille de calcul en ligne c'est bien
|
||||
pratique. On a utilisé ça pour faire les fanzines de <a href="<a
|
||||
href="https://www.qzine.fr">https://www.qzine.fr</a>">www.qzine.fr.</a> et
|
||||
gérer les points de discussion ainsi que la proportion d'avancement sur
|
||||
chaque sujet pour la construction de notre chez nous. On peut évaluer à
|
||||
chaque chose à faire un pourcentage d'avancement, désigner un
|
||||
resposable, un co-auteur, avoir un statut de l'avancement, et prioriser
|
||||
les choses si on veut en déplaçant les lignes les plus urgentes à faire
|
||||
vers le haut de la pile.</p>
|
||||
<p>Beaucoup de logiciels de tableur comme google sheets, libre office ou
|
||||
framapad permettent de bosser a plusieurs sur une fiche, mais la
|
||||
lisibilité devient vite difficile. et on se retrouve a devoir faire des
|
||||
tâches répétitives comme remplir des dates tout le temps.</p>
|
||||
<p><a href="<a
|
||||
href="https://redbooth.com">https://redbooth.com</a>">Redbooth</a>
|
||||
a été pendant des années un de mes outils préférés.</p>
|
||||
<p><a href="<a
|
||||
href="https://trello.com/">https://trello.com/</a>">Trello</a>
|
||||
est très chouette aussi pour détailler les choses et bosser à plusieurs.
|
||||
On définit des colonnes, on écrit des cartes, et on les glisse/dépose
|
||||
dans la colonne qui va bien. On crée ou supprime des colonnes au gré des
|
||||
besoins.</p>
|
||||
<p><img class="aligncenter size-full wp-image-600" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2017/09/Capture-du-2017-11-02-13-31-24.png">https://www.cipherbliss.com/wp-content/uploads/2017/09/Capture-du-2017-11-02-13-31-24.png</a>"
|
||||
alt="" width="1920" height="1080" /></p>
|
||||
<p>Par exemple, pour faire une bande dessinée, on peut faire une colonne
|
||||
par étape (idée, crayonné, propre, numérisé, typo à faire, à assembler,
|
||||
à réviser, fini), puis une carte par page et on fait bouger nos cartes
|
||||
quand une étape est faite. Si besoin de retouches, on fait retourner la
|
||||
carte d'une page dans une colonne en arrière.</p>
|
||||
<p>Ainsi on a une vision globale, plus on a de cartes dans les colonnes
|
||||
à droite, plus on sait que notre projet est avancé. <h2>Pour les
|
||||
vrais projets</h2> Pour les trucs qui nécessitent du suivi
|
||||
détaillé, plein d'intervenants et de la vision à plusieurs échelles
|
||||
d'avancement il vaut mieux taper dans les systèmes de tickets du style
|
||||
Pivotal tracker, Jira, Trello. Des outils bien connus des développeurs
|
||||
de logiciel.</p>
|
||||
<p>Il faut juste les configurer de sorte que vous ne passiez pas vos
|
||||
journées à rentrer des tickets, et que cela soit réellement un bon
|
||||
investissement de temps.</p>
|
||||
<p>Ces outils utilisent des notions de projet agile, axés sur la
|
||||
tendance réaliste d'une gestion de projet au gré du sens du vent
|
||||
impliquant l'intégralité des personnes intervenant dans sa
|
||||
réalisation.</p>
|
||||
<p>Et vous, c'est quoi vos techniques pour faire aboutir vos projets et
|
||||
vous améliorer ?</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,243 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 580</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-10-31 13:47:09></li>
|
||||
<li>modifié: <2018-08-22 17:33:56></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="le-tur-fu-écologique-des-années-2000-est-il-réalité-en-2017">Le
|
||||
tur-fu écologique des années 2000 est il réalité en 2017?</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>dans les années 90 on avait eu quelques prospectus au collège pour
|
||||
savoir de quoi seront fait les avancées des années 2000. Alors, et-ce
|
||||
qu'on est encore loin de cette liste au père noël?</p>
|
||||
<p><img class="aligncenter size-full wp-image-582" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2017/10/futur_liste_1.jpg">https://www.cipherbliss.com/wp-content/uploads/2017/10/futur_liste_1.jpg</a>"
|
||||
alt="" width="745" height="1074"></p>
|
||||
<p><strong>Plastiques</strong>: On a pas encore mis en place
|
||||
de procédé de recyclage standardisé rien que sur l'échelle d'un
|
||||
département, les producteurs d'emballages plastiques ne sont pas
|
||||
contraints de n'utiliser que des matériaux recyclables et de contribuer
|
||||
à un effort collectif pour les recycler.</p>
|
||||
<p><img class="aligncenter size-full wp-image-583" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2017/10/futur_liste_2.jpg">https://www.cipherbliss.com/wp-content/uploads/2017/10/futur_liste_2.jpg</a>"
|
||||
alt="" width="732" height="1025"></p>
|
||||
<p><strong>Conquête spatiale</strong>: on a de vrais plans
|
||||
tels que <a href="<a
|
||||
href="https://www.huffingtonpost.fr/2017/09/29/avec-sa-big-fucking-rocket-elon-musk-veut-vous-faire-aller-de-paris-a-new-york-en-30-mn_a_23227125/">https://www.huffingtonpost.fr/2017/09/29/avec-sa-big-fucking-rocket-elon-musk-veut-vous-faire-aller-de-paris-a-new-york-en-30-mn_a_23227125/</a>">la
|
||||
big fucking rocket</a> pour conquérir d'autres planètes, ou tout
|
||||
du moins la Lune et la planète Mars depuis que SpaceX a réussi à
|
||||
produire des fusées dont les lanceurs sont réutilisés, ce qui réduit
|
||||
énormément les coûts de fabrication. On plante un drapeau sur la lune en
|
||||
1970, et en 2017 on a toujours pas de base lunaire alors que cela
|
||||
sécuriserait énormément la survie de notre espèce, rien que ça. ça
|
||||
vaudrait le coup de se bouger le cul de façon collective.</p>
|
||||
<p>L'hibernation n'est prévue que pour les marmottes, on ne sait pas
|
||||
encore si on va les envoyer en orbite, mais pour près de 5000 € on peut
|
||||
s'envoyer en l'air et expérimenter l'impesanteur dans des avions zéro
|
||||
G.</p>
|
||||
<p><strong>Réalité augmentée:</strong> ça marche, et on fait
|
||||
quelques jeux vraiment bien foutus avec des lunettes toujours plus
|
||||
légères.</p>
|
||||
<p><strong>Ville verticale:</strong> y'en a qui ont essayé,
|
||||
désormais les constructions de lotissements neufs comportent des
|
||||
commerces au rez de chaussée et des parkings souterrains. Une nette
|
||||
avancée dans cette optique.</p>
|
||||
<p>On a des projets de smart cities qui relèvent davantage de
|
||||
l'espionnage de masse légalisé plus que de systèmes facilitant la vie
|
||||
aux gens et de réseaux routiers ou autres qui s'adaptent aux usages.</p>
|
||||
<p><strong>Pour les pics de pollution dans paris:</strong>
|
||||
on s'en prend aux automobilistes les plus pauvres, (en les interdisant
|
||||
de circuler dans les zones restreintes) qui ne représentent pas la
|
||||
majorité des usagers des routes parisiennes sans imposer de normes aux
|
||||
entreprises du coin, et en encourageant la concentration des entreprises
|
||||
à un même endroit, ce qui ne peut qu'accroitre les problèmes de charges
|
||||
de transports en tout types, aussi bien en commun qu'individuels.</p>
|
||||
<p><strong>Stockage de l'eau</strong>: on a des réservoirs
|
||||
et les constructions d'habitations proposent des cuves à eau capable de
|
||||
réutiliser l'eau de pluie pour les utiliser dans les toilettes ou les
|
||||
machines vie un système de filtration, pour ne pas gaspiller de l'eau
|
||||
potable. Sinon pour stocker l'eau, y'a les tomates&nbsp; qui sont en
|
||||
voie d'extinction, il parait que y'en avait près de 200 sortes en 1950,
|
||||
et aujourd'hui moins d'une dizaine.</p>
|
||||
<p>Wala wala, y'a encore du boulot.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,234 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 589</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-10-31 13:54:33></li>
|
||||
<li>modifié: <2021-02-01 12:05:57></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="nos-autodafés-numériques">Nos autodafés numériques</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>&nbsp;</p>
|
||||
<p>Alors que l'on se disait que l'on ferait bien un tour sur le site de
|
||||
tel ou tel artiste, blogueur dont on apprécie le travail mais que l'on
|
||||
sait pas très productif, quelle tristesse de tomber sur une page blanche
|
||||
ou un nom de domaine à acheter, ou impossible à retrouver après moult
|
||||
recherches, nous montrant que le site en question n'est plus qu'un
|
||||
lointain souvenir.</p>
|
||||
<p><strong>Quand on ne prend pas soin de ses espaces d'écriture
|
||||
numérique ils finissent par disparaître rapidement</strong>,
|
||||
surtout si ils ne sont pas auto hébergés et que vous avez donné toute
|
||||
votre vie à thumblr, blogger, facebook, wordpress, youtube, ou skyblog.
|
||||
Vous n'aviez probablement jamais fait le rapprochement, mais si vous en
|
||||
êtes responsable, en perdant votre contenu numérique, vous faites un
|
||||
autodafé. et ça, ce n'est <a href="<a
|
||||
href="https://youtube.com/watch?v=KgQmrUgR9rM">https://youtube.com/watch?v=KgQmrUgR9rM</a>">vraiment
|
||||
pas très sympa</a>.</p>
|
||||
<p>Vous avez des choses importantes à dire, faites en sorte qu'elles
|
||||
puissent être lues plus d'une seule fois par une poignée de personnes:
|
||||
prenez soin de vos contenus, faites des sauvegardes sur plusieurs
|
||||
supports, <a href="<a
|
||||
href="https://archive.org">https://archive.org</a>">utilisez des
|
||||
services d'archives</a> pour accéder à des contenus disparus et
|
||||
surtout, hébergez les choses sur une plateforme qui ne va pas faire
|
||||
disparaitre vos écrits sans vous prévenir. Vous pouvez reprendre le
|
||||
contrôle de votre vie numérique.</p>
|
||||
<p><a
|
||||
href="https://www.youtube.com/watch?v=UoH3dlKZ-A0">https://www.youtube.com/watch?v=UoH3dlKZ-A0</a></p>
|
||||
<p>Allez zou tout le monde on prend deux minutes pour cliquer sur
|
||||
"exporter mon contenu" ou installer <a href="<a
|
||||
href="https://doc.ubuntu-fr.org/automysqlbackup">https://doc.ubuntu-fr.org/automysqlbackup</a>">mysqlautobackup</a>
|
||||
pour les plus barbus.</p>
|
||||
<p>&nbsp;</p>
|
||||
<p>—</p>
|
||||
<p>sur le sujet de la pérennité et des <a href="<a
|
||||
href="https://www.cipherbliss.com/tag/backup/">https://www.cipherbliss.com/tag/backup/</a>">backups</a>
|
||||
:</p>
|
||||
<p><a
|
||||
href="https://framablog.org/2020/08/24/pour-une-page-web-qui-dure-10-ans/">https://framablog.org/2020/08/24/pour-une-page-web-qui-dure-10-ans/</a></p>
|
||||
<p>Sur 24 jours de Web en 2012, une page qui fonctionne toujours aussi
|
||||
bien quasiment 10 ans plus tard:</p>
|
||||
<p><a
|
||||
href="https://www.24joursdeweb.fr/2012/un-site-web-de-1000-ans/">https://www.24joursdeweb.fr/2012/un-site-web-de-1000-ans/</a></p>
|
||||
<p>&nbsp;</p>
|
||||
<p>&nbsp;</p>
|
||||
<p>&nbsp;</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,240 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 603</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-11-03 21:25:17></li>
|
||||
<li>modifié: <2018-08-22 12:33:37></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="le-village-global-dinternet-et-les-shitstorms">le village global
|
||||
d'internet et les shitstorms</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><a
|
||||
href="https://www.youtube.com/watch?v=AiwA47xY3RE">https://www.youtube.com/watch?v=AiwA47xY3RE</a></p>
|
||||
<p>Le village global d'internet (ou plutôt du web, <a href="<a
|
||||
href="https://www.youtube.com/watch?v=scWj1BMRHUA">https://www.youtube.com/watch?v=scWj1BMRHUA</a>">car
|
||||
c'est pas tout à fait pareil, merci Michael from&nbsp;
|
||||
Vsauce</a>) permet de mettre à la vue de n'importe qui un
|
||||
phénomène qui a toujours existé dans les villages: la lapidation sur
|
||||
place publique ad hominem. Certes on envoie pas de cailloux mais il
|
||||
n'empêche que les shitstorms produisent des dégâts bien réels et
|
||||
vraiment pas très sympa et c'est statisique: les femmes sont davantage
|
||||
exposées à ces effets néfastes.</p>
|
||||
<p>Ce petit épisode de l'émission BiTS produite par Arte est sortie en
|
||||
Décembre 2015. Mais le phénomène de bourrinage en masse est une chose
|
||||
connue depuis fort longtemps. (hey y'a le dernier épisode de <a
|
||||
href="<a
|
||||
href="https://fr.wikipedia.org/wiki/Black_Mirror_(s%C3%A9rie_t%C3%A9l%C3%A9vis%C3%A9e)">https://fr.wikipedia.org/wiki/Black_Mirror_(s%C3%A9rie_t%C3%A9l%C3%A9vis%C3%A9e)</a>">black
|
||||
mirror </a>de la saison 2 sur ce sujet précis, ça s'apelle "le jeu
|
||||
des conséquences")</p>
|
||||
<p>Les plateformes sociales ne sont pas seules responsables de ces
|
||||
effets de masse qui par leur forme accumulative et leur format succint
|
||||
encouragent d'avantage les punch lines aux débats éclairés et
|
||||
argumentés.</p>
|
||||
<p>La libération des paroles est une chose formidable, mais il ne faut
|
||||
pas oublier que la liberté d'expression ne vous autorise pas pour autant
|
||||
à défoncer tout le monde oralement. Oui, aujourd'hui on a une forte
|
||||
tendance à préférer la censure quand un message nous déplaît, mais c'est
|
||||
un énorme tort. Aucun débat n'est possible si vous muselez un discours
|
||||
qui n'est pas en parfait accord avec le votre. Et le jour où ce n'est
|
||||
pas vous qui tenez la muselière de la censure, vous serez bien
|
||||
ennuyé.</p>
|
||||
<p>à l'avenir, méfiez vous des choses qui vous énervent en ligne, car
|
||||
comme toute personne vous êtes extrêmement plus susceptible de
|
||||
participer à la propagation d'une rumeur si celle ci suscite chez vous
|
||||
des émotions fortes. Les pensées se propagent de la même façon que les
|
||||
maladies et les parasites: elles se multiplient et évoluent à travers
|
||||
des hôtes. En l'occurence, les arguments mutent de sorte à ce qu'ils ne
|
||||
deviennent qu'une caricature de ce que l'adversaire le plus évident
|
||||
pourrait être. C'est pour cela qu'il faut faire énormément attention à
|
||||
éviter de produire des arguments tout pourrits (y'en a 3 grandes
|
||||
familles: <a href="<a
|
||||
href="https://cortecs.org/materiel/moisissures-argumentatives/">https://cortecs.org/materiel/moisissures-argumentatives/</a>">Travestissement,
|
||||
Attaque, et Erreurs logiques</a>. homme de paille, ad hominem,
|
||||
fausse vérité, inversion de la charge de la preuve, bouger la cible,
|
||||
dessiner la cible après le tir…)</p>
|
||||
<p>Posez vous simplement la question d'à qui profite ce que vous
|
||||
transmettez et qui va en subir les effets potentiellement démesurés.</p>
|
||||
<p><a
|
||||
href="https://www.youtube.com/watch?v=rE3j_RHkqJc">https://www.youtube.com/watch?v=rE3j_RHkqJc</a></p>
|
||||
<p>OMG! je vous ai transmis un truc, faites gaffe!</p>
|
||||
<p>&nbsp;</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,203 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 610</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-11-05 21:23:46></li>
|
||||
<li>modifié: <2018-08-22 15:10:09></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="comment-enlever-les-informations-exif-de-vos-photos-avant-de-les-publier-1">Comment
|
||||
enlever les informations exif de vos photos avant de les publier</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>installer libimage-exiftool-perl <blockquote>sudo apt-get
|
||||
install libimage-exiftool-perl</blockquote> Vous avez maintenant
|
||||
<strong>exiftool</strong> disponible dans votre terminal
|
||||
favori. Cet outil vous permet d'examiner les infos exif mais aussi de
|
||||
les supprimer avec l'option -all. Pour examiner, faites par exemple:
|
||||
<blockquote>exiftool ma<sub>photo</sub>.jpg</blockquote> Et
|
||||
pour virer les infos exif de tout un dossier de vos photos, allez dans
|
||||
le bon dossier, un qui par exemple contient 17 photos dont ne nom de
|
||||
fichier commence par IMG et lancer la commande suivante:
|
||||
<blockquote>exiftool -all= IMG* ~/Images/voyage lyon/blog 17 image
|
||||
files updated 1 image files unchanged</blockquote> et voilà, vous
|
||||
avez des fichiers avec bien moins d'infos exif.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,201 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 612</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-11-05 21:27:00></li>
|
||||
<li>modifié: <2018-08-22 12:12:38></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="comment-réduire-en-masse-plein-de-photos-avant-de-les-transmettre">Comment
|
||||
réduire en masse plein de photos avant de les transmettre</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Sur votre système linux il existe un tas d'outils intégrables à votre
|
||||
explorateur de fichier pour réduire en masse vos photos d'un seul
|
||||
coup.</p>
|
||||
<p><strong>Le plus rapide, pour réduire de 50% un tas de
|
||||
photos</strong>, ouvrez votre terminal préféré, déplacez vous dans
|
||||
le dossier plein de photos a redimensionner et collez ceci puis faites
|
||||
entrée <blockquote>for f in `find . -name "*.jpg"` do convert $f
|
||||
-resize <strong>50%</strong> $f.resized.jpg
|
||||
done</blockquote> Et wouala! (Et cette image d'entête n'a rien à
|
||||
voir, génial!)</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,198 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 616</li>
|
||||
<li>guid:</li>
|
||||
<li>status: draft</li>
|
||||
<li>publié le: <2017-11-05 21:30:39></li>
|
||||
<li>modifié: <2017-11-05 21:30:39></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="faire-une-timelapse-sur-raspberry-pi-avec-module-caméra-normal-ou-noir">Faire
|
||||
une timelapse sur raspberry pi avec module caméra (normal ou noIR)</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Montage du circuit</p>
|
||||
<p>Script</p>
|
||||
<p>Crontab</p>
|
||||
<p>Prise de vue</p>
|
||||
<p>Assemblage</p>
|
||||
<p>???</p>
|
||||
<p>Profit!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,218 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 620</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2017-12-18 13:52:35></li>
|
||||
<li>modifié: <2018-08-22 17:50:00></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="comment-installer-domoticz-sur-un-raspberry-pi-2-ou-3-1">Comment
|
||||
installer Domoticz sur un raspberry pi 2 ou 3</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>ça marche aussi bien sur les Raspberry pi 2 que 3:</p>
|
||||
<p>raccordez votre Pi au net, puis</p>
|
||||
<p>connectez vous en SSH, (n'oubilez pas de relier votre pi au réseau
|
||||
par câble LAN ou mot de passe) ou bien lancez un terminal:
|
||||
<blockquote><b>sudo curl -L install.domoticz.com |
|
||||
bash</b></blockquote> ce qui téléchargera le script
|
||||
d'install depuis <a href="<a
|
||||
href="https://www.domoticz.com/downloads/">https://www.domoticz.com/downloads/</a>">domoticz.com</a>
|
||||
puis l'éxecutera.</p>
|
||||
<p>Suivez les instructions pour choisir le dossier où installer le tout,
|
||||
quels ports serviront à accéder à l'interface de gestion web de Domoticz
|
||||
et zou.</p>
|
||||
<p>à la fin de l'istallation le script vous rapellera l'URL de réseau
|
||||
local en version http et https afin que vous vous y connectiez.</p>
|
||||
<p>Accédez à l'interface de domoticz en vous connectant localement au
|
||||
port 8080 selon l'ip de votre pi, que vous pouvez trouver via
|
||||
<strong>ifconfig, ce qui vous donne par exemple
|
||||
ceci:</strong></p>
|
||||
<p><a href="<a
|
||||
href="https://192.168.0.12:8080">https://192.168.0.12:8080</a>"><a
|
||||
href="https://192.168.0.12:8080">https://192.168.0.12:8080</a></a></p>
|
||||
<p>Vous devriez donc y voir le tableau de bord sans aucun widget, donc
|
||||
presque comme ceci:</p>
|
||||
<p><img class="aligncenter size-full wp-image-630" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2017/12/domoticz_dashboard.png">https://www.cipherbliss.com/wp-content/uploads/2017/12/domoticz_dashboard.png</a>"
|
||||
alt="" width="800" height="456"></p>
|
||||
<p>Enjoy!</p>
|
||||
<p>&nbsp;</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,191 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 634</li>
|
||||
<li>guid:</li>
|
||||
<li>status: draft</li>
|
||||
<li>publié le: <2017-12-18 13:57:28></li>
|
||||
<li>modifié: <2017-12-18 13:57:28></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="ajouter-des-modules-z-wave-et-enocean-sur-domoticz-et-raspberry-pi">ajouter
|
||||
des modules Z-wave et EnOcean sur Domoticz et raspberry pi</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,197 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 644</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2018-01-08 22:54:08></li>
|
||||
<li>modifié: <2018-08-22 17:49:39></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="le-vent-est-puissant-avec-celui-ci-1">Le vent est puissant avec
|
||||
celui ci</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><img class="aligncenter size-full wp-image-642" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/01/ordi_aspiro_who_would_win.jpeg">https://www.cipherbliss.com/wp-content/uploads/2018/01/ordi_aspiro_who_would_win.jpeg</a>"
|
||||
alt="" width="746" height="589"></p>
|
||||
<p>J'ai un ordi portable professionel dont je suis ravi des
|
||||
performances, mais clairement, face à un aspirateur c'est lui qui gagne
|
||||
pour ce qui est du bruit de soufflerie. Si vous avez de bons plans pour
|
||||
remplacer les ventilos je suis partant.</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,226 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 650</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2018-01-22 11:39:54></li>
|
||||
<li>modifié: <2018-08-22 12:16:09></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="installer-owncloud-sur-ubuntu-server-1">installer owncloud sur
|
||||
ubuntu server</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Supposons que vous ayez accès en SSH à votre serveur ubuntu et que
|
||||
vous connaissiez son ip publique. On suppose aussi que vous avez
|
||||
installé mysql en définissant un mot de passe root.</p>
|
||||
<p>utilisez <a href="<a
|
||||
href="https://owncloud.org/download/#owncloud-server-web-installer">https://owncloud.org/download/#owncloud-server-web-installer</a>">l'installateur
|
||||
web</a> en le téléchargeant via wget sur votre serveur dans un
|
||||
lieu controllé par apache2 afin de pouvoir y accéder via un navigateur:
|
||||
<pre>cd /poule/encrypted/www/html wget <a
|
||||
href="https://download.owncloud.com/download/community/setup-owncloud.php">https://download.owncloud.com/download/community/setup-owncloud.php</a></pre>
|
||||
Accédez à votre serveur par son ip publique ou son nom de domaine si
|
||||
vous en avez défini un, (genre <a
|
||||
href="https://moncloud.amoi.com/setup-owncloud.php">https://moncloud.amoi.com/setup-owncloud.php</a>
|
||||
) et vous devriez voir apparaitre la page d'installation de votre
|
||||
serveur owncloud vous invitant à passer à l'étape suivante.</p>
|
||||
<p><img class="alignnone size-full" src="<a
|
||||
href="https://assets.digitalocean.com/articles/owncloud_install_ubuntu_16.04/db_example.png">https://assets.digitalocean.com/articles/owncloud_install_ubuntu_16.04/db_example.png</a>"
|
||||
width="1128" height="855"></p>
|
||||
<p>On devrait vous demander de créer un utilisateur administrateur de
|
||||
votre cloud perso, de lui définir un mot de passe.</p>
|
||||
<p>Juste en dessous sur la même page, pour la création de base de donnée
|
||||
et d'utilisateur spécifique pour la connexion à cette base, fournissez
|
||||
votre utilisateur root de mysql.</p>
|
||||
<p>Si tout se passe bien et que vous avez bien mis un droit d'écriture
|
||||
sur votre dossier hébergeant votre owncloud, l'installation devrait
|
||||
réussir et après une vingtaine de secondes vous amener sur la page
|
||||
d'accueil de votre utilisateur administrateur, vous proposant des tutos
|
||||
pour syncroniser vos fichiers en téléchargeant un client sur votre ordi
|
||||
perso ou votre mobile, syncroniser votre agenda, et vos contacts.</p>
|
||||
<p>Après l'installation, suivez les instructions de <a href="<a
|
||||
href="https://doc.owncloud.org/server/latest/admin_manual/installation/installation_wizard.html#post-installation-steps-label">https://doc.owncloud.org/server/latest/admin_manual/installation/installation_wizard.html#post-installation-steps-label</a>">sécurisation
|
||||
des accès à votre dossier owncloud sur cette doc
|
||||
officielle</a>.</p>
|
||||
<p><img class="alignnone size-full" src="<a
|
||||
href="https://www.linuxjournal.com/files/linuxjournal.com/ufiles/imagecache/large-550px-centered/u1002061/11563ownf1.jpg">https://www.linuxjournal.com/files/linuxjournal.com/ufiles/imagecache/large-550px-centered/u1002061/11563ownf1.jpg</a>"
|
||||
width="550" height="294"></p>
|
||||
<p>enjoyez!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,226 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 660</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2018-01-26 11:48:02></li>
|
||||
<li>modifié: <2018-08-22 12:14:42></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="récupérer-les-infos-de-votre-compteur-linky">Récupérer les infos
|
||||
de votre compteur Linky</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><img class="aligncenter size-full" src="<a
|
||||
href="https://github.com/outadoc/linkindle/raw/master/assets/linky_days.png">https://github.com/outadoc/linkindle/raw/master/assets/linky_days.png</a>"
|
||||
width="479" height="359"></p>
|
||||
<p>Enedis, notre gestionnaire de réseau électrique en France, met à
|
||||
disposition du public une API JSON qui vous permettra de récupérer les
|
||||
infos de votre compteur Linky, afin d'avoir une idée de ce qu'il mesure.
|
||||
<blockquote><a
|
||||
href="https://espace-client-particuliers.enedis.fr/group/espace-particuliers">https://espace-client-particuliers.enedis.fr/group/espace-particuliers</a></blockquote>
|
||||
Ce système de compteur connecté a fait largement débat, ne serait-ce
|
||||
parce qu'il va générer un énorme gaspillage en remplaçant 35 millions de
|
||||
compteurs parfaitement fonctionnels (un par foyer, et non un par
|
||||
logement) qui ne seront très certainement pas recyclés.</p>
|
||||
<p>ça et les problèmes d'atteinte à la vie privée, parce qu'on sait très
|
||||
bien que nos données numériques valent une fortune, et qu'il n'est pas
|
||||
bien compliqué de faire de l'analyse de signal pour repérer et
|
||||
décortiquer nos habitudes de consommation électriques et les relier à
|
||||
des habitudes pour créer des profils à cibler, comme le fait déjà nombre
|
||||
de réseaux sociaux sans honte aucune. Nos données échappent à notre
|
||||
contrôle par défaut. <a href="<a
|
||||
href="https://www.cipherbliss.com/comment-facebook-choisit-vos-amis-a-votre-place/">https://www.cipherbliss.com/comment-facebook-choisit-vos-amis-a-votre-place/</a>">Et
|
||||
ça nous pourrit la vraie vie.</a></p>
|
||||
<p>Enfin voilà, c'est l'occasion d'afficher sur une liseuse les infos de
|
||||
votre compteur en bidouillant du python. Formidable non? Vous allez
|
||||
pouvoir exploiter vous mêmes vos données et éventuellement repérer des
|
||||
anomalies, et réduire votre conso.</p>
|
||||
<p><a href="<a
|
||||
href="https://github.com/outadoc/linkindle/">https://github.com/outadoc/linkindle/</a>"><a
|
||||
href="https://github.com/outadoc/linkindle/">https://github.com/outadoc/linkindle/</a></a></p>
|
||||
<p>il vous suffira de cloner le dépot, installer les dépendances python,
|
||||
définir deux variables d'environnement pour joindre l'API avec vos infos
|
||||
de compte fournies par Enedis, et hop, magie.</p>
|
||||
<p>source: <a href="<a
|
||||
href="https://outadoc.fr/2016/12/linkindle-courbe-conso-electrique-sur-liseuse/">https://outadoc.fr/2016/12/linkindle-courbe-conso-electrique-sur-liseuse/</a>"><a
|
||||
href="https://outadoc.fr/2016/12/linkindle-courbe-conso-electrique-sur-liseuse/">https://outadoc.fr/2016/12/linkindle-courbe-conso-electrique-sur-liseuse/</a></a></p>
|
||||
<p>&nbsp;</p>
|
||||
<p>&nbsp;</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,306 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
/* CSS for syntax highlighting */
|
||||
pre > code.sourceCode { white-space: pre; position: relative; }
|
||||
pre > code.sourceCode > span { line-height: 1.25; }
|
||||
pre > code.sourceCode > span:empty { height: 1.2em; }
|
||||
.sourceCode { overflow: visible; }
|
||||
code.sourceCode > span { color: inherit; text-decoration: inherit; }
|
||||
div.sourceCode { margin: 1em 0; }
|
||||
pre.sourceCode { margin: 0; }
|
||||
@media screen {
|
||||
div.sourceCode { overflow: auto; }
|
||||
}
|
||||
@media print {
|
||||
pre > code.sourceCode { white-space: pre-wrap; }
|
||||
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
|
||||
}
|
||||
pre.numberSource code
|
||||
{ counter-reset: source-line 0; }
|
||||
pre.numberSource code > span
|
||||
{ position: relative; left: -4em; counter-increment: source-line; }
|
||||
pre.numberSource code > span > a:first-child::before
|
||||
{ content: counter(source-line);
|
||||
position: relative; left: -1em; text-align: right; vertical-align: baseline;
|
||||
border: none; display: inline-block;
|
||||
-webkit-touch-callout: none; -webkit-user-select: none;
|
||||
-khtml-user-select: none; -moz-user-select: none;
|
||||
-ms-user-select: none; user-select: none;
|
||||
padding: 0 4px; width: 4em;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
|
||||
div.sourceCode
|
||||
{ }
|
||||
@media screen {
|
||||
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
|
||||
}
|
||||
code span.al { color: #ff0000; font-weight: bold; } /* Alert */
|
||||
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
|
||||
code span.at { color: #7d9029; } /* Attribute */
|
||||
code span.bn { color: #40a070; } /* BaseN */
|
||||
code span.bu { color: #008000; } /* BuiltIn */
|
||||
code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
|
||||
code span.ch { color: #4070a0; } /* Char */
|
||||
code span.cn { color: #880000; } /* Constant */
|
||||
code span.co { color: #60a0b0; font-style: italic; } /* Comment */
|
||||
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
|
||||
code span.do { color: #ba2121; font-style: italic; } /* Documentation */
|
||||
code span.dt { color: #902000; } /* DataType */
|
||||
code span.dv { color: #40a070; } /* DecVal */
|
||||
code span.er { color: #ff0000; font-weight: bold; } /* Error */
|
||||
code span.ex { } /* Extension */
|
||||
code span.fl { color: #40a070; } /* Float */
|
||||
code span.fu { color: #06287e; } /* Function */
|
||||
code span.im { color: #008000; font-weight: bold; } /* Import */
|
||||
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
|
||||
code span.kw { color: #007020; font-weight: bold; } /* Keyword */
|
||||
code span.op { color: #666666; } /* Operator */
|
||||
code span.ot { color: #007020; } /* Other */
|
||||
code span.pp { color: #bc7a00; } /* Preprocessor */
|
||||
code span.sc { color: #4070a0; } /* SpecialChar */
|
||||
code span.ss { color: #bb6688; } /* SpecialString */
|
||||
code span.st { color: #4070a0; } /* String */
|
||||
code span.va { color: #19177c; } /* Variable */
|
||||
code span.vs { color: #4070a0; } /* VerbatimString */
|
||||
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 638</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2018-02-05 15:05:37></li>
|
||||
<li>modifié: <2018-08-22 12:34:08></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="blockchain-bitcoins-ethereum-dogecoin-1">blockchain, bitcoins,
|
||||
ethereum, dogecoin</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<div class="sourceCode" id="cb1"><pre
|
||||
class="sourceCode html"><code class="sourceCode html"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a>Ça ne vous aura pas échappé, les bitcoins, la cryptomonnaie et la blockchain ce sont des trucs dont on entend parler énormément. Mais de quoi c'est que ça s'agit donc en fait ?</span>
|
||||
<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a>Ces messieurs de <span class="dt"><</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">"https://www.youtube.com/channel/UCaNlbnghtwlsGF-KzAFThqA"</span><span class="dt">><</span><span class="kw">em</span><span class="dt">></span>Science étonnante<span class="dt"></</span><span class="kw">em</span><span class="dt">></</span><span class="kw">a</span><span class="dt">></span> et <span class="dt"><</span><span class="kw">a</span> <span class="er">href</span><span class="ot">=</span><span class="st">"https://www.youtube.com/channel/UC7sXGI8p8PvKosLWagkK9wQ"</span><span class="dt">><</span><span class="kw">em</span><span class="dt">></span>Heu?Réka<span class="dt"></</span><span class="kw">em</span><span class="dt">></</span><span class="kw">a</span><span class="dt">></span> dont je vous recommande les chaines sur youtube vous font un topo sur un truc qui a changé la face du monde de façon aussi importante que l'apparition d'internet ou des emails, et dont on ne peut pas encore prévoir tous les usages. Vous serez d'ailleurs fort étonnés de découvrir que la blockchain (ou bien chaîne de blocs) permet des tas de choses, et pas seulement de faire des transactions monétaires. Vous serez étonnés d'apprendre que les cryptomonnaies ne sont ni plus ni moins virtuelles que les euros ou les dollars, pour qui 90% des transactions sont déjà dématérialisées.</span>
|
||||
<span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a>https://www.youtube.com/watch?v=du34gPopY5Y</span>
|
||||
<span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a>Pour vous la faire courte, C'est un réseau ouvert et distribué permettant des transactions de confiance ou la réalisation de contrats<span class="dv">&nbsp;</span><span class="dt"><</span><span class="kw">strong</span><span class="dt">></span>sans intermédiaire<span class="dt"></</span><span class="kw">strong</span><span class="dt">></span> tel que des banques ou les sites d'e-commerce.</span>
|
||||
<span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a>On a forcément en tête des histoires de ruées vers l'or et de croissance exponentielle donnant fortement envie d'investir dans le bitcoin, l'ethereum et autres cryptomonnaies en vogue. Mais avant de vous enflammer complètement et de revendre votre maison contre des bitcoins pour vivre dans une tente deux places en attendant que ça prenne de la valeur je vous conseille deux ou trois choses:</span>
|
||||
<span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">ol</span><span class="dt">></span></span>
|
||||
<span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a> <span class="dt"><</span><span class="kw">li</span><span class="dt">></span></span>
|
||||
<span id="cb1-12"><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">blockquote</span><span class="dt">></span>Ne pas investir dans les cryptomonnaies plus que vous ne pouvez entièrement paumer sans aucune conséquence sur vous ou sur vos proches, qu'il ne faut pas oublier. La volatilité énorme de la monnaie ne permet pas d'en faire une épargne fiable car la valeur de ces monnaies change énormément. Cependant, si vous faites un achat de bitcoin ou d'ethereum et que vous réglez un truc immédiatement le changement de valeur sera assez faible.<span class="dt"></</span><span class="kw">blockquote</span><span class="dt">></span></span>
|
||||
<span id="cb1-13"><a href="#cb1-13" aria-hidden="true" tabindex="-1"></a><span class="dt"></</span><span class="kw">li</span><span class="dt">></span></span>
|
||||
<span id="cb1-14"><a href="#cb1-14" aria-hidden="true" tabindex="-1"></a> <span class="dt"><</span><span class="kw">li</span><span class="dt">></span></span>
|
||||
<span id="cb1-15"><a href="#cb1-15" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">blockquote</span><span class="dt">></span>Comprendre de quoi il s'agit (notamment les nuances entre une monnaie et une autre), ne jamais paumer votre ou vos portefeuilles numériques (et bien les sauvegarder en plusieurs lieux sûrs contraîrement à ce type qui avait 800 bitcoins et qui les a perdu dans un crash de disque dur alors qu'il pourrait les revendre pour 800 fois 16 000€).<span class="dt"></</span><span class="kw">blockquote</span><span class="dt">></span></span>
|
||||
<span id="cb1-16"><a href="#cb1-16" aria-hidden="true" tabindex="-1"></a><span class="dt"></</span><span class="kw">li</span><span class="dt">></span></span>
|
||||
<span id="cb1-17"><a href="#cb1-17" aria-hidden="true" tabindex="-1"></a> <span class="dt"><</span><span class="kw">li</span><span class="dt">></span></span>
|
||||
<span id="cb1-18"><a href="#cb1-18" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">blockquote</span><span class="dt">></span>Vérifier la fiabilité des plateformes proposant la vente de cryptomonnaies avant d'acheter quoi que ce soit, sachant qu'il existe des boutiques physiques ou en ligne, et que les lieux truffés de pubs sur le web ont de grandes chances d'être des arnaques. Acheter par carte bleue de petites sommes de bitcoin ou d'ethereum vous coutera cher en frais et il faut partir du principe qu'un site ne doit pas vous demander de carte bleue ou d'identité pour des achats inférieurs à 300€, sans quoi vous risquez de l'usurpation d'identité. Donc ouvre l'oeil et le bon ;)</span>
|
||||
<span id="cb1-19"><a href="#cb1-19" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-20"><a href="#cb1-20" aria-hidden="true" tabindex="-1"></a><span class="dv">&nbsp;</span><span class="dt"></</span><span class="kw">blockquote</span><span class="dt">></span></span>
|
||||
<span id="cb1-21"><a href="#cb1-21" aria-hidden="true" tabindex="-1"></a><span class="dt"></</span><span class="kw">li</span><span class="dt">></span></span>
|
||||
<span id="cb1-22"><a href="#cb1-22" aria-hidden="true" tabindex="-1"></a><span class="dt"></</span><span class="kw">ol</span><span class="dt">></span></span>
|
||||
<span id="cb1-23"><a href="#cb1-23" aria-hidden="true" tabindex="-1"></a><span class="co"><!-- TradingView Widget </span><span class="re">BEGIN</span><span class="co"> --></span></span>
|
||||
<span id="cb1-24"><a href="#cb1-24" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">div</span> <span class="er">id</span><span class="ot">=</span><span class="st">"tv-medium-widget-6fe06"</span><span class="dt">></</span><span class="kw">div</span><span class="dt">></span></span>
|
||||
<span id="cb1-25"><a href="#cb1-25" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">script</span><span class="ot"> type=</span><span class="st">"text/javascript"</span> <span class="er">src</span><span class="ot">=</span><span class="st">"https://s3.tradingview.com/tv.js"</span><span class="dt">></</span><span class="kw">script</span><span class="dt">></span></span>
|
||||
<span id="cb1-26"><a href="#cb1-26" aria-hidden="true" tabindex="-1"></a><span class="dt"><</span><span class="kw">script</span><span class="ot"> type=</span><span class="st">"text/javascript"</span><span class="dt">></span><span class="op"><</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-27"><a href="#cb1-27" aria-hidden="true" tabindex="-1"></a><span class="kw">new</span> TradingView<span class="op">.</span><span class="fu">MediumWidget</span>({<span class="op"><</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-28"><a href="#cb1-28" aria-hidden="true" tabindex="-1"></a> <span class="st">"container_id"</span><span class="op">:</span> <span class="st">"tv-medium-widget-6fe06"</span><span class="op">,<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-29"><a href="#cb1-29" aria-hidden="true" tabindex="-1"></a> <span class="st">"symbols"</span><span class="op">:</span> [<span class="op"><</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-30"><a href="#cb1-30" aria-hidden="true" tabindex="-1"></a> [<span class="op"><</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-31"><a href="#cb1-31" aria-hidden="true" tabindex="-1"></a> <span class="st">"Ethereum / Euros"</span><span class="op">,<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-32"><a href="#cb1-32" aria-hidden="true" tabindex="-1"></a> <span class="st">"COINBASE:ETHEUR|1y"</span><span class="op"><</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-33"><a href="#cb1-33" aria-hidden="true" tabindex="-1"></a> ]<span class="op"><</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-34"><a href="#cb1-34" aria-hidden="true" tabindex="-1"></a> ]<span class="op">,<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-35"><a href="#cb1-35" aria-hidden="true" tabindex="-1"></a> <span class="st">"greyText"</span><span class="op">:</span> <span class="st">"Cotations de prix par"</span><span class="op">,<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-36"><a href="#cb1-36" aria-hidden="true" tabindex="-1"></a> <span class="st">"gridLineColor"</span><span class="op">:</span> <span class="st">"#e9e9ea"</span><span class="op">,<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-37"><a href="#cb1-37" aria-hidden="true" tabindex="-1"></a> <span class="st">"fontColor"</span><span class="op">:</span> <span class="st">"#83888D"</span><span class="op">,<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-38"><a href="#cb1-38" aria-hidden="true" tabindex="-1"></a> <span class="st">"underLineColor"</span><span class="op">:</span> <span class="st">"#dbeffb"</span><span class="op">,<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-39"><a href="#cb1-39" aria-hidden="true" tabindex="-1"></a> <span class="st">"trendLineColor"</span><span class="op">:</span> <span class="st">"#4bafe9"</span><span class="op">,<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-40"><a href="#cb1-40" aria-hidden="true" tabindex="-1"></a> <span class="st">"width"</span><span class="op">:</span> <span class="st">"550px"</span><span class="op">,<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-41"><a href="#cb1-41" aria-hidden="true" tabindex="-1"></a> <span class="st">"height"</span><span class="op">:</span> <span class="st">"500px"</span><span class="op">,<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-42"><a href="#cb1-42" aria-hidden="true" tabindex="-1"></a> <span class="st">"locale"</span><span class="op">:</span> <span class="st">"fr"</span><span class="op"><</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-43"><a href="#cb1-43" aria-hidden="true" tabindex="-1"></a>})<span class="op">;<</span>br <span class="op">/></span></span>
|
||||
<span id="cb1-44"><a href="#cb1-44" aria-hidden="true" tabindex="-1"></a><span class="dt"></</span><span class="kw">script</span><span class="dt">></span></span>
|
||||
<span id="cb1-45"><a href="#cb1-45" aria-hidden="true" tabindex="-1"></a><span class="co"><!-- TradingView Widget </span><span class="re">END</span><span class="co"> --></span></span>
|
||||
<span id="cb1-46"><a href="#cb1-46" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-47"><a href="#cb1-47" aria-hidden="true" tabindex="-1"></a>Pour ce qui est du minage de cryptomonnaie ce sera dans un prochain article ;)</span>
|
||||
<span id="cb1-48"><a href="#cb1-48" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-49"><a href="#cb1-49" aria-hidden="true" tabindex="-1"></a>wala, le fun soit avec vous!</span>
|
||||
<span id="cb1-50"><a href="#cb1-50" aria-hidden="true" tabindex="-1"></a></span>
|
||||
<span id="cb1-51"><a href="#cb1-51" aria-hidden="true" tabindex="-1"></a><span class="dv">&nbsp;</span></span></code></pre></div>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,215 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 695</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2018-03-02 20:56:37></li>
|
||||
<li>modifié: <2018-08-22 12:14:16></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="formation-angular-pour-faire-un-jeu-dont-vous-êtes-le-héros">Formation
|
||||
Angular pour faire un jeu dont vous êtes le héros</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>J'ai eu la joie de donner <a href="<a
|
||||
href="https://docs.google.com/presentation/d/1CmNId9cA3-PQO91PWGnV5MJMUvPFTcJdnqA3P0Tyyzg/edit#slide=id.g2ccee3e4c1_0_94">https://docs.google.com/presentation/d/1CmNId9cA3-PQO91PWGnV5MJMUvPFTcJdnqA3P0Tyyzg/edit#slide=id.g2ccee3e4c1_0_94</a>">une
|
||||
formation Angular à mes collègues dont voici les slides.</a></p>
|
||||
<p><a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/02/Angular-teacher-game.pdf">https://www.cipherbliss.com/wp-content/uploads/2018/02/Angular-teacher-game.pdf</a>">Angular
|
||||
teacher game en pdf</a></p>
|
||||
<p>Le but du jeu était de faire comprendre les notions de base d'Angular
|
||||
(version 2 et +) et de réaliser en live un projet de démo avec l'outil
|
||||
<a href="<a
|
||||
href="https://cli.angular.io/">https://cli.angular.io/</a>">Angular
|
||||
CLI</a> afin de prototyper rapidement un site et ses composants
|
||||
web, pour faire un jeu dont on est le héros. Le teacher Game des
|
||||
mathématiques from hell sur mon portfolio, reprenant les textes d'un
|
||||
célèbre article de l'excellent site <a href="<a
|
||||
href="https://www.nioutaik.fr">https://www.nioutaik.fr</a>">www.nioutaik.fr</a></p>
|
||||
<p>Le tout à partir de ce JSON que j'avais fourni: <a
|
||||
href="https://artlemoine.com/json/teacher_game.json">https://artlemoine.com/json/teacher_game.json</a></p>
|
||||
<p>C'est l'occasion de voir l'injection de modules, la création de
|
||||
composants, de service, l'utilisation du TypeScript. Vous voilà armés
|
||||
pour faire de la ligne de commande. Philippe n'a qu'a bien se tenir!</p>
|
||||
<p><img src="<a
|
||||
href="https://thumbs.gfycat.com/HelplessEuphoricAbyssiniangroundhornbill-size_restricted.gif">https://thumbs.gfycat.com/HelplessEuphoricAbyssiniangroundhornbill-size_restricted.gif</a>"></p>
|
||||
<p>&nbsp;</p>
|
||||
<p>&nbsp;</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,222 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 715</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2018-03-27 16:24:42></li>
|
||||
<li>modifié: <2018-08-22 12:19:22></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2
|
||||
id="certifiez-la-détention-et-la-date-dun-document-grâce-à-lethereum">Certifiez
|
||||
la détention et la date d'un document grâce à l'Ethereum</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Les contrats intelligents permis grâce à la <a href="<a
|
||||
href="https://fr.wikipedia.org/wiki/Blockchain">https://fr.wikipedia.org/wiki/Blockchain</a>">blockchain</a>
|
||||
et à l'Ethereum pour ce qui nous intéresse aujourd'hui - mais c'est
|
||||
faisable avec plusieurs blockchain, le bitcoin le propose aussi -
|
||||
donnent naissance a <a href="<a
|
||||
href="https://www.stateofthedapps.acom">https://www.stateofthedapps.acom</a>">plein
|
||||
de chouettes services</a> qui permettent de certifier dans le
|
||||
marbre que vous détenez tel document numérique à telle date.</p>
|
||||
<p>C'est ce que permet&nbsp; <a href="<a
|
||||
href="https://docstamp.io">https://docstamp.io</a>">DocStamp.io</a>
|
||||
, un service en ligne qui ne stocke pas vos documents mais vous permet
|
||||
de générer un hash de celui ci, un hash de votre nom ou pseudo, + un
|
||||
hash pour votre adresse email (il faut donc faire attention à bien
|
||||
l'écrire) et de le stocker dans la blockchain de l'ethereum. Le tout
|
||||
vous notifie par email quelques minutes plus tard quand votre contrat a
|
||||
été intégré à la blockchain.</p>
|
||||
<p>Plus tard, vous pouvez donc vérifier qu'un document à bien été
|
||||
inscrit (via son hash) à une date précise dans la blockchain, relié à
|
||||
l'adresse email recherchée. Très utile pour tout ce qui est brevet ou
|
||||
autres preuves de documents légaux. ça fonctionne bien entendu avec
|
||||
n'importe quel type de fichier, y compris des pdf de plein plein de
|
||||
pages. Le moindre changement dans le document à comparer ou l'adresse
|
||||
email et la vérification se révèle impossible. De quoi s'éviter un
|
||||
voyage chez le notaire ;)</p>
|
||||
<p>Pas besoin de disposer d'ethereum pour payer le timbre virtuel du
|
||||
service, ils acceptent aussi des monnaies plus classiques et moins <a
|
||||
href="<a
|
||||
href="https://www.bortzmeyer.org/bitcoin-acephale.html">https://www.bortzmeyer.org/bitcoin-acephale.html</a>">acéphales</a>
|
||||
telles que l'USD. le tout pour la modique somme de 4,99 dollars US.</p>
|
||||
<p>C'est la version moderne de l'envoi par la poste à soi même. C'est
|
||||
beau non?</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,322 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 678</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2018-04-10 17:13:21></li>
|
||||
<li>modifié: <2018-08-22 12:10:53></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="parlez-vous-le-bullshit-couramment-1">parlez vous le bullshit
|
||||
couramment?</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Savoir évaluer le niveau technique de l'interlocuteur quand on lui
|
||||
parle d'une chose complexe doit faire partie des qualités que l'on
|
||||
attend d'une personne experte dans un domaine quel qu'il soit.</p>
|
||||
<p>Si une personne persiste à vous abreuver de termes invraisemblables
|
||||
dignes du chinois, il est fort possible que ce soit dans le but de vous
|
||||
embrouiller et de vous faire comprendre que vous n'êtes pas en mesure de
|
||||
comprendre, afin que vous lui fassiez aveuglément confiance. On retrouve
|
||||
ce phénomène de parler le <em>bullshit</em> dans <a
|
||||
href="<a
|
||||
href="https://www.charlatans.info/">https://www.charlatans.info/</a>">tous
|
||||
les charlatanismes du monde.</a> utiliser des <a href="<a
|
||||
href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/abbr">https://developer.mozilla.org/fr/docs/Web/HTML/Element/abbr</a>">balises
|
||||
<abbr title="abbréviation">abbr</abbr></a> et des
|
||||
<a href="<a
|
||||
href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/a">https://developer.mozilla.org/fr/docs/Web/HTML/Element/a</a>">ancres
|
||||
HTML</a>, utiliser des tooltip, des titres sur les liens, ajouter
|
||||
des légendes aux images, citer ses sources, tout cela est très facile
|
||||
quand on écrit du texte affiché sur une page web. Mais c'est une autre
|
||||
paire de manches lorsqu'il s'agit de communication orale, plus encore
|
||||
lorsque le sens du discours est intentionnellement caché.</p>
|
||||
<p>Du jargon d'entreprise, aux <a href="<a
|
||||
href="https://fr.wikipedia.org/wiki/Inside_joke">https://fr.wikipedia.org/wiki/Inside_joke</a>">privates
|
||||
jokes</a> en passant par la langue de bois politique, les
|
||||
expressions et les acronymes, il y a de quoi en paumer du monde en
|
||||
chemin. <blockquote>Nous avons choisi un language qui était si
|
||||
obscur, si peu informatif et pourtant si précis, que nous avons pu
|
||||
cacher en plein jour ce que nous faisions. Personne ne pouvait
|
||||
comprendre ce dont on parlait à part le président du conseil.</p>
|
||||
<p>-c'était écrit de façon délibérée pour être ainsi?</p>
|
||||
<p>-précisément.</blockquote> <a
|
||||
href="https://www.youtube.com/watch?v=4ab2ZeZ-krY">https://www.youtube.com/watch?v=4ab2ZeZ-krY</a>
|
||||
<blockquote>Ce n'est pas accidentel ou parce qu'ils sont stupides.
|
||||
C'est souvent confus et vague intentionnellement. Certains des plus
|
||||
grands scandales de corruption dans l'histoire se sont produits grâce à
|
||||
du jargon. Voici des gens qui cherchent à lutter contre cela:
|
||||
<em>The Plain Language Movement</em> (qui n'est pas un
|
||||
mouvement) <a class="yt-simple-endpoint style-scope
|
||||
yt-formatted-string" href="<a
|
||||
href="https://www.youtube.com/redirect?event=video_description&v=4ab2ZeZ-krY&q=http%3A%2F%2Fwww.plainlanguage.gov%2FwhatisPL%2Fdefinitions%2Fbalmford.cfm&redir_token=hlaKDnPDuHwmIKfAyzMNJe4lk058MTUyMzQ1NjQ0OEAxNTIzMzcwMDQ4">https://www.youtube.com/redirect?event=video_description&v=4ab2ZeZ-krY&q=http%3A%2F%2Fwww.plainlanguage.gov%2FwhatisPL%2Fdefinitions%2Fbalmford.cfm&redir_token=hlaKDnPDuHwmIKfAyzMNJe4lk058MTUyMzQ1NjQ0OEAxNTIzMzcwMDQ4</a>"><a
|
||||
href="https://www.plainlanguage.gov/whatisPL">https://www.plainlanguage.gov/whatisPL</a>…</a>&nbsp;
|
||||
Et pour le fun, le générateur de jargon d'entreprise d'Andrew Davidson
|
||||
<a class="yt-simple-endpoint style-scope yt-formatted-string"
|
||||
href="<a
|
||||
href="https://www.youtube.com/redirect?event=video_description&v=4ab2ZeZ-krY&q=http%3A%2F%2Fwww.andrewdavidson.com%2Fgibberish%2F&redir_token=hlaKDnPDuHwmIKfAyzMNJe4lk058MTUyMzQ1NjQ0OEAxNTIzMzcwMDQ4">https://www.youtube.com/redirect?event=video_description&v=4ab2ZeZ-krY&q=http%3A%2F%2Fwww.andrewdavidson.com%2Fgibberish%2F&redir_token=hlaKDnPDuHwmIKfAyzMNJe4lk058MTUyMzQ1NjQ0OEAxNTIzMzcwMDQ4</a>"><a
|
||||
href="https://www.andrewdavidson.com/gibberish/%C2%A0">https://www.andrewdavidson.com/gibberish/ </a>;</a></p>
|
||||
<p>(et d'autres sources dans la description de la
|
||||
vidéo)</blockquote> Ce qui est fort c'est que la précision masque
|
||||
le contenu vague de l'énoncé, c'est toute la magie de la pirouette
|
||||
linguistique.</p>
|
||||
<p>Pour faire face à ce fléau, il convient de varier son vocabulaire et
|
||||
de le rendre accessible. De parler avec des mots courants, simples,
|
||||
basiques, de faire des phrases pas trop longues. <h2>Apprendre
|
||||
l'autodéfense face à la langue de bois.</h2> Ça tombe bien, si
|
||||
vous n'avez pas lu Bourdieu ou Huxley et que vous êtes plutôt branché
|
||||
vidéo vous pouvez faire un tour chez <a href="<a
|
||||
href="https://www.youtube.com/user/LeStagirite">https://www.youtube.com/user/LeStagirite</a>">le
|
||||
Stagirite</a> .</p>
|
||||
<p><a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/04/Le_stagirite.png">https://www.cipherbliss.com/wp-content/uploads/2018/04/Le_stagirite.png</a>"><img
|
||||
class="aligncenter size-full wp-image-730" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/04/Le_stagirite.png">https://www.cipherbliss.com/wp-content/uploads/2018/04/Le_stagirite.png</a>"
|
||||
alt="" width="580" height="380"></a></p>
|
||||
<p>C'est un bûcheron de la langue de bois qui explique très clairement
|
||||
certaines pirouettes de langage qui se moquent continuellement des
|
||||
petites gens: <ul> <li>Dire que l'on doit "faire de la
|
||||
pédagogie" c'est renier toute contestation en infantilisant son
|
||||
adversaire.</li> <li>On se dédouane de nos choix politiques
|
||||
lorsque l'on dit que telle chose "n'a pas vocation" à faire ou être ce
|
||||
que l'on ne veut pas qu'elle soit.</li> <li><a href="<a
|
||||
href="https://www.youtube.com/watch?v=v6LsFt0njkQ">https://www.youtube.com/watch?v=v6LsFt0njkQ</a>">"Assumer"
|
||||
une faute, quand on est une personne de pouvoir</a>, ça peut
|
||||
vouloir dire qu'on a bien compris qu'on a commis une faute mais qu'on
|
||||
est au dessus des lois et qu'on ne sera donc pas sanctionné donc on s'en
|
||||
fout, lâchez moi (la thug life).</li> <li>Le dialogue social
|
||||
n'est pas un dialogue, mais un jeu de pouvoir entre des agents aux
|
||||
forces très asymétriques.</li> <li>L'opinion publique est
|
||||
une abstraction qui n'a aucune représentativité dans le monde réel,
|
||||
surtout quand on est en mesure de s'acheter la direction d'un groupe de
|
||||
médias.</li> <li>Dire que les "Français veulent que" est
|
||||
nécessairement biaisé.</li> <li>La démocratie est continue
|
||||
dans le temps et doit nécessairement présenter un contre pouvoir, peu
|
||||
importe ce qui a été élu.</li> <li>Les différents visages de
|
||||
la langue de bois pour se foutre de la gueule du monde en ayant l'air
|
||||
sérieux: se cacher derrière son petit doigt, occuper le temps de parole
|
||||
pour gagner en visibilité, parler pour ne rien dire - mais pour gagner
|
||||
du temps et éviter de répondre- noyer le poisson, dire poliment que l'on
|
||||
emmerde la justice.</li> </ul> <h2>Mesurer la
|
||||
lisibilié d'un texte, c'est possible<span style="text-decoration:
|
||||
line-through;">, avec la carte Kiwi</span></h2> [caption
|
||||
id="" align="aligncenter" width="546"]<img class="size-large" src="<a
|
||||
href="https://wikimedia.org/api/rest_v1/media/math/render/svg/bd4916e193d2f96fa3b74ee258aaa6fe242e110e">https://wikimedia.org/api/rest_v1/media/math/render/svg/bd4916e193d2f96fa3b74ee258aaa6fe242e110e</a>"
|
||||
width="546" height="56"> formule de Flesch Kincaid[/caption]
|
||||
<blockquote>Les communications officielles des compagnies les plus
|
||||
impliquées dans des scandales ont des scores moyens autour de 20 points,
|
||||
les autres sont plus proches de 42.</blockquote> Si vous êtes
|
||||
branchés <a href="<a
|
||||
href="https://fr.wikipedia.org/wiki/Exploration_de_données">https://fr.wikipedia.org/wiki/Exploration_de_données</a>"><em>data
|
||||
mining</em></a>, vous serez ravi de pouvoir évaluer vos
|
||||
écrits par le score de lisibilité de <a href="<a
|
||||
href="https://www.wikiwand.com/en/Flesch%E2%80%93Kincaid_readability_tests">https://www.wikiwand.com/en/Flesch%E2%80%93Kincaid_readability_tests</a>">Flesch-Kincaid</a>.
|
||||
Plus le score est haut (100), plus le texte est compréhensible, et
|
||||
inversement, plus il est bas, plus il est obscur et ultra relou à
|
||||
suivre. <table> <thead> <tr> <th
|
||||
align="center">&nbsp;&nbsp; Score</th> <th
|
||||
align="left">Sens</th> </tr> </thead> <tbody>
|
||||
<tr> <td align="center">90.0 – 100.0</td> <td
|
||||
align="left">Facilement compris par un élève de 11 ans</td>
|
||||
</tr> <tr> <td align="center">60.0 – 70.0</td>
|
||||
<td align="left">Facilement compris par des élèves de 13 à 15
|
||||
ans</td> </tr> <tr> <td align="center">0.0 –
|
||||
30.0</td> <td align="left">Mieux compris par des diplômés
|
||||
d'université</td> </tr> </tbody> </table>
|
||||
<blockquote>En dessous de 30, un texte est considéré comme très
|
||||
confus. Certains livres de droit vont jusqu'à un impressionnant score de
|
||||
-6 points.</blockquote> Comme pour beaucoup de choses, il y a
|
||||
<a href="<a
|
||||
href="https://github.com/daveross/flesch-kincaid">https://github.com/daveross/flesch-kincaid</a>">une
|
||||
lib en JS pour ça</a>. Et si vous voulez un bingo des arguments
|
||||
pourris, j'ai créé <a href="<a
|
||||
href="https://github.com/tykayn/fromage-js">https://github.com/tykayn/fromage-js</a>">FromageJS</a>,
|
||||
mis à disposition sur mon Github.</p>
|
||||
<p>Vous pouvez soumettre vos textes aussi sur plusieurs services en
|
||||
ligne. Par exemple, le texte de cet article (avant cette ligne) mis sur
|
||||
www.scolarius.com dans la catégorie article/nouvelles obtient un score
|
||||
de 98 points contre une moyenne de 130 points habituels pour ce genre de
|
||||
texte. L'échelle sur ce site n'est pas la même que le score de Flesch
|
||||
Kincaid, chez scolarius, plus le score est bas, plus c'est facile à
|
||||
comprendre.</p>
|
||||
<p>Je ne dis pas que mes articles sont les plus faciles à saisir pour
|
||||
Madame Michu, surtout quand il s'agit de monnaie chiffrée et de language
|
||||
informatique et autres choses open source. mais vous voyez, j'assume
|
||||
donc c'est bon!</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,225 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 743</li>
|
||||
<li>guid:</li>
|
||||
<li>status: draft</li>
|
||||
<li>publié le: <2018-04-16 17:39:59></li>
|
||||
<li>modifié: <2018-04-16 17:39:59></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="dompter-le-mammouth">dompter le mammouth</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p><a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/04/mastodon_social.jpeg">https://www.cipherbliss.com/wp-content/uploads/2018/04/mastodon_social.jpeg</a>"><img
|
||||
class="wp-image-735 size-medium" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/04/mastodon_social-300x168.jpeg">https://www.cipherbliss.com/wp-content/uploads/2018/04/mastodon_social-300x168.jpeg</a>"
|
||||
alt="" width="300" height="168" /></a></p>
|
||||
<p>Mastodon, le mammouth hypersocial open source</p>
|
||||
<p>&nbsp;</p>
|
||||
<p>Tim urban, du site<em> <a href="<a
|
||||
href="https://www.waitbutwhy.com">https://www.waitbutwhy.com</a>">wait
|
||||
but why</a></em> écrivait précisément à ce propos dans son
|
||||
article "<a href="<a
|
||||
href="https://waitbutwhy.com/2013/10/why-procrastinators-procrastinate.html">https://waitbutwhy.com/2013/10/why-procrastinators-procrastinate.html</a>">pourquoi
|
||||
les procrastinateurs procrastinent</a>" (en englishe) sur le
|
||||
mammouth qui est en nous: nous avons une partie de notre cerveau qui n'a
|
||||
pas changé depuis l'époque où l'on était des Hommes des cavernes, c'est
|
||||
comme si dans notre conscience on avait des animaux qui venaient
|
||||
perturber la direction du cerveau le plus évolué.</p>
|
||||
<p>On a par exemple le singe de la gratification immédiate qui vient
|
||||
tout le temps perturber l'humain raisonné et prend le commandement dès
|
||||
que l'on est happé par des petites choses pas bien utiles mais qui ont
|
||||
l'avantage d'être immédiatement gratifiantes, satisfaisantes. Un vrai
|
||||
truc pour lutter contre la procrastination est de prendre conscience de
|
||||
l'existence de ce singe en nous pour ensuite bosser avec et le laisser
|
||||
diriger la barre quand cela nous est le plus utile. Afin que l'on fasse
|
||||
des trucs de nos journées, enfin, on verra ça demain hein :D</p>
|
||||
<p>Pour avoir des infos claires sur comment vaincre la procrastination,
|
||||
c'est par ici: <a href="<a
|
||||
href="https://waitbutwhy.com/2013/11/how-to-beat-procrastination.html">https://waitbutwhy.com/2013/11/how-to-beat-procrastination.html</a>"><a
|
||||
href="https://waitbutwhy.com/2013/11/how-to-beat-procrastination.html">https://waitbutwhy.com/2013/11/how-to-beat-procrastination.html</a></a>
|
||||
(toujours en englishe)</p>
|
||||
<p>Mais le singe n'est pas le seul à nous embrouiller les idées. Il y a
|
||||
aussi le Monstre de la Panique, et le Mammouth social que l'on nourrit
|
||||
avec des tas de choses à la con qui ne sont plus vitales depuis bien
|
||||
longtemps. S'il est difficile de lutter contre des instincts primitifs,
|
||||
il est néanmoins bien plus simple de lâcher cette saleté de Facebook et
|
||||
d'adopter un Mammouth en se rendant sur</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,278 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="generator" content="pandoc" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||||
<title>cipherbliss_blog</title>
|
||||
<style>
|
||||
html {
|
||||
color: #1a1a1a;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 36em;
|
||||
padding-left: 50px;
|
||||
padding-right: 50px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
hyphens: auto;
|
||||
overflow-wrap: break-word;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-kerning: normal;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
padding: 12px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-size: 12pt;
|
||||
}
|
||||
p, h2, h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
h2, h3, h4 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
a:visited {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 1.4em;
|
||||
}
|
||||
h5, h6 {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
h6 {
|
||||
font-weight: normal;
|
||||
}
|
||||
ol, ul {
|
||||
padding-left: 1.7em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
li > ol, li > ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 1em 0 1em 1.7em;
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid #e6e6e6;
|
||||
color: #606060;
|
||||
}
|
||||
code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
|
||||
font-size: 85%;
|
||||
margin: 0;
|
||||
hyphens: manual;
|
||||
}
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre code {
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
.sourceCode {
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
hr {
|
||||
background-color: #1a1a1a;
|
||||
border: none;
|
||||
height: 1px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
table {
|
||||
margin: 1em 0;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
font-variant-numeric: lining-nums tabular-nums;
|
||||
}
|
||||
table caption {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
tbody {
|
||||
margin-top: 0.5em;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
th {
|
||||
border-top: 1px solid #1a1a1a;
|
||||
padding: 0.25em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
td {
|
||||
padding: 0.125em 0.5em 0.25em 0.5em;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 4em;
|
||||
text-align: center;
|
||||
}
|
||||
#TOC li {
|
||||
list-style: none;
|
||||
}
|
||||
#TOC ul {
|
||||
padding-left: 1.3em;
|
||||
}
|
||||
#TOC > ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
#TOC a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
code{white-space: pre-wrap;}
|
||||
span.smallcaps{font-variant: small-caps;}
|
||||
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
||||
div.column{flex: auto; overflow-x: auto;}
|
||||
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||||
/* The extra [class] is a hack that increases specificity enough to
|
||||
override a similar rule in reveal.js */
|
||||
ul.task-list[class]{list-style: none;}
|
||||
ul.task-list li input[type="checkbox"] {
|
||||
font-size: inherit;
|
||||
width: 0.8em;
|
||||
margin: 0 0.8em 0.2em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header id="title-block-header">
|
||||
<h1 class="title">cipherbliss_blog</h1>
|
||||
</header>
|
||||
<h1 id="article">Article</h1>
|
||||
<ul>
|
||||
<li>ID: 732</li>
|
||||
<li>guid:</li>
|
||||
<li>status: publish</li>
|
||||
<li>publié le: <2018-04-16 17:45:22></li>
|
||||
<li>modifié: <2018-08-22 12:33:51></li>
|
||||
<li>Index des articles du blog <a
|
||||
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
<h2 id="facebook-est-mort-vive-mastodon-1">Facebook est mort, vive
|
||||
Mastodon</h2>
|
||||
<p>ceci<sub>estduhtml</sub></p>
|
||||
<p>Facebook a merdé avec le scandale de Cambridge Analytica, et
|
||||
maintenant beaucoup de gens sont au courant et fuient ladite plateforme
|
||||
en désactivant les logins via cette plateforme sur les autres sites, et
|
||||
on a vu apparaître un hastag nommé #deleteFacebook.</p>
|
||||
<p>On peut d'ailleurs retracer <a href="<a
|
||||
href="https://techcrunch.com/2018/04/10/a-brief-history-of-facebooks-privacy-hostility-ahead-of-zuckerbergs-testimony/">https://techcrunch.com/2018/04/10/a-brief-history-of-facebooks-privacy-hostility-ahead-of-zuckerbergs-testimony/</a>">une
|
||||
timeline de leur méfaits</a> pour compléter l'article que j'avais
|
||||
traduit à propos de comment facebook choisit vos amis à votre place,
|
||||
peut deviner votre orientation sexuelle avec seulement 3 likes, vous
|
||||
censure sous directives politiques, conserve vos infos médicales, vous
|
||||
espionne, conserve les textes que vous effacez et n'envoyez pas dans une
|
||||
conversation Messenger, vous demande d'espionner vos proches, retient
|
||||
combien de fois vous avez été violé-e, vos historiques de déplacement,
|
||||
se met au milieu de tous vos échanges avec vos proches via Instagram,
|
||||
Messenger et WhatsApp qui lui appartiennent, fait des profils
|
||||
psychologiques pour vous manipuler (pas seulement avec de la pub) et
|
||||
<a href="<a
|
||||
href="https://www.cipherbliss.com/comment-facebook-choisit-vos-amis-a-votre-place/">https://www.cipherbliss.com/comment-facebook-choisit-vos-amis-a-votre-place/</a>">vous
|
||||
pourrit dans la vraie vie</a>. Voilà voilà. C'est pas bien propre
|
||||
tout ça et c'est avéré depuis des années.</p>
|
||||
<p>Mais maintenant tout le monde est au courant et commence à voir que
|
||||
l'herbe est plus verte ailleurs.</p>
|
||||
<p>[caption id="attachment<sub>740</sub>" align="aligncenter"
|
||||
width="525"]<a href="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/04/fb_jaime.jpg">https://www.cipherbliss.com/wp-content/uploads/2018/04/fb_jaime.jpg</a>"><img
|
||||
class="wp-image-740 size-large" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/04/fb_jaime-783x1024.jpg">https://www.cipherbliss.com/wp-content/uploads/2018/04/fb_jaime-783x1024.jpg</a>"
|
||||
alt="" width="525" height="687"></a> Cliquer sur j'aime, pas
|
||||
certain que ça soit une bonne interaction sociale à tous les coups. illu
|
||||
par <a href="<a
|
||||
href="https://www.tykayn.fr">https://www.tykayn.fr</a>">TyKayn</a>[/caption]</p>
|
||||
<p><div class="mceTemp"></div> ça tombe bien, il existe le
|
||||
réseau social <a href="<a
|
||||
href="https://www.mamot.fr">https://www.mamot.fr</a>">Mastodon</a>
|
||||
et <a href="<a
|
||||
href="https://telegram.org">https://telegram.org</a>">Telegram</a>
|
||||
pour remplacer tout ça.</p>
|
||||
<p><a href="<a
|
||||
href="https://www.mamot.fr">https://www.mamot.fr</a>">www.mamot.fr</a></p>
|
||||
<p><a href="<a
|
||||
href="https://www.mamot.fr">https://www.mamot.fr</a>"><img
|
||||
class="aligncenter size-large wp-image-741" src="<a
|
||||
href="https://www.cipherbliss.com/wp-content/uploads/2018/04/mastodon_ban-1024x537.jpg">https://www.cipherbliss.com/wp-content/uploads/2018/04/mastodon_ban-1024x537.jpg</a>"
|
||||
alt="" width="525" height="275"></a></p>
|
||||
<p>Mastodon, enfin un réseau social ouvert, sans pub, auto-hébergeable,
|
||||
et qui communique avec toutes les instances du monde selon les règles
|
||||
que l'on choisit. C'est ça qui est beau avec l'open source, c'est qu'on
|
||||
peut le bidouiller.</p>
|
||||
<p>Tout comme pour les e-mails on est pas obligés d'avoir tous un compte
|
||||
chez MachinMail pour envoyer des e-mails à d'autres gens qui auraient
|
||||
des comptes chez TrucMail et BiduleMail, on a des moyens de communiquer
|
||||
multi plateforme grâce à des protocles standardisés. Actuellement, les
|
||||
grands réseaux sociaux sont fermés et restrictifs, la révolution
|
||||
apportée par Mastodon est donc vraiment remarquable, en plus d'avoir
|
||||
déjà des millions d'utilisateurs et de rencontrer un franc succès.</p>
|
||||
<p>C'est ainsi que de nombreuses instances ont été crées afin de
|
||||
permettre des safe-space LGBT+, des thématiques artistiques, et aussi
|
||||
des réseaux d'entreprise.</p>
|
||||
<p>On peut donc avoir des réglages de visibilité des posts très fins, à
|
||||
cheval sur la sécurité, suivre des gens, publier des images, des photos,
|
||||
des vidéos, des liens, comme sur n'importe quel réseau social. Mais avec
|
||||
une limite de 500 caractères par post.</p>
|
||||
<p>Et donc, si je vous recommande l'instance <a href="<a
|
||||
href="https://www.mamot.fr">https://www.mamot.fr</a>">www.mamot.fr</a>
|
||||
plutôt qu'une autre c'est parce que c'est une instance hébergée par La
|
||||
Quadrature du Net, une chouette asso qui lutte pour les libertés
|
||||
numériques à laquelle je fais des donations régulière. D'ailleurs en ce
|
||||
moment ils font une action collective contre les GAFAM que je vous
|
||||
invite à rejoindre sur <a href="<a
|
||||
href="https://gafam.laquadrature.net/">https://gafam.laquadrature.net/</a>">gafam.laquadrature.net</a>,
|
||||
parce que notre vie privée et nos libertés fondamentales ne sont pas à
|
||||
vendre.</p>
|
||||
<p>&nbsp;</p>
|
||||
<p>&nbsp;</p>
|
||||
<p>[caption id="" align="alignnone" width="200"]<a href="<a
|
||||
href="https://telegram.org">https://telegram.org</a>"><img
|
||||
class="size-large" src="<a
|
||||
href="https://duckduckgo.com/i/1aacfedb.png">https://duckduckgo.com/i/1aacfedb.png</a>"
|
||||
width="200" height="200"></a> logo de
|
||||
telegram.org[/caption]</p>
|
||||
<p>Remplacer Messenger et whatsapp par <a href="<a
|
||||
href="https://telegram.org">https://telegram.org</a>">Telegram</a>,
|
||||
une messagerie chiffrée de bout en bout, sans pub, et régie par des gens
|
||||
bien.</p>
|
||||
<p>ça vaut le détour. Vous pourrez donc me retrouver sur ces plateformes
|
||||
en cherchant l'utilisateur "tykayn".</p>
|
||||
<p>La force soit avec vous!</p>
|
||||
<p>&nbsp;</p>
|
||||
<h1 id="liens">Liens</h1>
|
||||
<ul>
|
||||
<li>cipherbliss <a
|
||||
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue