Merge pull request #13 from xinemata/main

New page structure with detailed tutorials

Author: xinemata

.DS_Store

@@ -0,0 +1,63 @@
+---
+# This is the frontmatter
+title: "Code as Creative Medium" # Title and Heading 1
+permalink: /codeAsCreativeMedium-intro/2 # Give your page a permalink
+published: true
+
+gallery: # Below is for including an image gallery
+  - url: https://www.lozano-hemmer.com/border_tuner__sintonizador_fronterizo.php
+    image_path: "/assets/images/curriculum/Unit-0_Sample-0.png"
+    alt: "black and white abstract drawing of curves with handwritten text: too much future "
+    title: "Rafael Lozano-Hemmer, Border Tuner / Sintonizador Fronterizo, Relational Architecture 23, 2019."
+  - url: https://www.youtube.com/watch?v=nrKIGL5ZWNk
+    image_path: https://www.themodern.org/sites/default/files/2019-07/Walker_Slavery%21-Slavery%21_1.jpg
+    alt: "abstract drawings of straight and curved lines of varying thickness"
+    title: "Exploring Kara Walker’s Radical Use of Silhouettes, Art21"
+  - url: https://www.xubing.com/en/work/details/188?classID=1&type=class#188
+    image_path: https://gwarlingo.com/wp-content/uploads/2021/04/Xu-Bing-06-1.jpg
+    alt: "sketched portrait of a young man"
+    title: "Book from the Ground, Xu Bing"
+---
+
+## Drawing & Painting
+
+### [_Precarious_](https://camilleutterback.com/projects/precarious/) (2018)
+
+Camille Utterback
+
+![Camille Utterback, Precarious]({{ "https://camilleutterback.com/wp2022/wp-content/gallery/precarious-new/06.24.2019_Precarious_ScreenShot_001.jpg" | relative_url }})  
+Close-up view of _Precarious_, interactive digital drawing.
+
+This artwork uses cameras to detect how people move. The program draws an outline around that human motion and connects it with other people’s outlines as a series of dots. These dots connect and dance with other people’s dots, creating a constantly changing picture.
+
+<iframe src="https://player.vimeo.com/video/344447606?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="1920" height="1013" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" title="Precarious, 2018"></iframe>
+
+#### Let's Discuss
+
+- How does the camera help the computer to “see” people move?
+- What makes this artwork different from a regular painting?
+
+### [_Possible, Plausible, Potential_](https://www.creativeapplications.net/project/possible-plausible-potential-drawings-of-architecture-generated-by-code/) (2015)
+
+Made in [Processing](https://processing.org/) by Miguel Nóbrega
+
+![Miguel Nóbrega, Possible, Plausible, Potential]({{ "/assets/images/curriculum/Unit-0_Sample-2.jpg" | relative_url }})  
+Installation view of _Possible, Plausible, Potential_, pen plotter drawing.
+
+This artist wrote code that lets the computer make some creative choices on its own. He told the computer the basic rules (like “stay inside these lines”), but let it decide where to draw each line, making each piece more of a “conversation” between the artist and the computer.
+
+> Nóbrega understands his process as one of defining the boundaries in which experiments will take place. The outcomes of these experiments are sometimes unpredictable, which will most likely add up to the process in a feedback loop. The role of the artist ends up being to interpret the results and based on them to redefine the boundaries of the program.
+>
+> \- Filip Visnjic, Creative Applications
+
+In other words, the artist sets the rules. The computer follows them, but its choices aren’t always predictable. That creates surprises the artist can respond to.
+
+<iframe src="https://player.vimeo.com/video/143076578?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="1920" height="1080" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" title="Superficie – Possible, plausible, potential"></iframe>
+
+#### Let's Discuss
+
+- What parts of the art were controlled by the artist? What parts were random?
+- In what way is the computer acting like a collaborator in the creative process?
+
+**Tip:** [p5.plotSvg](https://github.com/golanlevin/p5.plotSvg) is a tool that supports p5.js artists to download their sketches as SVG files, making it possible to connect p5.js with pen plotters.
+{: .notice--success}

_curriculum/.DS_Store

@@ -0,0 +1,48 @@
+---
+# This is the frontmatter
+title: "Code as Creative Medium" # Title and Heading 1
+permalink: /codeAsCreativeMedium-intro/3 # Give your page a permalink
+published: true
+
+gallery: # Below is for including an image gallery
+  - url: https://www.lozano-hemmer.com/border_tuner__sintonizador_fronterizo.php
+    image_path: "/assets/images/curriculum/Unit-0_Sample-0.png"
+    alt: "black and white abstract drawing of curves with handwritten text: too much future "
+    title: "Rafael Lozano-Hemmer, Border Tuner / Sintonizador Fronterizo, Relational Architecture 23, 2019."
+  - url: https://www.youtube.com/watch?v=nrKIGL5ZWNk
+    image_path: https://www.themodern.org/sites/default/files/2019-07/Walker_Slavery%21-Slavery%21_1.jpg
+    alt: "abstract drawings of straight and curved lines of varying thickness"
+    title: "Exploring Kara Walker’s Radical Use of Silhouettes, Art21"
+  - url: https://www.xubing.com/en/work/details/188?classID=1&type=class#188
+    image_path: https://gwarlingo.com/wp-content/uploads/2021/04/Xu-Bing-06-1.jpg
+    alt: "sketched portrait of a young man"
+    title: "Book from the Ground, Xu Bing"
+---
+## Printmaking
+### [*Decode Kolams*](https://aarati.online/rituals-of-recursion) (2025)
+Made in [p5.js](https://p5js.org) by Aarati Akkapeddi
+
+![Aarati Akkapeddi, Decode Kolams]({{ "https://aarati.online/media/pages/rituals-of-recursion/cf3c70f922-1744573498/print_detail2.jpg" | relative_url }})  
+Close-up view of *Decode Kolams*, screen-printed pattern generated in p5.js. 
+
+Kolams are beautiful patterns that women in South India have drawn for hundreds of years. 
+
+> Kolams are traditionally made by women and created before sunrise. They comprise mathematically complex patterns that feature continuous intertwined lines.
+>
+> \- Aarati Akkapeddi
+
+In this project, the artist used code to turn text into binary (1s and 0s), then turned that into a design on a grid. The result honors an old tradition using a new tool and helps us consider how cultural heritage can be preserved or extended by technology.
+
+![Aarati Akkapeddi, Decode Kolams]({{ "https://aarati.online/media/pages/rituals-of-recursion/c3185f1064-1744573494/diag.png" | relative_url }})  
+*Decode Kolams* diagram, showing the correlation between visual pattern and binary code.
+
+![Aarati Akkapeddi, Decode Kolams]({{ "https://aarati.online/media/pages/rituals-of-recursion/198e667c76-1744573500/prints.jpg" | relative_url }})  
+Installation view at the Rituals of Recursion exhibition, Spill 180, NY.
+
+#### Let's Discuss
+- How is text turned into a pattern? 
+- How can code help keep traditions like Kolams alive?
+- Can you think of other traditional patterns that could be represented by code?
+
+**Tip:** You are invited to encode text into a kolam pattern using Akkapeddi's software, [kolam.codes](https://kolam.codes/).
+{: .notice--success}

_curriculum/00-01_Intro.md

@@ -0,0 +1,45 @@
+---
+# This is the frontmatter
+title: "Code as Creative Medium" # Title and Heading 1
+permalink: /codeAsCreativeMedium-intro/4 # Give your page a permalink
+published: true
+
+gallery: # Below is for including an image gallery
+  - url: https://www.lozano-hemmer.com/border_tuner__sintonizador_fronterizo.php
+    image_path: "/assets/images/curriculum/Unit-0_Sample-0.png"
+    alt: "black and white abstract drawing of curves with handwritten text: too much future "
+    title: "Rafael Lozano-Hemmer, Border Tuner / Sintonizador Fronterizo, Relational Architecture 23, 2019."
+  - url: https://www.youtube.com/watch?v=nrKIGL5ZWNk
+    image_path: https://www.themodern.org/sites/default/files/2019-07/Walker_Slavery%21-Slavery%21_1.jpg
+    alt: "abstract drawings of straight and curved lines of varying thickness"
+    title: "Exploring Kara Walker’s Radical Use of Silhouettes, Art21"
+  - url: https://www.xubing.com/en/work/details/188?classID=1&type=class#188
+    image_path: https://gwarlingo.com/wp-content/uploads/2021/04/Xu-Bing-06-1.jpg
+    alt: "sketched portrait of a young man"
+    title: "Book from the Ground, Xu Bing"
+---
+## Photography
+### [*Glance Back*](https://glanceback.info/) (2021)
+Maya Man
+
+This project asks: What do you look like when you’re focused on your computer? This artist made a program that randomly takes a photo of you while you’re browsing the internet. It also asks what you’re thinking about. Over time, you build a collection of these surprise photos and thoughts.
+
+> With this Chrome extension, once a day at random, when you open a new tab, Glance Back will quickly snap a photo of you and inquire: “What are you thinking about?”. Once you type your answer and press enter, the photo and thought will be collectively saved to your history of glances, cumulatively creating an archive of moments you share with your screen. 
+
+![Maya Man, Glance Back]({{ "https://glanceback.info/assets/2022/question.png" | relative_url }})  
+Software screenshot of *Glance Back*, a custom Chrome extension software. 
+
+> When using our devices, we’re pulled into and solely focused on the glowing world that exists on the screen. We lose both an awareness of self and of the real world context surrounding us.
+>
+> \- Maya Man
+
+![Maya Man, Glance Back]({{ "https://glanceback.info/assets/2022/collection.png" | relative_url }})  
+Maya Man's *Glance Back* archive. 
+
+#### Let's Discuss
+- What does this project show about the way we use computers? 
+- How does the computer act like a camera and a journal? 
+- How does this use of code shape our understanding of who is in control in digital spaces? 
+
+**Tip:** If you use the Chrome browser, you can try *Glance Back* by installing the [Chrome extension](https://chromewebstore.google.com/detail/glance-back/hgickafobcmcfffbjiamhhejkockfccm?pli=1).
+{: .notice--success}

_curriculum/00-02_Intro.md

@@ -0,0 +1,40 @@
+---
+# This is the frontmatter
+title: "Code as Creative Medium" # Title and Heading 1
+permalink: /codeAsCreativeMedium-intro/5 # Give your page a permalink
+published: true
+
+gallery: # Below is for including an image gallery
+  - url: https://www.lozano-hemmer.com/border_tuner__sintonizador_fronterizo.php
+    image_path: "/assets/images/curriculum/Unit-0_Sample-0.png"
+    alt: "black and white abstract drawing of curves with handwritten text: too much future "
+    title: "Rafael Lozano-Hemmer, Border Tuner / Sintonizador Fronterizo, Relational Architecture 23, 2019."
+  - url: https://www.youtube.com/watch?v=nrKIGL5ZWNk
+    image_path: https://www.themodern.org/sites/default/files/2019-07/Walker_Slavery%21-Slavery%21_1.jpg
+    alt: "abstract drawings of straight and curved lines of varying thickness"
+    title: "Exploring Kara Walker’s Radical Use of Silhouettes, Art21"
+  - url: https://www.xubing.com/en/work/details/188?classID=1&type=class#188
+    image_path: https://gwarlingo.com/wp-content/uploads/2021/04/Xu-Bing-06-1.jpg
+    alt: "sketched portrait of a young man"
+    title: "Book from the Ground, Xu Bing"
+---
+## Sculpture
+### [*She Who Sees the Unknown*](https://shewhoseestheunknown.com/) (2017-2021)
+Morehshin Allahyari (Persian: موره شین اللهیاری‎)
+
+![Morehshin Allahyari, She Who Sees the Unknown]({{ "https://i0.wp.com/shewhoseestheunknown.com/wp-content/uploads/2020/03/AllahyariM-SWSTU-TheLaughingSnake-01-5428x7286-1-scaled.jpg?ssl=1" | relative_url }})  
+Close-up view of *The Laughing Snake (Persian: مار قهقهه)*, a 3D-printed figure.
+
+This artist uses 3D modeling software (like digital clay) to recreate mythical creatures from Middle Eastern stories. Many of these stories were lost or forgotten over time. By rebuilding these creatures with code and 3D printing them, she brings old stories back to life.
+
+![Morehshin Allahyari, She Who Sees the Unknown]({{ "https://i0.wp.com/shewhoseestheunknown.com/wp-content/uploads/2019/03/morehshin_allahyari-she_who_sees_the_unknown-transfer_gallery-19.jpg?ssl=1" | relative_url }})  
+Installation view at the She Who Sees the Unknown exhibition, Transfer Gallery, NY
+
+> My work undermines the uneven economics of Western technocolonialism and the performative rhetoric of Islamic fundamentalism, through a ficto-feminist-figural expression of power.
+>
+> \- Morehshin Allahyari
+
+#### Let's Discuss
+- How can 3D printing help keep stories alive?
+- What stories from your culture could be brought back with technology?
+- How is making 3D art with code different from carving with your hands?

_curriculum/00-03_Intro.md

@@ -0,0 +1,38 @@
+---
+# This is the frontmatter
+title: "Code as Creative Medium" # Title and Heading 1
+permalink: /codeAsCreativeMedium-intro/6 # Give your page a permalink
+published: true
+
+gallery: # Below is for including an image gallery
+  - url: https://www.lozano-hemmer.com/border_tuner__sintonizador_fronterizo.php
+    image_path: "/assets/images/curriculum/Unit-0_Sample-0.png"
+    alt: "black and white abstract drawing of curves with handwritten text: too much future "
+    title: "Rafael Lozano-Hemmer, Border Tuner / Sintonizador Fronterizo, Relational Architecture 23, 2019."
+  - url: https://www.youtube.com/watch?v=nrKIGL5ZWNk
+    image_path: https://www.themodern.org/sites/default/files/2019-07/Walker_Slavery%21-Slavery%21_1.jpg
+    alt: "abstract drawings of straight and curved lines of varying thickness"
+    title: "Exploring Kara Walker’s Radical Use of Silhouettes, Art21"
+  - url: https://www.xubing.com/en/work/details/188?classID=1&type=class#188
+    image_path: https://gwarlingo.com/wp-content/uploads/2021/04/Xu-Bing-06-1.jpg
+    alt: "sketched portrait of a young man"
+    title: "Book from the Ground, Xu Bing"
+---
+## Textile
+### [*Doilies*](https://www.laurasplan.com/projects/doilies) (2004)
+Laura Splan
+![Laura Splan, Doilies]({{ "https://cdn.prod.website-files.com/6391e5efd5c2c1a8b351b8b8/64078a19a76aa391400a0de0_Laura_Splan%E2%80%942004%E2%80%94Doilies-SARS%E2%80%94computerized_machine_embroidered_lace.jpg" | relative_url }})  
+Close-up view of *Dollies (SARS)*, computerized machine embroidered lace mounted on velvet.
+
+Have you ever seen those fancy lace decorations someone might put under their teacup during tea time? Those are called doilies. This artist used code to design doily patterns, but instead of flowers, her patterns are based on the shapes of viruses! She then used special machines to embroider these organic-looking doilies.
+
+![Laura Splan, Doilies]({{ "https://cdn.prod.website-files.com/6391e5efd5c2c1a8b351b8b8/640681a40983f6e9610d3f3f_Laura_Splan%E2%80%942009%E2%80%94commissioned_installation_for_Re-Formations_at_Van_Every-Smith_Galleries%E2%80%943.jpg" | relative_url }})  
+Installation view at the Re/Formations exhibition, Van Every/Smith Galleries, NC
+
+#### Let's Discuss
+- How does using a computer change traditional crafts like embroidery?
+- How does using code to generate visual patterns change the meaning of an art form or craft conventionally designed by hand?
+- How can code help us see everyday things in new ways?
+
+**Tip:** [PEmbroider](https://github.com/CreativeInquiry/PEmbroider) is an add-on tool that empowers Processing artists to export their sketches to a home embroidery machine!
+{: .notice--success}

_curriculum/00-04_Intro.md

@@ -0,0 +1,63 @@
+---
+# This is the frontmatter
+title: "Code as Creative Medium" # Title and Heading 1
+permalink: /codeAsCreativeMedium-intro/7 # Give your page a permalink
+published: true
+
+gallery: # Below is for including an image gallery
+  - url: https://www.lozano-hemmer.com/border_tuner__sintonizador_fronterizo.php
+    image_path: "/assets/images/curriculum/Unit-0_Sample-0.png"
+    alt: "black and white abstract drawing of curves with handwritten text: too much future "
+    title: "Rafael Lozano-Hemmer, Border Tuner / Sintonizador Fronterizo, Relational Architecture 23, 2019."
+  - url: https://www.youtube.com/watch?v=nrKIGL5ZWNk
+    image_path: https://www.themodern.org/sites/default/files/2019-07/Walker_Slavery%21-Slavery%21_1.jpg
+    alt: "abstract drawings of straight and curved lines of varying thickness"
+    title: "Exploring Kara Walker’s Radical Use of Silhouettes, Art21"
+  - url: https://www.xubing.com/en/work/details/188?classID=1&type=class#188
+    image_path: https://gwarlingo.com/wp-content/uploads/2021/04/Xu-Bing-06-1.jpg
+    alt: "sketched portrait of a young man"
+    title: "Book from the Ground, Xu Bing"
+---
+## Ceramic
+### [*Lantern Vessel in Collage*](https://design-milk.com/f5-jolie-ngo-on-chicago-bricks-her-favorite-clogs-more/) (2024)
+Jolie Ngo
+
+![Jolie Ngo, installation]({{ "https://design-milk.com/images/2025/02/F5-Jolie-Ngo-Work-1-Lantern-Vessel-Collage.jpg" | relative_url }})  
+Close-up view of *Lantern Vessel in Collage*, 3D-printed ceramic inspired by Vietnamese silk lanterns.
+
+> Ngo blends 3D-printing technology with hand-painted imagery influenced by the digital aesthetics of her childhood, as seen in Minecraft and The Sims. A Vietnamese-American creative, she also references her heritage. Faceted forms echo the look of traditional silk lanterns, while layered textures recall the topographic views of rice paddies.
+>
+> \- Anna Zappia, Design Milk 
+
+![Jolie Ngo, installation]({{ "https://images.prismic.io/sayhito/5730abb2-712d-4314-83d9-449a82e425c1_sayhito_Jolie-Ngo_4.png?auto=compress,format" | relative_url }})  
+Studio photography of Ngo's 3D-printed ceramic series. 
+
+#### Let's Discuss
+- What parts of this art were made by hand? What parts were made by a computer?
+- How does code expand the definition of craft?
+- How does technology help artists explore identity and culture? 
+
+
+### [*Dust Furries*](https://www.unitedstatesartists.org/artists/linda-nguyen-lopez) (2019)
+Linda Nguyen Lopez
+
+![Linda Nguyen Lopez, Dust Furries]({{ "/assets/images/curriculum/Unit-0_Sample-3.png" | relative_url }})  
+*Dust Furries*, a collection of 3D-printed ceramic.
+
+These soft-looking clay creatures, Dust Furries, were inspired by how particles move in computer simulations. These forms, reminiscent of dust bunnies or organic growths, play with the idea of randomness and structure, showcasing how code can inform and inspire physical artistry.
+
+> With verbal meaning so imprecise and mutable, visual language became my way of expressing the world. Clay, whose malleability allows me to create objects that appear soft and playful, has allowed for endless possibilities.
+>
+> \-Linda Nguyen Lopez
+
+![Linda Nguyen Lopez, installation]({{ "https://artlogic-res.cloudinary.com/w_2400,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1040/usr/exhibitions/images/exhibitions/10/lopez-somebody-install7-web.jpg" | relative_url }})  
+Installation view at the ʎpoqǝɯos exhibition, David B. Smith Gallery, CO
+
+#### Let's Discuss
+
+- What emotions do these shapes bring up?
+- How might this work shift our understanding of what kinds of forms or textures code can generate?
+- How can code influence the way we make objects in real life?
+
+**Tip:** Developed by the [Machine Agency Lab](https://depts.washington.edu/machines/) at the University of Washington, [p5.fab](https://machineagency.github.io/p5.fab-docs/) brings p5.js and 3D printing together. 
+{: .notice--success}