images and img css

master
suzan 1 month ago
parent 87934168da
commit 60fe0801f1

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 MiB

@ -4,38 +4,49 @@ author: Irmak
---
---
# Wink!
### A Prototype for Interactive Children's Literature
Wink is a prototype for an interactive picture book platform. This platform aims to make reading into a mindfull and thought provoking process by using interactive and playful elements, multiple stories within one narrative and sound elements. Especially today where consumerism and low attention span is a rising issue especially amongst young readers, this was an important task to tackle. The thought of Wink emerged to find a more sustainable and creative way of reading for elementary school children.
!["a tag made by a participant in the public moment at XPUB studio. Trying to understand different approaches to certain emotions/states for a bee"](../irmak/improv.JPG) {.half-image}
---
Working as a children's literature editor for years, I came to a realisation that picture books were turning into another object that kids read and consume on daily basis. At least this is what I observed in Turkey. Teachers and parents were finding it difficult to find new books constantly or were tired of rereading the same book.
!["From the event at Leeszaal West, experimenting with knots and poetry. How can we see movement in text?"](../irmak/leeszaalknotpoems.jpg) {.image-95}
!["The twine map of text based story, reachable from Bee Within."](../irmak/twine.png){.half-image}
!["From the event at Leeszaal West. Some of the results of knotting text"](../irmak/knotpoems2.jpg){.image-95}
!["Click game story of the Queen Bee."](../irmak/cg.png){.half image}
Working as a children's literature editor for years, I came to a realisation that picture books were turning into another object that kids read and consume on daily basis. At least this is what I observed in Turkey. Teachers and parents were finding it difficult to find new books constantly or were tired of rereading the same book. As a young person in the publishing sector, I believe there should be more options for children as there is for adults; such as ebooks, audiobooks etc. But moreover a "book" that can be redefined, reread or be interacted with. So I revisited an old story I wrote, translated to English and named it, "Bee Within".
!["Example page from the print version of the picture book."](../irmak/printp33.jpg){.image-95}
!["Example page from the print version of the picture book."](../irmak/printp22.jpg) {.image-95}
!["Example page from the print version of the picture book."](../irmak/printp3.jpg){.image-95}
!["Example page from the print version of the picture book."](../irmak/printp2.jpg) {.image-95}
![''](../irmak/printp44.jpg){.image-95}
Bee Within, is a story about grief and it is based on my experiences throughout the years. I erased it, rewrote it, edited it, destroyed it multiple times over the past years, simultaneously with new experiences of loss. In the end, I believe the story turned out to be an ode to remembering or might I say an ode to not being able to forget or an ode to the fear of forgetting which I now think is a great and sweet battle between death and life. I think it is an important subject to touch upon, especially for children dealing with trauma in many parts of the world.
![''](../irmak/printp4.jpg){.image-95}
!["example page from the picture book"](../irmak/printp1.jpg) {.half-image}
As a young person in the publishing sector, I believe there should be more options for children as there is for adults; such as ebooks, audiobooks etc. But moreover a "book" that can be redefined, reread or be interacted with. So I revisited an old story I wrote, translated to English and named it, "Bee Within".
!["example page from the picture book"](../irmak/printp33.jpg) {.image-95}
Bee Within, is a story about grief and it is based on my experiences throughout the years. I erased it, rewrote it, edited it, destroyed it multiple times over the past years, simultaneously with new experiences of loss. In the end, I believe the story turned out to be an ode to remembering or might I say an ode to not being able to forget or an ode to the fear of forgetting which I now think is a great and sweet battle between death and life. I think it is an important subject to touch upon, especially for children dealing with trauma in many parts of the world.
!["example page from the picture book"](../irmak/printp1.jpg){.half-image}
!["example page from the picture book"](../irmak/printp3.jpg) {.image-95}
!["example page from the picture book"](../irmak/printp22.jpg){.image-95}
!["example page from the picture book"](../irmak/printp2.jpg){.image-95}
Over the past two years, experimenting with storytelling techniques, interactivity options and workshops with children and adults, around reading and doing various exercises on Bee Within, I improved the story to be a more playful and interactive one which can be re-read, re-played and eventually re-formed non digitally to be reachable for all children.
!["The twine map of text based story, reachable from Bee Within by clicking to hear more about Gray the tree."](../irmak/twine.png) {.half-image}
!["a tag made by a participant in the public moment at XPUB studio. Trying to understand different approaches to certain emotions/states for a bee"](../irmak/improv.JPG){.half-image}
!["From the event at Leeszaal West, experimenting with knots and poetry. How can we see movement in text?"](../irmak/leeszaalknotpoems.jpg){.image-95}
!["From the event at Leeszaal West. Some of the results of knotting text"](../irmak/knotpoems2.jpg){.image-95}
!["A small sequence of onclick animation for Bee Within"](../irmak/animationseq.png){.image-95}
!["Click game story of the Queen Bee that is reachable within Maya's main storyline."](clickgame.png)
{.half image}
!["A screenshot from Wink!"](../irmak/45.png){.image-95}
!["A small sequence of onclick animation for Bee Within"](../irmak/animationseq.png) {.image-95}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 267 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 725 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 678 KiB

@ -8,6 +8,7 @@ author: Irmak
### Fair leads or Fair winds is a saying sailors and knotters use to greet each other. It comes from the working end of a string that will soon be forming a knot.
---
I would like to clarify and introduce some terms for you in order to read this text in the desired way. For a while, we will stay in the bight of this journey as we move into forming loops, theories and ideas on how interactive picture books can be used to foster curiosity for reading and creativity for children. I am building a web platform called Wink that aims to contain a childrens story I wrote and am making into an interactive experience, in relation to my research.
<figure>

@ -20,7 +20,6 @@ figure{
height: 155mm;
}
.full-image, .half-image{
break-before: right;
height: 186mm;
width: 133mm;
margin: -13mm 0 0 -10mm;

@ -1970,7 +1970,8 @@ and solidarity in the wake of Europes refugee crisis. London: Rowman
<section id="section-7" class="section">
<h1 id="wink">Wink!</h1>
<hr />
<h1 id="wink">Wink!</h1>
<h3 id="a-prototype-for-interactive-childrens-literature">A Prototype
for Interactive Childrens Literature</h3>
<p>Wink is a prototype for an interactive picture book platform. This
@ -1981,34 +1982,45 @@ consumerism and low attention span is a rising issue especially amongst
young readers, this was an important task to tackle. The thought of Wink
emerged to find a more sustainable and creative way of reading for
elementary school children.</p>
<p><img src="../images/../images/../irmak/improv.JPG"
alt="“a tag made by a participant in the public moment at XPUB studio. Trying to understand different approaches to certain emotions/states for a bee”" />
{.half-image}</p>
<p><img src="../images/../images/../irmak/leeszaalknotpoems.jpg"
alt="“From the event at Leeszaal West, experimenting with knots and poetry. How can we see movement in text?”" />
{.image-95}</p>
<figure>
<img src="../images/../images/../irmak/knotpoems2.jpg" class="image-95"
alt="“From the event at Leeszaal West. Some of the results of knotting text”" />
<figcaption aria-hidden="true">“From the event at Leeszaal West. Some of
the results of knotting text”</figcaption>
</figure>
<hr />
<p>Working as a childrens literature editor for years, I came to a
realisation that picture books were turning into another object that
kids read and consume on daily basis. At least this is what I observed
in Turkey. Teachers and parents were finding it difficult to find new
books constantly or were tired of rereading the same book. As a young
person in the publishing sector, I believe there should be more options
for children as there is for adults; such as ebooks, audiobooks etc. But
moreover a “book” that can be redefined, reread or be interacted with.
So I revisited an old story I wrote, translated to English and named it,
“Bee Within”.</p>
<p><img src="../images/../images/../irmak/printp22.jpg"
books constantly or were tired of rereading the same book.</p>
<figure>
<img src="../images/../images/../irmak/twine.png" class="half-image"
alt="“The twine map of text based story, reachable from Bee Within.”" />
<figcaption aria-hidden="true">“The twine map of text based story,
reachable from Bee Within.”</figcaption>
</figure>
<p><img src="../images/../images/../irmak/cg.png"
alt="“Click game story of the Queen Bee.”" />{.half image}</p>
<figure>
<img src="../images/../images/../irmak/printp33.jpg" class="image-95"
alt="“Example page from the print version of the picture book.”" />
{.image-95}</p>
<p><img src="../images/../images/../irmak/printp2.jpg"
<figcaption aria-hidden="true">“Example page from the print version of
the picture book.”</figcaption>
</figure>
<figure>
<img src="../images/../images/../irmak/printp3.jpg" class="image-95"
alt="“Example page from the print version of the picture book.”" />
{.image-95}</p>
<figcaption aria-hidden="true">“Example page from the print version of
the picture book.”</figcaption>
</figure>
<figure>
<img src="../images/../images/../irmak/printp44.jpg" class="image-95" alt="" />
<figcaption aria-hidden="true"></figcaption>
</figure>
<figure>
<img src="../images/../images/../irmak/printp4.jpg" class="image-95" alt="" />
<figcaption aria-hidden="true"></figcaption>
</figure>
<p>As a young person in the publishing sector, I believe there should be
more options for children as there is for adults; such as ebooks,
audiobooks etc. But moreover a “book” that can be redefined, reread or
be interacted with. So I revisited an old story I wrote, translated to
English and named it, “Bee Within”.</p>
<p>Bee Within, is a story about grief and it is based on my experiences
throughout the years. I erased it, rewrote it, edited it, destroyed it
multiple times over the past years, simultaneously with new experiences
@ -2018,27 +2030,61 @@ to the fear of forgetting which I now think is a great and sweet battle
between death and life. I think it is an important subject to touch
upon, especially for children dealing with trauma in many parts of the
world.</p>
<p><img src="../images/../images/../irmak/printp1.jpg"
alt="“example page from the picture book”" /> {.half-image}</p>
<p><img src="../images/../images/../irmak/printp33.jpg"
alt="“example page from the picture book”" /> {.image-95}</p>
<p><img src="../images/../images/../irmak/printp3.jpg"
alt="“example page from the picture book”" /> {.image-95}</p>
<figure>
<img src="../images/../images/../irmak/printp1.jpg" class="half-image"
alt="“example page from the picture book”" />
<figcaption aria-hidden="true">“example page from the picture
book”</figcaption>
</figure>
<figure>
<img src="../images/../images/../irmak/printp22.jpg" class="image-95"
alt="“example page from the picture book”" />
<figcaption aria-hidden="true">“example page from the picture
book”</figcaption>
</figure>
<figure>
<img src="../images/../images/../irmak/printp2.jpg" class="image-95"
alt="“example page from the picture book”" />
<figcaption aria-hidden="true">“example page from the picture
book”</figcaption>
</figure>
<p>Over the past two years, experimenting with storytelling techniques,
interactivity options and workshops with children and adults, around
reading and doing various exercises on Bee Within, I improved the story
to be a more playful and interactive one which can be re-read, re-played
and eventually re-formed non digitally to be reachable for all
children.</p>
<p><img src="../images/../images/../irmak/twine.png"
alt="“The twine map of text based story, reachable from Bee Within by clicking to hear more about Gray the tree.”" />
{.half-image}</p>
<p><img src="../images/../images/clickgame.png"
alt="“Click game story of the Queen Bee that is reachable within Mayas main storyline.”" />
{.half image}</p>
<p><img src="../images/../images/../irmak/animationseq.png"
<figure>
<img src="../images/../images/../irmak/improv.JPG" class="half-image"
alt="“a tag made by a participant in the public moment at XPUB studio. Trying to understand different approaches to certain emotions/states for a bee”" />
<figcaption aria-hidden="true">“a tag made by a participant in the
public moment at XPUB studio. Trying to understand different approaches
to certain emotions/states for a bee”</figcaption>
</figure>
<figure>
<img src="../images/../images/../irmak/leeszaalknotpoems.jpg" class="image-95"
alt="“From the event at Leeszaal West, experimenting with knots and poetry. How can we see movement in text?”" />
<figcaption aria-hidden="true">“From the event at Leeszaal West,
experimenting with knots and poetry. How can we see movement in
text?”</figcaption>
</figure>
<figure>
<img src="../images/../images/../irmak/knotpoems2.jpg" class="image-95"
alt="“From the event at Leeszaal West. Some of the results of knotting text”" />
<figcaption aria-hidden="true">“From the event at Leeszaal West. Some of
the results of knotting text”</figcaption>
</figure>
<figure>
<img src="../images/../images/../irmak/animationseq.png" class="image-95"
alt="“A small sequence of onclick animation for Bee Within”" />
{.image-95}</p>
<figcaption aria-hidden="true">“A small sequence of onclick animation
for Bee Within”</figcaption>
</figure>
<figure>
<img src="../images/../images/../irmak/45.png" class="image-95"
alt="“A screenshot from Wink!”" />
<figcaption aria-hidden="true">“A screenshot from Wink!”</figcaption>
</figure>
</section>
@ -2051,6 +2097,7 @@ id="fair-leads-or-fair-winds-is-a-saying-sailors-and-knotters-use-to-greet-each-
leads or Fair winds is a saying sailors and knotters use to greet each
other. It comes from the working end of a string that will soon be
forming a knot.</h3>
<hr />
I would like to clarify and introduce some terms for you in order to
read this text in the desired way. For a while, we will stay in the
bight of this journey as we move into forming loops, theories and ideas

Loading…
Cancel
Save