tuvutepamoja
/
submission


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
							<!DOCTYPE html>
<html>
	<meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="css/style.css">
	<head>
		<title>An African Language Short Story Competition</title>
	</head>

	<body>
	    <ul>
	    <li><a id="home" href="index.php">Home</a></li>
	    <li><a id="original" href="submit.php">Original Story Submission</a></li>
            <li><a id="translation" class=active href="#">Translated Story Submission</a></li>
	    <li><a id="stories" href="displaystories.php">Submitted Stories</a></li>
            <li><a id="statistics" href="submissionstatistics.php">Submissions per Language</a></li>
       <!--     <li><a id="coordinate" href="coordinator.php">Coordinator Application</a></li> -->
            <li><a id="contact" href="contact.php">Contact</a></li>
            <li><a id="resources" href="resources.php">Resources</a></li>
            <li><a id="flyers" href="flyers.php">Flyers</a></li> 
            <li><a id="faq" href="faq.php">Frequently Asked Questions</a></li>
            <li><a id="privacy" href="privacy.php">Privacy</a></li>
	    </ul>
	    <header>
			<h1>Tuvute Pamoja
			<a href="https://deeplearningindaba.com">
                         <img src="images/deeplearningindaba.svg" alt="Deeplearning Indaba" style="height:60px">
			</a></h1>
        </header>
<?php include 'submitdatabaseinfo.php';?>
<?php include 'submittranslationsetup.php';?>

		<h1 id="title">An African Language Short Story Competition</h1>
<div>
<h3 id="descriptiontitle">General Description</h3>
                        <p id="descriptiontext1">Thank you for making a submission. Your translation should be suitable for people between the ages of 5 and 12 years old.  The original stories draw some inspiration from the traditions and cultures of the group that uses that language, you may find some terms cannot be translated, in which case a short description can be used as well as the original term.  Original stories are between 800 and 1200 words, conciseness of languages differ, and explanations of terms may also be needed, so translations should be between 600 and 1600 words. Prizes will be available for translated stories. Stories will be judged by those who have submitted a story or a translation in a language or language group. Stories with the highest scores will win prizes. A prize of $20 will be given to the translator of the best translated short story in each language.  Should a story be translated multiple times, the last translator of the story into the language in which the story is judged to be the best will win the $20 prize.  A prize of $20 will be given to the author of the best translated short story in each language.  Translated stories will be evaluated on a 5 point scale on:</p>
			<ol>
                        <li id="descriptiontext2">Grammar and spelling</li><br>
                        <li id="descriptiontext3">Theme and plot</li><br>
                        <li id="descriptiontext4">Style</li><br>
                        <li id="descriptiontext5">Cultural knowledge gained</li><br>
                        <li id="descriptiontext6">Overall impression</li><br>
                        </ol>
                        <p id="descriptiontext7">The average score will be used to rank stories, in case of a 
tie, the organizing committee will randomly choose one story to receive a prize.</p>
</div>
                </section>
                <section>
                        <div>
                        <h3 id="furtherules">Further Rules</h3>
                        <ol>
                        <li id="furtherrulestext1">Entries will be evaluated anonymously, authors and translators may advertise the competition, and their entry in it, but should not advertise their authorship or translation of an article until winners are announced.</li><br>
                        <li id="furtherrulestext2">All entries will be released under a creative commons attribution license that allows others to distribute, remix, adapt and build upon your work, even commercially, as
long as they credit the authors for the original creation and translators for the translation. For more on this license see:</li><br><a href="https://creativecommons.org/licenses/by/4.0/">https://creativecommons.org/licenses/by/4.0/</a><br>
                        <li id="furtherrulestext3">You may choose to use a pseudonym.</li><br>
                        <li id="furtherrulestext4">Should you win a prize and not wish to be identified, you may choose to have your earnings given to a charitable organization of your choice.</li><br>
                        </ol>
                        </div>
		</section>
		<section>
<div>
<form method="post" action="">

   <p>
	<label id="languagefromlabel" for="languagefrom">
         Select a language you would like to translate from 
        </label>
        <span class="error">*</span><br>
        <span class="error"><?php echo $languagefromErr;?></span><br>
	<select class="language" id="languagefrom" name="languagefrom" onchange="getstorytitles()">
        <option data-language="" value="<?php echo $languagefrom;?>"><?php echo $originallanguagename;?></option>
        <?php include 'languagelist.php';?>
        </select>
   </p>
<table id="titles" ></table>
<p>You have translated the story:</p>
<p>
<textarea id="originalidstring" type="text" name="originaltitle" maxlength="100" style="width:750px" rows="1" readonly><?php echo $originaltitle;?></textarea><br>
</p>
<input id="originalid" name="originalid" type="hidden" value="<?php echo $originalid;?>"></input>

   <label id="languagetolabel" for="languageto">Select the language you have translated to </label>
   <span class="error">*</span><br>
        <span class="error"><?php echo $languagetoErr;?></span><br>
	<select class="language" id="languageto" name="languageto">
        <option data-language="" value="<?php echo $languageto;?>"><?php echo $translatedlanguagename;?></option>
        <?php include 'languagelist.php';?>	
	</select>

                        <p>
                        <label id="namelabel" for="name">What is your name/pseudonym?</label>
                        <span class="error">*</span><br>
                        <span class="error"><?php echo $nameErr;?></span><br>
                        <input id="name" type="text" name="name" style="width:375px" maxlength="100" value="<?php echo $name;?>"><br>
                        </p>
                        <p>
                        <label id="legalpermissionlabel" for="legalpermission">Are you an adult in the region you live in, if not do you have permission from a parent or legal guardian to participate in this competition?</label>
                        <span class="error">*</span><br>
                        <span class="error"><?php echo $legalpermissionErr;?> </span><br>
                        <select id="legalpermission" name="legalpermission">
                          <option id="legalpermissionno" value="no">no</option>
                          <option id="legalpermissionyes" value="yes">yes</option>
			</select>
            </p>
            <p>
            <label id="emaillabel" for="email">What is your e-mail address?</label>
            <span class="error">*</span><br>
            <span class="error"><?php echo $emailErr;?></span><br>
            <input type="email" id="email" name="email" style="width:375px" value="<?php echo $email;?>"><br>
	    </p>

            <?php include 'gettelephone.php';?>

	  <p>
        <label id="titlelabel" for="title">What is the title of your translated story</label>
        <span class="error">*</span><br>
        <span class="error"><?php echo $titleErr;?></span><br>
        <textarea id="title" type="text" name="title" maxlength="100" style="width:750px" rows="1"><?php echo $title;?></textarea><br>
	</p>
        <p>
        <label id="translatorlabel" for="translator">Are you the translator of this work, if you are not the translator do you have permission from the translator to submit the work on their behalf?</label>
                        <span class="error">*</span><br>
                        <span class="error"><?php echo $translatorErr;?></span><br>
                        <select id="translator" name="translator">
                          <option id="translatorno" value="no">no</option>
                          <option id="translatoryes" value="yes">yes</option>
                        </select>
      </p>
      <p>
        <label id="storylabel" for="story">Please enter the text for your translation here</label>
        <span class="error">*</span><br>
        <span class="error"><?php echo $storyErr;?></span><br>
	<textarea id="story" type="text" dir="ltr" name="story" size="30000" maxlength="30000" cols="70" rows="25" style="width:750px"><?php echo $story;?></textarea><br>
    </p>

      <p>
      <button id="submit" type="submit" name="submit" value="submit">Submit</button>
    </p>

    </form>
 <p>
 <button id="wordcountbutton" onclick="wordcountinfo()">Update word count</button>
    </p>
    <h4 id="wordsentered">Words Entered:</h4>
    <h4 id="wordscounted">0</h4>
</div>
</section>
<section>
<div>
  
                       <div id="keyboarddiv">
                        <?php include "softkeyboard.php" ;?>
			</div>
</div>
	</section>
<?php include 'getlanguage.php';?>
<?php include 'submittranslationsave.php';?>
</body>
<?php include 'footer.php';?>
<script>
function getstorytitles() {

  var lang = document.getElementById("languagefrom").value;	
  //use ajax to get stories from database in that language      
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("titles").innerHTML = this.responseText;
    }
  };
  xmlhttp.open("GET","gettitlestotranslate.php?lang="+lang,true);
  xmlhttp.send();
}
function showtitle(storyid) {
	document.getElementById("originalidstring").innerHTML = 
		document.getElementById(storyid.toString()).innerHTML;
	document.getElementById("originalid").value = storyid; 
        document.getElementById("originalid").innerHTML = storyid;
}
function addcharacter(id) {
  var charin = document.getElementById(id).value;
  var character;
  var start;
  var end;
  //console.log(id);
  //console.log(charin);
  var text = document.getElementById("story").value;
  var input = document.getElementById("story");
  var cursorpos = input.selectionStart;
  // A slow but reliable entry method
  start = text.substring(0,cursorpos);
  end = text.substring(cursorpos,text.length);
  if (charin==="") {
    character="";
  }else if (id==="Backspace") {
    character="";
    start = start.substring(0,start.length-1);
  }else if ((id==="Enter")||(id==="Tab")){
    character = charin;
  }else{
    character = String.fromCharCode(charin);
  }
    //console.log(character);
    document.getElementById("story").value = start + character + end;
}
function shiftwrap() {
  var value = document.getElementById("keyboardtype").value;
  shift(value);
}
function changecasewrap() {
  var value = document.getElementById("keyboardtype").value;
  changecase(value);
}
function altgrwrap() {
  var value = document.getElementById("keyboardtype").value;
  altgr(value);
}
function keyboardwrap() {
  var value = document.getElementById("keyboardtype").value;
  keyboard(value);
  if(value==="ara") {
    document.getElementById("story").dir="rtl";
  }else{
    document.getElementById("story").dir="ltr";
  }
}
</script>
<script type="text/javascript" src="js/afrikaanskeys.js"></script>
<script type="text/javascript" src="js/akankeys.js"></script>
<script type="text/javascript" src="js/amharickeys.js"></script>
<script type="text/javascript" src="js/arabickeys.js"></script>
<script type="text/javascript" src="js/atesokeys.js"></script>
<script type="text/javascript" src="js/bembakeys.js"></script>
<script type="text/javascript" src="js/camerooniankeys.js"></script>
<script type="text/javascript" src="js/dagbanikeys.js"></script>
<script type="text/javascript" src="js/englishkeys.js"></script>
<script type="text/javascript" src="js/ewekeys.js"></script>
<script type="text/javascript" src="js/gakeys.js"></script>
<script type="text/javascript" src="js/hausakeys.js"></script>
<script type="text/javascript" src="js/igbokeys.js"></script>
<script type="text/javascript" src="js/kikuyukeys.js"></script>
<script type="text/javascript" src="js/lingalakeys.js"></script>
<script type="text/javascript" src="js/lugandakeys.js"></script>
<script type="text/javascript" src="js/malikeys.js"></script>
<script type="text/javascript" src="js/sesothokeys.js"></script>
<script type="text/javascript" src="js/togokeys.js"></script>
<script type="text/javascript" src="js/wolofkeys.js"></script>
<script type="text/javascript" src="js/yorubakeys.js"></script>
<script type="text/javascript" src="js/keyboard.js"></script>
<script type="text/javascript" src="js/wordcount.js"></script>
</html>