Derniers snippets

Echo Snippet

[BASH] SET -debug

Catch all errors in your script:


## debug
set -e -u -o pipefail
IFS=$'\n\t'
on_error() { echo "Error on or near line $1; exiting with status $2"; exit "$2"; }


# Trap error exit possible 
#trap 'on_error ${LINENO} $?' ERR


# Make sure only root can run our script
if [[ $EUID -ne 0 ]]; then
    echo "This script must be run as root" 1>&2
    exit 1
fi

bash

Texte seul - Permalink - Snippet public posté le 07/09/2021

PLEX init-d debian

 cp  /usr/lib/plexmediaserver/lib/plexmediaserver.init /etc/init.d/plexmediaserver

#!/bin/sh
### BEGIN INIT INFO
# Provides:          plexmediaserver
# Required-Start:    $remote_fs $local_fs $all $syslog $networking
# Required-Stop:
# Default-Start:     2 3 4 5
# Default-Stop:      0 1 6
# Short-Description: Plex Media Server
# Description:       Plex Media Server for Linux,
#                    More information at http://www.plexapp.com
# Author:            Plex Packaging team
# Version:           1.06
### END INIT INFO

# Set Crash Reporting identification variables
export PLEX_MEDIA_SERVER_INFO_VENDOR="$(grep ^NAME= /etc/os-release | awk -F= '{print $2}' | tr -d \" )"
export PLEX_MEDIA_SERVER_INFO_DEVICE="PC"
export PLEX_MEDIA_SERVER_INFO_MODEL="$(uname -m)"
export PLEX_MEDIA_SERVER_INFO_PLATFORM_VERSION="$(grep ^VERSION= /etc/os-release | awk -F= '{print $2}' | tr -d \" )"

# Default values prior to ingesting and validating contents of /etc/default/plexmediaserver
PlexUser="plex"
PlexHome="/usr/lib/plexmediaserver"
PlexAppSuppDir="/var/lib/plexmediaserver/Library/Application Support"
PlexTempDir="/tmp"
PlexStackSize=3000
PlexPluginProcs=6

# Read configuration variable file if it is present
[ -r /etc/default/plexmediaserver ] && . /etc/default/plexmediaserver

Running=$(ps -ef | grep 'Plex Media Server'| grep -v grep | wc -l)

case "$1" in
  start)
    if [ $Running -gt 0 ]; then
      echo "Plex is already running."
      exit 0
    fi

    if [ -f /etc/default/locale ]; then
      export LANG="$(cat /etc/default/locale | awk -F '=' '/LANG=/{print $2}' | sed 's/"//g')"
      export LC_ALL="$LANG"
    fi

    # Use Read-Writeback approach to handle when variables aren't global.

    # Check PLEX_USER
    if   [ "$PLEX_USER" != "" ]; then
      if [ "$(getent passwd "$PLEX_USER")" != "" ]; then
        PlexUser="$PLEX_USER"
      else
        echo "${0}: No such username: \"$PLEX_USER\". Retaining \"$PlexUser\" as default username."
      fi
    fi

    # Check PLEX_MEDIA_SERVER_USER (Supersedes PLEX_USER)
    if   [ "$PLEX_MEDIA_SERVER_USER" != "" ]; then
      if [ "$(getent passwd "$PLEX_MEDIA_SERVER_USER")" != "" ]; then
        PlexUser="$PLEX_MEDIA_SERVER_USER"
      else
        echo "${0}: No such username: \"$PLEX_MEDIA_SERVER_USER\".  Retaining \"$PlexUser\" as default username."
      fi
    fi

    # Prevent "UNKNOWN" when in IPA/LDAP environments  (revert to default)
    if [ "$PlexUser" = "UNKNOWN" ]; then
      echo "${0}: Illegal username:  'UNKNOWN'.  Retaining \"plex\" as username."
      PlexUser="plex"
    fi

    # PlexUser's HOME directory is the default location. Supersede if specified
    PlexAppSuppDir="$(getent passwd "$PlexUser" | awk -F: '{print $6}')/Library/Application Support"

    # If user specified AppSuppDir, it must already exist.  This overrides the $PlexUser's "$HOME"
    if   [    "$PLEX_MEDIA_SERVER_APPLICATION_SUPPORT_DIR" != "" ]; then
      if [ -d "$PLEX_MEDIA_SERVER_APPLICATION_SUPPORT_DIR" ]; then
        PlexAppSuppDir="$PLEX_MEDIA_SERVER_APPLICATION_SUPPORT_DIR"
      else
        echo "${0}: Given Application Support Directory \"$PLEX_MEDIA_SERVER_APPLICATION_SUPPORT_DIR\" does not exist.  Ignoring."
      fi
    fi

    # Check TempDir
    Candidate=""
    # Be generous with TEMP DIR specification
    if [ "$TMPDIR" != "" ]; then
      Candidate="$TMPDIR"

    elif [ "$TEMP" != "" ]; then
      Candidate="$TEMP"

    elif [ "$TMP" != "" ] && [ -d "$TMP" ]; then
      Candidate="$TMP"
    fi

    # Validate TempCandidate
    if [ "$Candidate" != "" ]; then
      if [ -d "$Candidate" ]; then
        PlexTempDir="$Candidate"
      else
        echo "${0}: Temp Directory does not exist: \"$Candidate\".  Using default location."
      fi
    fi

    # Plug-in Procs  (No checking.  PMS handles internally)
    if [ "$PLEX_MEDIA_SERVER_MAX_PLUGIN_PROCS" != "" ]; then
      Candidate="$(echo $PLEX_MEDIA_SERVER_MAX_PLUGIN_PROCS | grep -x -E '[[:digit:]]+' )"
      if [ "$Candidate" != "" ]; then
        PlexPluginProcs="$Candidate"
      else
        echo "${0}: Non-numeric Max Plug-in Procs given: \"$PLEX_MEDIA_SERVER_MAX_PLUGIN_PROCS\".  Using default value."
      fi
    fi

    # Stack Size
    if [ "$PLEX_MEDIA_SERVER_MAX_STACK_SIZE" != "" ]; then
      Candidate="$(echo $PLEX_MEDIA_SERVER_MAX_STACK_SIZE | grep -x -E '[[:digit:]]+' )"
      if [ "$Candidate" != "" ]; then
        PlexStackSize="$Candidate"
      else
        echo "${0}: Non-numeric Max Stack Size given: \"$PLEX_MEDIA_SERVER_MAX_STACK_SIZE\".  Using default value."
      fi
    fi

    # Verify Plex Media Server is indeed where it says it is
    if [ "$PLEX_MEDIA_SERVER_HOME" != "" ]; then
      if [ -d "$PLEX_MEDIA_SERVER_HOME" ]; then
        PlexHome="$PLEX_MEDIA_SERVER_HOME"
      else
        echo "${0}: Given application location \"${PLEX_MEDIA_SERVER_HOME}\" does not exist.  Using default location."
      fi
    fi

    # Create AppSuppDir if not present and set ownership
    if [ ! -d "$PlexAppSuppDir" ]; then
      mkdir -p "$PlexAppSuppDir"
      if [ $? -eq 0 ]; then
        chown "${PlexUser}"."${PlexUser}" "$PlexAppSuppDir"
      else
        echo "ERROR: Could not create \"$PlexAppSuppDir\".  System error code $?"
        exit 1
      fi
    fi

    # Build the final runtime environment variables.  Specify these parameters in /etc/default/plexmediaserver
    export PLEX_MEDIA_SERVER_USER="$PlexUser"
    export PLEX_MEDIA_SERVER_MAX_PLUGIN_PROCS="$PlexPluginProcs"
    export PLEX_MEDIA_SERVER_HOME="$PlexHome"
    export PLEX_MEDIA_SERVER_MAX_STACK_SIZE="$PlexStackSize"
    export PLEX_MEDIA_SERVER_TMPDIR="$PlexTempDir"
    export PLEX_MEDIA_SERVER_APPLICATION_SUPPORT_DIR="$PlexAppSuppDir"

    export TMPDIR="${PlexTempDir}"
    ulimit -s "$PLEX_MEDIA_SERVER_MAX_STACK_SIZE"

    # Add sleep - for those who launch with this script
    echo "Starting Plex Media Server."

    su -m "$PLEX_MEDIA_SERVER_USER" -s /bin/sh -c "exec ${PLEX_MEDIA_SERVER_HOME}/Plex\ Media\ Server &" >/dev/null 2>&1
    sleep 3
    ;;

  stop)
    if [ $Running -eq 0 ]; then
      echo "Plex Media Server is not running."
      exit 0
    fi
    echo "Shutting down Plex Media Server: "

    # Ask nicely
    pids="$(ps -ef | grep 'Plex Media Server' | grep -v grep | awk '{print $2}')"
    kill -15 $pids

    sleep 5

    # Stuck
    pids="$(ps -ef | grep /usr/lib/plexmediaserver | grep -v grep | awk '{print $2}')"

    if [ "$pids" != "" ]; then
      kill -9 $pids
    sleep 2
    fi
    ;;

  restart)
    $0 stop
    sleep 5
    $0 start
    ;;

  status)
    if [ $Running -gt 0 ]; then
      echo "Plex Media Server is running."
    else
      echo "Plex Media Server is stopped."
    fi
    ;;

  *)
        echo "Usage: $0 {start|stop|restart|status}"
        exit 1
        ;;
esac

exit 0

bash

Texte seul - Permalink - Snippet public posté le 06/08/2021

[CSS] Media Query

CSS media Query tips



/* Extra small devices (phones, 600px and down) */
@media (max-width: 600px) {...}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1200px) {...}



##################################################################
--> depending on where you start you might have for desktop first:

    @media (max-width: 1200px)
    @media (max-width: 992px)
    @media (max-width: 768px)
    @media (max-width: 576px)

--> while for mobile first you can have:

    @media (min-width: 576px)
    @media (min-width: 768px)
    @media (min-width: 992px)
    @media (min-width: 1200px)

CSS

Texte seul - Permalink - Snippet public posté le 15/07/2021

[BASH] SSH_CLIENT warning connection

#!/bin/bash
# called from login scripts such as /etc/profile
if [ "${SSH_CLIENT%.*}" != "10.3.38" ]
 then 
 logger -t warn -p info.warn "$SSH_CLIENT connnection"
fi

bash

Texte seul - Permalink - Snippet public posté le 05/07/2021

[AJAX] Loading screen waiting on php exec

<html>
<head>
    <title>loading please wait</title>
</head>
<body>    
    <div id="loading_div" style="display:none; width: 500px; margin:auto; margin-top: 50px; text-align: center">Veuiller patientez pendant l'execution du script <br /><br /><img src="ajax-loader.gif" /></div>

<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.ajax({
        url: 'newpage.php',
        type: "POST",
        beforeSend: function(){
         $("#loading_div").show();
       },
        success: function(retour){
            $('#loading_div').html(retour);
         }
    });
});
</script>
</body>
</html>

source: https://forum.alsacreations.com/profile-40255-Apoooo.html

ajax php

Texte seul - Permalink - Snippet public posté le 02/12/2020

[PHP] get data from div on external page.

<?php

// GET content from div  
$getcontents = "https://steamcommunity.com/sharedfiles/filedetails/?id=2116151222";
 
$data_scrapped = file_get_contents($getcontents);

$the_start = explode('<div class="detailsStatsContainerRight">', $data_scrapped);

$the_end = explode('</div>',$the_start[1]);

echo $the_end[0];

?>

php

Texte seul - Permalink - Snippet public posté le 29/11/2020

[PHP] load time execution on page

Put the following code at the very top of your PHP page (if you measure the time needed for particular part of the code put this right before that PHP code part)

<?php
$time = microtime();
$time = explode(' ', $time);
$time = $time[1] + $time[0];
$start = $time;
?>
The following code has to be put at the very end of the web page (or the end of the PHP code part)

<?php
$time = microtime();
$time = explode(' ', $time);
$time = $time[1] + $time[0];
$finish = $time;
$total_time = round(($finish - $start), 4);
echo 'Page generated in '.$total_time.' seconds.';
?>




source : https://stackoverflow.com/a/25231173/8396238

php

https://stackoverflow.com/a/25231173/8396238

Texte seul - Permalink - Snippet public posté le 29/11/2020

[Bash] Duration execution script

#!/bin/bash


# Stats run script
function time_executiom_script() {
echo "This script took $SECONDS seconds to execute"
}

# your function / stuff here

time_executiom_script



##########################################################



#!/bin/bash


# your function / stuff here

format_time() {
  ((h=${1}/3600))
  ((m=(${1}%3600)/60))
  ((s=${1}%60))
  printf "%02d:%02d:%02d\n" $h $m $s
 }

echo "Script completed in $(format_time $SECONDS)"


##########################################################


#!/bin/bash
START1="$(date +%s)"
sleep 2 
END1="$(date +%s)"
sleep 2
START2="$(date +%s)"
sleep 3
END2="$(date +%s)"
DURATION1=$[ ${END1} - ${START1} ]
DURATION2=$[ ${END2} - ${START2} ]
echo "The 1st part of the code took: ${DURATION1}"
echo "The 2nd part of the code took: ${DURATION2}"



##########################################################

#!/bin/bash
my_sleep_function(){
  sleep 1
}
OVERALL_START="$(date +%s)"
FUNCTION_START="$(date +%s)"
my_sleep_function
FUNCTION_END="$(date +%s)"
sleep 2
OVERALL_END="$(date +%s)"
echo "The function part of the code took: $[ ${FUNCTION_END} - ${FUNCTION_START} ] seconds to run"
echo "The overall code took: $[ ${OVERALL_END} - ${OVERALL_START} ] seconds to run"

bash

Texte seul - Permalink - Snippet public posté le 15/07/2021

FIX Footer in bottom page

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:40px;   /* Height of the footer */
}

CSS

Texte seul - Permalink - Snippet public posté le 03/11/2020

[stylus] nextcloud fix color add file

/* new file text Yellow */
.oc-dialog .fileexists th label {
    font-weight: normal;
    color: #f2e923;
}

CSS stylus

Texte seul - Permalink - Snippet public posté le 02/09/2021

git echosystem.fr

// Full WIDTH
/*full width*/
 
.ui.container:not(.fluid) {
    width: 90% !important;
}
 
.full.height {
    padding: 0;
    margin: 0 0 -80px 0;
    min-height: 100%;
}

.ui.container {
    width: 1327px;
    margin-left: auto !important;
    margin-right: auto !important;
}



// Dark theme

:root {
  --body-bg: white;
  --body-color: black;
  --anchor-color: red;
  --letter-spacing: 0;
}
@media (prefers-color-scheme: dark) {
    html {
        filter: invert(1) hue-rotate(.5turn);
    }
    img {
        filter: invert(1) hue-rotate(.5turn);
    }
    img:not(:hover) {
        opacity: .7;
        transition: opacity .25s ease-in-out;
    }
    :root {
        --body-bg: #403e3e;
        --body-color: white;
        --anchor-color: salmon;
        --letter-spacing: 0;
    }

}

body:not(.full-width) {
    background-color: var(--body-bg);
     
    letter-spacing: var(--letter-spacing);
}

.ui.menu .ui.dropdown .menu > .item:hover {
    background: rgba(0,0,0,.05) !important;
   /* color: rgba(85, 162, 200, .95) !important;*/
     color: #1e70bf !important;
}
.following.bar .top.menu a.item:hover {
   color: #bf611e !important;
}

.ui.secondary.pointing.menu .active.item:hover {
    border-color: #1b1c1d;
    color: #bf611e !important;
}
.ui.card > .extra a:not(.ui) , .ui.cards > .card > .extra a:not(.ui)  {
    color: #1e70bf;
}
.ui.card > .extra a:not(.ui):hover, .ui.cards > .card > .extra a:not(.ui):hover {
    color: #989da2;
}
.markdown:not(code) pre {
    word-wrap: normal;
    background-color: #cbcbcb; 
}

git CSS stylus

git.echosystem.fr

Texte seul - Permalink - Snippet public posté le 14/07/2020

Dark theme II

<input type="checkbox" id="switch">
<div class="app">
  <div class="body">
    <div class="main-circle"></div>
    <div class="phone">
    <!-- Top -->
      <div class="menu">
        <div class="time">4:20</div>
        <div class="icons">
          <div class="network"></div>
          <div class="battery"></div>
        </div>
      </div>
    <!-- Middle -->
      <div class="content">
        <div class="circle">
          <div class="crescent"></div>
        </div>
        <p class="heading">Choose a style</p>
        <p>Pop or subtle. Day or night.<br>
          Customize your interface
        </p>
        <label for="switch">
          <div class="toggle"></div>
          <div class="names">
            <p class="light">Light</p>
            <p class="dark">Dark</p>
          </div>
        </label>
        
        <div class="mark"></div>
      </div>
     <!-- Bottom --> 
      <div class="skip">
        <p>Skip</p>
        <div class="fab">
          <div class="arrow"></div>
        </div>
      </div>
      
      <div class="swipe"></div>
    </div>
  </div>
  <div class="credit">
    <p>Inspired by <a href="https://dribbble.com/shots/6155384-Coded-Light-dark-toggle-switch" target="_blank">Matthieu Souteyrand</a></p>
  </div>
</div>

<style>
/* GENERAL */
@import url('https://fonts.googleapis.com/css?family=Rubik');
.credit {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  color: white;
}
.credit a {
  color: inherit;
}
body{
  margin: 0;
  padding: 0;
  font-family: 'Rubik', -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;;
}
.body {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color .1s;
}
/* Main Circle */
.main-circle {
  width: 40rem;
  height: 40rem;
  border-radius: 100%;
  background: linear-gradient(40deg, #FF0080,#FF8C00 70%);
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, -70%)
}

/* Phone */
.phone {
  position: relative;
  z-index: 2;
  width: 21rem;
  height: 45rem;
  background-color: inherit;
  box-shadow: 0 4px 35px rgba(0,0,0,.1);
  border-radius: 40px;
  display: flex;
  flex-direction: column;
}
.swipe {
  width: 40%;
  height:.25rem;
  background-color: black;
  opacity: .15;
  border-radius: 10px;
  margin: .5rem auto;
}

/* Top */
.menu {
/*   background-color: blue; */
  font-size: 80%;
  opacity: .4;
  padding: .8rem 1.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.icons {
  display: flex;
  margin-top: .5rem;
}
.battery {
  width: .85rem;
  height: .45rem;
  background-color: black;
}
.network {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6.8px 7.2px 6.8px;
  border-color: transparent transparent black transparent;
  transform: rotate(135deg);
  margin: .12rem .5rem;
}

/* Middle */
.content {
  display: flex;
  flex-direction: column;
  margin: auto;
  text-align: center;
  width: 70%;
  transform: translateY(5%);
}
.circle {
  position: relative;
  border-radius: 100%;
  width: 8rem;
  height: 8rem;
  background: linear-gradient(40deg, #FF0080,#FF8C00 70%);
  margin: auto;
}
.crescent {
  position: absolute;
  border-radius: 100%;
  right: 0;
  width: 6rem;
  height: 6rem;
  background: white;
  transform: scale(0);
  transform-origin: top right;
  transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
p { 
  font-size: 90%;
}
.heading {
  font-size: 140%;
  font-weight: bolder;
  margin: 3rem 0 .2rem 0;
}
label, .toggle {
  height: 2.8rem;
  border-radius: 100px;
}
label {
  width: 100%;
  background-color: rgba(0,0,0,.1);
  border-radius: 100px;
  position: relative;
  margin: 1.8rem 0 4rem 0; 
  cursor: pointer;
}
.toggle {
  position: absolute;
  width: 50%;
  background-color: #fff;
  box-shadow: 0 2px 15px rgba(0,0,0,.15);
  transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.names {
  font-size: 90%;
  font-weight: bolder;
  width: 65%;
  margin-left: 17.5%;
  margin-top: .5%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  user-select: none;
}
.dark {
  opacity: .5;
}
.mark {
  border-radius: 100px;
  background-color: black;
}
.mark {
  width: 7%;
  margin: auto;
  position: relative;
  height: .25rem;
}
.mark::before {
  content: '';
  position: absolute;
  width: .25rem;
  height: 100%;
  left: -70%;
  opacity: .15;
  background-color: inherit;
}
.mark::after {
  content: '';
  position: absolute;
  width: .25rem;
  height: 100%;
  right: -70%;
  opacity: .15;
  background-color: inherit;
}

/* Bottom */
.skip {
  padding: 1.5rem 1.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.skip p {
  opacity: .55;
  font-size: 90%;
  cursor: pointer;
  transition: all 2s ease;
}
.skip p:hover {
   text-decoration: underline;
}
.fab {
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1);
}
.fab:hover {
  transform: scale(1.2);
}
.arrow {
  width: 40%;
  height: .1rem;
  background-color: black;
}
.arrow::before {
  content: '';
  position: absolute;
  height: .1rem;
  width: 20%;
  background-color: inherit;
  transform: rotate(45deg);
  right: 26%;
  top: 42%;
}
.arrow::after {
  content: '';
  position: absolute;
  height: .1rem;
  width: 20%;
  background-color: inherit;
  transform: rotate(-45deg);
  right: 26%;
  bottom: 42%;
}


/* -------- Switch Styles ------------*/
[type="checkbox"] {
  display: none;
}
/* Toggle */
[type="checkbox"]:checked + .app .toggle{
  transform: translateX(100%);
  background-color: #34323D;
}
[type="checkbox"]:checked + .app .dark{
  opacity: 1;
}
[type="checkbox"]:checked + .app .light{
  opacity: .5;
}
/* App */
[type="checkbox"]:checked + .app .body{
  background-color:  #26242E;
  color: white;
}
/* Circle */
[type="checkbox"]:checked + .app .crescent{
  transform: scale(1);
  background: #26242E;
}
[type="checkbox"]:checked + .app .circle{
  background: linear-gradient(40deg, #8983F7, #A3DAFB 70%);
}
[type="checkbox"]:checked + .app .main-circle{
  background: linear-gradient(40deg, #8983F7, #A3DAFB 70%);
}
/* Fab */
[type="checkbox"]:checked + .app .fab{
  background-color: #34323D;
}
[type="checkbox"]:checked + .app .arrow,
[type="checkbox"]:checked + .app .mark,
[type="checkbox"]:checked + .app .battery{
  background-color: white;
}
[type="checkbox"]:checked + .app .network{
  border-color: transparent transparent white transparent;
}
[type="checkbox"]:checked + .app .swipe{
  background-color: #34323D;
  opacity: 1;
}
</style>

darktheme CSS html

https://dribbble.com/shots/6155384-Coded-Light-dark-toggle-switch

Texte seul - Permalink - Snippet public posté le 06/07/2020

Copy boutton HTML/JS

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
</style>
</head>
<body>

<p>  Copy text</p>
<input type="text" value="Hello World" id="myInput">

<div class="tooltip">
<button onclick="myFunction()" onmouseout="outFunc()">
  <span class="tooltiptext" id="myTooltip">Copy to clipboard</span>
  Copy text
  </button>
</div>

 

<script>
function myFunction() {
  var copyText = document.getElementById("myInput");
  copyText.select();
  copyText.setSelectionRange(0, 99999);
  document.execCommand("copy");
  
  var tooltip = document.getElementById("myTooltip");
  tooltip.innerHTML = "Copied: " + copyText.value;
}

function outFunc() {
  var tooltip = document.getElementById("myTooltip");
  tooltip.innerHTML = "Copy to clipboard";
}
</script>

</body>
</html>

html js

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_copy_clipboard2

Texte seul - Permalink - Snippet public posté le 30/06/2020

[stylus] netatmo css

/* ==UserStyle==
@name           Netatmo - Dark theme
@namespace      USO Archive
@author         St3v32
@description    `Dark theme for netatmo security cameraValid on:https://my.netatmo.com/--------------------------------https://my.netatmo.com/app/securityorhttps://my.netatmo.com/app/camera`
@version        20200806.16.47
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document url("https://my.netatmo.com/app/camera"), url("https://my.netatmo.com/app/security"), url-prefix("https://my.netatmo.com/"), url("https://my.netatmo.com/app/weather") {
/*  Large screen  */
.h-fullh {
    height: 100%;
    background-color: #222222;
    color: #308009;
}

/*  Body  theme  */
body {
    background-color: #222222;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    cursor: auto;
}

/* center */
.flex-center {
    color: #4fd70b;
    background-color: #222222;
}

.camera-app #home-view .home-wrapper {
    font-size: 16px;
    position: relative;
    width: 100%;
    color: #4fd70b;
    background-color: #222222;
}

.page-container {
    margin-top: 60px;
    height: calc(100% - 60px);
    overflow: auto;
    position: relative;
    color: #4fd70b;
    background-color: #222222;
}
#persons .person-list {
    height: 75%;
    background-color: #090808;
    border-radius: 0 0 5px 5px;
}

/* flech arrow camera right */
#timeline #timelineList .event .event-selectable.outdoor .presence-images .vignettes-wrapper .next {
    filter: invert(1);
}

.controlBar > .button:enabled:hover {
    fill: #48a0f7;
}

.controlBar > .button:enabled:hover:active {
    fill: #2d89e6;
}


/*  header menu black  */
.common-header .block-content.category a:hover p {
    color: #4078f8;
    font-size: 16px;
    font-family: ProximaNova-Semibold;
    padding: 5px 25px;
    border-radius: 2px;
}
.common-header .header-app .logo-wrapper .logo {
    filter: invert(1);
}
.common-header .header-app {
    background: #151515;
    border-bottom: 1px solid #87a662;
}
/* logo negatif */
.common-header .right-content {
    filter: invert(1);
}

/*  header camera name  */
.home-selector {
    z-index: 10;
    height: 60px;
    box-shadow: 0 0 203px 3px rgba(181, 185, 179, 0.24);
    color: #5f0;
    background-color: #222222;
}


/* cadre camera  */
#timeline #timelineList .event .event-selectable.active:hover {
    background-color: #7a7676;
}

#timeline #timelineList .event .event-selectable.active {
    background-color: #2d2b2b;
}

#timeline #timelineList .event .event-selectable:hover {
    background-color: #605e5e;
    color: white;
}


#timeline #timelineList .event .event-selectable.active .event-time span {
    color: #4fd70b;
    font-size: 22px;
}

#timeline #timelineList .event .day-event.fixed {
    background-color: #090808;
    position: absolute;
    top: 0;
    left: 0;
    border-top: none;
}
#timeline #timelineList .event .event-selectable.active .event-message span {
    color: #d7d9d5;
    font-family: ProximaNova-Light;
    font-size: 18px;
}
#timeline #timelineList .event .event-selectable .event-message span {
    color: #acaaaa;
    font-family: ProximaNova-Light;
    font-size: 13px;
}
#timeline #timelineList .event .event-selectable .event-time span {
    font-family: ProximaNova-Regular;
    font-size: 16px;
    color: #c8c7c7;
}

#timeline #timelineList .event .event-selectable.active .event-message span.liveevent {
    color: #d0021b;
    background-color: #2d2b2b;
    text-transform: uppercase;
    font-family: ProximaNova-Medium;
    font-size: 22px;
}

#timeline #timelineList .event .event-selectable .event-message span.liveevent {
    color: #d0021b;
    background-color: #2d2b2b00;
    text-transform: none;
    font-family: ProximaNova-Medium;
    font-size: 22px;
}
#timeline #timelineList .event .day-event .day-number {
    color: #44ec8e;
    margin: 0 10px;
}
#timeline #timelineList .event .day-event .day-name {
    color: #6bb142;
}

#timeline {
    height: 100%;
    position: relative;
   /*width: 50;*/
    padding-left: 15px;
    overflow: hidden;
    color: #4fd70b;
    background-color: #222222;
}

#timeline #timelineList {
    width: 100%;
    padding: 40px 0 0 0;
    position: relative;
    background-color: #090808;
}

#persons .person-mode-selector {
    background-color: #000;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e7e7e7;
    height: 25%;
}
#persons .person-list .person-thumbnail-container span .person_last_seen {
    font-size: 12px;

    margin-right: auto;
    color: #8f958d;
}

#timeline #timelineList .event .event-selectable .event-image-wrapper .hide-line-first-event-of-day,
#timeline #timelineList .event .event-selectable .event-image-wrapper .hide-line-last-event-of-day {
    position: absolute;
    width: 100%;
    height: calc(50% + 15px);
    background-color: #090808;
}

/* info camera + option  */
.home-info p {
    font-family: ProximaNova-SemiBold;
    font-size: 18px;
    color: #72d03d;
    line-height: inherit;
}

.common-subheader .param .icon.settings-admins,
.icon.settings,
.icon.camerasettings {
    filter: invert(1);
}
}

.main-panel{
    background-color: #090808;
}
.flot-base{
    filter: invert(1);
}
#app-dashboard{
    filter: invert(1);
}

CSS netatmo stylus

https://my.netatmo.com/app/security

Texte seul - Permalink - Snippet public posté le 02/09/2021

Date update in html javascript

# Use this to update Year ( footer) with javascript , no php ;)


<script>document.write(new Date().getFullYear())</script>



# That will work in all browsers I've run across.
#    You can just call getFullYear directly on the newly-created Date, no need for a variable. new Date().getFullYear() may look a bit odd, but it's reliable: the new Date() part is done first, then the .getFullYear().
#    You can drop the type, because JavaScript is the default; this is even documented as part of the HTML5 specification, which is likely in this case to be writing up what browsers already do.
#    You can drop the semicolon at the end for one extra saved character, because JavaScript has "automatic semicolon insertion," a feature I normally despise and rail against, but in this specific use case it should be safe enough.

#It's important to note that this only works on browsers where JavaScript is enabled. Ideally, this would be better handled as an offline batch job (sed script on *nix, etc.) once a year, but if you want the JavaScript solution, I think that's as short as it gets. (Now I've gone and tempted fate.)


source : https://stackoverflow.com/posts/4562604/revisions

html js

Texte seul - Permalink - Snippet public posté le 28/10/2019

PHP show_source() Function

#  PHP show_source() Function


<html> 
<body> 
<?php 
show_source("show_source.php"); 
?> 
</body> 
</html>

php

Texte seul - Permalink - Snippet public posté le 23/10/2019

[CSS] Centrer image with text vertical

<div>
    <img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.svg" style="vertical-align: middle;" width="100px"/>
    <span style="vertical-align: middle;">Here is some text.</span>
</div>

CSS html

Texte seul - Permalink - Snippet public posté le 22/10/2019

[BASH] awk.awk

("2019-04-13 18:58:25", "EV A2 108  07", "76561198932398051", "y9Wjfk+kp7bGbfi8I8OM5YJK7mwrcUDcHM0rzv0eEF8=", "everyone")
 
cat  $pathDB/Players.json | jq --arg dt "$Dateu" '. | "\($dt),\(.Names),\(.Steam64ID),\(.GUID),\(.Roles[0])"' > $pathDB/Player-ALL-Name.json
awk -F " " '{print $3,$4,$5,$6,",1,"$1,"\x27\x27,\x27\x27,\x27\x27),"}'  /home/dayz/DataBase/Player-Last-Name.json

bash

Texte seul - Permalink - Snippet public posté le 07/09/2021

updater-netdata.sh

#!/bin/bash
#
# Script Updater for netdata
#
#   - Dependencies: Wring package (NPM)
#
#  By Erreur32 - 2018
#


service=netdata
releasehub=https://github.com/netdata/netdata/releases

VERT="\\033[1;32m"
NORMAL="\\033[0;39m"
ROUGE="\\033[1;31m"
ROSE="\\033[1;35m"
BLEU="\\033[1;34m"
BLANC="\\033[0;02m"
BLANCLAIR="\\033[1;08m"
JAUNE="\\033[1;33m"
CYAN="\\033[1;36m"
NOC=$(tput sgr0)
NC=$(tput sgr0)


## Check if wring is installed
if [ -f "/usr/bin/wring" ] ||  [ -f "/usr/local/bin/wring" ]
     then
      echo -e "\n\e[34m - Wring package \e[0m>> founded.\e[0m\n"
     else
      echo -e "\n\e[92m - Install Wring with NPM \e[0m\n"
      npm install --global wring  && echo "Success install  Wring" || echo "failure to install Wring"
      echo -e "\n\e[34m - .\e[0m\n"
     fi

# need to check in other way...   /usr/sbin/netdata -V | cut -c"9-" |  cut -c "1-6"
VersionInstalled="$(/usr/sbin/netdata -v | cut -c"9-" |  cut -c "1-6")"
VersionAvailable="$(curl -s $releasehub | wring text - '.css-truncate-target' |  sed -n 5p)"

echo -e "$ROSE Checking $service version ... "
echo -e "$JAUNE Version installed = v$VersionInstalled"
echo -e "$JAUNE Version Available = $VersionAvailable"
echo  ""


if [ -z "$VersionInstalled" ]
then
   echo -e "$service is not installed - exit "
   exit
fi

if [[ "$VersionAvailable" = "v$VersionInstalled" ]]
then
    echo -e "$service  is already up-to-date (version $VersionInstalled) ... Bye! "
    exit
fi


echo -e "$VERT Start install New Updater from Netdata $NC"
if [ -f  "/opt/netdata-last-installer.sh" ]
  then
     rm /opt/netdata-last-installer.sh -f
     wget  https://my-netdata.io/kickstart.sh -O /opt/netdata-last-installer.sh --no-verbose  && echo -e "$CYAN Get success last installer " || echo "failure"
     chmod +x /opt/netdata-last-installer.sh
  else
     wget  https://my-netdata.io/kickstart.sh -O /opt/netdata-last-installer.sh --no-verbose   && echo -e "$CYAN Get success last installer " || echo "failure"
     chmod +x /opt/netdata-last-installer.sh
  fi
echo -e " $NC"
echo -e "$JAUNE Start Updating Netdata..."
/bin/bash /opt/netdata-last-installer.sh  && echo -e "  Updating Netdata Successfully!" || echo "failure"
echo ""
echo -e " $VERT   Update ✔   Netdata..."
echo -e " $NC"

bash

https://gist.github.com/Erreur32/64108b6fa940bb93654a205503b36f76

Texte seul - Permalink - Snippet public posté le 11/11/2018

[LINUX] Aide Crontab

  ┌────────── minute (0 - 59)
  │ ┌──────── hour (0 - 23)
  │ │ ┌────── day of month (1 - 31)
  │ │ │ ┌──── month (1 - 12)
  │ │ │ │ ┌── day of week (0 - 6 => Sunday - Saturday, or  1 - 7 => Monday - Sunday)
  │ │ │ │ │
  ↓ ↓ ↓ ↓ ↓
  * * * * *      command to be executed
         
         
  58 23 * * *    /sbin/iptables-save  > /etc/firewall.iptables-cron 2>&1

string         meaning
------         -------
@reboot        Run once, at startup.
@yearly        Run once a year, "0 0 1 1 *".
@annually      (same as @yearly)
@monthly       Run once a month, "0 0 1 * *".
@weekly        Run once a week, "0 0 * * 0".
@daily         Run once a day, "0 0 * * *".
@midnight      (same as @daily)
@hourly        Run once an hour, "0 * * * *".

#####

Hope it will help ;)

bash cron

Texte seul - Permalink - Snippet public posté le 07/09/2021

update-plex.sh

#!/bin/bash

#####
#
# This Script will update Plex Media Server to the latest version for Ubuntu
#
# To automatically check & update plex, run "crontab -e" and add the following lines
#
# # Check for Plex Media Server Updates every day @6:00 am
# 0 6 * * * /root/update-plexmediaserver.sh
#
#  2018 - Original by Matthieu Guerry
#       - Customised by erreur32
###

# Check Current installed version and exit if latest is already installed
service=plex
VersionInstalled=$(dpkg -s plexmediaserver | grep -Po '(?<=Version\: )(\S+)')
if [[ -z $VersionInstalled ]]; then echo " Plex is not installed - exit "; exit; fi
VersionAvailable=$(curl -s "https://plex.tv/downloads/details/1?build=linux-ubuntu-x86_64&channel=16&distro=ubuntu" | grep -Po '(?<=(\" version=\"))(\S+)(?=(\"))')
echo -e " Checking Plex version ... "
echo -e " Version installed = $VersionInstalled"
echo -e " Version Available = $VersionAvailable"

if [ $VersionAvailable = $VersionInstalled ]; then echo "Plex Media Server is already up-to-date (version $VersionInstalled) ... Bye! "; exit; fi

echo -e " Download new Version  $VersionAvailable"
# Download latest installation package to /tmp folder
curl -s "https://plex.tv/downloads/details/1?build=linux-ubuntu-x86_64&channel=16&distro=ubuntu" | grep -Po '(?<=url=\")(\S+)(?=\")' | xargs wget -P /tmp/

if [[ -z $(ps -ef |grep ${service}) ]]
then
   print "Hum service down !?! , anyway Service will updating\n"
else
   print "Plex is running, service will stop before Update...\n"
fi
# Stop Plex Service
sudo service plexmediaserver stop
# Install latest version
sudo dpkg -i /tmp/$(curl -s "https://plex.tv/downloads/details/1?build=linux-ubuntu-x86_64&channel=16&distro=ubuntu" | grep -Po '(?<=fileName=\")(\S+)(?=\")')


ps -ef | grep plex | grep -v grep
[ $?  -eq "0" ] && echo "Plex is running back :)" || echo "Plex is not running ... ;("

# Start Plex Service
echo -e " restart service Plex"
sudo service plexmediaserver start

# Remove installation package from /tmp folder
rm /tmp/plexmediaserver_*

bash

Texte seul - Permalink - Snippet public posté le 11/11/2018

[HTML] Responsive html with meta

<meta name="viewport" content="width=device-width, initial-scale=1.0">

html

Texte seul - Permalink - Snippet public posté le 07/09/2021

[Windows] Display the Windows upgrade history using PowerShell

With PowerShell open, run the following commands using copy and paste.

Command 1:

 $AllBuilds = $(gci "HKLM:\System\Setup" | ? {$_.Name -match "\\Source\s"}) | % { $_ | Select @{n="UpdateTime";e={if ($_.Name -match "Updated\son\s(\d{1,2}\/\d{1,2}\/\d{4}\s\d{2}:\d{2}:\d{2})\)$") {[dateTime]::Parse($Matches[1],([Globalization.CultureInfo]::CreateSpecificCulture('en-US')))}}}, @{n="ReleaseID";e={$_.GetValue("ReleaseID")}},@{n="Branch";e={$_.GetValue("BuildBranch")}},@{n="Build";e={$_.GetValue("CurrentBuild")}},@{n="ProductName";e={$_.GetValue("ProductName")}},@{n="InstallTime";e={[datetime]::FromFileTime($_.GetValue("InstallTime"))}} };

Command 2: 

 $AllBuilds | Sort UpdateTime | ft UpdateTime, ReleaseID, Branch, Build, ProductName

PowerShell returns previous Windows versions in a table when you execute the second command. If you run Windows 10, you may get various Windows 10 feature updates builds returned to you.

windows powershell

Texte seul - Permalink - Snippet public posté le 07/09/2021

[BASH] extract MP3 from mp4 with ffmpeg



# video.mp4 = input file
# -b flag is for bitrate e.g. 192K, 320K etc.
# -vn = video codec none

ffmpeg -i video.mp4 -b:a 320K -vn music.mp3

bash

Texte seul - Permalink - Snippet public posté le 07/09/2021

[php] - Compare date

$exp_date = "2006-01-16";
$todays_date = date("Y-m-d");

$today = strtotime($todays_date);
$expiration_date = strtotime($exp_date);

if ($expiration_date > $today) {
     $valid = "yes";
} else {
     $valid = "no";
}

php

Texte seul - Permalink - Snippet public posté le 29/11/2020

Location IP

function detect_city($ip) {

        $default = 'UNKNOWN';

        if (!is_string($ip) || strlen($ip) < 1 || $ip == '127.0.0.1' || $ip == 'localhost')
            $ip = '8.8.8.8';

        $curlopt_useragent = 'Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6 (.NET CLR 3.5.30729)';

        $url = 'http://ipinfodb.com/ip_locator.php?ip=' . urlencode($ip);
        $ch = curl_init();

        $curl_opt = array(
            CURLOPT_FOLLOWLOCATION  => 1,
            CURLOPT_HEADER      => 0,
            CURLOPT_RETURNTRANSFER  => 1,
            CURLOPT_USERAGENT   => $curlopt_useragent,
            CURLOPT_URL       => $url,
            CURLOPT_TIMEOUT         => 1,
            CURLOPT_REFERER         => 'http://' . $_SERVER['HTTP_HOST'],
        );

        curl_setopt_array($ch, $curl_opt);

        $content = curl_exec($ch);

        if (!is_null($curl_info)) {
            $curl_info = curl_getinfo($ch);
        }

        curl_close($ch);

        if ( preg_match('{<li>City : ([^<]*)</li>}i', $content, $regs) )  {
            $city = $regs[1];
        }
        if ( preg_match('{<li>State/Province : ([^<]*)</li>}i', $content, $regs) )  {
            $state = $regs[1];
        }

        if( $city!='' && $state!='' ){
          $location = $city . ', ' . $state;
          return $location;
        }else{
          return $default;
        }

}

php

https://codepad.co/snippet/9fb3cd

Texte seul - Permalink - Snippet public posté le 27/02/2018

Get the filename of the newest file in a directory

<?php
/**
 * Get the filename of the newest file in a directory.
 * Optionally specify a filename extension on which to limit the search.
 * @param string $directory  The name of the directory to search
 * @param string $extension  If not empty, only files with this extension will be searched
 * @return string
 * @author Sunny Walker <www.miraclesalad.com>
 */
function getNewestFile($dir, $extension='') {
    $handle = opendir($dir);
    $return = '';
    $the_time = 0;
    while ($file = readdir($handle)) {
        $fname = $dir.'/'.$file;
        if ($file != '..' && $file != '.' && !is_dir($fname)) {
            $ext = strtolower(substr(strrchr($file,'.'),1));
            $ftime = filemtime($fname);
            if (($extension=='' || ($extension!='' && $ext==$extension)) && $ftime>$the_time) {
                $the_time = $ftime;
                $return = $fname;
            }
        }
    }
    return $return;
} //getNewestFile()
?>

php

https://codepad.co/snippet/7bdf40

Texte seul - Permalink - Snippet public posté le 27/02/2018

Get File Extension

<?php
/**
 * Get the (lowercased) extension from a filename.
 * @param string $filename  The name of the file
 * @return string
 * @author Sunny Walker <www.miraclesalad.com>
 */
function getFileExt($filename) {
    return strtolower(substr(strrchr($filename, '.'), 1));
} //getFileExt()
?>

php

https://codepad.co/snippet/e83837

Texte seul - Permalink - Snippet public posté le 27/02/2018

[PHP] Validation mail ( regex)

function isValidEmail($email){
    return preg_match("/^[\.A-z0-9_\-\+]+[@][A-z0-9_\-]+([.][A-z0-9_\-]+)+[A-z]{1,4}$/", $email);
}

$result = isValidEmail('test@test.com=')

mail php

Texte seul - Permalink - Snippet public posté le 07/09/2021

[PHP] Display current directory


<?php

// Both of function display for current directory.


echo __DIR__."<br/>";
?>

 OR


<?php

$path = getcwd(); 

echo $path; 
?>

php

https://codepad.co/snippet/bd2c9f

Texte seul - Permalink - Snippet public posté le 07/09/2021

12 3 4