|
|
var ciccio =`
|
|
|
<p>A few weeks back someone told me that it is an exceptional achievement for a short story to be translated into a dozen languages. I had never really thought about it, as I am not drawn from a long tradition of scholarship in literary translations. I could not quantify his statement in any way. For me those words came across as a big compliment given the scope of the work done by the Jalada Collective in the past year in the area of translations and the use of digital facilities.</p>
|
|
|
<p><a href="http://jaladaafrica.org">Jalada is a pan-African collective</a>of young African writers from all over the African continent, of which I am member as well as the managing editor. It began in 2013 during a workshop convened by renowned editor,<a href="https://vi.wikipedia.org/wiki/Ellah_Wakatama_Allfrey">Ellah Wakatama Allfrey.</a>We had a lively conversation among the participants about what we as young African creatives drawn from different geographical locations could do with the resources
|
|
|
<span id="focus-one" >we valued</span>: language, knowledge and our web of connections. So Jalada was born. From wherever we were, we worked together online in what seemed like a virtual office. All you needed to do was post a message, and another member would take action. The Internet became an enabler of collaboration and a resource in the production process of a digital Jalada magazine. <a href="https://jaladaafrica.org/publications/">Our first thematic issue</a>tackled the often-underexplored subject of mental health within the African context. Our second anthology focused on stories of fictionalized sexual experiences in ways that broke the implied modesty of our fictional boundaries. We also did an anthology on Afrofutures, a publication that allowed us, as Africans, to capture multiple and alternative ways of imagining futures.</p>
|
|
|
|
|
|
<p2 class="subtitle">The Translation Issue</p2>
|
|
|
<p>Then, we embarked on a translation project in which we aimed to have one short story translated into as many languages as possible. <a href="https://jaladaafrica.org/2020/10/28/translation-project/">Since March 2016,</a>when we first published the story <i>Ituĩka Rĩa Mũrũngarũ: Kana Kĩrĩa Gĩtũmaga Andũ Mathiĩ Marũngiĩ</i>,<a class="foot" href="#footnoteone-r[1] </a>the story has been translated into sixty-eight languages.
|
|
|
|
|
|
The initiative has been critically lauded by several scholars as one of the most essential projects in fostering communication amongst readers and speakers of different languages across the globe.
|
|
|
|
|
|
Under the umbrella of the powerful magic of storytelling, online publishing has enabled different languages and cultures to find expression and converse with each other. The Jalada website, where the story and its translations are published, acts as a kind of portal to a multiplicity of languages wherein you can find codified languages you may never have heard about. Because for us at Jalada we are keen on multiple narrative modes of textual and visual storytelling, the story continues to be available in podcasts and live multilingual dramatizations.</p>
|
|
|
|
|
|
<p>We conceptualised the Jalada translations issue with a specific focus on African Languages. Each language remains a representation of a specific culture on the continent. Taken together, our continent is infinitely rich in its cultural resources.
|
|
|
|
|
|
<span id="feed-africa-one" >Over 2000 languages exist across the 54 nations. </span> Imagine the monumental impact of a story in all these languages. It would be an immovable symbol. In history and in scholarship it would stand as a testament to the fact that
|
|
|
|
|
|
<span id="feed-langeq" >all languages are equal:</span> It does not matter the origins, the color, or the number of people who use any specific language, nor the standardisation of such a language or the lack thereof.</span>
|
|
|
|
|
|
The coming together of all those languages would smash any doubt that in our diversity immense beauty can be created with a great and lasting impact.</p>
|
|
|
|
|
|
<p>Jalada Translations issue was born from the firm faith that one day, whether it is during my lifetime or in the generations to come, one such short story will exist in all African languages.
|
|
|
|
|
|
<span id="feed-counterhegemonic" >I want to imagine </span>that over the years the spill over effect of this will transform our attitudes towards the use of our mother tongues and the languages that we learn from our neighbours through our daily interactions. I want to imagine the impact it might have on the access that our children have to texts written in all manner of languages, especially the marginalised languages. We continually learn to reap from the resources that we have. One such irrefutable resource is the language of our mother tongues.</p>
|
|
|
|
|
|
<p2 class="subtitle">The Illusion of Unifying Language</p2>
|
|
|
|
|
|
<p>Some of the distinctive African languages represented in the translations issue have suffered many years of non-representation in the written form. There are worrisome statistics of the number of books or articles that have been published in these languages. Yet, across many countries and regions within the continent, thousands, tens of thousands, or millions of people use these languages every day.
|
|
|
|
|
|
They transact businesses, they pray, they love, and dream of love and life in these languages. And yet, so little is written in them. What is even more worrying is the fewer number of people who get access to these written resources. Most of the written material is in European languages – English, French, and Portuguese – as well as a few dominant African national languages.</p>
|
|
|
|
|
|
<p>The illusion of unifying a nation through a single language is wide spread. This has meant a very deliberate marginalisation of African languages and the almost brutal emphasis on the spread and dominance of English or other European languages. Additionally,
|
|
|
|
|
|
<span id="feed-senegal" >we feed on that illusion</span> instilled in us by our education systems, which were designed by European colonialists to serve the empire and then continued as desirable norms by post-colonial governments. But there is a daily struggle from many quarters and initiatives to effect change in our school systems.</p>
|
|
|
|
|
|
<p>Today, one does not need to go to a well-equipped library to see texts in other languages. You only need to log into social media, and you will see the flow of conversations in all manner of languages, albeit a little inconstant. We do not have to look at that with suspicion. We do not have to feel hate and resentment for the existence of the other or feel burdened by the colonial idea that this is divisive. Over the years,
|
|
|
|
|
|
<span id="focus-europ-one" >I have noted</span>how many young Nairobians flood institutions to learn French and German. marvel at the possibility of acquiring what is not necessarily ours.
|
|
|
<span id="focus-europ-two" > in itself</span> is a beautiful thing; all knowledge is power. However, most of the individuals learning these languages will never go to France or Germany. They will use that resource they have attained amongst themselves in a very small circle, or for employment purpose such as to serve the occasional tourist or to work at one of the multinationals. Even worse, sometimes it is never put to use. It exists merely as a placeholder in a Curriculum vita or for prestige, such as when someone mentions that they have studied this or that European Language. In their minds they remain psychologically arrested in the desire and continually gravitate towards the European home of the new learned language. However, they will interact very occasionally with speakers of other African Languages.
|
|
|
|
|
|
<span id="focus-learnafricans" >What if</span> that beautiful desire to learn and appreciate a foreign language was also inherently directed towards other African Languages? In failing to have enough systems that can facilitate this kind of interest and indulgence, the online publishing of stories in different languages,
|
|
|
|
|
|
<span id="website-salta" >multilingual performances</span>, and podcasts are a small but possibly vital contribution. Not just for readers that want to read other languages, but those who have grown up with very little exposure to written texts in their own mother tongue.</p>
|
|
|
|
|
|
<p><span id="focus-term" >Ngũgi wa Thiong’o </span>has used the term “practical vision” to describe the fresh opportunities for disseminating African literature that the digital age makes possible.
|
|
|
|
|
|
<span id="feed-net-one" >Practical vision </span>is about activating dreams in the present; it is about translating a vision that seems at far distance into a doing that brings you there.
|
|
|
|
|
|
<span id="feed-scheme-wrp" >What we envision,</span> is building a future of multilingual pride and connections that know no boundaries between writers, publishers, and readers. And because of our access to and connectivity with the Internet, we are able to move beyond mere conversations towards the execution of ideas. This however requires grit and a lot of help from all corners. If we had done the Translation Issue in the pre-internet age, it would have taken us decades and huge financial means to put it together. The web of translators grew because of my colleagues and interested participants who encouraged others to contribute to the bringing together of sixty-eight languages into one volume. The volume bears the hallmark of conversations between cultures, languages, and people of the world. Thanks to the generosity invested by the writers and translators we were able to do this work efficiently in less than a year.</span> Our ways of consuming information have changed radically since oral literature was shared around a bonfire in early evenings. As publisher we therefore try to understand the changing nature of communication and the resultant structures.
|
|
|
|
|
|
<span id="feed-net-two" >We want</span> to find ways to take full advantage of digital facilities as it is the reality of our generation and of those to come.</p>
|
|
|
|
|
|
<p2 class="subtitle">Practical Vision</p2>
|
|
|
<p>We continue to experiment with many more ways to tap into these digital facilities to share stories in all manner of African Languages. The current question is how we can have a continued publication of translations that allow a conversation between the languages of Africa and those of the world.
|
|
|
|
|
|
<span id="feed-net-three" >Can we create</span> a digital publication that captures the infinite resources in our languages and cultures? In order to meet this challenge, we decided to select one short story a year – short enough to allow a relatively ease of work in terms of translation – that was powerful enough to speak across multiple cultures.
|
|
|
|
|
|
<p>Our vision is to have each story translated into as many African Languages as possible. And one day, in the not so distant future, we will have an online archive of stories and translations in all manner of languages. Pursuit of such a vision is not easy. There is a great deal of misconception about African Languages and their places in our personal and communal intellectual discourse. In our contribution to improving the publication of, as well as encouraging readership of works in African languages we needed to lay a firm foundation. First, we recognise that there are voices that have come before us who have already done a great deal to fight for language rights. Our selection of a story by Ngũgi wa Thiong’o was a recognition towards those who had taken responsibility for our languages.
|
|
|
|
|
|
<span id="focus-turningideas" >As practical visionaries</span>, interested more in turning ideas into actions, we work with full acknowledgement of what has come before. We take into consideration the conversations that have been held on the subject, and bring these further by pursuing our translation work in ways that examine barriers of the past and find ways to overcome them now.</p>
|
|
|
|
|
|
<p>Just as we have created and continue to create a database of literary translators, we want to establish a base of devoted readers. Earlier in the process, someone was quick to ask me, rather sceptically, what happens after we have published the translations and who will even be interested in reading them? Once the first Translation Issue was published, the translators and our most devoted readers started sharing the work on Facebook, Twitter, and Blogs while expressing their excitement at seeing such a publication. People tweeted links and shared specific languages on their timelines. A twitter user in Ethiopia, @LindaYohannes, tweeted<br><a href="https://twitter.com/LindaYohannes/status/713060642836578304">“Reading Ngugi in #Amharic! This feels so right!”</a><br>Digital technologies helped us tap into greater and faster possibilities whereas the mere exhaustion of putting together the volume in print form would have been enough excuse for us to store the print copies in the warehouse for a month or two before venturing into marketing and distribution. The reality of such exhausting stretch of time in the production process was for a long while the reason why people kept stuck in conversation and never got into doing.</p>
|
|
|
|
|
|
<p2 class="subtitle">Creating digital networks for translation</p2>
|
|
|
|
|
|
<p><span id="feed-coll-net-one" >The connection that is formed between the writer and publisher</span> is quite important, but the connection formed with reader is also crucial. We know by now that there are people across the continent and in the diaspora who believe in the importance of marginalised languages. Perhaps in their love for the translated stories and the process of translation, they too will be inspired to write and translate. In practise, this
|
|
|
|
|
|
<span id="feed-coll-net-two" >collective effort </span>will call for a continuous and growing engagement with multi-linguistic storytelling practices. Vigorous social media campaigns and the sharing of the work in all possible media will enhance such reciprocal relations. Also the collaboration with universities and other learning institutions, can create interest or integrate the idea of African languages in research and teaching practises.
|
|
|
|
|
|
<span id="focus-multilang" >We find it especially important that children grow up with multi-lingual content and digital facilities will make access possible at a minimal cost.</span> We believe that a generation of young people with a passion for their languages, whatever these languages may be, will be here to hold this vision together for a very long time. To grow that generation we must continue to encourage those among us with the intellectual facilities and various experiences to participate in projects such as the Jalada translations issue. New translators will get the space to experiment with their abilities.
|
|
|
|
|
|
<span id="feed-coll-net-three" >And those who</span> have already made attempts in prior translation issues will have the opportunity to continue in a supportive environment that allows their talents to grow.</p>
|
|
|
|
|
|
<p>An important step in executing such a practical approach in the area of translations is to keep a good connection between different players: the writers who are interested in different languages, the translators who value the great power in the stories, and the various publishers who have demonstrated their willingness to disseminate these works further and further. This would not be possible without the connections and collaborative processes we have put in place.
|
|
|
|
|
|
<span id="feed-coll-net-four" >At the heart of our practical vision</span> lies a growing network of connections, without which ideas would remain mere ideas. Adapting the structure of digital media – as a web of connections – onto our way of working allows for the perseverance and sharing of our valued resources: languages and the knowledge they carry.</p>
|
|
|
<p2 class="subtitle" id="the-future-is-multi-lingual" >The Future is Multi-lingual</p2>
|
|
|
<p>However, despite the crucial importance of digital platforms we have seen that the work can grow into more than digitally published pieces once they have reached a widespread audience. From its digital space, Ngũgi wa Thiong’o‘s story has been adapted for the stage on several occasions. Each dramatization celebrated the power of
|
|
|
|
|
|
<span id="focus-infograph" >cultural diversity in imagining better worlds.</span> Secondly, the story has also gone into print. In Sweden, as a children book; for the occasion of the Mboka Festival of Arts Culture and Sport in three Gambian Languages (Wolof, Mandika, and Fula); and publishers across Spain will print editions in Spanish, Catalan, Galician, Basque, Bable, and Occitan. From digital to stage, to print and then back into the digital realm: In India, a print publication of a translation in Kannada, a Dravidian language, was later republished in an Indian online magazine that reached a few million readers. In the USA, the story was nominated for a project that aims to make short digital eBooks available on the subway for a year.
|
|
|
|
|
|
<span id="main-statement" >There are more than six thousand nine hundred more languages across the world, and so the story travels.</span> In the future, we hope to see the translators that we work with move on to bigger challenges. For them to take up translation of fictional and non-fiction books. While shorter works can be read much more easily online, actual books may require print publication, and in this sense,
|
|
|
|
|
|
<span id="feed-coll-net-five" >the digital and the analogue co-exist in mutual advantage.</span></p>
|
|
|
|
|
|
<p>Over the course of ten years we envision having ongoing translations of about ten different stories. With each story translated into a hundred or more languages, we will have made it a
|
|
|
|
|
|
normal practise to write and translate into and between African Languages. With this practice comes the idea of conversation between the languages as they appear alongside each other. The beauty is in the use of any known language anywhere in the world with confidence and the faith in the good of what is your own, and respecting the faith and confidence of the other in using and celebrating what is theirs.</p>
|
|
|
|
|
|
<p><span id="focus-end" >And this is the future</span>: a place for practical visionaries. A time of multilingual pride and connections that know no boundaries between writers, publishers, and readers. When we act out our ideas, the future will smash the difficulty of access through digital technologies; the exclusion of languages through translations; and the limitations of opportunities through the growth of collective work. We will wake up one day soon and feel the light of possibility shine upon our faces. And because the ‘Upright Revolution’ of digital innovation is inevitable, the publisher, the writer, the translator and the reader –
|
|
|
|
|
|
<span id="feed-bot" > wants the works to survive and remain relevant</span> – must find ways of taking advantage of the digital technologies at their disposal.</p>
|
|
|
|
|
|
`;
|
|
|
|
|
|
var ciccio = ciccio.split(" ");
|
|
|
var cicciolen= ciccio.length;
|
|
|
var z;
|
|
|
var ids = [];
|
|
|
|
|
|
for(z=0; z < cicciolen; z++){
|
|
|
if (ciccio[z].includes("id=")){
|
|
|
ids.push(ciccio[z].replace("id=","").replace(/["]/g,""));
|
|
|
};
|
|
|
};
|
|
|
|
|
|
// console.log(ids)
|
|
|
|
|
|
|
|
|
|
|
|
var variables = ""
|
|
|
var i;
|
|
|
// for (i = 0; i<27 ; i++){
|
|
|
// variables += `\n\ \n\ var varia`+i+` = document.getElementById("`+ids[i]+`"); \n\
|
|
|
// let c`+i+`x = varia`+i+`.offsetLeft + varia`+i+`.offsetWidth / 2; \n\
|
|
|
// let c`+i+`y= varia`+i+`.offsetTop + varia`+i+`.offsetHeight / 2;`
|
|
|
// }
|
|
|
|
|
|
|
|
|
for (i = 0; i<30 ; i++){
|
|
|
variables += `\n\ \n\
|
|
|
var varia`+i+` = document.getElementById("`+ids[i]+`");
|
|
|
var varia`+i+i+i+` = document.getElementById("`+ids[i]+`-r"); \n\
|
|
|
let c`+i+`x = varia`+i+`.offsetLeft + varia`+i+`.offsetWidth / 4; \n\
|
|
|
let c`+i+`y= varia`+i+`.offsetTop + varia`+i+`.offsetHeight / 2; \n\
|
|
|
let c`+i+i+i+`x = varia`+i+i+i+`.offsetLeft + varia`+i+i+i+`.offsetWidth / 4; \n\
|
|
|
let c`+i+i+i+`y= varia`+i+i+i+`.offsetTop + varia`+i+i+i+`.offsetHeight / 2;`
|
|
|
}
|
|
|
|
|
|
// for (i = 0; i<30 ; i++){
|
|
|
// variables += `\n\ \n\
|
|
|
// var varia`+i+` = document.getElementById("`+ids[i]+`").getBoundingClientRect();
|
|
|
// var varia`+i+i+i+` = document.getElementById("`+ids[i]+`-r").getBoundingClientRect(); \n\
|
|
|
// var c`+i+`x = varia`+i+`.left;
|
|
|
// var c`+i+`y= varia`+i+`.top;
|
|
|
// var c`+i+i+i+`x = varia`+i+`.left;
|
|
|
// var c`+i+i+i+`y= varia`+i+`.top;` }
|
|
|
|
|
|
// console.log(variables)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var varia0 = document.getElementById("focus-one");
|
|
|
var varia000 = document.getElementById("focus-one-r");
|
|
|
|
|
|
let c0x = varia0.offsetLeft + varia0.offsetWidth / 4;
|
|
|
let c0y= varia0.offsetTop + varia0.offsetHeight / 2;
|
|
|
let c000x = varia000.offsetLeft + varia000.offsetWidth / 4;
|
|
|
let c000y= varia000.offsetTop + varia000.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia1 = document.getElementById("feed-africa-one");
|
|
|
var varia111 = document.getElementById("feed-africa-one-r");
|
|
|
|
|
|
let c1x = varia1.offsetLeft + varia1.offsetWidth /10 ;
|
|
|
let c1y= varia1.offsetTop + varia1.offsetHeight;
|
|
|
let c111x = varia111.offsetLeft + varia111.offsetWidth / 4;
|
|
|
let c111y= varia111.offsetTop + varia111.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia2 = document.getElementById("feed-langeq");
|
|
|
var varia222 = document.getElementById("feed-langeq-r");
|
|
|
|
|
|
let c2x = varia2.offsetLeft + varia2.offsetWidth ;
|
|
|
let c2y= varia2.offsetTop + varia2.offsetHeight / 4;
|
|
|
let c222x = varia222.offsetLeft + varia222.offsetWidth / 4;
|
|
|
let c222y= varia222.offsetTop + varia222.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia3 = document.getElementById("feed-counterhegemonic");
|
|
|
var varia333 = document.getElementById("feed-counterhegemonic-r");
|
|
|
|
|
|
let c3x = varia3.offsetLeft + varia3.offsetWidth / 4;
|
|
|
let c3y= varia3.offsetTop + varia3.offsetHeight / 2;
|
|
|
let c333x = varia333.offsetLeft + varia333.offsetWidth / 4;
|
|
|
let c333y= varia333.offsetTop + varia333.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia4 = document.getElementById("feed-senegal");
|
|
|
var varia444 = document.getElementById("feed-senegal-r");
|
|
|
|
|
|
let c4x = varia4.offsetLeft + varia4.offsetWidth / 4;
|
|
|
let c4y= varia4.offsetTop + varia4.offsetHeight / 2;
|
|
|
let c444x = varia444.offsetLeft + varia444.offsetWidth / 4;
|
|
|
let c444y= varia444.offsetTop + varia444.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia5 = document.getElementById("focus-europ-one");
|
|
|
var varia555 = document.getElementById("focus-europ-one-r");
|
|
|
|
|
|
let c5x = varia5.offsetLeft + varia5.offsetWidth / 4;
|
|
|
let c5y= varia5.offsetTop + varia5.offsetHeight / 2;
|
|
|
let c555x = varia555.offsetLeft + varia555.offsetWidth / 4;
|
|
|
let c555y= varia555.offsetTop + varia555.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia6 = document.getElementById("focus-europ-two");
|
|
|
var varia666 = document.getElementById("focus-europ-two-r");
|
|
|
|
|
|
let c6x = varia6.offsetLeft + varia6.offsetWidth / 4;
|
|
|
let c6y= varia6.offsetTop + varia6.offsetHeight / 2;
|
|
|
let c666x = varia666.offsetLeft + varia666.offsetWidth / 4;
|
|
|
let c666y= varia666.offsetTop + varia666.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia7 = document.getElementById("focus-learnafricans");
|
|
|
var varia777 = document.getElementById("focus-learnafricans-r");
|
|
|
|
|
|
let c7x = varia7.offsetLeft + varia7.offsetWidth / 4;
|
|
|
let c7y= varia7.offsetTop + varia7.offsetHeight / 2;
|
|
|
let c777x = varia777.offsetLeft + varia777.offsetWidth / 4;
|
|
|
let c777y= varia777.offsetTop + varia777.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia8 = document.getElementById("website-salta");
|
|
|
var varia888 = document.getElementById("website-salta-r");
|
|
|
|
|
|
let c8x = varia8.offsetLeft + varia8.offsetWidth / 4;
|
|
|
let c8y= varia8.offsetTop + varia8.offsetHeight / 2;
|
|
|
let c888x = varia888.offsetLeft + varia888.offsetWidth / 4;
|
|
|
let c888y= varia888.offsetTop + varia888.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia9 = document.getElementById("focus-term");
|
|
|
var varia999 = document.getElementById("focus-term-r");
|
|
|
|
|
|
let c9x = varia9.offsetLeft + (varia9.offsetWidth / 4);
|
|
|
let c9y= varia9.offsetTop + (varia9.offsetHeight / 2);
|
|
|
let c999x = varia999.offsetLeft + varia999.offsetWidth / 2;
|
|
|
let c999y= varia999.offsetTop + varia999.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia10 = document.getElementById("feed-net-one");
|
|
|
var varia101010 = document.getElementById("feed-net-one-r");
|
|
|
|
|
|
let c10x = varia10.offsetLeft + varia10.offsetWidth / 4;
|
|
|
let c10y= varia10.offsetTop + varia10.offsetHeight / 2;
|
|
|
let c101010x = varia101010.offsetLeft + varia101010.offsetWidth / 4;
|
|
|
let c101010y= varia101010.offsetTop + varia101010.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia11 = document.getElementById("feed-scheme-wrp");
|
|
|
var varia111111 = document.getElementById("feed-scheme-wrp-r");
|
|
|
|
|
|
let c11x = varia11.offsetLeft + varia11.offsetWidth / 4;
|
|
|
let c11y= varia11.offsetTop + varia11.offsetHeight / 2;
|
|
|
let c111111x = varia111111.offsetLeft + varia111111.offsetWidth / 4;
|
|
|
let c111111y= varia111111.offsetTop + varia111111.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia12 = document.getElementById("feed-net-two");
|
|
|
var varia121212 = document.getElementById("feed-net-two-r");
|
|
|
|
|
|
let c12x = varia12.offsetLeft + varia12.offsetWidth / 4;
|
|
|
let c12y= varia12.offsetTop + varia12.offsetHeight / 2;
|
|
|
let c121212x = varia121212.offsetLeft + varia121212.offsetWidth / 4;
|
|
|
let c121212y= varia121212.offsetTop + varia121212.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia13 = document.getElementById("feed-net-three");
|
|
|
var varia131313 = document.getElementById("feed-net-three-r");
|
|
|
|
|
|
let c13x = varia13.offsetLeft + varia13.offsetWidth / 4;
|
|
|
let c13y= varia13.offsetTop + varia13.offsetHeight / 2;
|
|
|
let c131313x = varia131313.offsetLeft + varia131313.offsetWidth / 4;
|
|
|
let c131313y= varia131313.offsetTop + varia131313.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia14 = document.getElementById("focus-turningideas");
|
|
|
var varia141414 = document.getElementById("focus-turningideas-r");
|
|
|
|
|
|
let c14x = varia14.offsetLeft + varia14.offsetWidth / 4;
|
|
|
let c14y= varia14.offsetTop + varia14.offsetHeight / 2;
|
|
|
let c141414x = varia141414.offsetLeft + varia141414.offsetWidth / 4;
|
|
|
let c141414y= varia141414.offsetTop + varia141414.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia15 = document.getElementById("feed-coll-net-one");
|
|
|
var varia151515 = document.getElementById("feed-coll-net-one-r");
|
|
|
|
|
|
let c15x = varia15.offsetLeft + varia15.offsetWidth / 4;
|
|
|
let c15y= varia15.offsetTop + varia15.offsetHeight / 2;
|
|
|
let c151515x = varia151515.offsetLeft + varia151515.offsetWidth / 4;
|
|
|
let c151515y= varia151515.offsetTop + varia151515.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia16 = document.getElementById("feed-coll-net-two");
|
|
|
var varia161616 = document.getElementById("feed-coll-net-two-r");
|
|
|
|
|
|
let c16x = varia16.offsetLeft + varia16.offsetWidth / 4;
|
|
|
let c16y= varia16.offsetTop + varia16.offsetHeight / 2;
|
|
|
let c161616x = varia161616.offsetLeft + varia161616.offsetWidth / 4;
|
|
|
let c161616y= varia161616.offsetTop + varia161616.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia17 = document.getElementById("focus-multilang");
|
|
|
var varia171717 = document.getElementById("focus-multilang-r");
|
|
|
|
|
|
let c17x = varia17.offsetLeft + varia17.offsetWidth / 4;
|
|
|
let c17y= varia17.offsetTop + varia17.offsetHeight / 2;
|
|
|
let c171717x = varia171717.offsetLeft + varia171717.offsetWidth / 4;
|
|
|
let c171717y= varia171717.offsetTop + varia171717.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia18 = document.getElementById("feed-coll-net-three");
|
|
|
var varia181818 = document.getElementById("feed-coll-net-three-r");
|
|
|
|
|
|
let c18x = varia18.offsetLeft + varia18.offsetWidth / 4;
|
|
|
let c18y= varia18.offsetTop + varia18.offsetHeight / 2;
|
|
|
let c181818x = varia181818.offsetLeft + varia181818.offsetWidth / 4;
|
|
|
let c181818y= varia181818.offsetTop + varia181818.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia19 = document.getElementById("feed-coll-net-four");
|
|
|
var varia191919 = document.getElementById("feed-coll-net-four-r");
|
|
|
|
|
|
let c19x = varia19.offsetLeft + varia19.offsetWidth / 4;
|
|
|
let c19y= varia19.offsetTop + varia19.offsetHeight / 2;
|
|
|
let c191919x = varia191919.offsetLeft + varia191919.offsetWidth / 4;
|
|
|
let c191919y= varia191919.offsetTop + varia191919.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia20 = document.getElementById("the-future-is-multi-lingual");
|
|
|
var varia202020 = document.getElementById("the-future-is-multi-lingual-r");
|
|
|
|
|
|
let c20x = varia20.offsetLeft + varia20.offsetWidth / 4;
|
|
|
let c20y= varia20.offsetTop + varia20.offsetHeight / 2;
|
|
|
let c202020x = varia202020.offsetLeft + varia202020.offsetWidth / 4;
|
|
|
let c202020y= varia202020.offsetTop + varia202020.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia21 = document.getElementById("focus-infograph");
|
|
|
var varia212121 = document.getElementById("focus-infograph-r");
|
|
|
|
|
|
let c21x = varia21.offsetLeft + varia21.offsetWidth / 4;
|
|
|
let c21y= varia21.offsetTop + varia21.offsetHeight / 2;
|
|
|
let c212121x = varia212121.offsetLeft + varia212121.offsetWidth / 4;
|
|
|
let c212121y= varia212121.offsetTop + varia212121.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia22 = document.getElementById("main-statement");
|
|
|
var varia222222 = document.getElementById("main-statement-r");
|
|
|
|
|
|
let c22x = varia22.offsetLeft + varia22.offsetWidth / 4;
|
|
|
let c22y= varia22.offsetTop + varia22.offsetHeight / 2;
|
|
|
let c222222x = varia222222.offsetLeft + varia222222.offsetWidth / 4;
|
|
|
let c222222y= varia222222.offsetTop + varia222222.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia23 = document.getElementById("feed-coll-net-five");
|
|
|
var varia232323 = document.getElementById("feed-coll-net-five-r");
|
|
|
|
|
|
let c23x = varia23.offsetLeft + varia23.offsetWidth / 4;
|
|
|
let c23y= varia23.offsetTop + varia23.offsetHeight / 2;
|
|
|
let c232323x = varia232323.offsetLeft + varia232323.offsetWidth / 4;
|
|
|
let c232323y= varia232323.offsetTop + varia232323.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia24 = document.getElementById("focus-end");
|
|
|
var varia242424 = document.getElementById("focus-end-r");
|
|
|
|
|
|
let c24x = varia24.offsetLeft + varia24.offsetWidth / 4;
|
|
|
let c24y= varia24.offsetTop + varia24.offsetHeight / 2;
|
|
|
let c242424x = varia242424.offsetLeft + varia242424.offsetWidth / 4;
|
|
|
let c242424y= varia242424.offsetTop + varia242424.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia25 = document.getElementById("feed-bot");
|
|
|
var varia252525 = document.getElementById("feed-bot-r");
|
|
|
|
|
|
let c25x = varia25.offsetLeft + varia25.offsetWidth / 2;
|
|
|
let c25y= varia25.offsetTop + varia25.offsetHeight / 2;
|
|
|
let c252525x = varia252525.offsetLeft + varia252525.offsetWidth / 2;
|
|
|
let c252525y= varia252525.offsetTop + varia252525.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia26 = document.getElementById("engl");
|
|
|
|
|
|
let cenglx = varia26.offsetLeft + varia26.offsetWidth / 2;
|
|
|
let cengly= varia26.offsetTop + varia26.offsetHeight / 2;
|
|
|
|
|
|
var varia27 = document.getElementById("barsa");
|
|
|
|
|
|
let cbx = varia27.offsetLeft + varia27.offsetWidth / 2;
|
|
|
let cby= varia27.offsetTop + varia27.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
var varia28 = document.getElementById("tradu");
|
|
|
|
|
|
let cx = varia28.offsetLeft + varia28.offsetWidth / 2;
|
|
|
let cy= varia28.offsetTop + varia28.offsetHeight / 2;
|
|
|
|
|
|
var varia29 = document.getElementById("tradu-pre");
|
|
|
|
|
|
let cpx = varia29.offsetLeft + varia29.offsetWidth / 2;
|
|
|
let cpy= varia29.offsetTop + varia29.offsetHeight / 2;
|
|
|
|
|
|
|
|
|
|
|
|
var variablesP5 = ""
|
|
|
var i;
|
|
|
for (i = 0; i<26 ; i = i+2){
|
|
|
variablesP5 +=
|
|
|
|
|
|
`scribble.scribbleEllipse(c`+i+`x, c`+i+`y,200,30);
|
|
|
scribble.scribbleLine(c`+i+`x, c`+i+`y, c`+i+i+i +`x, c`+i+i+i +`y);
|
|
|
stroke( 255, 27, 198, 50); \n \n`
|
|
|
|
|
|
}
|
|
|
|
|
|
for (i = 1; i<26 ; i = i+2){
|
|
|
variablesP5 +=
|
|
|
|
|
|
`scribble.scribbleEllipse(c`+i+`x, c`+i+`y,200,30);
|
|
|
scribble.scribbleLine(c`+i+`x, c`+i+`y, c`+i+i+i +`x, c`+i+i+i +`y);
|
|
|
stroke(13, 244, 111, 50 );\n \n`
|
|
|
}
|
|
|
|
|
|
console.log(variablesP5)
|
|
|
|
|
|
|
|
|
|
|
|
// function windowResized(){
|
|
|
// // resizeCanvas(totW, totH);
|
|
|
// resizeCanvas(2029,11205.671875);
|
|
|
// // console.log(totW,totH)
|
|
|
// }
|
|
|
|
|
|
var scribble = new Scribble();
|
|
|
scribble.roughness = 1.5;
|
|
|
scribble.bowing = 0.1;
|
|
|
scribble.numEllipseSteps = 1
|
|
|
|
|
|
var totW = document.body.getBoundingClientRect().width
|
|
|
var totH = document.body.getBoundingClientRect().height
|
|
|
|
|
|
console.log(totW,totH)
|
|
|
|
|
|
function setup(){
|
|
|
|
|
|
var canvas = createCanvas(totW, totH);
|
|
|
canvas.position(0,0);
|
|
|
canvas.style('z-index','-10');
|
|
|
|
|
|
|
|
|
strokeWeight( 5 );
|
|
|
noFill();
|
|
|
|
|
|
stroke(13, 244, 111, 40 );
|
|
|
scribble.scribbleEllipse(cenglx-120, cengly,720,220);
|
|
|
strokeWeight(2 );
|
|
|
stroke(255,105,180, 40 );
|
|
|
scribble.scribbleEllipse(cenglx-115, cengly,710,180);
|
|
|
scribble.scribbleEllipse(cbx,cby+170,280,50);
|
|
|
scribble.scribbleLine(cbx+170, cby+180, cenglx-300, cengly);
|
|
|
|
|
|
stroke(255,105,180, 40 );
|
|
|
|
|
|
strokeWeight(2 );
|
|
|
|
|
|
stroke(13, 244, 111, 60 );
|
|
|
scribble.scribbleEllipse(cpx, cpy,200,30);
|
|
|
scribble.scribbleLine(cx,cy,cpx,cpy);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
noFill();
|
|
|
strokeWeight( 2 );
|
|
|
|
|
|
stroke(13, 244, 111, 60 );
|
|
|
scribble.scribbleEllipse(c0x, c0y,200,30);
|
|
|
scribble.scribbleLine(c0x, c0y, c000x, c000y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c2x, c2y,200,30);
|
|
|
scribble.scribbleLine(c2x, c2y, c222x, c222y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c4x, c4y,200,30);
|
|
|
scribble.scribbleLine(c4x, c4y, c444x, c444y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c6x, c6y,200,30);
|
|
|
scribble.scribbleLine(c6x, c6y, c666x, c666y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c8x, c8y,200,30);
|
|
|
scribble.scribbleLine(c8x, c8y, c888x, c888y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c10x, c10y,200,30);
|
|
|
scribble.scribbleLine(c10x, c10y, c101010x, c101010y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c12x, c12y,200,30);
|
|
|
scribble.scribbleLine(c12x, c12y, c121212x, c121212y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c14x, c14y,200,30);
|
|
|
scribble.scribbleLine(c14x, c14y, c141414x, c141414y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c16x, c16y+55,200,30);
|
|
|
scribble.scribbleLine(c16x, c16y+55, c161616x, c161616y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c18x, c18y+55,200,30);
|
|
|
scribble.scribbleLine(c18x, c18y+55, c181818x, c181818y);
|
|
|
|
|
|
stroke(255,105,180, 40 );
|
|
|
scribble.scribbleEllipse(c20x, c20y+55,300,40);
|
|
|
scribble.scribbleLine(c20x, c20y+55, c202020x, c202020y);
|
|
|
|
|
|
stroke(13, 244, 111, 60 );
|
|
|
|
|
|
scribble.scribbleEllipse(c22x, c22y+55,200,30);
|
|
|
scribble.scribbleLine(c22x, c22y+55, c222222x, c222222y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c24x, c24y+55,200,30);
|
|
|
scribble.scribbleLine(c24x, c24y+55, c242424x, c242424y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c1x, c1y,200,30);
|
|
|
scribble.scribbleLine(c1x, c1y, c111x, c111y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c3x, c3y,200,30);
|
|
|
scribble.scribbleLine(c3x, c3y, c333x, c333y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c5x, c5y,200,30);
|
|
|
scribble.scribbleLine(c5x, c5y, c555x, c555y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c7x, c7y,200,30);
|
|
|
scribble.scribbleLine(c7x, c7y, c777x, c777y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c9x, c9y,200,30);
|
|
|
scribble.scribbleLine(c9x, c9y, c999x, c999y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c11x, c11y,200,30);
|
|
|
scribble.scribbleLine(c11x, c11y, c111111x, c111111y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c13x, c13y,200,30);
|
|
|
scribble.scribbleLine(c13x, c13y, c131313x, c131313y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c15x, c15y+55,200,30);
|
|
|
scribble.scribbleLine(c15x, c15y+55, c151515x, c151515y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c17x, c17y+55,200,30);
|
|
|
scribble.scribbleLine(c17x, c17y+55, c171717x, c171717y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c19x, c19y+55,200,30);
|
|
|
scribble.scribbleLine(c19x, c19y+55, c191919x, c191919y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c21x, c21y+55,200,30);
|
|
|
scribble.scribbleLine(c21x, c21y+55, c212121x, c212121y);
|
|
|
|
|
|
scribble.scribbleEllipse(c23x, c23y+55,200,30);
|
|
|
scribble.scribbleLine(c23x, c23y+55, c232323x, c232323y);
|
|
|
|
|
|
|
|
|
scribble.scribbleEllipse(c25x, c25y+55,200,30);
|
|
|
scribble.scribbleLine(c25x, c25y+55, c252525x, c252525y);
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
function draw(){
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
//}
|
|
|
|
|
|
//document.addEventListener("DOMContentLoaded", go);
|