erg - Contributions de l’utilisateur [fr]

MediaWiki:Common.js

2025-02-02T19:53:45Z

console.log("it's tiiiiiime");

/*
// Changer titre - ne MARCHE PAS pcq complexe iframe-svg
document.title = document.querySelector("h1").innerHTML;
console.log(document.querySelector("h1").innerHTML);

// Zoomout la carte une fois au moins pcq trop grande
map.zoom_out();

var snowflakes = ["❄", "❅", "flocon2neige"];
//var snowflakes = ["E", "R", "G"];

function createSnowflake() {
var snowflake = document.createElement('div');
snowflake.className = 'snowflake';
snowflake.innerHTML = snowflakes[Math.floor(Math.random() * snowflakes.length)];
snowflake.style.left = Math.floor(Math.random() * (document.documentElement.clientWidth || document.body.clientWidth)) + 'px';
snowflake.style.top = '0';

document.body.appendChild(snowflake);

setTimeout(function () {
document.body.removeChild(snowflake);
}, 5000);
}

function animateSnowflakes() {
var snowflakes = document.getElementsByClassName('snowflake');
var iterationCount = 0;

function animate() {
for (var i = 0; i < snowflakes.length; i++) {
var snowflake = snowflakes[i];
snowflake.style.top = '0';
void snowflake.offsetWidth; // Trigger reflow
snowflake.style.top = '100vh'; // Set the end position
}

iterationCount++;
if (iterationCount >= 20) {
clearInterval(animationInterval);
}
}

var animationInterval = setInterval(animate, 500); // Reset the animation every 5000 milliseconds
}

function generateSnowflakes() {
for (var i = 0; i < 20; i++) { // Create initial snowflakes
createSnowflake();
}

setInterval(createSnowflake, 50); // Create a new snowflake every 500 milliseconds
animateSnowflakes();
}

generateSnowflakes();

function findAndReplaceInH1() {
var h1Elements = document.getElementsByTagName('h1');

for (var i = 0; i < h1Elements.length; i++) {
var h1Element = h1Elements[i];

if (h1Element.hasChildNodes()) {
findAndReplace(h1Element);
} else {
// Replace occurrences of "erg" with "eeeergggg" in text content
h1Element.innerText = h1Element.innerText.replace(/erg/g, 'eeeergggg');
}
}
}

// Function to perform find and replace in a given element
function findAndReplace(element) {
if (element.hasChildNodes()) {
element.childNodes.forEach(findAndReplace);
} else if (element.nodeType === Node.TEXT_NODE) {
// Replace occurrences of "erg" with "eeeergggg" in text content
element.nodeValue = element.nodeValue.replace(/eeerrrggg 🤮/g, 'eeerrrggg 🤮');
}
}

// Call the function to perform find and replace in h1 elements
findAndReplaceInH1();
*/

MediaWiki:Common.css

2025-02-02T17:39:34Z

/* C O M M O N . c s s
*
* # dark mode
* # templates
* ## badges

/* une media query qui permet de prendre en compte la préférence de couleur du navigateur.
Tout ce qui est en dehors de cette @media est pour le thème blanc et dans le @media (prefers-color-scheme: dark) */

/* Liste des éléments à inverser
* div.thumbcaption /* image "thumb"
* button.button.search /* lien externes
* a.external.free /* lien externes
* table.wikitable /* Table wiki ex : En construction Pika
*/

/*
@media (prefers-color-scheme: dark) {

.page-Bienvenue_à_l’erg h1 {
display:inline=block;
color:red !important;
}
code {
background-color: #111;
border-radius: 4px;
border: 2px solid #666;
color: #999;
font-size: .9em;
}
.title {
color: #9557b5;
}
.mw-headline {
color: #3c856b;
}
body.action-view #page-content a {
color: white;
}
html {
background-color: #222;
background-color: #222;
color: white;
}
body{.
background-color:inherit;
color:inherit;
background: #222;
}
}

*/
pre{

border-radius: 10px;
}
.rssicon {
display: inline-block;
width: 32px;
height: 32px;
background-image: url(/mw/resources/assets/Feed-icon.png);
}

.hidden {
display: none;
}

table.infobox {
width: 30em;
font-size: 90%;
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align:left;
}

table.infobox th.head {
text-align: center;
background-color:#ccccff;
}

/* Flexgal */
div.flexgal {
box-sizing: border-box;
margin: 0;
padding: 0;
}

div.flexgal div.item {
display: flexbox;
}
div.flexgal div.item p {
margin: 0;
padding: 0; /* padding + margin seem to conflict with the grid layout */
}
a img {
border: none;
vertical-align: top; /* magically this cancels the containing anchor's bottom border */
}

div.pubdate {
clear: both;
}

.Media {
display: flex;
align-items: flex-start;
margin-bottom: 1em;
}

.Media-figure {
margin-right: 1em;
}

.Media-body {
flex: 1;
}

/* simplify the footer links */
ul#poweredby, li#footer-disclaimer { display: none; }

.snowflake {
position:absolute;
color:blue;
transition: top 5s linear;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(0,0,0,0.01);
}

#content {
max-width: 80ch;
margin: auto;
}

/* -- External Image Template -- */
.externalimage-holder {
display:inline-block;
position: relative;
}
.externalimage-holder img {
width: 100%;
height: auto;
}

/* -- Captcha Page Edition -- */
label[for=wpCaptchaWord] {
background-color:#FFCCCB;
color:white;
border:2px solid white;
}

/* -- Badges -- */
.badge {
margin:10px;
display:inline-block;
box-sizing:border-box;
padding:0;
margin:0;

border:2px solid red;
width:300px;
height:75px;

overflow:hidden;
}

.badge p {
margin:0;
text-align:center;

font-size: 8pt;
line-height: 9pt;
}

.badge .b-icon {
padding:5px;
border-right:1px solid black;
position:relative;
display:inline-block;
width:25%;
height:100%;

vertical-align:top;
}

.badge .b-infos {
position:relative;
display:inline-block;
width:70%;
}

.badge h6 {
text-align:center;
margin:0;
padding:0;
}

#content li:not(#toc ul li) {list-style: none; margin-bottom: 10px; position: relative; }
#content li:not(#toc ul li)::before {content: "\22C6 \00a0"; }
#toc {z-index: 100;}

.hide {
font-size:1pt;
text-decoration:none;
}

MediaWiki:Common.css

2025-02-02T17:38:01Z

MediaWiki:Common.js

2025-02-02T17:37:18Z

2024-01-26T09:46:04Z

Quelques notes sur l'atelier de [[Workshop : Live coding musical et visuel avec Juliette Monzat]]

On commence la matinée avec un présentation historique et technique sur le ''livecoding''. Retrouver le document de présentation [[???]].

=== ressources ===
* '''Outils'''
** [https://sardine.raphaelforment.fr/installation.html Sardine]
** [https://tidalcycles.org/ Tidal Cycles]
** [https://sonic-pi.net/ Sonic Pi]
** [https://thormagnusson.github.io/threnoscope/ Threnoscope]
** [https://gibber.cc/ Gibber]
** [https://chuck.stanford.edu/ ChucK]
** [https://github.com/Qirky/FoxDot FoxDot]
* '''Documents'''
** [https://toplap.org/wiki/ManifestoDraft 'Original' TOPLAP draft manifesto (with focus on music performance)]

Live Coding

2024-01-26T09:45:16Z

Quelques notes sur l'atelier de [[Workshop : Live coding musical et visuel avec Juliette Monzat]]

On commence la matinée avec un présentation historique et technique sur le ''livecoding''. Retrouver le document de présentation [[???]].

=== ressources ===
* '''Outils'''
** [https://sardine.raphaelforment.fr/installation.html Sardine]
** [https://tidalcycles.org/ Tidal Cycles]
** [https://sonic-pi.net/ Sonic Pi]
** [https://thormagnusson.github.io/threnoscope/ Threnoscope]
** [https://gibber.cc/ Gibber]
** [https://chuck.stanford.edu/ ChucK]
* '''Documents'''
** [https://toplap.org/wiki/ManifestoDraft 'Original' TOPLAP draft manifesto (with focus on music performance)]

Live Coding

2024-01-26T09:44:40Z

Quelques notes sur l'atelier de [[Workshop : Live coding musical et visuel avec Juliette Monzat]]

On commence la matinée avec un présentation historique et technique sur le ''livecoding''.

=== ressources ===
* '''Outils'''
** [https://sardine.raphaelforment.fr/installation.html Sardine]
** [https://tidalcycles.org/ Tidal Cycles]
** [https://sonic-pi.net/ Sonic Pi]
** [https://thormagnusson.github.io/threnoscope/ Threnoscope]
** [https://gibber.cc/ Gibber]
** [https://chuck.stanford.edu/ ChucK]
* '''Documents'''
** [https://toplap.org/wiki/ManifestoDraft 'Original' TOPLAP draft manifesto (with focus on music performance)]