Merge branch 'main' of https://github.com/processing/processing-website

Author: SableRaf

README.md

@@ -52,7 +52,7 @@ The website is set up to deploy itself whenever a new GitHub release is created
 1. Go to [Releases](https://github.com/processing/processing-website/releases)
 2. Click "Draft a new release"
 3. Choose a tag for this release. This value is not used for much, so you can just use `DD-MM-YYYY`
-4. Create the release. A GitHub action will run, which will build the website and upload to the S3 bucket.
+4. Create the release. [A GitHub action will run](https://github.com/processing/processing-website/actions), which will build the website and upload to the S3 bucket (this may take up to 10-15 minutes).
 
 ## `keywords.txt`
 

content/tutorials/text/sound/index.mdx

@@ -20,7 +20,7 @@ The history of music is, in many ways, the history of technology. From developme
 
 Thomas Edison's 1857 invention of the phonograph and Nikola Tesla's wireless radio demonstration of 1893 paved the way for what was to be a century of innovation in the electromechanical transmission and reproduction of sound. Emile Berliner's gramophone record (1887) and the advent of AM radio broadcasting under Guglielmo Marconi (1922) democratized and popularized the consumption of music, initiating a process by which popular music quickly transformed from an art of minstrelsy into a commodified industry worth tens of billions of dollars worldwide.[^2] New electronic musical instruments, from the large and impractical telharmonium to the simple and elegant theremin multiplied in tandem with recording and broadcast technologies and prefigured the synthesizers, sequencers, and samplers of today. Many composers of the time were, not unreasonably, entranced by the potential of these new mediums of transcription, transmission, and performance. Luigi Russolo, the futurist composer, wrote in his 1913 manifesto _The Art of Noises_ of a futurist orchestra harnessing the power of mechanical noisemaking (and phonographic reproduction) to “liberate” sound from the tyranny of the merely musical. John Cage, in his 1937 monograph _Credo: The Future of Music_, wrote this elliptical doctrine:
 
-> The use of noise to make music will continue and increase until we reach a music produced through the aid of electrical instruments which will make available for musical purposes any and all sounds that can be heard. Photoelectric, film, and mechanical mediums for the synthetic production of music will be explored. Whereas, in the past, the point of disagreement has been between dissonance and consonance, it will be, in the immediate future, between noise and so-called musical sounds.[^3]
+> _The use of noise to make music will continue and increase until we reach a music produced through the aid of electrical instruments which will make available for musical purposes any and all sounds that can be heard. Photoelectric, film, and mechanical mediums for the synthetic production of music will be explored. Whereas, in the past, the point of disagreement has been between dissonance and consonance, it will be, in the immediate future, between noise and so-called musical sounds.[^3]_
 
 The invention and wide adoption of magnetic tape as a medium for the recording of audio signals provided a breakthrough for composers waiting to compose purely with _sound_. In the early postwar period, the first electronic music studios flourished at radio stations in Paris (ORTF) and Cologne (WDR). The composers at the Paris studio, most notably Pierre Henry and Pierre Schaeffer, developed the early compositional technique of _musique concrète_, working directly with recordings of sound on phonographs and magnetic tape to construct compositions through a process akin to what we would now recognize as sampling. Schaeffer's _Étude aux chemins de fer_ (1948) and Henry and Schaeffer's _Symphonie pour un homme seul_ are classics of the genre. Meanwhile, in Cologne, composers such as Herbert Eimart and Karlheinz Stockhausen were investigating the use of electromechanical oscillators to produce pure sound waves that could be mixed and sequenced with a high degree of precision. This classic _elektronische music_ was closely tied to the serial techniques of the contemporary modernist avant-garde, who were particularly well suited aesthetically to become crucial advocates for the formal quantification and automation offered by electronic and, later, computer music.[^4] The Columbia-Princeton Electronic Music Center, founded by Vladimir Ussachevsky, Otto Luening, Milton Babbitt, and Roger Sessions in New York in 1957, staked its reputation on the massive RCA Mark II Sound Synthesizer, a room-sized machine capable of producing and sequencing electronically generated tones with an unprecedented degree of precision and control. In the realm of popular music, pioneering steps were taken in the field of recording engineering, such as the invention of multitrack tape recording by the guitarist Les Paul in 1954. This technology, enabling a single performer to “overdub” her/himself onto multiple individual “tracks” that could later be mixed into a composite, filled a crucial gap in the technology of recording and would empower the incredible boom in recording-studio experimentation that permanently cemented the commercial viability of the studio recording in popular music.
 

src/components/reference/ReferenceList.js

@@ -16,7 +16,7 @@ const ReferenceList = ({ tree, library }) => {
           <h2
             className={classnames(grid.col, css.category)}
             id={slugify(category)}>
-            {intl.formatMessage({id:category})}
+            {intl.formatMessage({ id: category })}
           </h2>
           {Object.keys(tree[category]).map((subcategory) => {
             return (
@@ -27,7 +27,10 @@ const ReferenceList = ({ tree, library }) => {
                   <div className={classnames(grid.col, css.subcategoryTitle)}>
                     {subcategory && <div className={css.line} />}
                     {subcategory && (
-                      <h3 id={slugify(category, subcategory)}> {intl.formatMessage({id:subcategory})}</h3>
+                      <h3 id={slugify(category, subcategory)}>
+                        {' '}
+                        {intl.formatMessage({ id: subcategory })}
+                      </h3>
                     )}
                   </div>
                   <ul className={classnames(grid.col, css.subcategoryList)}>

src/pages/reference.js

@@ -85,7 +85,6 @@ const Reference = ({ data }) => {
         title={intl.formatMessage({ id: 'reference' })}
         description={intl.formatMessage({ id: 'cardReferenceDescription' })}
       />
-
       <div className={classnames(grid.container, grid.grid)}>
         <h1 className={classnames(grid.col, css.heading)}>
           {intl.formatMessage({ id: 'reference' })}

src/templates/reference/class.js

@@ -55,14 +55,17 @@ const ClassRefTemplate = ({ data, pageContext }) => {
 
   const trail = useTrail(libraryName, entry?.category, entry?.subcategory);
 
+  const title =
+    (entry?.name ?? data.en.childJson.name) +
+    ' / ' +
+    (isProcessing
+      ? intl.formatMessage({ id: 'reference' })
+      : intl.formatMessage({ id: 'libraries' }));
+
   return (
     <Layout withSidebar withBreadcrumbs>
       <HeadMatter
-        title={
-          (entry?.name ?? data.en.childJson.name) + ' / ' + isProcessing
-            ? intl.formatMessage({ id: 'reference' })
-            : intl.formatMessage({ id: 'libraries' })
-        }
+        title={title}
         description={entry?.description}
         img={getImage(data.images.nodes[0])}
       />

src/templates/reference/function.js

@@ -64,14 +64,17 @@ const RefTemplate = ({ data, pageContext, ...props }) => {
     entry?.classanchor
   );
 
+  const title =
+    (entry?.name ?? data.en.childJson.name) +
+    ' / ' +
+    (isProcessing
+      ? intl.formatMessage({ id: 'reference' })
+      : intl.formatMessage({ id: 'libraries' }));
+
   return (
     <Layout withSidebar withBreadcrumbs>
       <HeadMatter
-        title={
-          (entry?.name ?? data.en.childJson.name) + ' / ' + isProcessing
-            ? intl.formatMessage({ id: 'reference' })
-            : intl.formatMessage({ id: 'libraries' })
-        }
+        title={title}
         description={entry?.description}
         img={getImage(data.images.nodes[0])}
       />