replace org content, make global style for generated site
This commit is contained in:
parent
3539a8a496
commit
f5c73ffd33
@ -19,7 +19,7 @@ do
|
||||
done
|
||||
|
||||
# Afficher la liste des noms de blogs
|
||||
echo "La liste des noms de blogs est :"
|
||||
echo "----------- La liste des noms de blogs est :"
|
||||
for blog in "${blogs_folders[@]}"
|
||||
do
|
||||
echo "- $blog"
|
||||
@ -37,7 +37,7 @@ convert_sources() {
|
||||
|
||||
|
||||
for i in *.${source_file_extension} ; do
|
||||
echo "$i"
|
||||
echo "----------- $i"
|
||||
# Transformer en html
|
||||
# TODO assembler la page de footer avec le fichier en entrée
|
||||
temp_page="temp_page.$source_file_extension"
|
||||
@ -47,9 +47,11 @@ convert_sources() {
|
||||
cat "${i}" >> $temp_page
|
||||
cat "$first_wd/sources/$website_name/templates/footer_page.$source_file_extension" >> $temp_page
|
||||
|
||||
echo "----------- conversion vers converted/${i%.${source_file_extension}}.html"
|
||||
|
||||
pandoc -f "${source_file_extension}" -t html -s "${i}" -o "converted/${i%.${source_file_extension}}.html" --metadata title="$website_name"
|
||||
# --------------------------------------- Transformer en gmi ---------------------------------------
|
||||
# echo "to GMI:"
|
||||
# echo "----------- to GMI:"
|
||||
# pwd
|
||||
# ls -l $templates_path/../../templates/pandoc
|
||||
# pandoc --template $templates_path/../../templates/pandoc/template_gemini.lua -f "${source_file_extension}" -t $templates_path/../../templates/pandoc/gmi.lua -s "${i}" -o "converted/${i%.${source_file_extension}}.gmi"
|
||||
@ -62,16 +64,16 @@ convert_sources() {
|
||||
|
||||
# Définition de la fonction generate_website
|
||||
generate_website() {
|
||||
echo " Génération du site $1..."
|
||||
echo "----------- Génération du site $1..."
|
||||
|
||||
|
||||
mkdir -p gemini-capsules/$website_name
|
||||
# mkdir -p gemini-capsules/$website_name
|
||||
# rm -rf gemini-capsules/$website_name/*
|
||||
mkdir -p gemini-capsules/$website_name/lang_fr
|
||||
mkdir -p gemini-capsules/$website_name/lang_en
|
||||
# mkdir -p gemini-capsules/$website_name/lang_fr
|
||||
# mkdir -p gemini-capsules/$website_name/lang_en
|
||||
|
||||
mkdir -p html-websites/$website_name
|
||||
# rm -rf html-websites/$website_name/*
|
||||
rm -rf html-websites/$website_name/*
|
||||
mkdir -p html-websites/$website_name/lang_fr
|
||||
mkdir -p html-websites/$website_name/lang_en
|
||||
|
||||
@ -80,35 +82,35 @@ generate_website() {
|
||||
mkdir -p sources/$website_name/lang_en
|
||||
|
||||
# Ajoutez ici le code pour générer le site Web
|
||||
echo "Le site $1 a été généré avec succès."
|
||||
echo "----------- Le site $1 a été généré avec succès."
|
||||
|
||||
# conversion des pages statiques
|
||||
cd sources/$website_name
|
||||
convert_sources
|
||||
#déplacer dans le site généré
|
||||
# mv converted/*.html ../../html-websites/$website_name/
|
||||
ls converted/*.gmi
|
||||
mv converted/*.gmi ../../gemini-capsules/$website_name/
|
||||
# ls converted/*.gmi
|
||||
# mv converted/*.gmi ../../gemini-capsules/$website_name/
|
||||
|
||||
# traduction fr
|
||||
cd lang_fr
|
||||
convert_sources ../
|
||||
# mv converted/*.html ../../../html-websites/$website_name/lang_fr/
|
||||
mv converted/*.gmi ../../../gemini-capsules/$website_name/lang_fr/
|
||||
echo "pages en français du site web $website_name converties"
|
||||
# cp converted/*.html ../../../html-websites/$website_name/lang_fr/
|
||||
# mv converted/*.gmi ../../../gemini-capsules/$website_name/lang_fr/
|
||||
echo "----------- pages en français du site web $website_name converties"
|
||||
cd ..
|
||||
|
||||
# traduction en
|
||||
# cd lang_en
|
||||
# convert_sources ../
|
||||
cd lang_en
|
||||
convert_sources ../
|
||||
# mv converted/*.html ../../../html-websites/$website_name/lang_en/
|
||||
# mv converted/*.gmi ../../../gemini-capsules/$website_name/lang_en/
|
||||
# echo "pages en anglais du site web $website_name converties"
|
||||
# echo "----------- pages en anglais du site web $website_name converties"
|
||||
|
||||
|
||||
cd ..
|
||||
cd ..
|
||||
# cd ..
|
||||
cd ..
|
||||
pwd
|
||||
|
||||
# création de l'index:
|
||||
@ -117,19 +119,18 @@ generate_website() {
|
||||
# sauver le tout dans un fichier index.gmi
|
||||
python3 build_indexes.py $website_name "$website_name"
|
||||
|
||||
mv index_$website_name.gmi gemini-capsules/$website_name/index.gmi
|
||||
mv index_$website_name.html html-websites/$website_name/index.html
|
||||
# mv index_$website_name.gmi gemini-capsules/$website_name/index.gmi
|
||||
cp index_$website_name.html html-websites/$website_name/index.html
|
||||
|
||||
cp $style_file html-websites/$website_name/style.css
|
||||
# --------------------------------------------------------------------------------------------------
|
||||
# convertir les fichiers org
|
||||
echo " ------------ enrich html --------"
|
||||
echo "----------- ------------ enrich html --------"
|
||||
python3 enrich_html.py html-websites/$website_name -t $website_name --style $style_file
|
||||
|
||||
|
||||
cp $style_file html-websites/$website_name/style.css
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
# regrouper les types de fichiers générés
|
||||
@ -140,18 +141,18 @@ generate_website() {
|
||||
for website_name in "${blogs_folders[@]}"; do
|
||||
generate_website $website_name
|
||||
|
||||
destination_gemini="gemini-capsules/$website_name/"
|
||||
# destination_gemini="gemini-capsules/$website_name/"
|
||||
|
||||
echo "génération des fichiers gemini"
|
||||
echo "destination des fichiers gemini: $destination_gemini"
|
||||
# echo "----------- génération des fichiers gemini"
|
||||
# echo "----------- destination des fichiers gemini: $destination_gemini"
|
||||
# # faire les fichiers gemini à partir du markdown
|
||||
for fichier in output/*$website_name*.md ; do
|
||||
if [ -f "$fichier" ]; then
|
||||
echo "convert markdown $fichier"
|
||||
md2gemini "$fichier" -w -d $destination_gemini
|
||||
fi
|
||||
done
|
||||
echo "génération des fichiers gemini faite."
|
||||
# for fichier in output/*$website_name*.md ; do
|
||||
# if [ -f "$fichier" ]; then
|
||||
# echo "----------- convert markdown $fichier"
|
||||
# md2gemini "$fichier" -w -d $destination_gemini
|
||||
# fi
|
||||
# done
|
||||
# echo "----------- génération des fichiers gemini faite."
|
||||
|
||||
# echo "fichiers gmi présents:"
|
||||
# ls -l output/*.gmi |wc -l
|
||||
|
||||
@ -4,43 +4,73 @@ import argparse
|
||||
|
||||
|
||||
parser = argparse.ArgumentParser(description="Générer un site Web à partir de fichiers HTML.")
|
||||
parser.add_argument("html_dir", help="Le chemin vers le dossier contenant les fichiers HTML.")
|
||||
parser.add_argument("blog_name", help="Le chemin vers le dossier contenant les fichiers HTML.")
|
||||
parser.add_argument("--title", "-t", default="Mon site Web", help="Le titre du site Web.")
|
||||
parser.add_argument("--style", default="templates/style_general.css", help="Le chemin vers le fichier de style CSS.")
|
||||
args = parser.parse_args()
|
||||
|
||||
# Style CSS minimaliste
|
||||
style_file = args.style
|
||||
css_content = ""
|
||||
|
||||
inline_the_css=False
|
||||
# inline_the_css=True
|
||||
|
||||
|
||||
html_dir = args.html_dir
|
||||
blog_name = args.blog_name
|
||||
source_blog = f"sources/{blog_name}"
|
||||
header_content_path = f"{source_blog}/templates/header_page.org"
|
||||
footer_content_path = f"{source_blog}/templates/header_page.org"
|
||||
|
||||
|
||||
def enrich_one_file(file, root_path):
|
||||
print('enrich html file:',os.path.join(root_path, file))
|
||||
print(' ----------- enrich html file:',os.path.join(root_path, file))
|
||||
css_content = ""
|
||||
|
||||
inline_the_css=False
|
||||
# inline_the_css=True
|
||||
|
||||
print(' ----------- CSSS inline: ',inline_the_css)
|
||||
# Trouver le fichier entête
|
||||
header_content=''
|
||||
with open(os.path.join(root_path, file), "r") as f:
|
||||
header_content = f.read()
|
||||
# Ouvrir le fichier HTML en mode lecture
|
||||
with open(os.path.join(root_path, file), "r") as f:
|
||||
html_content = f.read()
|
||||
|
||||
if inline_the_css:
|
||||
print('include css inline in each html page')
|
||||
print(' ----------- include css inline in each html page')
|
||||
with open(os.path.join(root_path, file), "r") as f:
|
||||
css_content = f.read()
|
||||
css_content = "<style type='text/css'>{css_content}</style>"
|
||||
|
||||
# Ajouter la déclaration de charset UTF-8, le doctype HTML et le titre du site Web
|
||||
html_content = f"<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<title>{args.title}</title>\n{css_content}<link type='stylesheet/css' href='/style.css'></link></head>\n<body>\n<a href='/'>Retour à l'Accueil</a><hr/>{html_content}\n<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>\n</html>"
|
||||
html_content = f"""<!DOCTYPE html>
|
||||
<html lang=\"fr\">
|
||||
<head>
|
||||
<meta charset=\"UTF-8\">
|
||||
|
||||
<title>{args.title}</title>
|
||||
{css_content}
|
||||
<link rel=\"stylesheet\" href=\"/style.css\"></link>
|
||||
</head>
|
||||
<body>
|
||||
<a href=\"/\">Retour à l'Accueil</a>
|
||||
<hr/>
|
||||
{html_content}
|
||||
<footer>
|
||||
<hr/>
|
||||
<a href='/'>Retour à l'Accueil</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>"""
|
||||
|
||||
html_path_enriched=os.path.join(root_path, file)
|
||||
# Écrire le contenu modifié dans le fichier HTML
|
||||
with open(os.path.join(root_path, file), "w") as f:
|
||||
with open(html_path_enriched, "w") as f:
|
||||
f.write(html_content)
|
||||
print('\n ----------- html écrit ', html_path_enriched)
|
||||
|
||||
# Parcourir tous les fichiers HTML dans le dossier
|
||||
for root, _, files in os.walk(html_dir):
|
||||
print(files)
|
||||
for root, _, files in os.walk(blog_name):
|
||||
# print(files)
|
||||
for file in files:
|
||||
if file.endswith(".html"):
|
||||
enrich_one_file(file, root)
|
||||
@ -1,4 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>cipherbliss_blog</title>
|
||||
|
||||
<link rel="stylesheet" href="/style.css"></link>
|
||||
</head>
|
||||
<body>
|
||||
<a href="/">Retour à l'Accueil</a>
|
||||
<hr/>
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
@ -248,3 +260,10 @@ href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<footer>
|
||||
<hr/>
|
||||
<a href='/'>Retour à l'Accueil</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,4 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>cipherbliss_blog</title>
|
||||
|
||||
<link rel="stylesheet" href="/style.css"></link>
|
||||
</head>
|
||||
<body>
|
||||
<a href="/">Retour à l'Accueil</a>
|
||||
<hr/>
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
@ -221,3 +233,10 @@ href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<footer>
|
||||
<hr/>
|
||||
<a href='/'>Retour à l'Accueil</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,4 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>cipherbliss_blog</title>
|
||||
|
||||
<link rel="stylesheet" href="/style.css"></link>
|
||||
</head>
|
||||
<body>
|
||||
<a href="/">Retour à l'Accueil</a>
|
||||
<hr/>
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
@ -228,3 +240,10 @@ href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<footer>
|
||||
<hr/>
|
||||
<a href='/'>Retour à l'Accueil</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,4 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>cipherbliss_blog</title>
|
||||
|
||||
<link rel="stylesheet" href="/style.css"></link>
|
||||
</head>
|
||||
<body>
|
||||
<a href="/">Retour à l'Accueil</a>
|
||||
<hr/>
|
||||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
@ -233,3 +245,10 @@ href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<footer>
|
||||
<hr/>
|
||||
<a href='/'>Retour à l'Accueil</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,4 +1,22 @@
|
||||
<html><head><title>cipherbliss_blog</title></head><body> # cipherbliss_blog - Articles
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>cipherbliss_blog</title>
|
||||
|
||||
<link rel="stylesheet" href="/style.css"></link>
|
||||
</head>
|
||||
<body>
|
||||
<a href="/">Retour à l'Accueil</a>
|
||||
<hr/>
|
||||
<html><head><title>cipherbliss_blog</title></head><body> # cipherbliss_blog - Articles
|
||||
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
<h1>Navigation</h1><br><a href=/index.html>index.html</a><br><a href=/contact.html>contact.html</a><h1>Articles en Français</h1><br><a href=/2022/cipherbliss_blog_241_programme-pour-une-annee-2022-moins-pire>2022 cipherbliss_blog_241_programme pour une annee 2022 moins pire</a><br><a href=/2021/cipherbliss_blog_240_video-du-premier-chatons-camp-2021>2021 cipherbliss_blog_240_video du premier chatons camp 2021</a><br><a href=/2021/cipherbliss_blog_239_nouvelles-doctobre-2021>2021 cipherbliss_blog_239_nouvelles doctobre 2021</a><br><a href=/2021/cipherbliss_blog_238_des-sauvegardes-qui-durent-mille-ans>2021 cipherbliss_blog_238_des sauvegardes qui durent mille ans</a></article></body></html>
|
||||
<h1>Navigation</h1><br><a href=/index.html>index.html</a><br><a href=/contact.html>contact.html</a><h1>Articles en Français</h1><br><a href=/2022/cipherbliss_blog_241_programme-pour-une-annee-2022-moins-pire>2022 cipherbliss_blog_241_programme pour une annee 2022 moins pire</a><br><a href=/2021/cipherbliss_blog_240_video-du-premier-chatons-camp-2021>2021 cipherbliss_blog_240_video du premier chatons camp 2021</a><br><a href=/2021/cipherbliss_blog_239_nouvelles-doctobre-2021>2021 cipherbliss_blog_239_nouvelles doctobre 2021</a><br><a href=/2021/cipherbliss_blog_238_des-sauvegardes-qui-durent-mille-ans>2021 cipherbliss_blog_238_des sauvegardes qui durent mille ans</a></article></body></html>
|
||||
<footer>
|
||||
<hr/>
|
||||
<a href='/'>Retour à l'Accueil</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -4,8 +4,13 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
html {
|
||||
font-size: 1rem;
|
||||
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
text-align: left;
|
||||
margin: 0 auto;
|
||||
font-size: 1.5rem;
|
||||
@ -37,6 +42,10 @@ h6 {
|
||||
body {
|
||||
/* Improve text rendering */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
padding-bottom: 20vh;
|
||||
padding-left: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
/* Improve media defaults */
|
||||
@ -77,12 +86,14 @@ p {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.5rem;
|
||||
font-size: 4rem;
|
||||
color: #221d30
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@ -115,11 +126,18 @@ ul {
|
||||
padding-left: 4ch;
|
||||
padding-right: 4ch;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#title-block-header {
|
||||
border-bottom: 1px solid #333;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 20rem) {
|
||||
body {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -102,5 +102,4 @@ Liste des répertoires principaux et leur rôle :
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -44,5 +44,4 @@ espionner sans réagir : venez vous informer !
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -44,5 +44,4 @@ Notre addresse:
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -41,6 +41,5 @@ bien venu et nous l'aiderons du mieux possible tout en profitant de ses
|
||||
connaissances. Rendez-vous à la MJC de Gometz la ville le mardi de 14h à
|
||||
16h
|
||||
|
||||
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
@ -17,6 +17,5 @@
|
||||
[[https://framalistes.org/sympa/subscribe/cil-gometz]] Voir les
|
||||
archives: [[https://framalistes.org/sympa/arc/cil-gometz]]
|
||||
|
||||
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
@ -26,5 +26,4 @@ archives: [[https://framalistes.org/sympa/arc/cil-gometz]]
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -23,6 +23,5 @@ de a par b est toujours compris entre 0 et b:0⩽r<b
|
||||
[[https://www.cil-gometz.org/wp-content/uploads/2020/03/Explications.pdf][suite
|
||||
dans le pdf d'Explications]]
|
||||
|
||||
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
@ -36,5 +36,4 @@ Georges VINCENTS
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -62,5 +62,4 @@ Georges Vincents (pour le CIL)
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -193,6 +193,5 @@ N'hésitez pas si vous avez des questions :)
|
||||
|
||||
Bon Lundi!
|
||||
|
||||
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
@ -27,5 +27,4 @@ vous inscrivant à notre newsgroup hébergée chez Framalistes.
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -80,6 +80,5 @@ entendu.
|
||||
|
||||
Cependant, bien évidemment, plus on est de fous plus on rit.
|
||||
|
||||
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
@ -24,5 +24,4 @@ d'étude :)\\
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -43,5 +43,4 @@ plusse!
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -13,14 +13,12 @@
|
||||
[[id:682dfd88-f1b9-4b60-8aa4-1714ba338dbe][cil_gometz]]
|
||||
** Article pour le journal de Gometz - Juin 2021
|
||||
|
||||
|
||||
Les beaux jours reviennent et nous avons vu apparaître notre première
|
||||
médaille de la récupération de données pour Guillaume Rozières, analyste
|
||||
de données et créateur, avec une dizaine de contributeurs bénévoles, du
|
||||
très fameux site vitemadose.covidtracker.fr, inspiré par le dashboard
|
||||
covid créé par des membres du forum Team Open Data.
|
||||
|
||||
|
||||
Le site web "Vite Ma Dose" permet à tout un chacun de trouver des
|
||||
créneaux de vaccination sur plusieurs sites de prises de rendez vous en
|
||||
ligne, grâce à l'art subtil du data scraping, ou grattage de données,
|
||||
@ -168,6 +166,5 @@ notre newsgroup afin de savoir quand nous pourrons de nouveau nous voir
|
||||
<<magicdomid27>>
|
||||
Librement, tykayn pour le CIL.
|
||||
|
||||
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
@ -64,5 +64,4 @@ bonne fin de journée tout le monde!
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -64,6 +64,5 @@ A bientôt, avec le CIL pour une informatique LIBRE !
|
||||
|
||||
Georges VINCENTS
|
||||
|
||||
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
@ -42,6 +42,5 @@ Après
|
||||
sortie publique des Pandora Papers]], c'est une semaine qui commence
|
||||
bien.
|
||||
|
||||
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
@ -37,5 +37,4 @@ Rendez-vous Lundi prochain donc!
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -306,15 +306,12 @@ que le format du fichier (très souvent epub).
|
||||
Après, il faut essayer de s'en servir pour comprendre tout ce qu'on peut
|
||||
faire avec... par exemple, si vous vous sentez une âme d'auteur vous
|
||||
pouvez écrire un roman (avec OO-Writer bien sûr, plutôt qu'avec MS-Word)
|
||||
et le transformer en livre numérique...
|
||||
|
||||
|
||||
et le transformer en livre numérique...#+begin_src shell
|
||||
|
||||
texte : Georges Vincents,
|
||||
|
||||
photo: [[https://unsplash.com/photos/s0O6Bk4WP08][Photo par Mathilde
|
||||
LMD]], woman wearing white and black tank midi dress reading book on bed
|
||||
|
||||
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
@ -54,5 +54,4 @@ CIL (Club Informatique-Libre)
|
||||
* Liens
|
||||
- blog_cil_gometz [[id:4b6e8e7d-9d60-40c7-aa15-72de5e260cf9][blog cil_gometz posts]]
|
||||
|
||||
|
||||
|
||||
@ -15,12 +15,16 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img alt="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png" /></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="https://fr.wikipedia.org/wiki/Internet">photo: wikipédia page internet</a>)</p>
|
||||
<img alt="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/2009_internet_ratio_p1000.png/400px-2009_internet_ratio_p1000.png" />
|
||||
|
||||
|
||||
|
||||
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!
|
||||
|
||||
(<a title="Internet" hreflang="fr" href="https://fr.wikipedia.org/wiki/Internet">photo: wikipédia page internet</a>)
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,16 +15,30 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://tykayn.fr/wp-content/uploads/i/2011/11novembre/bebe_geek.jpg" 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="https://tykayn.fr/wp-content/uploads/i/2011/11novembre/bebe_geek.jpg" alt="bebe geek" style="display:block; margin:0 auto;" />
|
||||
|
||||
|
||||
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.
|
||||
|
||||
|
||||
<img src="https://www.gizmodo.fr/wp-content/uploads/2010/03/nerd_dork_geek_venn_diagram.jpg" alt="" />
|
||||
(<a href="https://www.gizmodo.fr/">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>
|
||||
(<a href="https://www.gizmodo.fr/">graphique venant de gizmodo</a>)
|
||||
|
||||
|
||||
|
||||
|
||||
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.
|
||||
|
||||
|
||||
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.
|
||||
|
||||
|
||||
|
||||
|
||||
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? :)
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,16 +15,18 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD"><img src="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" alt="remplacer un disque dur de pc portable" style="display:block; margin:0 auto;" /></a>
|
||||
(<a href="https://fr.wikipedia.org/wiki/Solid-state_drive">c'est quoi un SSD?</a>)<br />
|
||||
<a href="https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD"><img src="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" alt="remplacer un disque dur de pc portable" style="display:block; margin:0 auto;" /></a>
|
||||
(<a href="https://fr.wikipedia.org/wiki/Solid-state_drive">c'est quoi un SSD?</a>)
|
||||
|
||||
|
||||
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="https://tykayn.fr/2011/05/23/hacking-de-PC-portable%2C-tutoriel-pour-placer-un-SSD">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="https://fr.euro-web.com/imgs-news/2009-08/20090824-test-ssd-graph-acces.gif" 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>
|
||||
ça change vraiment la vie une telle rapidité en plus de rendre moins fragile aux chocs le système *0*
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,14 +15,14 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg" alt="" />
|
||||
<img src="https://techsourcemedia.com/store/image/cache/data/OpenOffice-500x500.jpg" 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 ? 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="https://tykayn.fr/2010/08/31/Trucs-de-classeur-excel-%2C-Open-Office">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="https://fr.openoffice.org/Documentation/How-to/indexht-calc.html" 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>
|
||||
Pour aller plus loin vous avez la <a href="https://fr.openoffice.org/Documentation/How-to/indexht-calc.html" 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
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,16 +15,23 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://ninite.com/"><img src="https://ninite.com/static/app/img/ninite.png?v=0cd28" 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="https://ninite.com/">Ninite.com</a>.<br /><br /></p>
|
||||
<a href="https://ninite.com/"><img src="https://ninite.com/static/app/img/ninite.png?v=0cd28" 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="https://ninite.com/">Ninite.com</a>.
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
#+begin_src shell
|
||||
|
||||
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. ;)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
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!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -45,22 +45,41 @@ L’outil Foremost cherchera alors les fichiers de type jpg effacés sur la part
|
||||
ceci_est_du_html
|
||||
#+begin_src html
|
||||
|
||||
<p><img src="https://whyismycomputersoslow.us/wp-content/uploads/2011/11/broken-computer-300x234.jpg" alt="" />
|
||||
<br />
|
||||
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'<a href="/index.php?post/2011/11/30/Ninite-multi-installeur">installer plein de programmes en une seule fois</a> par exemple)<br />
|
||||
<img src="https://whyismycomputersoslow.us/wp-content/uploads/2011/11/broken-computer-300x234.jpg" alt="" />
|
||||
|
||||
|
||||
|
||||
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'<a href="/index.php?post/2011/11/30/Ninite-multi-installeur">installer plein de programmes en une seule fois</a> par exemple)
|
||||
|
||||
|
||||
Don't panic! vous pourrez encore les récupérer, surtout si vous n'enregistrez pas quoi que ce soit par dessus.
|
||||
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.<br />
|
||||
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:<br />
|
||||
<br /></p>
|
||||
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.
|
||||
|
||||
|
||||
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:
|
||||
|
||||
|
||||
|
||||
|
||||
#+begin_src shell
|
||||
|
||||
<blockquote><a href="https://www.jetelecharge.com/Utilitaires/5766.php">Undelete360</a>
|
||||
|
||||
|
||||
<blockquote><p><a href="https://www.jetelecharge.com/Utilitaires/5766.php">Undelete360</a><br />
|
||||
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.
|
||||
(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"<br /></p>
|
||||
<p>
|
||||
Vous avez aussi <a href="https://www.jetelecharge.com/Utilitaires/1488.php">Recuva</a><br />
|
||||
ou <a href="https://www.jetelecharge.com/Utilitaires/2602.php">PC Inspector File Recovery </a><br />
|
||||
Vouala vouala, enjoyez bien la récupération de vos données les petits coquinous.</p></blockquote>
|
||||
(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"
|
||||
|
||||
|
||||
|
||||
|
||||
Vous avez aussi <a href="https://www.jetelecharge.com/Utilitaires/1488.php">Recuva</a>
|
||||
|
||||
|
||||
ou <a href="https://www.jetelecharge.com/Utilitaires/2602.php">PC Inspector File Recovery </a>
|
||||
|
||||
|
||||
Vouala vouala, enjoyez bien la récupération de vos données les petits coquinous.
|
||||
</blockquote>
|
||||
|
||||
#+end_src
|
||||
* Liens
|
||||
|
||||
@ -15,27 +15,52 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://fr.dotclear.org/affiliates/o-logo.png" alt="" style="display:block; margin:0 auto;" /><br />
|
||||
Vous avez un (multi)blog installé avec la plateforme <a href="https://fr.dotclear.org">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>
|
||||
<img src="https://fr.dotclear.org/affiliates/o-logo.png" alt="" style="display:block; margin:0 auto;" />
|
||||
|
||||
|
||||
Vous avez un (multi)blog installé avec la plateforme <a href="https://fr.dotclear.org">dotclear</a> et souhaiteriez que vos visiteurs puissent commenter sans avoir obligatoirement à prévisualiser ce qu'ils ont écrit?
|
||||
|
||||
|
||||
Facile, rendez vous dans votre interface d'admin. Puis cliquez sur...
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
<li><img src="https://blog.artlemoine.com/admin/images/menu/themes.png" alt="" /> Apparence du blog <br /></li>
|
||||
<li>éditeur de thème <br /></li>
|
||||
<li><strong>post.html</strong> <br /></li>
|
||||
<li><img src="https://blog.artlemoine.com/admin/images/menu/themes.png" alt="" /> Apparence du blog
|
||||
|
||||
</li>
|
||||
<li>éditeur de thème
|
||||
|
||||
</li>
|
||||
<li><strong>post.html</strong>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
<p>Reprérez la ligne:</p>
|
||||
<pre> <tpl:IfCommentPreview><input type="submit" class="submit" value="{{tpl:lang send}}" /></tpl:IfCommentPreview></p> </pre>
|
||||
Reprérez la ligne:
|
||||
|
||||
<p>Et remplacez là par:</p>
|
||||
<pre> <!-- <tpl:IfCommentPreview> --> <input type="submit" class="submit" value="{{tpl:lang send}}" /> <!-- </tpl:IfCommentPreview> --> </p></pre>
|
||||
<pre> <tpl:IfCommentPreview><input type="submit" class="submit" value="{{tpl:lang send}}" /></tpl:IfCommentPreview>
|
||||
</pre>
|
||||
|
||||
<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>
|
||||
Et remplacez là par:
|
||||
|
||||
<pre> <!-- <tpl:IfCommentPreview> --> <input type="submit" class="submit" value="{{tpl:lang send}}" /> <!-- </tpl:IfCommentPreview> -->
|
||||
</pre>
|
||||
|
||||
Ce qui mettra en commentaire les instructions qui disent d'afficher le bouton d'envoi seulement si la prévisualisation est activée.
|
||||
|
||||
|
||||
Cliquez sur le bouton <em>Enregistrer (s)</em>
|
||||
|
||||
|
||||
Et vous verrez le bouton <em>Envoyer</em> disponible dans les commentaires. Youpi!
|
||||
|
||||
|
||||
Oubliez pas de vous équiper d'un bon plugin antispam ;)
|
||||
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,29 +15,46 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip"><img src="https://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg" 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="https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip">URL maker 1.6 est Téléchargeable ici.</a><br />
|
||||
Les versions suivantes seront disponible sur <a href="https://artlemoine.com">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>
|
||||
<a href="https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip"><img src="https://www.ailesse.info/%7Etykayn/bazar/kotlife/2011/12decembre/url_maker1.6.jpg" alt="url maker1.6" style="display:block; margin:0 auto;" /></a>
|
||||
|
||||
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.
|
||||
|
||||
|
||||
<a href="https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip">URL maker 1.6 est Téléchargeable ici.</a>
|
||||
|
||||
|
||||
Les versions suivantes seront disponible sur <a href="https://artlemoine.com">mon portfolio</a> (dans la partie <strong>Free DL</strong>) qui héberge ce blog et les autres.
|
||||
|
||||
|
||||
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...)
|
||||
|
||||
|
||||
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
|
||||
|
||||
<h3>Pour vous en servir</h3>
|
||||
<p>Il vous suffit d'un espace web.</p>
|
||||
Il vous suffit d'un espace web.
|
||||
|
||||
<ul>
|
||||
<li><a href="https://artlemoine.com/medias/apps/url-maker/files/URL-maker-1.5.zip"><img src="https://artlemoine.com/decoration/dl.png" alt="" />Choppez l'archive zip</a> \O/</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.
|
||||
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 ! :D
|
||||
</p>
|
||||
<br /><iframe src="https://www.youtube.com/embed/W0_QBdNk6Xs" 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="https://tykayn.fr/">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>
|
||||
|
||||
|
||||
|
||||
<iframe src="https://www.youtube.com/embed/W0_QBdNk6Xs" 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="https://tykayn.fr/">un vortex</a> ni à la musique piquée à ma mère grand)
|
||||
|
||||
|
||||
Merci de ne l'utiliser que dans un cadre de gratuité.
|
||||
|
||||
|
||||
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.
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,10 +15,13 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<iframe width="500" height="284" src="https://www.youtube.com/embed/aW49Mjn5f0g" 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 />
|
||||
<iframe width="500" height="284" src="https://www.youtube.com/embed/aW49Mjn5f0g" frameborder="0" allowfullscreen></iframe>
|
||||
|
||||
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.
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,10 +15,15 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg" alt="" style="display:block; margin:0 auto;" /><br />
|
||||
<img src="https://www.casinovirtuelenligne.com/wp-content/themes/pokerhall/images/roulette.jpg" alt="" style="display:block; margin:0 auto;" />
|
||||
|
||||
|
||||
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
|
||||
/* Faire un lien vers cette page php pour afficher aléatoirement une image se trouvant dans le même dossier */
|
||||
@ -37,21 +42,19 @@ Informageek vous offre gracieusement ce script à placer dans une page index.php
|
||||
imagejpeg($image);
|
||||
//*/
|
||||
?>
|
||||
</pre>
|
||||
</pre>#+begin_src shell
|
||||
|
||||
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>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="mon-dossier-d-images-de-bannieres/" alt="banniere random de site" title="ma banniere" />
|
||||
</pre>
|
||||
|
||||
|
||||
<p>Magique!
|
||||
Enjoyez!</p>
|
||||
Magique!
|
||||
Enjoyez!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -29,5 +29,4 @@ Enfin, un grand pas sera surtout fait quand tout notre mobilier électronique se
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -19,11 +19,12 @@ Ils sont fous ces Japonais de chez Toyota. Voilà qu'ils proposent une concept-c
|
||||
<iframe width="480" height="274" src="https://www.youtube.com/embed/jxat4x7VhMU" 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="https://www.filmphotovoltaique.com/film-photovoltaique-organique-fenetre-isolation-thermique/#more-230" >cellules imprimables. <img src="https://www.filmphotovoltaique.com/wp-content/uploads/2011/10/film-photovoltaique-organique-flexible-150x136.jpg" 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="https://www.dailymotion.com/embed/video/x4fg2v"></iframe><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="https://www.dailymotion.com/embed/video/x4fg2v"></iframe>
|
||||
|
||||
|
||||
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. :)
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,7 +15,8 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<iframe src="https://player.vimeo.com/video/27887843?title=0&byline=0&portrait=0&color=CEBB2F" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="https://vimeo.com/27887843">Innovators@Google presents: Marco Tempest</a> from <a href="https://vimeo.com/magician">Marco Tempest</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
|
||||
<iframe src="https://player.vimeo.com/video/27887843?title=0&byline=0&portrait=0&color=CEBB2F" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><a href="https://vimeo.com/27887843">Innovators@Google presents: Marco Tempest</a> from <a href="https://vimeo.com/magician">Marco Tempest</a> on <a href="https://vimeo.com">Vimeo</a>.
|
||||
|
||||
<br/><br/><a href="https://marcotempest.com/" 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.
|
||||
@ -23,5 +24,4 @@ Bon dimanche à vous.
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,11 +15,11 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg" 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>
|
||||
<img src="https://beautifuldecay.com/wp-content/uploads/2011/12/maj-street_art_12_New_York-.jpg" 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.
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,8 +15,10 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img alt="" src="https://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg" /></p>
|
||||
<p>(la parabole des aveugles illustre merveilleusement ce billet)</p>
|
||||
<img alt="" src="https://a6.idata.over-blog.com/500x357/0/36/60/83/Tre-la-roche/la-parabole-des-aveugles.jpg" />
|
||||
|
||||
(la parabole des aveugles illustre merveilleusement ce billet)
|
||||
|
||||
<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>
|
||||
@ -27,10 +29,10 @@ ceci_est_du_html
|
||||
<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>
|
||||
</ul>mwah ah ah!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,10 +15,10 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://artlemoine.com/medias/apps/random-picture/"><img src="https://artlemoine.com/medias/apps/random-picture/icon_random_picture.png" alt="logo" style="float:left; margin: 0 1em 1em 0;" />Le script Random picture est expliqué et disponible ici</a> et sur <a href="https://artlemoine.com">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>
|
||||
<a href="https://artlemoine.com/medias/apps/random-picture/"><img src="https://artlemoine.com/medias/apps/random-picture/icon_random_picture.png" alt="logo" style="float:left; margin: 0 1em 1em 0;" />Le script Random picture est expliqué et disponible ici</a> et sur <a href="https://artlemoine.com">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!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,12 +15,12 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="knowyourmeme.com"><img src="https://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg" alt="Know your meme team" style="display:block; margin:0 auto;" /></a>
|
||||
<a href="knowyourmeme.com"><img src="https://static.tvtropes.org/pmwiki/pub/images/know-your-meme_8983.jpg" 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 *0*
|
||||
Oui enfin, faut causer un peu <a href="https://tykayn.fr/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais">le Shakespeare</a> aussi.</p>
|
||||
Oui enfin, faut causer un peu <a href="https://tykayn.fr/2009/11/12/La-v%C3%A9rit%C3%A9-sur-les-Anglais">le Shakespeare</a> aussi.
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,12 +15,27 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
à 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="https://gonzague.me">Gonzague</a>, bloggeux et testeur de produits divers de nouvelles technologies.<br /><iframe width="500" height="284" src="https://www.youtube.com/embed/VPIXnU0DJ9U" 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="https://geillon.pagesperso-orange.fr/trains/signaux/">signalisation des trains</a> était affichée sur la gauche de la voie. <br />Par exemple: <img src="https://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif" /> 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 />
|
||||
à l'occasion des 30 balais du TGV, certains ont pu le visiter depuis la cabine conducteur pendant un trajet.
|
||||
|
||||
voilà une vidéo de <a hreflang="fr" href="https://gonzague.me">Gonzague</a>, bloggeux et testeur de produits divers de nouvelles technologies.
|
||||
|
||||
<iframe width="500" height="284" src="https://www.youtube.com/embed/VPIXnU0DJ9U" frameborder="0" allowfullscreen></iframe>
|
||||
|
||||
|
||||
|
||||
|
||||
Pour avoir pris le TGV Paris Lyon plusieurs fois, c'est autre chose vue passager :D
|
||||
|
||||
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="https://geillon.pagesperso-orange.fr/trains/signaux/">signalisation des trains</a> était affichée sur la gauche de la voie.
|
||||
|
||||
Par exemple: <img src="https://geillon.pagesperso-orange.fr/trains/signaux/panc7.gif" /> Ce panneau là demande à ce qu'on garde un air neutre au volant même en l'annonce de grèves. mwarh arh arh!
|
||||
|
||||
|
||||
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-)
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,21 +15,26 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p>Quand est ce qu'on pourra enfin se débarrasser de IE 6 (certains veulent le sauver :D <a href="https://www.saveie6.com/" hreflang="en">https://www.saveie6.com/</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 />
|
||||
Quand est ce qu'on pourra enfin se débarrasser de IE 6 (certains veulent le sauver :D <a href="https://www.saveie6.com/" hreflang="en">https://www.saveie6.com/</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.
|
||||
|
||||
|
||||
ce qui permettra de <a href="https://www.sitepoint.com/10-cool-things-well-be-able-to-do-once-ie6-is-dead/">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 \o/
|
||||
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="https://tykayn.fr/2011/11/01/Comment-dire-%C3%A0-Internet-Explorer-qu-il-est-trop-vieux" 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="https://www.w3schools.com/browsers/browsers_stats.asp">statistiques de fréquentations de w3c school</a> pour monter ces petits graphiques avec le tableur open office:
|
||||
<a href="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/versions_IE_2009-2011.jpg"><img src="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg" alt="versions IE 2009 2011" style="display:block; margin:0 auto;" /></a></p>
|
||||
<a href="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/versions_IE_2009-2011.jpg"><img src="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/versions_IE_2009-2011.jpg" alt="versions IE 2009 2011" style="display:block; margin:0 auto;" /></a>#+begin_src shell
|
||||
|
||||
|
||||
<p><a href="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/navigateurs_2009-2011.jpg"><img src="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg" alt="navigateurs 2009 2011" style="display:block; margin:0 auto;" /></a>
|
||||
<a href="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/navigateurs_2009-2011.jpg"><img src="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/navigateurs_2009-2011.jpg" 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="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/g/resolutions.jpg"><img src="https://tykayn.fr/wp-content/uploads/i/2012/01janvier/browsers_stats/resolutions.jpg" 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>
|
||||
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.
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,14 +15,22 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif" alt="" />
|
||||
Jusqu'où peut on zoomer dans l'univers ?<br />
|
||||
<a href="https://www.primaxstudio.com/stuff/scale_of_universe/scale-of-universe-v1.swf" 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^26 mètres )jusqu'a la <a href="https://fr.wikipedia.org/wiki/Longueur_de_Planck" hreflang="fr" title="il en avait une toute petite, de longueur, planck">longueur de Planck</a> (10^-35 mètres)<br />
|
||||
<br />
|
||||
Tout simplement amazaing!<br /></p>
|
||||
<img src="https://www.science.gouv.fr/images/dossier/dos_mystereorigine_160109/infog_histoireunivers.gif" alt="" />
|
||||
Jusqu'où peut on zoomer dans l'univers ?
|
||||
|
||||
|
||||
<a href="https://www.primaxstudio.com/stuff/scale_of_universe/scale-of-universe-v1.swf" 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^26 mètres )jusqu'a la <a href="https://fr.wikipedia.org/wiki/Longueur_de_Planck" hreflang="fr" title="il en avait une toute petite, de longueur, planck">longueur de Planck</a> (10^-35 mètres)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Tout simplement amazaing!
|
||||
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,15 +15,20 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img alt="" src="https://jtnimoy.net/178/TRON_GFX_DG_04.JPG" 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="https://www.balldroppings.com/js/">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="https://www.balldroppings.com/images/artbanner.gif" /></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="https://jtnimoy.net/?q=178">https://jtnimoy.net/?q=178</a></p>
|
||||
<img alt="" src="https://jtnimoy.net/178/TRON_GFX_DG_04.JPG" width="500" />
|
||||
|
||||
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="https://www.balldroppings.com/js/">BallDroppings</a> , le jeu sonore interactif en javascript et en d'autres langages.
|
||||
|
||||
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.
|
||||
|
||||
<img alt="" src="https://www.balldroppings.com/images/artbanner.gif" />
|
||||
|
||||
Retrouvez sa présentation intégrale de la démarche de conception des effets visuels sur Tron Legacy sur son site:
|
||||
|
||||
<a hreflang="en" href="https://jtnimoy.net/?q=178">https://jtnimoy.net/?q=178</a>
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -21,5 +21,4 @@ Voici une étude Britannique sur pourquoi les gens ont peur de la technologie<br
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,28 +15,46 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://www.pdafrance.com/img/news2011/senseg_haptic_surfaces.jpg" alt="" />
|
||||
Aaaah les tablettes tactiles.<br />
|
||||
<img src="https://www.pdafrance.com/img/news2011/senseg_haptic_surfaces.jpg" alt="" />
|
||||
Aaaah les tablettes tactiles.
|
||||
|
||||
|
||||
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 />
|
||||
Bien sûr, il existe des claviers où chaque touche est munie d'un petit écran.
|
||||
|
||||
|
||||
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="https://senseg.com/">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 />
|
||||
Mais aussi pour apporter encore plus de mimétisme au virtuel.
|
||||
|
||||
|
||||
Mais comment ça marche ce retour haptique?
|
||||
|
||||
|
||||
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.
|
||||
|
||||
|
||||
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="https://drgoulu.com/2011/06/03/pourquoi-je-nai-toujours-pas-peur/">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 />
|
||||
|
||||
|
||||
|
||||
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!
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
voilà, ça c'est dit.
|
||||
|
||||
|
||||
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="https://qzine.fr/boutique/#detailsfanzine4">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>
|
||||
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! :)
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,24 +15,23 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<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 ? 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>
|
||||
Saviez vous que Youtube dispose d'un éditeur de vidéo et d'une fonctionnalité permettant d'ajuster la stabilité de vos vidéos ? 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>.
|
||||
|
||||
<h3>Comment stabiliser une vidéo youtube?</h3>
|
||||
|
||||
<p><img src="https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.comparaison_videos_stabilisation_youtube_m.jpg" alt=".comparaison videos stabilisation youtube m" style="display:block; margin:0 auto;" />
|
||||
<img src="https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.comparaison_videos_stabilisation_youtube_m.jpg" alt=".comparaison videos stabilisation youtube m" style="display:block; margin:0 auto;" />
|
||||
Allez donc gérer vos vidéos sur <a href="https://www.youtube.com/editor">https://www.youtube.com/editor</a> (si vous avez un compte sur youtube, sinon créez en un en quelques secondes *o* 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="https://www.youtube.com/tykayn">Ma chaine de vidéos se nomme tykayn.</a>)
|
||||
<img src="https://tykayn.fr/wp-content/uploads/2012/tuto_youtube/.retouche_videos_youtube_m.jpg" 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>
|
||||
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.#+begin_src shell
|
||||
|
||||
|
||||
<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)
|
||||
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>
|
||||
Bref, enjoy!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,27 +15,33 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p>C'est bien pratique de pouvoir voir les sources d'une page web avec un click droit.
|
||||
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_firefox_notepad.jpg" title="config_firefox_notepad.jpg"><img src="/public/2012/.config_firefox_notepad_m.jpg" alt="config_firefox_notepad.jpg" title="config_firefox_notepad.jpg, avr. 2012" /></a></p>
|
||||
<p>Allez dans <strong>about:config</strong>
|
||||
Filtrez la recherche de paramètres en écrivant <strong>view_source</strong></p>
|
||||
<p>Double cliquez sur <strong>view_souce.editor.external</strong> pour le passer à <strong>true</strong> </p>
|
||||
<p>Double cliquez sur <strong>view_souce.editor.path</strong> et entrez le chemin vers votre éditeur de code favori.
|
||||
Par exemple pour mon npp j'ai mis </p>
|
||||
Et bien c'est possible de personnaliser ça. *0*
|
||||
|
||||
<a href="/public/2012/config_firefox_notepad.jpg" title="config_firefox_notepad.jpg"><img src="/public/2012/.config_firefox_notepad_m.jpg" alt="config_firefox_notepad.jpg" title="config_firefox_notepad.jpg, avr. 2012" /></a>
|
||||
|
||||
Allez dans <strong>about:config</strong>
|
||||
Filtrez la recherche de paramètres en écrivant <strong>view_source</strong>
|
||||
|
||||
Double cliquez sur <strong>view_souce.editor.external</strong> pour le passer à <strong>true</strong>
|
||||
|
||||
Double cliquez sur <strong>view_souce.editor.path</strong> et entrez le chemin vers votre éditeur de code favori.
|
||||
Par exemple pour mon npp j'ai mis
|
||||
|
||||
<code>C:\Program Files (x86)\Notepad++\notepad++.exe</code>
|
||||
<br />
|
||||
<p>Et voualaaa! Vous pouvez fermer l'onglet de config.
|
||||
|
||||
|
||||
|
||||
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="https://waterfoxproject.org/">Waterfox</a>. :)</p>
|
||||
<p>
|
||||
Et ça marche bien évidemment aussi dans la version 64bits de firefox, c'est à dire <a href="https://waterfoxproject.org/">Waterfox</a>. :)
|
||||
|
||||
<a href="https://waterfoxproject.org/">https://waterfoxproject.org</a>
|
||||
Enjoyez donc!</p>
|
||||
Enjoyez donc!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,24 +15,40 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<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="https://www.wampserver.com/">wampserver</a> est installé sous<em> C:\wamp</em> )</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="https://www.wampserver.com/">wampserver</a> est installé sous<em> C:\wamp</em> )
|
||||
|
||||
<code class="ini">C:\wamp\bin\php\php5.3.8\php.ini</code>
|
||||
<br />et
|
||||
|
||||
|
||||
et
|
||||
<code>C:\wamp\bin\apache\Apache2.2.21\bin\php.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 />
|
||||
; https://php.net/smtp-port<br />
|
||||
|
||||
|
||||
|
||||
Ensuite, cherchez une occurence de "<strong>smtp</strong>"
|
||||
|
||||
|
||||
j'ai pour fournisseur d'accès SFR, donc j'ai mis <em>smtp.sfr.fr</em> et utilisé le port 25
|
||||
|
||||
<code class="ini">SMTP = smtp.sfr.fr
|
||||
|
||||
|
||||
; https://php.net/smtp-port
|
||||
|
||||
|
||||
smtp_port = 25</code>
|
||||
<p><br />
|
||||
là où les deux fichiers le demandaient.<br />
|
||||
|
||||
|
||||
|
||||
là où les deux fichiers le demandaient.
|
||||
|
||||
|
||||
Un restart de tous les services de wamp plus tard, et ô magie je peux enfin utiliser la fonction mail() de php.
|
||||
Enjoyez!</p>
|
||||
Enjoyez!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,13 +15,36 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
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="https://www.techdirt.com/netdeclaration"><img src="https://cdn.techdirt.com/i/net-declaration.png" 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="https://www.techdirt.com/netdeclaration"><img src="https://cdn.techdirt.com/i/net-declaration.png" 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=https://www.techdirt.com/netdeclaration][img]https://cdn.techdirt.com/i/net-declaration.png[/img][/url]</p>
|
||||
</blockquote><br />
|
||||
<br />
|
||||
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.
|
||||
|
||||
<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>
|
||||
|
||||
à faire passer à toutes les grosses boites et à vos proches qui pourront signer à titre individuel.
|
||||
|
||||
|
||||
|
||||
comme ils diraient chez la quadrature du net "data must flow" en référence à Dune.
|
||||
|
||||
<a href="https://www.techdirt.com/netdeclaration"><img src="https://cdn.techdirt.com/i/net-declaration.png" title="Declaration of Internet Freedom" /></a>
|
||||
|
||||
|
||||
|
||||
<em>Pour insérer l'image clickable avec le lien vers la pétition, copiez collez ce code dans une page html:</em>
|
||||
|
||||
<blockquote><a href="https://www.techdirt.com/netdeclaration"><img src="https://cdn.techdirt.com/i/net-declaration.png" title="Declaration of Internet Freedom" /></a>
|
||||
|
||||
</blockquote><em>Si vous voulez l'insérer sur un message de forum phpbb c'est ce code suivant:</em>
|
||||
|
||||
<blockquote>[url=https://www.techdirt.com/netdeclaration][img]https://cdn.techdirt.com/i/net-declaration.png[/img][/url]
|
||||
|
||||
</blockquote>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -21,7 +21,6 @@ Mon motorola Defy + m'affichait régulièrement cette erreur depuis quelques tem
|
||||
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
|
||||
|
||||
|
||||
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|https://play.google.com/store/apps/details?id=com.advancedprocessmanager&hl=fr].
|
||||
|
||||
@ -45,5 +44,4 @@ Pratique si vous être quelqu'un de nomade équipé d'un ordi portable ou d'une
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -20,5 +20,4 @@ ceci_est_du_html
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,16 +15,15 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0"><img src="https://img.gawkerassets.com/img/17m9r4xesx75spng/original.png" alt="" /></a></p>
|
||||
<a href="https://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0"><img src="https://img.gawkerassets.com/img/17m9r4xesx75spng/original.png" alt="" /></a>#+begin_src shell
|
||||
|
||||
choisissez votre combattant dans <a href="https://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0">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!
|
||||
|
||||
#+begin_src shell
|
||||
|
||||
|
||||
<p>choisissez votre combattant dans <a href="https://gizmodo.com/5028895/index.php?op=showcustomobject&postId=5028895&item=0">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>trouvé chez <a href="https://gizmodo.com">gizmodo</a></p>
|
||||
trouvé chez <a href="https://gizmodo.com">gizmodo</a>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
@ -15,32 +15,47 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://www.slagermanphoto.com/blog/wp-content/uploads//2010/05/android_tethering2.jpg" 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="https://www.lesnumeriques.com/tablette-tactile/acer-iconia-tab-a700-p13321/test.html">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>
|
||||
<img src="https://www.slagermanphoto.com/blog/wp-content/uploads//2010/05/android_tethering2.jpg" alt="tethering" width="500" />
|
||||
|
||||
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.
|
||||
|
||||
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="https://www.lesnumeriques.com/tablette-tactile/acer-iconia-tab-a700-p13321/test.html">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.
|
||||
|
||||
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.
|
||||
|
||||
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:
|
||||
|
||||
<strong>Paramètres , réseaux mobiles, noms point d'accès, free (si vous avez free), type d'APN</strong>
|
||||
|
||||
<blockquote>,dun
|
||||
|
||||
</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>
|
||||
(si si, ",dun" avec la virgule avant) et en sauvegardant les modifications.
|
||||
ce qui fait donc en tout
|
||||
|
||||
<blockquote>default,supl,mms,dun
|
||||
|
||||
</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 « 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 « tethering » en anglais1.</p>
|
||||
</em></p>
|
||||
Redémarrer le tel.
|
||||
|
||||
Activer le moint d'accès mobile de nouveau,
|
||||
|
||||
connecter la tablette au téléphone, et cette fois ci, ça fonctionne.
|
||||
|
||||
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!
|
||||
|
||||
sur ce, je vous souhaite un bon tethering :)
|
||||
|
||||
<blockquote><em>Un modem attaché (en anglais « 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 « tethering » en anglais1.
|
||||
|
||||
</em>
|
||||
|
||||
</blockquote>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,12 +15,13 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://rawkes.com/media/images/HTML5rawkes.png" 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="https://www.html5-css3.fr/html5/tutoriel-application-web-offline-html5-cache-manifest" hreflang="fr" title="tuto cache manifest">les manifestes de cache</a>.</p>
|
||||
<img src="https://rawkes.com/media/images/HTML5rawkes.png" alt="" width"500"="" />
|
||||
|
||||
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="https://www.html5-css3.fr/html5/tutoriel-application-web-offline-html5-cache-manifest" hreflang="fr" title="tuto cache manifest">les manifestes de cache</a>.
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,18 +15,19 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://www.alternative.free.fr/blog/images/wampserver_logo.png" alt="icone wamp" style="display:block; margin:0 auto;" /><br /></p>
|
||||
<img src="https://www.alternative.free.fr/blog/images/wampserver_logo.png" alt="icone wamp" style="display:block; margin:0 auto;" />
|
||||
|
||||
#+begin_src shell
|
||||
|
||||
|
||||
|
||||
<p>Vous venez d'installer Wampserver sur votre ordi tout neuf.
|
||||
Vous venez d'installer Wampserver sur votre ordi tout neuf.
|
||||
Vous le lancez tranquillement, l'icone est verte.Mais en arrivant sur https://localhost 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>
|
||||
C'est parce que quelqu'un s'est empalé dans la config du fichier httpd.conf.
|
||||
|
||||
<pre>Mais n'ayez crainte, c'est juste que vous n'avez pas autorisé tout le monde a accéder au bouzin.</pre>
|
||||
|
||||
allez dans le fichier httpd.conf: (avec un click droit sur l'icone wamp, menu Apache), puis trouvez ces lignes:
|
||||
|
||||
<p>allez dans le fichier httpd.conf: (avec un click droit sur l'icone wamp, menu Apache), puis trouvez ces lignes:</p>
|
||||
<pre>
|
||||
<Directory "c:/wamp/www/">
|
||||
#
|
||||
@ -62,23 +63,27 @@ C'est parce que quelqu'un s'est empalé dans la config du fichier httpd.conf.</p
|
||||
</Directory>
|
||||
</pre>
|
||||
|
||||
les lignes:
|
||||
|
||||
<p>les lignes:</p>
|
||||
<pre>
|
||||
Allow from all
|
||||
Order Deny,Allow
|
||||
</pre>
|
||||
|
||||
<p>sont sans doute différente,
|
||||
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é:
|
||||
https://tutos.tangui.eu.org/9-erreur-403-dapache-client-denied-server-configuration</p>
|
||||
https://tutos.tangui.eu.org/9-erreur-403-dapache-client-denied-server-configuration
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,16 +15,15 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p>Pour tuer git, entrez la commande suivante dans un terminal</p>
|
||||
Pour tuer git, entrez la commande suivante dans un terminal#+begin_src shell
|
||||
|
||||
<blockquote>$ git commit suicide
|
||||
</blockquote>
|
||||
|
||||
<blockquote><p>$ git commit suicide</p></blockquote>
|
||||
|
||||
|
||||
<p>MUHOHOHO!</p>
|
||||
MUHOHOHO!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -16,12 +16,15 @@
|
||||
ceci_est_du_html
|
||||
#+begin_src html
|
||||
|
||||
<p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p><hr>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.
|
||||
<br _moz_editor_blogus_node="TRUE" _moz_dirty="" />
|
||||
<hr>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.
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/2GOBuAGdaPU" frameborder="0" allowfullscreen></iframe>
|
||||
"c'est fancy" "c'est un miroir pour connaitre nos pensées"
|
||||
|
||||
Des enfants face a des objets de moins de 30 ans.
|
||||
<iframe frameborder="0" width="480" height="276" src="https://www.dailymotion.com/embed/video/xg7hx1"></iframe><br /><a href="https://www.dailymotion.com/video/xg7hx1_une-disquette-cest-quoi-ca_tech" target="_blank">Une disquette ? Cest quoi ça</a> <i>par <a href="https://www.dailymotion.com/Suchablog" target="_blank">Suchablog</a></i>
|
||||
<iframe frameborder="0" width="480" height="276" src="https://www.dailymotion.com/embed/video/xg7hx1"></iframe>
|
||||
|
||||
<a href="https://www.dailymotion.com/video/xg7hx1_une-disquette-cest-quoi-ca_tech" target="_blank">Une disquette ? Cest quoi ça</a> <i>par <a href="https://www.dailymotion.com/Suchablog" target="_blank">Suchablog</a></i>
|
||||
une disquette, c'est quoi ça ?
|
||||
|
||||
Ne rions pas, certains souffrent d'ipadite.
|
||||
|
||||
@ -15,20 +15,29 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p><hr><p><img src="https://footnotes.fr/wp-content/uploads/2011/04/Credits_gratuits_chez_Skype.jpeg" alt="" /><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></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 <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> 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 <a href="https://download.skype.com/linux/skype-debian_4.0.0.7-1_i386.deb" title="skype-debian_4.0.0.7-1_i386.deb">skype-debian_4.0.0.7-1_i386.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_4.0.0.7-1_i386.deb</pre></p>
|
||||
<p>et tadaaam!</p>
|
||||
<p>trouvé sur <a href="https://wiki.debian.org/skype" hreflang="en">le wiki debian</a> en Anglais</p>
|
||||
<br _moz_editor_blogus_node="TRUE" _moz_dirty="" />
|
||||
<hr><img src="https://footnotes.fr/wp-content/uploads/2011/04/Credits_gratuits_chez_Skype.jpeg" alt="" /><br _moz_editor_blogus_node="TRUE" _moz_dirty="" />
|
||||
|
||||
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.
|
||||
|
||||
Notamment si vous vous retrouvez face à une erreur signalant une architecture erronnée durant l'installation du paquet.
|
||||
|
||||
Heureusement il vous suffira de faire une installation de <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> et <em>ia32-libs-gtk</em></span>
|
||||
|
||||
<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>
|
||||
|
||||
De télécharger <a href="https://download.skype.com/linux/skype-debian_4.0.0.7-1_i386.deb" title="skype-debian_4.0.0.7-1_i386.deb">skype-debian_4.0.0.7-1_i386.deb</a>
|
||||
|
||||
et de l'installer avec la commande
|
||||
|
||||
<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_4.0.0.7-1_i386.deb</pre>
|
||||
|
||||
et tadaaam!
|
||||
|
||||
trouvé sur <a href="https://wiki.debian.org/skype" hreflang="en">le wiki debian</a> en Anglais
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,11 +15,10 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://lacantine-stbrieuc.org/wp-content/uploads/2013/02/css3.png" alt="" /></p>
|
||||
<img src="https://lacantine-stbrieuc.org/wp-content/uploads/2013/02/css3.png" alt="" />#+begin_src shell
|
||||
|
||||
|
||||
<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>
|
||||
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
|
||||
|
||||
<pre>
|
||||
<nav>
|
||||
@ -31,7 +30,8 @@ Admettons que nous ayons ce code HTML</p>
|
||||
</nav>
|
||||
</pre>
|
||||
|
||||
<p>et ce code CSS pour avoir en fond rouge le derner .panel.</p>
|
||||
et ce code CSS pour avoir en fond rouge le derner .panel.
|
||||
|
||||
<pre>
|
||||
.panel:last-child{
|
||||
background: red;
|
||||
@ -39,16 +39,14 @@ Admettons que nous ayons ce code HTML</p>
|
||||
|
||||
</pre>
|
||||
|
||||
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é.#+begin_src shell
|
||||
|
||||
<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>Et oui jammy, même dans Chrome supportant parfaitement le CSS3.
|
||||
Cependant, je suis toute ouïe si vous avez une meilleure explication.</p>
|
||||
Et oui jammy, même dans Chrome supportant parfaitement le CSS3.
|
||||
Cependant, je suis toute ouïe si vous avez une meilleure explication.
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,48 +15,46 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p>Parfois je rangerai bien des tas de choses, du style mes fringues, avec un git stash.
|
||||
Parfois je rangerai bien des tas de choses, du style mes fringues, avec un git stash.
|
||||
<a href="https://git-scm.com/book/fr/"><img src="https://git-scm.com/images/books/pro-git@2x.jpg" 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="https://git-scm.com/book/fr/">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>
|
||||
|
||||
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="https://git-scm.com/book/fr/">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.#+begin_src shell
|
||||
|
||||
<h3>Au programme:</h3>
|
||||
|
||||
|
||||
<h4>1. Démarrage rapide</h4>
|
||||
|
||||
<p>1.1 À propos de la gestion de version
|
||||
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>
|
||||
1.7 Résumé
|
||||
|
||||
<h4>2. Les bases de Git</h4>
|
||||
|
||||
<p>2.1 Démarrer un dépôt Git
|
||||
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>
|
||||
2.8 Résumé
|
||||
|
||||
<h4>3. Les branches avec Git</h4>
|
||||
|
||||
<p>3.1 Ce qu'est une branche
|
||||
3.1 Ce qu'est une branche
|
||||
3.2 Brancher et fusionner : 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>
|
||||
3.7 Résumé
|
||||
|
||||
<h4>4. Git sur le serveur</h4>
|
||||
|
||||
<p>4.1 Protocoles
|
||||
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
|
||||
@ -66,43 +64,43 @@ Si ça ne vous parle pas du tout mais que vous vous intéressez a git tout en é
|
||||
4.8 Gitolite
|
||||
4.9 Le daemon Git
|
||||
4.10 Git hébergé
|
||||
4.11 Résumé</p>
|
||||
4.11 Résumé
|
||||
|
||||
<h4>5. Git distribué</h4>
|
||||
|
||||
<p>5.1 Développements distribués
|
||||
5.1 Développements distribués
|
||||
5.2 Contribution à un projet
|
||||
5.3 Maintenance d'un projet
|
||||
5.4 Résumé</p>
|
||||
5.4 Résumé
|
||||
|
||||
<h4>6. Utilitaires Git</h4>
|
||||
|
||||
<p>6.1 Sélection des versions
|
||||
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>
|
||||
6.8 Résumé
|
||||
|
||||
<h4>7. Personnalisation de Git</h4>
|
||||
|
||||
<p>7.1 Configuration de Git
|
||||
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>
|
||||
7.5 Résumé
|
||||
|
||||
<h4>8. Git et les autres systèmes</h4>
|
||||
|
||||
<p>8.1 Git et Subversion
|
||||
8.1 Git et Subversion
|
||||
8.2 Migrer sur Git
|
||||
8.3 Résumé</p>
|
||||
8.3 Résumé
|
||||
|
||||
<h4>9. Les tripes de Git</h4>
|
||||
|
||||
<p>9.1 Plomberie et porcelaine
|
||||
9.1 Plomberie et porcelaine
|
||||
9.2 Les objets Git
|
||||
9.3 Références Git
|
||||
9.4 Fichiers groupés
|
||||
@ -110,13 +108,12 @@ Si ça ne vous parle pas du tout mais que vous vous intéressez a git tout en é
|
||||
9.6 Protocoles de transfert
|
||||
9.7 Maintenance et récupération de données
|
||||
9.8 Résumé
|
||||
Index of Commands</p>
|
||||
Index of Commands#+begin_src shell
|
||||
|
||||
|
||||
<p>De quoi tout savoir du plus puissant des gestionnaires de version. Have fun!</p>
|
||||
De quoi tout savoir du plus puissant des gestionnaires de version. Have fun!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,15 +15,14 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p>Faire durer plus de 4 jours d'autonomie un Galaxy S3? C'est possible et je l'ai fait.</p>
|
||||
Faire durer plus de 4 jours d'autonomie un Galaxy S3? C'est possible et je l'ai fait.
|
||||
|
||||
<pre>Preuve en image.</pre>
|
||||
|
||||
<p><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 20.35.39.png"><img src="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05 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>
|
||||
<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 20.35.39.png"><img src="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/android_galaxy_s3_batterie_longue_duree_4_jours_et_demi_2013-06-05 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>#+begin_src shell
|
||||
|
||||
|
||||
<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>
|
||||
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.
|
||||
|
||||
<ul>
|
||||
<li>Désactiver la connexion de données,</li>
|
||||
@ -31,19 +30,18 @@ La batterie en question trouvée sur amazon ne possède pas de puce nfc, mais sp
|
||||
<li>ne plus utiliser le tel aux chiottes :D</li>
|
||||
</ul>
|
||||
|
||||
<p>Pour arriver à ça je ne me suis pas privé de l'utiliser pourtant. J'ai donc pu:
|
||||
Pour arriver à ça je ne me suis pas privé de l'utiliser pourtant. J'ai donc pu:
|
||||
regarder des <a href="https://play.google.com/store/apps/details?id=com.ted.android&feature=search_result#?t=W251bGwsMSwyLDEsImNvbS50ZWQuYW5kcm9pZCJd">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>
|
||||
téléphoner environ 25 minutes.#+begin_src shell
|
||||
|
||||
|
||||
<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>
|
||||
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!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,11 +15,11 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05 10.41.24.jpg"><img src="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05 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>
|
||||
<a href="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/g/macbook_air_a_la_pomme_2013-06-05 10.41.24.jpg"><img src="https://tykayn.fr/wp-content/uploads/i/2013/06juin/informageek/macbook_air_a_la_pomme_2013-06-05 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.
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -21,5 +21,4 @@ si on veut valider, y'a des fois on est vraiment pas aidés :D
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,13 +15,12 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214"><img src="https://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg" alt="Discouragement Redirection Cube" style="display:block; margin:0 auto;" /></a></p>
|
||||
<a href="https://strannytsa.deviantart.com/art/Discouragement-Redirection-Cube-340861214"><img src="https://th08.deviantart.net/fs71/300W/i/2012/337/7/b/discouragement_redirection_cube_by_strannytsa-d5mxu72.jpg" alt="Discouragement Redirection Cube" style="display:block; margin:0 auto;" /></a>#+begin_src shell
|
||||
|
||||
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.#+begin_src shell
|
||||
|
||||
<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>
|
||||
éditez donc ce fichier et rajoutez y ce code avec vos infos perso.
|
||||
|
||||
|
||||
<p>éditez donc ce fichier et rajoutez y ce code avec vos infos perso.</p>
|
||||
<pre>
|
||||
<?php
|
||||
function curPageURL() {
|
||||
@ -36,7 +35,6 @@ function curPageURL() {
|
||||
return $pageURL;
|
||||
}
|
||||
|
||||
|
||||
$mystring = curPageURL();
|
||||
$findme = 'index.php/post';
|
||||
$pos = strpos($mystring, $findme);
|
||||
@ -56,12 +54,11 @@ header("Location: $newurl");
|
||||
?>
|
||||
</pre>
|
||||
|
||||
|
||||
<p>Et voilou!
|
||||
Enjoy</p>
|
||||
Et voilou!
|
||||
Enjoy
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,22 +15,20 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://iflock.deviantart.com/art/Shell-64171812"><img src="https://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg" 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>
|
||||
<a href="https://iflock.deviantart.com/art/Shell-64171812"><img src="https://th05.deviantart.net/fs21/300W/i/2007/248/4/c/Shell_by_iflock.jpg" 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".#+begin_src shell
|
||||
|
||||
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>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>
|
||||
<blockquote>C:\Users\tykayn
|
||||
</blockquote>
|
||||
|
||||
<blockquote><p>C:\Users\tykayn</p></blockquote>
|
||||
et bidouiller le registre.#+begin_src shell
|
||||
|
||||
<p>et bidouiller le registre.</p>
|
||||
Voici le contenu de mon fichier autorun.bat:#+begin_src shell
|
||||
|
||||
|
||||
<p>Voici le contenu de mon fichier autorun.bat:</p>
|
||||
|
||||
|
||||
<blockquote><p>@ECHO OFF
|
||||
<blockquote>@ECHO OFF
|
||||
doskey ls=dir /b $*
|
||||
doskey ll=dir $*
|
||||
doskey cat=type $*
|
||||
@ -38,28 +36,26 @@ doskey ..=cd..
|
||||
doskey grep=find "$1" $2
|
||||
doskey mv=ren $*
|
||||
doskey rm=del $*
|
||||
doskey sf=php app/console $*</p></blockquote>
|
||||
doskey sf=php app/console $*
|
||||
</blockquote>
|
||||
|
||||
Ces alias reprennent les commandes unix et la dernière concerne symfony2#+begin_src shell
|
||||
|
||||
<p>Ces alias reprennent les commandes unix et la dernière concerne symfony2</p>
|
||||
|
||||
|
||||
<p>(touche windows, écrivez regedit, appuyez sur entrée et vous voilà dans l'éditeur de registre.
|
||||
(touche windows, écrivez regedit, appuyez sur entrée et vous voilà dans l'éditeur de registre.
|
||||
Naviguez dans :
|
||||
HKEY_CURRENT_USER > 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>
|
||||
faites entrée, click droit dessus, modifiez sa valeur à ceci#+begin_src shell
|
||||
|
||||
<blockquote>%USERPROFILE%\autorun.bat
|
||||
</blockquote>
|
||||
|
||||
<blockquote><p>%USERPROFILE%\autorun.bat</p></blockquote>
|
||||
|
||||
|
||||
<p>Et voilà, les prochianes consoles windows que vous ouvrirez contiendront votre fichier autorun.bat avec ses alias.
|
||||
Voilou, enjoy!</p>
|
||||
Et voilà, les prochianes consoles windows que vous ouvrirez contiendront votre fichier autorun.bat avec ses alias.
|
||||
Voilou, enjoy!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -30,5 +30,4 @@ Cory Doctorow le formule mieux que moi quand il dit :
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -23,23 +23,27 @@ ceci_est_du_html
|
||||
<li>câble usb micro.</li>
|
||||
</ul>
|
||||
<h3>à télécharger pour windows:</h3>
|
||||
<p>Odin
|
||||
Odin
|
||||
le recovery mod
|
||||
la rom CyanogenMod qui va bien.</p>
|
||||
la rom CyanogenMod qui va bien.
|
||||
|
||||
<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.
|
||||
copier les fichiers zip de cyanogen et des google apps dans la carte mémoire externe du téléphone.
|
||||
|
||||
rooter le téléphone en mode download avec odin et le recovery mod.
|
||||
|
||||
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>
|
||||
nettoyer le cache utilisateur encore une fois.
|
||||
|
||||
rebooter normalement et attendre un peu que cyanogenmod s'initialise (moins de dix minutes)
|
||||
envoyyy
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,9 +15,10 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p>Les alias c'est fort pratique quand on bouffe de la ligne de commande quotidiennement.
|
||||
voici donc mon fichier .bash_aliases actuel (se trouvant dans mon répertoire d'utilisateur) sur mon ubuntu maison. Enjoyez les commandes raccourcies!</p>
|
||||
<pre class="brush:bash">
|
||||
Les alias c'est fort pratique quand on bouffe de la ligne de commande quotidiennement.
|
||||
voici donc mon fichier .bash_aliases actuel (se trouvant dans mon répertoire d'utilisateur) sur mon ubuntu maison. Enjoyez les commandes raccourcies!
|
||||
|
||||
#+begin_src shell
|
||||
################ git ################
|
||||
alias ci='commit';
|
||||
alias co='checkout';
|
||||
@ -57,14 +58,18 @@ voici donc mon fichier .bash_aliases actuel (se trouvant dans mon répertoire d'
|
||||
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>
|
||||
|
||||
#+end_src
|
||||
|
||||
afin que les alias fonctionnent, n'oubliez pas de resourcer votre bash avec la commande suivante:
|
||||
<pre class="brush:bash">source ~/.bashrc </pre>
|
||||
|
||||
#+begin_src shell
|
||||
source ~/.bashrc
|
||||
#+end_src
|
||||
|
||||
enjoyez!
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -41,5 +41,4 @@ enjoy!
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,19 +15,17 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://pixelworlds.deviantart.com/art/Octocat-215284019"><img src="https://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg" alt="Octocat" style="float:left; margin: 0 1em 1em 0;" /></a>
|
||||
<a href="https://pixelworlds.deviantart.com/art/Octocat-215284019"><img src="https://th00.deviantart.net/fs70/150/i/2011/178/a/f/octocat_by_rstovall-d3k6a7n.jpg" 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>
|
||||
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.#+begin_src shell
|
||||
|
||||
<a href="https://try.github.io/" hreflang="en">https://try.github.io/</a>#+begin_src shell
|
||||
|
||||
<p><a href="https://try.github.io/" hreflang="en">https://try.github.io/</a></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="https://www.miximum.fr/tutos/1546-enfin-comprendre-git" hreflang="fr">https://www.miximum.fr/tutos/1546-enfin-comprendre-git</a></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="https://www.miximum.fr/tutos/1546-enfin-comprendre-git" hreflang="fr">https://www.miximum.fr/tutos/1546-enfin-comprendre-git</a>
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,12 +15,12 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://droneguard.deviantart.com/art/Computer-monster-110216368"><img src="https://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif" alt="Computer monster" style="float:left; margin: 0 1em 1em 0;" /></a>
|
||||
<a href="https://droneguard.deviantart.com/art/Computer-monster-110216368"><img src="https://fc01.deviantart.net/fs40/f/2009/021/2/f/Computer_monster_by_Droneguard.gif" 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="https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts" hreflang="en" title="time saving shortcuts in command line">https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts</a></p>
|
||||
<a href="https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts" hreflang="en" title="time saving shortcuts in command line">https://lifehacker.com/5743814/become-a-command-line-ninja-with-these-time+saving-shortcuts</a>
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,27 +15,22 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg" 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>
|
||||
<img src="https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg" 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>.#+begin_src shell
|
||||
|
||||
Tous <a href="https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn" hreflang="en">les exemples de syntaxe zen coding sont disponibles sur google code</a>.#+begin_src shell
|
||||
|
||||
<p>Tous <a href="https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn" hreflang="en">les exemples de syntaxe zen coding sont disponibles sur google code</a>.</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.#+begin_src shell
|
||||
|
||||
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.#+begin_src shell
|
||||
|
||||
<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>
|
||||
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.#+begin_src shell
|
||||
|
||||
|
||||
<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>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>Wouala, que le zen soit avec vous!
|
||||
<a href="https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg" hreflang="en">image</a></p>
|
||||
Wouala, que le zen soit avec vous!
|
||||
<a href="https://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg" hreflang="en">image</a>
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,20 +15,20 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<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.
|
||||
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="/public/i/2014/03mars/.2014-03-04_20-41-58_617_m.jpg" alt="2014-03-04_20-41-58_617.jpg" style="display:block; margin:0 auto;" title="2014-03-04_20-41-58_617.jpg, mar. 2014" />
|
||||
Pour quoi faire ? 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 : 3€ + 5€ de frais de port.</p>
|
||||
Une smart watch coûte dans les 250€ minimum, ce bracelet trouvé sur amazon et adapté au Galaxy S3 : 3€ + 5€ de frais de port.#+begin_src shell
|
||||
|
||||
<blockquote>"On a des smart screen, des smart phones, des smart buildings, mais quand est ce qu'on aura des smart-people?"
|
||||
</blockquote>
|
||||
|
||||
<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>En bonus, le textile élastique permet d'insérer une version du GS3 avec une batterie personnalisée si on pousse un peu.
|
||||
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>
|
||||
Et le scratch rend le montage rapide. Marvellouss!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,11 +15,11 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590"><img src="https://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png" 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>
|
||||
<a href="https://s-que.deviantart.com/art/Journal-CSS-for-Beginners-40450590"><img src="https://th08.deviantart.net/fs70/300W/i/2009/356/d/a/Journal_CSS_for_Beginners_by_S_Que.png" 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.#+begin_src shell
|
||||
|
||||
Dans l'ordre du plus prioritaire au moins important:
|
||||
|
||||
<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>
|
||||
@ -27,31 +27,30 @@ Les sélecteurs CSS totalisent un certain score pour définir leur priorité d'e
|
||||
<li>les <éléments> ( <div></div> )</li>
|
||||
</ul>
|
||||
|
||||
<p>Votre navigateur, pour déterminer quel sélecteur doit avoir raison fait un tableau selon cet ordre.</p>
|
||||
Votre navigateur, pour déterminer quel sélecteur doit avoir raison fait un tableau selon cet ordre.#+begin_src shell
|
||||
|
||||
inline | id | class | element
|
||||
0 | 0 | 0 | 0#+begin_src shell
|
||||
|
||||
Quand il rencontre un sélecteur il examine de quoi il s'agit. Par exemple si j'ai ce CSS:#+begin_src shell
|
||||
|
||||
<blockquote>#patate .douce.fraiche { color : red; }
|
||||
|
||||
|
||||
<p>inline | id | class | element
|
||||
0 | 0 | 0 | 0</p>
|
||||
</blockquote>
|
||||
|
||||
<blockquote>.douce { color : blue;}
|
||||
</blockquote>
|
||||
|
||||
<p>Quand il rencontre un sélecteur il examine de quoi il s'agit. Par exemple si j'ai ce CSS:</p>
|
||||
|
||||
|
||||
<blockquote><p>#patate .douce.fraiche { color : red; }<br /></p></blockquote>
|
||||
|
||||
|
||||
<blockquote><p>.douce { color : blue;}</p></blockquote>
|
||||
|
||||
<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 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>
|
||||
120 étant supérieur a 10, c'est le premier sélecteur qui aura la priorité pour repeindre.#+begin_src shell
|
||||
|
||||
|
||||
<p>Pour plusse de trucs et astuces sur le CSS, je vous conseille le site d'Alsacréations.com et openclassrooms.com.
|
||||
Enjoyez.</p>
|
||||
Pour plusse de trucs et astuces sur le CSS, je vous conseille le site d'Alsacréations.com et openclassrooms.com.
|
||||
Enjoyez.
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,21 +15,20 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://artlemoine.com/circles" hreflang="fr" title="CSS circles"><img src="/public/i/2014/03mars/.Capture_du_2014-03-13_13_49_58_m.jpg" alt="Capture_du_2014-03-13_13_49_58.png" style="display:block; margin:0 auto;" title="Capture_du_2014-03-13_13_49_58.png, mar. 2014" /></a>
|
||||
<a href="https://artlemoine.com/circles" hreflang="fr" title="CSS circles"><img src="/public/i/2014/03mars/.Capture_du_2014-03-13_13_49_58_m.jpg" alt="Capture_du_2014-03-13_13_49_58.png" style="display:block; margin:0 auto;" title="Capture_du_2014-03-13_13_49_58.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>
|
||||
cercles ou carrés.#+begin_src shell
|
||||
|
||||
|
||||
<p>Jouez zy donc sur artlemoine.com :
|
||||
<a href="https://artlemoine.com/circles" hreflang="fr" title="CSS circles">https://artlemoine.com/circles</a></p>
|
||||
Jouez zy donc sur artlemoine.com :
|
||||
<a href="https://artlemoine.com/circles" hreflang="fr" title="CSS circles">https://artlemoine.com/circles</a>
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,10 +15,10 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://d24w6bsrhbeh9d.cloudfront.net/photo/a09O89d_460s.jpg" alt="" /></p>
|
||||
<img src="https://d24w6bsrhbeh9d.cloudfront.net/photo/a09O89d_460s.jpg" alt="" />
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,33 +15,56 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://liviavi.deviantart.com/art/Magnifier-306407861"><img src="https://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg" 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>
|
||||
<a href="https://liviavi.deviantart.com/art/Magnifier-306407861"><img src="https://th05.deviantart.net/fs71/300W/i/2012/156/5/0/magnifier_by_liviavi-d52fdth.jpg" 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?
|
||||
|
||||
#+begin_src shell
|
||||
|
||||
(Oui, le billet du jour est pour monsieur et madame michu.)
|
||||
|
||||
|
||||
<p>(Oui, le billet du jour est pour monsieur et madame michu.)<br /></p>
|
||||
|
||||
<pre>
|
||||
\n pour la nouvelle ligne, parfois \r\n avec le retour chariot
|
||||
\t pour la tabulation
|
||||
</pre>
|
||||
|
||||
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.
|
||||
|
||||
<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>
|
||||
#+begin_src shell
|
||||
|
||||
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 %.
|
||||
|
||||
|
||||
<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="https://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/les-expressions-regulieres-partie-1-2" 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="https://xkcd.com/208/" title="https://xkcd.com/208/">https://xkcd.com/208/</a>
|
||||
Enjoyez!<br /></p>
|
||||
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.
|
||||
|
||||
Cependant, plus généralement ça peut se révéler très utile dans pas mal de cas.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
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.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Vous trouverez un très bon tuto sur <a href="https://fr.openclassrooms.com/informatique/cours/concevez-votre-site-web-avec-php-et-mysql/les-expressions-regulieres-partie-1-2" hreflang="fr">le site du zéro</a> (renommé openclassrooms) à ce propos.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
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
|
||||
|
||||
<a href="https://xkcd.com/208/" title="https://xkcd.com/208/">https://xkcd.com/208/</a>
|
||||
Enjoyez!
|
||||
|
||||
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,7 +15,8 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<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 <strong>des boites a RasPi maison, en papier</strong>.</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 <strong>des boites a RasPi maison, en papier</strong>.
|
||||
|
||||
<div><img src="https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/1.jpg" 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="https://tykayn.fr/wp-content/uploads/i/2014/04avril/raspberry_pi_case/2.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" /></div><hr><img src="/public/i/2014/04avril/raspberry_pi_case/4.jpg" alt="2.jpg" title="2.jpg, avr. 2014" style="margin: 0 auto; display: block;" />
|
||||
<img src="/public/i/2014/04avril/raspberry_pi_case/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>
|
||||
@ -25,5 +26,4 @@ heh, y'a des jours où le DIY marche du premier coup, et des jours où on a la f
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,15 +15,14 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://pmcdn.priceminister.com/photo/capuchon-photo-bouchon-universel-objectif-58mm-accessoires-audio-video-849294819_ML.jpg" alt="" /></p>
|
||||
<img src="https://pmcdn.priceminister.com/photo/capuchon-photo-bouchon-universel-objectif-58mm-accessoires-audio-video-849294819_ML.jpg" alt="" />#+begin_src shell
|
||||
|
||||
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.#+begin_src shell
|
||||
|
||||
<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>
|
||||
<a href="https://mweiler.deviantart.com/art/orchestra-classica-75062113"><img src="https://th05.deviantart.net/fs22/300W/i/2008/019/5/7/orchestra_classica_by_mweiler.jpg" 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><a href="https://mweiler.deviantart.com/art/orchestra-classica-75062113"><img src="https://th05.deviantart.net/fs22/300W/i/2008/019/5/7/orchestra_classica_by_mweiler.jpg" 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
|
||||
@ -33,16 +32,14 @@ doctrine
|
||||
(...)
|
||||
</pre>
|
||||
|
||||
|
||||
<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:
|
||||
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_clear_cache();"</code></p>
|
||||
<code>php -r "apc_clear_cache();"</code>#+begin_src shell
|
||||
|
||||
|
||||
<p>et vouala, tout rentre dans l'ordre!</p>
|
||||
et vouala, tout rentre dans l'ordre!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,23 +15,21 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p>dans wp-config,
|
||||
repérez la ligne</p>
|
||||
|
||||
dans wp-config,
|
||||
repérez la ligne#+begin_src shell
|
||||
|
||||
<code class="php">require_once(ABSPATH, 'wp_settings.php');
|
||||
</code>
|
||||
|
||||
<p>rajoutez ceci:</p>
|
||||
rajoutez ceci:
|
||||
|
||||
<code class="php">define('FS_METHOD','direct');
|
||||
</code>
|
||||
|
||||
|
||||
<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>
|
||||
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.
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -18,22 +18,37 @@ ceci_est_du_html
|
||||
<div class="pixearch" style=" text-align: center;">
|
||||
<a href="https://tatiks.deviantart.com/art/Rincewind-302267958"><img src="https://th07.deviantart.net/fs70/300W/f/2012/136/e/6/rincewind_by_tatiks-d4zyng6.jpg" 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_repertoire.</p>
|
||||
<p><code>mogrify -resize 800x600 -path autre_repertoire *.jpg</code></p>
|
||||
<p>il faut juste vous assurer que "autre_repertoire" 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_repertoire </span><span>-format jpg </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 <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 </p>
|
||||
<p><a href="https://doc.ubuntu-fr.org/imagemagick">https://doc.ubuntu-fr.org/imagemagick</a></p>
|
||||
<p>(en illustration, Rincevent du Disque Monde, de la lecture parodique fantastique qui poutre)</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_repertoire.
|
||||
|
||||
<code>mogrify -resize 800x600 -path autre_repertoire *.jpg</code>
|
||||
|
||||
il faut juste vous assurer que "autre_repertoire" est inscriptible par votre script, et que vous avez bien des fichiers jpg à redimensionner dans votre répertoire courant.
|
||||
|
||||
Vous pouvez aussi choisir de ne faire des sorties d'images dans un seul format précis (jpg, ou png ...), avec l'option format.
|
||||
|
||||
<code><span>mogrify -resize 800x600 -path autre_repertoire </span><span>-format jpg </span><span>*.jpg</span></code>
|
||||
|
||||
<span>
|
||||
|
||||
</span>
|
||||
|
||||
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 <strong>nautilus-open-terminal</strong>
|
||||
|
||||
<strong><code>sudo apt-get install nautilus-open-terminal</code></strong>
|
||||
|
||||
<div>voilà, bon amusement!</div><span>
|
||||
|
||||
</span>
|
||||
|
||||
de la doc pour imagemagick
|
||||
|
||||
<a href="https://doc.ubuntu-fr.org/imagemagick">https://doc.ubuntu-fr.org/imagemagick</a>
|
||||
|
||||
(en illustration, Rincevent du Disque Monde, de la lecture parodique fantastique qui poutre)
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,23 +15,31 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://th05.deviantart.net/fs70/PRE/i/2010/196/9/2/Three_Fairies_for_the_Dream_by_pilgrimagedesign.jpg" 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, </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 <span style="font-size: 12px;">SQL.</span></p>
|
||||
<p><code>UPDATE table SET column="a:0:{}" WHERE column = "";</code> </p>
|
||||
<img src="https://th05.deviantart.net/fs70/PRE/i/2010/196/9/2/Three_Fairies_for_the_Dream_by_pilgrimagedesign.jpg" alt="" />
|
||||
|
||||
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,
|
||||
|
||||
<blockquote><em>could not convert database value to doctrine type array</em>
|
||||
|
||||
</blockquote>
|
||||
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.
|
||||
|
||||
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 <span style="font-size: 12px;">SQL.</span>
|
||||
|
||||
<code>UPDATE table SET column="a:0:{}" WHERE column = "";</code>
|
||||
|
||||
(en remplaçant les noms de <strong>table</strong> (ma_table_des_utilisateurs) et de <strong>column</strong> (role)
|
||||
Vos commande de promotion de rôles fonctionneront alors comme par magie!
|
||||
|
||||
<code>php app/console fos:user:promote jojo ROLE_ADMIN
|
||||
|
||||
|
||||
<p>(en remplaçant les noms de <strong>table</strong> (ma_table_des_utilisateurs) 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_ADMIN <br />
|
||||
Role "ROLE_ADMIN" has been added to user "jojo".</code>
|
||||
</p>
|
||||
<p>sources: Trouvé et traduit <a href="https://stackoverflow.com/questions/8818387/doctrine2-conversion-error" hreflang="en">depuis stackoverflow</a> , <a href="https://mask-makers.deviantart.com/art/Three-Fairies-for-the-Dream-171422655" hreflang="en" style="font-size: 12px;">image</a></p>
|
||||
|
||||
sources: Trouvé et traduit <a href="https://stackoverflow.com/questions/8818387/doctrine2-conversion-error" hreflang="en">depuis stackoverflow</a> , <a href="https://mask-makers.deviantart.com/art/Three-Fairies-for-the-Dream-171422655" hreflang="en" style="font-size: 12px;">image</a>
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,14 +15,13 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://fc04.deviantart.net/fs9/i/2006/148/6/8/Pearl_by_pearldrummer.jpg" 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>
|
||||
<img src="https://fc04.deviantart.net/fs9/i/2006/148/6/8/Pearl_by_pearldrummer.jpg" 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.#+begin_src shell
|
||||
|
||||
|
||||
<p><a href="https://alternativeto.net/" hreflang="en">https://alternativeto.net/</a></p>
|
||||
<a href="https://alternativeto.net/" hreflang="en">https://alternativeto.net/</a>
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,49 +15,45 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://a-place4my-head.deviantart.com/art/raspberry-217727077"><img src="https://th00.deviantart.net/fs70/300W/f/2011/191/d/5/raspberry_by_a_place4my_head-d3lmnad.jpg" alt="raspberry" style="display:block; margin:0 auto;" /></a></p>
|
||||
<a href="https://a-place4my-head.deviantart.com/art/raspberry-217727077"><img src="https://th00.deviantart.net/fs70/300W/f/2011/191/d/5/raspberry_by_a_place4my_head-d3lmnad.jpg" alt="raspberry" style="display:block; margin:0 auto;" /></a>#+begin_src shell
|
||||
|
||||
|
||||
<p>Possédant un raspberry Pi je voulais essayer plusieurs distributions linux de poche dessus.
|
||||
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>
|
||||
vous aurez besoin de:
|
||||
|
||||
<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="https://www.raspberrypi.org/downloads/" 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><strong>Cette opération supprime les données de la carte SD.</strong></p>
|
||||
<strong>Cette opération supprime les données de la carte SD.</strong>#+begin_src shell
|
||||
|
||||
|
||||
<p>insérez votre carte SD dans le lecteur de votre ordi.
|
||||
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>
|
||||
(vous la trouverez en comparant son nombre de Gigas)#+begin_src shell
|
||||
|
||||
|
||||
<p>par exemple, ma carte a deux partitions physiques dessus <strong>/dev/sdg1</strong> et <strong>/dev/sdg2</strong>
|
||||
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>
|
||||
vous aurez besoin de connaitre le chemin de votre fichier .img que vous voulez installer, par exemple /home/tykayn/téléchargements/raspbian.img#+begin_src shell
|
||||
|
||||
|
||||
<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é!
|
||||
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>
|
||||
(il faudra entrer le mot de passe sudo)#+begin_src shell
|
||||
|
||||
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>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>
|
||||
|
||||
<blockquote><p>3829760+0 enregistrements lus
|
||||
<blockquote>3829760+0 enregistrements lus
|
||||
3829760+0 enregistrements écrits
|
||||
1960837120 octets (2,0 GB) copiés, 513,805 s, 3,8 MB/s</p></blockquote>
|
||||
1960837120 octets (2,0 GB) copiés, 513,805 s, 3,8 MB/s
|
||||
</blockquote>
|
||||
|
||||
|
||||
<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>
|
||||
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.
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,18 +15,17 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://preprod-img.planet.fr/files/images/article/2/8/6/564682/1670246-focus.png" alt="" />
|
||||
<img src="https://preprod-img.planet.fr/files/images/article/2/8/6/564682/1670246-focus.png" 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="https://www.itraque.fr/documents/annonces/20081119120446a45b.jpg" alt="" />
|
||||
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/ porte carte / poche /etc.
|
||||
Vous pouvez procéder de même avec votre carte navigo / vélib / votre not-stupid-phone.</p>
|
||||
Vous pouvez procéder de même avec votre carte navigo / vélib / votre not-stupid-phone.#+begin_src shell
|
||||
|
||||
|
||||
<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>
|
||||
ç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!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,40 +15,55 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<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?
|
||||
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="https://passwordday.org/en/_img/passwords-102.gif" 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>
|
||||
Beaucoup de personnes laissent des données sensibles en accès libre au monde entier.</strong>
|
||||
|
||||
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.
|
||||
|
||||
On dit même souvent qu'on a rien à cacher. Cependant, c'est mal comprendre le problème.
|
||||
|
||||
Vous pouvez <a href="https://reflets.info/rien-a-cacher/" 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="https://archives-lepost.huffingtonpost.fr/article/2009/10/05/1726927_efficace-la-videosurveillance-le-rapport-qui-nous-mene-en-bateau.html" 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>
|
||||
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.
|
||||
|
||||
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>.
|
||||
|
||||
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?
|
||||
|
||||
Contrôler n'est pas surveiller, restreindre n'est pas incriminer.
|
||||
|
||||
Petite parenthèse sur les études sur la vidéosurveillance dans les espaces publiques: <a href="https://archives-lepost.huffingtonpost.fr/article/2009/10/05/1726927_efficace-la-videosurveillance-le-rapport-qui-nous-mene-en-bateau.html" hreflang="fr">c'est une mesure inneficace, liberticide et coûteuse.</a> Et on le sait depuis au moins 2009.
|
||||
|
||||
ç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.
|
||||
|
||||
<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.
|
||||
|
||||
<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.
|
||||
|
||||
<iframe width="640" height="360" src="https://www.youtube.com/embed/hZnq3xg-PRM" 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>
|
||||
<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>
|
||||
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.
|
||||
|
||||
<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.
|
||||
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 ? - FUCKTHISSHIT"</p>
|
||||
<p>n'utilisez pas le même mot de passe pour tous les sites que vous visitez.
|
||||
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.
|
||||
|
||||
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 ? - FUCKTHISSHIT"
|
||||
|
||||
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="https://passwordday.org/fr/" hreflang="fr">https://passwordday.org/fr/</a></p>
|
||||
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.
|
||||
|
||||
pour en savoir plus: le site du password day <a href="https://passwordday.org/fr/" hreflang="fr">https://passwordday.org/fr/</a>
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,25 +15,47 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<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 />
|
||||
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.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
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="https://play.google.com/store/apps/details?id=com.smarterdroid.wififiletransfer&hl=fr">Wifi file transfert</a> est super sympa.
|
||||
<img src="https://lh3.ggpht.com/10khej9Nov3uSRgddNOc-cHmTR3bvf83S4HGLgiknom_OVB3e3CDFZQqzgXLKC3gGfU3=h310-rw" 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 />
|
||||
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/ 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="https://www.framboise314.fr/meowbox-pour-un-chat-connecte-en-bluetooth/">chat au collier bluetooth</a> ? <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="https://lh4.ggpht.com/fPlYBDEO9gDbAcK9p3vhOhX4yqGUHS1XzZL6zz2ovI6pp2iFMQIAciSRf0DFkF6HfQ=h900-rw" alt="" style="display:block; margin:0 auto;" /><br />
|
||||
<a href="https://play.google.com/store/apps/details?id=com.pushbullet.android&hl=fr">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="https://chrome.google.com/webstore/detail/pushbullet/chlffgpmiacpedhhbkiomidkjlcfhogd">Chrome</a> ou <a href="https://addons.mozilla.org/fr/firefox/addon/pushbullet/">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>
|
||||
(vous pouvez mettre un accès par mot de passe dans les paramètres)
|
||||
|
||||
|
||||
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/ dossiers et les exporter dans un zip.
|
||||
|
||||
|
||||
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.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Et si vous voulez un lien encore plus pratique entre votre ou vos ordis et votre téléphone, votre tablette, votre <a href="https://www.framboise314.fr/meowbox-pour-un-chat-connecte-en-bluetooth/">chat au collier bluetooth</a> ?
|
||||
|
||||
|
||||
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é.
|
||||
|
||||
|
||||
<img src="https://lh4.ggpht.com/fPlYBDEO9gDbAcK9p3vhOhX4yqGUHS1XzZL6zz2ovI6pp2iFMQIAciSRf0DFkF6HfQ=h900-rw" alt="" style="display:block; margin:0 auto;" />
|
||||
|
||||
|
||||
<a href="https://play.google.com/store/apps/details?id=com.pushbullet.android&hl=fr">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="https://chrome.google.com/webstore/detail/pushbullet/chlffgpmiacpedhhbkiomidkjlcfhogd">Chrome</a> ou <a href="https://addons.mozilla.org/fr/firefox/addon/pushbullet/">Firefox</a>.
|
||||
|
||||
|
||||
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.
|
||||
|
||||
|
||||
Enjoyez!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
@ -15,57 +15,63 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><a href="https://github.com/tykayn/gitall" title="un projet sur github nommé git all"><img src="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" alt="" width="100%" /></a> mise à jour: j'ai fait <a href="https://github.com/tykayn/gitall">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>
|
||||
<a href="https://github.com/tykayn/gitall" title="un projet sur github nommé git all"><img src="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" alt="" width="100%" /></a> mise à jour: j'ai fait <a href="https://github.com/tykayn/gitall">un projet sur github nommé <strong>git all</strong></a>
|
||||
|
||||
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>Il suffit de lire un peu <a href="https://www.kernel.org/pub/software/scm/git/docs/git-log.html#_pretty_formats">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>
|
||||
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.#+begin_src shell
|
||||
|
||||
Il suffit de lire un peu <a href="https://www.kernel.org/pub/software/scm/git/docs/git-log.html#_pretty_formats">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.
|
||||
|
||||
<pre class="brush : bash">git log --pretty=format:"%cd , %cn, %h, %s" --full-history > git-history.txt
|
||||
</pre>
|
||||
|
||||
<p>Vous pouvez aussi filtrer par auteur du commit en rajoutant l'option</p>
|
||||
Vous pouvez aussi filtrer par auteur du commit en rajoutant l'option
|
||||
|
||||
<pre>--author="tykayn"
|
||||
</pre>
|
||||
|
||||
<p>et donc:</p>
|
||||
et donc:
|
||||
|
||||
<pre class="brush : bash">git log --author="tykayn" --pretty=format:"%cd , %cn, %h, %s" --full-history > git-history.txt
|
||||
</pre>
|
||||
|
||||
<p>ce qui donnerait plein de lignes comme ceci: </p>
|
||||
ce qui donnerait plein de lignes comme ceci:
|
||||
|
||||
<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 </p>
|
||||
<p>Sat May 30 10:29:26 2015 +0200 , tykayn-ubuntu, 96f25f6, insertion de grille bootstrap dans le tpl</p>
|
||||
<q>Sat May 30 11:30:11 2015 +0200 , tykayn-ubuntu, 463e52c, accessoires produits
|
||||
|
||||
</q>
|
||||
Sat May 30 11:20:45 2015 +0200 , tykayn-ubuntu, 9efab6c, footer grille
|
||||
|
||||
Sat May 30 10:29:26 2015 +0200 , tykayn-ubuntu, 96f25f6, insertion de grille bootstrap dans le tpl
|
||||
|
||||
</q>#+begin_src shell
|
||||
|
||||
et si vous avez comme moi la flemme de retaper tout, créez vous un alias dans votre fichier de <strong>.bash_aliases</strong>
|
||||
|
||||
<p>et si vous avez comme moi la flemme de retaper tout, créez vous un alias dans votre fichier de <strong>.bash_aliases</strong></p>
|
||||
<pre class="brush : bash">gedit ~/.bash_aliases
|
||||
</pre>
|
||||
|
||||
<p>rajoutez cette ligne pour créer la commande "<strong>gitall</strong>":</p>
|
||||
rajoutez cette ligne pour créer la commande "<strong>gitall</strong>":
|
||||
|
||||
<pre class="brush : bash">alias gitall='git log --pretty=format:"%cd , %cn, %h, %s" --full-history > git-history.txt';
|
||||
</pre>
|
||||
|
||||
<p>sauvegardez, fermez le fichier, rechargez le fichier d'alias</p>
|
||||
sauvegardez, fermez le fichier, rechargez le fichier d'alias
|
||||
|
||||
<pre class="brush : bash">gedit ~/.bash_aliases
|
||||
</pre>
|
||||
|
||||
<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>
|
||||
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é.#+begin_src shell
|
||||
|
||||
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>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="https://github.com/tykayn/gitall">Voir mon projet sur github nommé <strong>git all</strong></a> contribuez zy!</p>
|
||||
<a href="https://github.com/tykayn/gitall">Voir mon projet sur github nommé <strong>git all</strong></a> contribuez zy!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,12 +15,16 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<p><img src="https://www.lucidbetty.com/images/house/E1425.jpg" 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="https://github.com/js2coffee/js2coffee">js2coffee (voir ce projet sur github)</a>, voici mon script bash adapté de <a href="https://stackoverflow.com/questions/14091818/converting-whole-project-to-coffeescript-with-js2coffee/14091820#14091820" 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>
|
||||
<img src="https://www.lucidbetty.com/images/house/E1425.jpg" alt="" />
|
||||
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
basé sur le convertisseur <a href="https://github.com/js2coffee/js2coffee">js2coffee (voir ce projet sur github)</a>, voici mon script bash adapté de <a href="https://stackoverflow.com/questions/14091818/converting-whole-project-to-coffeescript-with-js2coffee/14091820#14091820" 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.
|
||||
|
||||
<pre class="brush : bash"><code>#!/bin/bash
|
||||
#text formatting
|
||||
neutre='\e[0;m'
|
||||
@ -55,15 +59,27 @@ 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 </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="https://github.com/js2coffee/js2coffee/issues/379">voir l'issue sur github</a>. comme toujours, si vous avez des amélioratoins à proposez faites donc!</p>
|
||||
vous pouvez enregistrer ce script bash sous le nom de alljs2coffee.sh
|
||||
le copier dans votre répertoire d'exécutables,
|
||||
|
||||
<pre class="brush : bash"><code>cp alljs2coffee.sh /usr/local/bin
|
||||
|
||||
#+end_src
|
||||
|
||||
lui donner les droits pour être exécuté par tout le monde
|
||||
|
||||
<pre class="brush : bash"><code>chmod +x alljs2coffee.sh
|
||||
|
||||
#+end_src
|
||||
|
||||
et voilà vous pourrez l'exécuter dans n'importe quel dossier contenant un de vos projets avec la commande <strong>alljs2coffee</strong>
|
||||
|
||||
go go gadgetto modernisation du JS!
|
||||
|
||||
<a href="https://github.com/js2coffee/js2coffee/issues/379">voir l'issue sur github</a>. comme toujours, si vous avez des amélioratoins à proposez faites donc!
|
||||
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -15,43 +15,64 @@
|
||||
|
||||
ceci_est_du_html
|
||||
|
||||
<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>
|
||||
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).
|
||||
|
||||
<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é \O/</p>
|
||||
il faut aussi changer le nom de l'hôte dans /etc/hosts
|
||||
|
||||
<code><code>$ sudo nano /etc/hosts</code></code>
|
||||
|
||||
redémarrez le service hostname.
|
||||
|
||||
<code class="bash"><code>$ sudo service hostname restart</code></code>
|
||||
|
||||
et voilà votre nom d'hôte changé \O/
|
||||
|
||||
<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. </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="https://www.network-science.de/ascii/">https://www.network-science.de/ascii/</a></p>
|
||||
<p>astuce bonus pour se loguer de façon plus sécurisée.</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.
|
||||
|
||||
<code class="bash">$ nano /etc/update-motd.d/99-tktrucs</code>
|
||||
|
||||
et mettre dedans des trucs trop importants.
|
||||
|
||||
<code>#!bin/bash
|
||||
echo "un grand pouvoir entraine de grandes responsabilités"</code>
|
||||
|
||||
et il faudra lui donner les droits de s'exécuter.
|
||||
|
||||
<code class="bash">$ sudo chmod +x /etc/update-motd.d/99-tktrucs</code>
|
||||
|
||||
ce fichier permet de rajouter du contenu à la fin du message du jour
|
||||
|
||||
<code><code>$ sudo nano /etc/motd.tail</code></code>
|
||||
|
||||
utilisez le générateur d'ASCII art pour faire des trucs trop impressionants.
|
||||
|
||||
<a href="https://www.network-science.de/ascii/">https://www.network-science.de/ascii/</a>
|
||||
|
||||
astuce bonus pour se loguer de façon plus sécurisée.
|
||||
|
||||
<h3>copier sa clé publique sur un serveur distant</h3>
|
||||
<code class="bash">
|
||||
<code><p>$ ssh-copy-id -i ~/.ssh/id_dsa.pub titi@toto.host.org</p>
|
||||
<p>Password:</p>
|
||||
<code>$ ssh-copy-id -i ~/.ssh/id_dsa.pub titi@toto.host.org
|
||||
|
||||
Password:
|
||||
|
||||
</code>
|
||||
</code>
|
||||
<blockquote><p><ins>sources:</ins>
|
||||
<blockquote><ins>sources:</ins>
|
||||
<a href="https://doc.ubuntu-fr.org/motd">https://doc.ubuntu-fr.org/motd</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></p>
|
||||
<p><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></p>
|
||||
<p><a href="https://www.network-science.de/ascii/">https://www.network-science.de/ascii/</a></p>
|
||||
<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://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.network-science.de/ascii/">https://www.network-science.de/ascii/</a>
|
||||
|
||||
</blockquote>
|
||||
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
@ -211,5 +211,4 @@ border-color: $color;
|
||||
* Liens
|
||||
- cipherbliss [[id:d14d8051-bbb9-4279-a574-84d78bfe5b66][Cipherbliss blog]]
|
||||
|
||||
|
||||
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user