a/guide.en

   1
   2 <div class="row clearfix">
   3
   4 <div class="col-md-8 column">
   5 <div class="jumbotron">
   6 <h2>Quick Start Guide:</h2>
   7 <ul>
   8         <li>First of all you need to <b>create an account</b>. For this, click the <b>Account</b> button in the navbar.
   9         When you want to do an action that needs an account you will be requiered to log in. <i>For example see last step in the Submitting part.</i></li>
  10         <li>In order to <b>take part in a contest</b> <u>you don't need to register to a particular one</u>. You just need to <b>access its page</b> after the contest starts.</li>
  11         <li>To <b>submit a solution</b> you can either paste your code into the text area for the corresponding problem or browse for the source. In what follows you can see all the steps for submitting:  </li>
  12 </ul>
  13
  14 <div style="clear: both; display:block; position:relative; float: left; width: 600px">
  15         <h3>STEP 1: Choosing a problem from the list</h3>
  16         <img alt="" height="272" src="/static/guide/1.png" width="400" style="float: left; margin:2px 10px">
  17         <br><p>In order to choose a problem click the <b>Problems</b> button from the
  18         navbar. </p>
  19         <p>Then <b>click on</b> the problem you want to solve.
  20 <br><i>For example let's choose <b>A+B</b> problem.</i> </p>
  21 </div>
  22
  23 <div style="clear: both; display:block; position:relative; float: left">
  24         <h3>STEP 2: Starting to fill the form</h3>
  25         <img alt="" height="272" src="/static/guide/2.png" width="400" style="float: left; margin:2px 10px">
  26         <br>
  27         <p> From now on we focus on <b>Submit solution</b> area. </p>
  28         <p> Here we can find the form to be filled in order to upload a solution to any given problem.</p>
  29 </div>
  30
  31 <div style="clear: both; display:block; position:relative; float: left">
  32         <h3>STEP 3: Solution source code</h3>
  33         <table style="margin-left:10px; text-align:center">
  34         <tr>
  35                 <td style="width:200px"><b>1st Option</b> - Upload the source file<br>
  36                         <img alt="" height="192" src="/static/guide/3.png" width="350" style="margin:2px 10px"><br>
  37                         Go to <b>Choose file</b> button from <b>File</b> area and then choose the source file.
  38                 </td>
  39                 <td> or </td>
  40                 <td style="width:200px"><b>2nd Option</b> - Paste the code<br>
  41                         <img alt="" height="340" src="/static/guide/3.2.png" width="250" style="margin:2px 10px">
  42                 </td>
  43         </tr>
  44         </table>
  45         <i>Here are some examples for how to submit:</i>
  46         <ul>
  47                 <li><a href="http://ideone.com/58mgdC" target="_blank">C</a></li>
  48                 <li><a href="http://ideone.com/gH3zg1" target="_blank">C++</a></li>
  49                 <li><a href="http://ideone.com/N7TkzK" target="_blank">Java</a></li>
  50                 <li><a href="http://ideone.com/dQgwIT" target="_blank">Pascal</a></li>
  51                 <li><a href="http://ideone.com/gSKAGU" target="_blank">Perl</a></li>
  52                 <li><a href="http://ideone.com/3H6NmV" target="_blank">Python</a></li>
  53         </ul>
  54 </div>
  55
  56
  57 <div style="clear: both; display:block; position:relative; float: left">
  58         <h3>STEP 4: Selecting the file format</h3>
  59         <img alt="" height="270" src="/static/guide/4.png" width="250" style="float: left; margin:2px 10px">
  60         <p> After uploading the source code we have to choose the format
  61         corresponding to the code we provided as solution.</p>
  62 </div>
  63
  64 <div style="clear: both; display:block; position:relative; float: left">
  65         <h3>...and SUBMIT</h3>
  66         <img alt="" height="260" src="/static/guide/5.png" width="250" style="float: left; margin:2px 10px">
  67         <p>Click the <b>Submit job</b> button and wait for the results.</p> <p>You will be redirected
  68         to <b>Job log</b> page where you can see the results. </p>
  69
  70 </div>
  71 <div style="clear:both"> </div>
  72
  73 <h3>Good luck!</h3>
  74
  75
  76 </div>
  77 <div class="col-md-4 column">
  78 <div id="sponsors"></div>
  79 </div>
  80 </div>