I/M/D Wiki - User contributions [en-gb]

User:Wojtek

2025-12-01T13:53:19Z

Wojtek:

User:Wojtek

2025-12-01T13:42:19Z

Wojtek:

=Wojtek's page=
Hi, I'm Wojtek. I'm a student of the 1st year of IMD. I'm interested in coding, making music, writing and creating narratives. If you want to get to know me better, look through my works included on this page. Feel free to leave a comment in the feedback page.

[[File:Wojtek.jpg|thumb|This is how I look like, when I'm holding a present]]

<p>
====Guide on pronoucing my name:====

*Full version: Wojciech [Voytsieh]
*Short version: Wojtek [Voyteq]
*Hard/Friendly version: Wojcieszek [Voytsiesheck]
</p>

<p>
===My works===
*[[User:Wojtek/CreativeCoding|Creative coding]]
*[[User:Wojtek/VisualCommunication|Visual communication]]
*[[User:Wojtek/TheoreticalFramework|Theoretical framework]]
*[[User:Wojtek/Art&Identity|Art & identity]]
*[[User:Wojtek/Morphology|Morphology]]
*[[User:Wojtek/Others|Others]]
*[[User:Wojtek/Feedback|Feedback]]

<html>
<style>
/* layout */
.bookcase {
position: relative;
width: 100%;
max-width: 1000px; /* adjust as needed */
margin: 2rem auto;
background-image: url('images/web_0007_back2.png'); /* full bookcase photo */
background-size: contain;
background-repeat: no-repeat;
background-position: center;
aspect-ratio: 16 / 9; /* keep proportions; change to match your photo */
}

/* each item is an anchor with an image inside */
.item {
position: absolute;
display: inline-block;
transform: translate(-50%, -50%); /* center by the top/left % */
outline: none;
text-decoration: none;
width: 12%;
height: auto;
}

.item img {
display: block;
width: 100%;
height: 100%;
pointer-events: none; /* ensure clicks go to <a> */
}

.item img.default-img {
transition: opacity 0.2s ease;
position: relative;
z-index: 1;
}

.item img.hover-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
opacity: 0;
transition: opacity 0.2s ease;
z-index: 2;
}

.item:hover img.hover-img {
opacity: 1;
}

.item:hover img.default-img {
opacity: 0;
}

/* Custom heights for specific hover images */
.item--foucault img.hover-img {
height: 100% !important;
}

.item--laptop img.hover-img {
top: -280% !important;
height: 400% !important;
}

/* visual / focus styles for accessibility */
.item:focus,
.item:hover {
filter: drop-shadow(0 6px 14px rgba(0,0,0,0.35));
transform: translate(-50%, -50%) scale(1.03);
}

/* larger tap target for mobile (invisible) */
.item::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 120%;
height: 120%;
border-radius: 8px;
/* background: rgba(0,0,0,0.05); debugging only */
pointer-events: none;
}

/* Example positions (percent of container) */
/* Adjust top/left values to place items correctly relative to background image */
.item--foucault { left: 47%; top: 39%; width: 4%; }
.item--laptop { left: 48%; top: 70%; width: 12%; }
.item--music { left: 59%; top: 88%; width: 9%; }
.item--lamp { left: 60%; top: 39%; width: 7%; }
.item--painting { left: 59.5%; top:64%; width: 9%; }
.item--casette { left: 47.5%; top: 83.5%; width: 6%; }

/* make widths scale with container */
.item { height: auto; }

/* Hover text label */
.item .label {
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.2s ease;
white-space: nowrap;
font-size: 14px;
color: #000000;
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: 1px;
font-weight: bold;
pointer-events: none;
z-index: 9999;
}

.item:hover .label {
opacity: 1;
}

/* small-screen tweaks */
@media (max-width: 480px) {
.item::after { width: 140%; height: 140%; }
}
</style>

<div class="bookcase" role="region" aria-label="Bookcase with clickable items">

<a class="item item--foucault" href="/lamp-page.html" aria-label="Lamp — open lamp page">
<img src="images/web_0002_fucoult_closed.png" alt="" class="default-img" />
<img src="images/web_0011_book_open.png" alt="" class="hover-img" />
<span class="label">THEORETICAL FRAMEWORK</span>
</a>

<a class="item item--lamp" href="/lamp-page.html" aria-label="Lamp — open lamp page">
<img src="images/web_0000_lamp_off.png" alt="" class="default-img"/>
<img src="images/web_0001_lamp_onn.png" alt="" class="hover-img"/>
<span class="label">MORPHOLOGY</span>
</a>

<a class="item item--laptop" href="/laptop-page.html" aria-label="Laptop — open laptop page">
<img src="images/web_0004_laptop_closed.png" alt="" class="default-img"/>
<img src="images/web_0008_laptop_opem.png" alt="" class="hover-img"/>
<span class="label">CREATIVE CODING</span>
</a>

<a class="item item--painting" href="/painting-page.html" aria-label="Painting — open painting page">
<img src="images/web_0003_paining_1.png" alt="" class="default-img" />
<img src="images/web_0009_painting_2.png" alt="" class="hover-img" />
<span class="label">ART AND IDENTITY</span>
</a>

<a class="item item--casette" href="/laptop-page.html" aria-label="Laptop — open laptop page">
<img src="images/web_0005_casette_1.png" alt="" class="default-img" />
<img src="images/web_0010_casette_2.png" alt="" class="hover-img" />
<span class="label">VISUAL COMMUNICATION</span>
</a>

<a class="item item--music" href="/music-page.html" aria-label="Music — open music page">
<img src="images/web_0006_music_1.png" alt="" class="default-img" />
<img src="images/web_0012_music_2.png" alt="" class="hover-img" />
<span class="label">MY MUSIC</span>
</a>
</div>

</html>

</p>

User:Wojtek/Morphology

2025-10-23T18:39:25Z

Wojtek:

=Morphology=

==Objcets assignment==
----

<p>
'''MOVEMENT''' -The dance of shedding an old skin. Mouring your
old self, celebration of being born anew.

</p><p></p>
<p>
'''CHANGE''' -Unsuccessful attempts at stopping change. It’s
constant presence over our existence.

</p>
<p>
'''CONNECTION''' -Dance of two selves, that enclose a moment. A
physical bond without the need for touch.

</p>
<p>
'''ACTIVATION''' -Small actions can lead to big change. Sharing
small moments of joy.

</p>
<p>
'''MATRIX''': the final presentation of all the objects.

</p>

User:Wojtek/Feedback

2025-10-23T18:37:21Z

Wojtek: Created page with "=Feedback= This is a page where you are free to give a comment on the work you've seen on my page. Feel free to edit this page, as much as you want :))) ==The space for giving feedback== ----"

=Feedback=

This is a page where you are free to give a comment on the work you've seen on my page. Feel free to edit this page, as much as you want :)))

==The space for giving feedback==
----

User:Wojtek/Others

2025-10-23T18:32:42Z

Wojtek:

=Other works=

==Music==
Besides studying, I make music in my free time.

<html>
<a href ="https://soundcloud.com/wojtek-polak-153826725/tracks">Link to my soundcloud page</a>
</html>

User:Wojtek/Others

2025-10-23T18:32:12Z

Wojtek: Created page with "=Other works= ==Music== Besides studying, I make music in my free time. <html> <a src ="https://soundcloud.com/wojtek-polak-153826725/tracks">Link to my soundcloud page</a> </html>"

=Other works=

==Music==
Besides studying, I make music in my free time.

<html>
<a src ="https://soundcloud.com/wojtek-polak-153826725/tracks">Link to my soundcloud page</a>
</html>

User:Wojtek/Art&Identity

2025-10-23T18:29:58Z

Wojtek: Created page with "=Art & Identity="

=Art & Identity=

User:Wojtek/TheoreticalFramework

2025-10-23T18:29:21Z

Wojtek: Created page with "=Theoretical Framework="

=Theoretical Framework=

User:Wojtek/VisualCommunication

2025-10-23T18:28:32Z

Wojtek: Created page with "=Visual Communication= ==Making a zin assignment=="

=Visual Communication=

==Making a zin assignment==

User:Wojtek/CreativeCoding

2025-10-23T11:14:12Z

Wojtek:

=Creative Coding=

===First project in p5===
A clickable project made on the first Creative Coding class.

<html>
<iframe src="https://editor.p5js.org/wpolak/full/wul4e0YYQ" width="410" height="450"></iframe>
</html>

===Dynamic autoportrait===
A dynamic portrait made from a collage of photos of my face (and sound effects).

<html>
<iframe src="https://editor.p5js.org/wpolak/full/YfpKsk9Bu" width="300" height="420"></iframe>
</html>

===Interactive poem===
A poem that tracks the hand movement of a person and assigns a letter to each of the fingers.

<html>
<a href = "https://editor.p5js.org/wpolak/full/MWIgR18Vu"> link to the project</a>
</html>

===Hand mirror===
A program that tracks hand movement and assigns a certain string to a certain part of the hand, creating a reflection.

<html>
<a href = "https://editor.p5js.org/wpolak/full/AWnASKWIx"> link to the project</a>
</html>

==Text facemask==
A program that creates a face mask where a given word is assigned to a point on the face.

<html>
<a src = "https://editor.p5js.org/wpolak/full/xCH6WLfQx">Link to the project</a>
</html>

==One button game (ft. Hester) [wip]==
A one button game. You are a food critique presented with different dishes to taste. The dishes have a timer which lets you decide what to taste. Choose to lick something and find out what happens. Use any button on the keyboard to control the tounge.

<html>
<iframe src="https://editor.p5js.org/wpolak/full/WDSazSdx7" width="415" height="445"></iframe>
</html>

==Hyperlink narrative==
A narrative based on choices made through clicking on hyperlinks.

[[User:Wojtek/hyperlinkNarrative|Hyperlink Narrative]]

User:Wojtek/CreativeCoding

2025-10-23T11:13:30Z

Wojtek:

=Creative Coding=

===First project in p5===
A clickable project made on the first Creative Coding class.

<html>
<iframe src="https://editor.p5js.org/wpolak/full/wul4e0YYQ" width="410" height="450"></iframe>
</html>

===Dynamic autoportrait===
A dynamic portrait made from a collage of photos of my face (and sound effects).

<html>
<iframe src="https://editor.p5js.org/wpolak/full/YfpKsk9Bu" width="300" height="420"></iframe>
</html>

===Interactive poem===
A poem that tracks the hand movement of a person and assigns a letter to each of the fingers.

<html>
<a href = "https://editor.p5js.org/wpolak/full/MWIgR18Vu"> link to the project</a>
</html>

===Hand mirror===
A program that tracks hand movement and assigns a certain string to a certain part of the hand, creating a reflection.

<html>
<a href = "https://editor.p5js.org/wpolak/full/AWnASKWIx"> link to the project</a>
</html>

==Text facemask==
A program that creates a face mask where a given word is assigned to a point on the face.

<html>
<a src = "https://editor.p5js.org/wpolak/full/xCH6WLfQx">Link to the project</a>
</html>

==One button game (ft. Hester) [wip]==
A one button game. You are a food critique presented with different dishes to taste. The dishes have a timer which lets you decide what to taste. Choose to lick something and find out what happens.

<html>
<iframe src="https://editor.p5js.org/wpolak/full/WDSazSdx7" width="415" height="445"></iframe>
</html>

==Hyperlink narrative==
A narrative based on choices made through clicking on hyperlinks.

[[User:Wojtek/hyperlinkNarrative|Hyperlink Narrative]]

User:Wojtek/CreativeCoding

2025-10-23T10:57:54Z

Wojtek:

=Creative Coding=

==JavaScript projects==

===First project in p5===
<html>
<iframe src="https://editor.p5js.org/wpolak/full/wul4e0YYQ" width="410" height="450"></iframe>
</html>

===Dynamic autoportrait===

<html>
<iframe src="https://editor.p5js.org/wpolak/full/YfpKsk9Bu" width="300" height="420"></iframe>
</html>

===Interactive poem===

<html>
<a href = "https://editor.p5js.org/wpolak/full/MWIgR18Vu"> link</a>
<iframe src="https://editor.p5js.org/wpolak/full/MWIgR18Vu" width="700" height="500"></iframe>
</html>

User:Wojtek/CreativeCoding

2025-10-23T10:48:54Z

Wojtek: Created page with "=Creative Coding= ==JavaScript projects== ===First project in p5=== <html> <iframe src="https://editor.p5js.org/wpolak/full/wul4e0YYQ" width="410" height="450"> </html> ===Dynamic autoportrait=== <html> <iframe src="https://editor.p5js.org/wpolak/full/YfpKsk9Bu" width="410" height="450"> </html>"

User:Wojtek/Morphology

2025-10-23T10:40:58Z

Wojtek:

=Morphology=

==Objcets assignment==

<p>
'''MOVEMENT''' -The dance of shedding an old skin. Mouring your
old self, celebration of being born anew.

</p><p></p>
<p>
'''CHANGE''' -Unsuccessful attempts at stopping change. It’s
constant presence over our existence.

</p>
<p>
'''CONNECTION''' -Dance of two selves, that enclose a moment. A
physical bond without the need for touch.

</p>
<p>
'''ACTIVATION''' -Small actions can lead to big change. Sharing
small moments of joy.

</p>
<p>
'''MATRIX''': the final presentation of all the objects.

</p>

User:Wojtek/Morphology

2025-10-23T10:39:05Z

Wojtek:

=Morphology=

==Objcets assignment==

<p>
'''MOVEMENT''' -The dance of shedding an old skin. Mouring your
old self, celebration of being born anew.

<img src="https://raw.githubusercontent.com/polciech/files-for-my-page/main/movement.png"
alt="Edited photo of the object"
style="float: left; width:300px; margin-right:10px;" />

</p><p></p>
<p>
'''CHANGE''' -Unsuccessful attempts at stopping change. It’s
constant presence over our existence.

</p>
<p>
'''CONNECTION''' -Dance of two selves, that enclose a moment. A
physical bond without the need for touch.

</p>
<p>
'''ACTIVATION''' -Small actions can lead to big change. Sharing
small moments of joy.

</p>
<p>
'''MATRIX''': the final presentation of all the objects.

</p>

User:Wojtek/Morphology

2025-10-23T10:34:40Z

Wojtek:

=Morphology=

==Objcets assignment==

<p>
'''MOVEMENT''' -The dance of shedding an old skin. Mouring your
old self, celebration of being born anew.
[[File:Https://github.com/polciech/files for my-page/blob/main/activation.png|thumb|left|Edited photo of the object]]
</p><p></p>
<p>
'''CHANGE''' -Unsuccessful attempts at stopping change. It’s
constant presence over our existence.

</p>
<p>
'''CONNECTION''' -Dance of two selves, that enclose a moment. A
physical bond without the need for touch.

</p>
<p>
'''ACTIVATION''' -Small actions can lead to big change. Sharing
small moments of joy.

</p>
<p>
'''MATRIX''': the final presentation of all the objects.

</p>

User:Wojtek/Morphology

2025-10-23T10:33:53Z

Wojtek:

User Pages

2025-10-23T10:23:00Z

Wojtek:

User:Wojtek/Morphology

2025-10-23T10:21:02Z

Wojtek:

=Morphology=

==Objcets assignment==

<p>
MOVEMENT -
The dance of shedding an old skin. Mouring your
old self, celebration of being born anew.

</p>
<p>
CHANGE -

Unsuccessful attempts at stopping change. It’s
constant presence over our existence.

</p>
<p>
CONNECTION -

Dance of two selves, that enclose a moment. A
physical bond without the need for touch.

</p>
<p>
ACTIVATION -

Small actions can lead to big change. Sharing
small moments of joy.

</p>
<p>
MATRIX: the final presentation of all the objects.

</p>

User:Wojtek/Morphology

2025-10-23T10:10:27Z

Wojtek: Created page with "=Morphology= ==Objcets assignment== {| |MOVEMENT|| || |- | || || |- | || || |- |CHANGE|| || |- | || || |- |CONNECTION|| || |- | || || |- |ACTIVATION|| || |- | || || |- | || || |- |MATRIX|| || | || || |- |}"

=Morphology=

==Objcets assignment==

{|
|MOVEMENT|| ||
|-
| || ||
|-
| || ||
|-
|CHANGE|| ||
|-
| || ||
|-
|CONNECTION|| ||
|-
| || ||
|-
|ACTIVATION|| ||
|-
| || ||
|-
| || ||
|-
|MATRIX|| ||
| || ||
|-
|}

User:Wojtek

2025-10-23T10:00:23Z

Wojtek:

User:Wojtek

2025-10-23T09:56:18Z

Wojtek:

=Wojtek's page=

[[File:Wojtek.jpg|thumb|This is how I look like, when I'm holding a present]]

<p>
====Guide on pronoucing my name:====

*Full version: Wojciech [Voytsieh]
*Short version: Wojtek [Voyteq]
*Hard/Friendly version: Wojcieszek [Voytsiesheck]
</p>

<p>
===My works===
*[[User:Wojtek/CreativeCoding|Creative coding]]
*[[User:Wojtek/VisualCommunication|Visual communication]]
*[[User:Wojtek/TheoreticalFramework|Theoretical framework]]
*[[User:Wojtek/Art&Identity|Art & identity]]
*[[User:Wojtek/Morphology|Morphology]]
*[[User:Wojtek/Others|Others]]
</p>

User:Wojtek

2025-10-23T09:53:17Z

Wojtek:

=Wojtek's page=

[[File:Wojtek.jpg|thumb|This is how I look like, when I'm holding a present]]

<p>
====Guide on pronoucing my name:====

*Full version: Wojciech [Voytsieh]
*Short version: Wojtek [Voyteq]
*Hard/Friendly version: Wojcieszek [Voytsiesheck]
</p>

<p>
===My works===
*[[Creative coding]]
*[[Visual communication]]
*[[Theoretical framework]]
*[[Art & identity]]
*[[User:Wojtek/Morphology]]
*[[Others]]
</p>

User:Wojtek

2025-10-23T09:51:49Z

Wojtek:

=Wojtek's page=

[[File:Wojtek.jpg|thumb|This is how I look like, when I'm holding a present]]

<p>
====Guide on pronoucing my name:====

*Full version: Wojciech [Voytsieh]
*Short version: Wojtek [Voyteq]
*Hard/Friendly version: Wojcieszek [Voytsiesheck]
</p>

<p>
===My works===
*[[Creative coding]]
*[[Visual communication]]
*[[Theoretical framework]]
*[[Art & identity]]
*[[Morphology]]
*[[Others]]
</p>

User:Wojtek

2025-10-23T09:50:38Z

Wojtek:

=Wojtek's page=

[[File:Wojtek.jpg|thumb|This is how I look like, when I'm holding a present]]

<p>
====Guide on pronoucing my name:====

*Full version: Wojciech [Voytsieh]
*Short version: Wojtek [Voyteq]
*Hard/Friendly version: Wojcieszek [Voytsiesheck]
</p>

<p>
===My works===
*[[Creative coding]]
*[[Visual communication]]
*[[Theretical framework]]
*[[Art & identity]]
*[[Morphology]]
*[[Others]]
</p>

User:Wojtek

2025-10-23T09:48:35Z

Wojtek:

=Wojtek's page=

[[File:Wojtek.jpg|thumb|This is how I look like]]

<p>
====Guide on pronoucing my name:====

*Full version: Wojciech [Voytsieh]
*Short version: Wojtek [Voyteq]
*Hard/Friendly version: Wojcieszek [Voytsiesheck]
</p>

<p>
===My works===
*[[Creative coding]]
*[[Visual communication]]
*[[Theretical framework]]
*[[Art & identity]]
*[[Morphology]]
*[[Others]]
</p>

User:Wojtek

2025-10-23T09:40:53Z

Wojtek:

=Wojtek's page=

[[File:Wojtek.jpg|thumb|This is how I look like]]

====Guide on pronoucing my name:====

*Full version: Wojciech [Voytsieh]
*Short version: Wojtek [Voyteq]
*Hard/Friendly version: Wojcieszek [Voytsiesheck]

User:Wojtek

2025-10-23T09:40:39Z

Wojtek: Created page with "=Wojtek's page= This is how I look like ====guide on pronoucing my name:==== *Full version: Wojciech [Voytsieh] *Short version: Wojtek [Voyteq] *Hard/Friendly version: Wojcieszek [Voytsiesheck]"

=Wojtek's page=

[[File:Wojtek.jpg|thumb|This is how I look like]]

====guide on pronoucing my name:====

*Full version: Wojciech [Voytsieh]
*Short version: Wojtek [Voyteq]
*Hard/Friendly version: Wojcieszek [Voytsiesheck]

File:Wojtek.jpg

2025-10-23T09:40:07Z

Wojtek:

a picture of me

Literature Review 2025

2025-10-17T18:08:05Z

Wojtek: submitted my essay

[[File:InhoJeon LiteratureReview.docx|thumb|Inho Jeon (3646157) Literature Review]]
[[File:Esra Gundem - Literature Review- Reflections on Exile, Edward W. Said.docx|thumb]]
[[File:Ipek Usman Literature Review Glitch.pdf|thumb]]
[[File:Literature review POLAK WOJCIECH.pdf|thumb]]
[[File:Emma_Soave_Verdi,_L._The_Symbolic_Body_and_the_Rhetoric_of_Power,_PRA_(Padua_Research_Archive),_2010_.pdf]]

<br>
== Title of text you are reviewing ==
Template for your literature review. Include your name and don't forget to cite your sources!!

Ethics for A-level. Capter 1, "Utilitarianism" section 1 to 4. Submmited by Floris van Leeuwen.

Said, Edward W. “Reflections on Exile.” In ''Reflections on Exile and Other Essays'', 2nd ed., 173–86. Cambridge, Mass. : Harvard University Press, 2000. Submitted by Esra Gundem

Fromm, Erich. ''To have or to be?'' Continuum, 2008. 23-140 Submmited by Inho Jeon

Jung, C. G. ''Synchronicity: An Acausal Connecting Principle.'' Princeton University Press, 1973. 26–35 Submitted by Patricia Saez

Baudrillard, J. (1983). Hyperreal and Imaginary. In ''Simulations'' (pp. 23–26). essay, Semiotext(e), Foreign Agents. Submitted by Tom Gawlinski

Russel, Legacy. 2020. ''Glitch Feminism: A Manifesto.'' Verso''.'' ''Submitted by Ipek Usman''

Mark Fisher, 2009. "It’s easier to imagine the end of the world than the end of capitalism", submitted by Wojciech Polak

File:Literature review POLAK WOJCIECH.pdf

2025-10-17T18:07:23Z

Wojtek:

Literature review on Marks Fisher text