Commit fffad288c86607f2b05bde68e4bfd231f3a4d8aa

  • avatar
  • pradeep <pradeep @pradeep-V…ualBox.(none)>
  • Tue Apr 30 13:14:17 IST 2013
Modifications
  • Diff rendering mode:
  • inline
  • side by side

audios.html

37<div class="box">37<div class="box">
38<span class="text" style="margin-left:-40px;"><b>Place: Sreenivasa Nagara, Date: 31-Mar-2013</b></span><hr>38<span class="text" style="margin-left:-40px;"><b>Place: Sreenivasa Nagara, Date: 31-Mar-2013</b></span><hr>
39<div class="sound">39<div class="sound">
40<h4>Interaction with kid - Audio Recording</h4>
40<h4>Interview with shepherd's son - Audio Recording</h4>
41 <audio controls>41 <audio controls>
42 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_kid.ogg" type="audio/ogg">42 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_kid.ogg" type="audio/ogg">
43 </audio>43 </audio>
4444
45<div style="margin:-98px 0px 0px 380px"><h4>Interaction with servant - Audio Recording</h4>
45<div style="margin:-98px 0px 0px 400px"><h4>Interview with shepherd servant - Audio Recording</h4>
46 <audio controls>46 <audio controls>
47 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_servant.ogg" type="audio/ogg">47 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_servant.ogg" type="audio/ogg">
48 </audio></div> 48 </audio></div>
4949
50<div style="margin:-98px 0px 0px 780px"><h4>Interaction with shepherd - Audio Recording</h4>
50<div style="margin:-98px 0px 0px 815px"><h4>Interview with shepherd(Mr.Basappa) - Audio Recording</h4>
51 <audio controls>51 <audio controls>
52 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_shepherd.ogg" type="audio/ogg">52 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_shepherd.ogg" type="audio/ogg">
53 </audio> </div>53 </audio> </div>

audiovideos.html

30<div class="box">30<div class="box">
31<span id="atext"class="text" style="margin-left:-40px;"><b>Place: Somalapura cross, Kampli Date: 06-Jan-2013</b></span><hr>31<span id="atext"class="text" style="margin-left:-40px;"><b>Place: Somalapura cross, Kampli Date: 06-Jan-2013</b></span><hr>
3232
33 <h4>Conversation with Vajir</h4>
33 <h4>Ineterview with Vajir</h4>
34 <audio controls>34 <audio controls>
35 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/Memo.ogg" type="audio/ogg">35 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/Memo.ogg" type="audio/ogg">
36 </audio> </div><hr>36 </audio> </div><hr>
37<div class="box">37<div class="box">
38<span id="atext1" class="text" style="margin-left:-40px;"><b>Place: Sreenivasa Nagara, Date: 31-Mar-2013</b></span><hr>38<span id="atext1" class="text" style="margin-left:-40px;"><b>Place: Sreenivasa Nagara, Date: 31-Mar-2013</b></span><hr>
39<div class="sound">39<div class="sound">
40<h4>Interaction with kid</h4>
40<h4>Interaction with shepherd's son</h4>
41 <audio controls>41 <audio controls>
42 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_kid.ogg" type="audio/ogg">42 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_kid.ogg" type="audio/ogg">
43 </audio>43 </audio>
4444
45<div id="atext2" style="margin:-113px 0px 0px 370px"><h4>Interaction with servant</h4>
45<div id="atext2" style="margin:-98px 0px 0px 370px"><h4>Interaction with shepherd servant</h4>
46 <audio controls>46 <audio controls>
47 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_servant.ogg" type="audio/ogg">47 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_servant.ogg" type="audio/ogg">
48 </audio></div> 48 </audio></div>
4949
50<div id="atext3" style="margin:-113px 0px 0px 760px"><h4>Interaction with Basanna shepherd from Bandanahatti</h4>
50<div id="atext3" style="margin:-98px 0px 0px 760px"><h4>Interaction with Basanna shepherd from Bandanahatti</h4>
51 <audio controls>51 <audio controls>
52 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_shepherd.ogg" type="audio/ogg">52 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_shepherd.ogg" type="audio/ogg">
53 </audio> </div>53 </audio> </div>
5858
5959
60<div class="box">60<div class="box">
61<span "vtext" class="text" style="margin-left:-40px;"><b>Place: Somalapura cross, Kampli</b></span>
62
63<div class="inside" style="display:inline">
64 <div id="thumbnails" style="display:inline">
65 <h4>Little informations about a lamb</h4>
61<span "vtext" class="text" style="margin-left:-40px;"><b>Place: Somalapura cross, Kampli</b></span><hr/>
62<!--<div class="inside" style="display:inline">
63 <div id="thumbnails" style="display:inline">-->
64 <h4>What's in a lamb?</h4>
66 <video width="300" height="240" controls>65 <video width="300" height="240" controls>
67 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheep.ogv" type="video/ogg">66 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheep.ogv" type="video/ogg">
68 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheepvid.mp4" type="video/mp4">67 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheepvid.mp4" type="video/mp4">
77 </video>77 </video>
78 </div>-->78 </div>-->
7979
80 <h4>Interacting with female family members</h4>
80 <h4>Interacting with shepherd female family members</h4>
81 <video width="300" height="240" controls>81 <video width="300" height="240" controls>
82 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/butterchunner.mp4" type="video/mp4">82 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/butterchunner.mp4" type="video/mp4">
83 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/shepherd.ogv" type="video/ogg">83 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/shepherd.ogv" type="video/ogg">

css/main.css

42}42}
43.inside {43.inside {
44 width:100%;44 width:100%;
45 margin:0px 0px 0px 0px;
45 position:relative;46 position:relative;
46 height:auto;47 height:auto;
47 }48 }
48.travelogue {49.travelogue {
49 margin:0px 0px 0px 30px;50 margin:0px 0px 0px 30px;
50 width:1060px;
51 width:1070px;
51 postion:relative;52 postion:relative;
52}53}
53.imgsize {54.imgsize {

data.html

31 <h3>Collective list of shepherds and track routes </h3>31 <h3>Collective list of shepherds and track routes </h3>
32 <ul>32 <ul>
33 <li><a href="data/namesofshepherds.html"> Doc listing 57 shepherd names</a></li>33 <li><a href="data/namesofshepherds.html"> Doc listing 57 shepherd names</a></li>
34 <li><a href="data/Sheeptracks.html"> Track Infos using Pugmarks </a></li>
34 <li><a href="data/Sheeptracks.html"> Track Infomation using Pugmarks </a></li>
35 </ul>35 </ul>
3636
37 <h3> Docs and datasheets</h3>37 <h3> Docs and datasheets</h3>
39 <ul>39 <ul>
40 <li><a href="data/shalini_bgm_report.html">Document detailing work plan and interaction with shepherds</a></li>40 <li><a href="data/shalini_bgm_report.html">Document detailing work plan and interaction with shepherds</a></li>
41 <li><a href="data/firstdata.xlsx">First set of 10 shepherd details by Neelkant Mama</a></li>41 <li><a href="data/firstdata.xlsx">First set of 10 shepherd details by Neelkant Mama</a></li>
42 <li><a href="data/nov2012.xls">Shepherd details collected in the month of nov and dec by Neelkant Mama</a></li>
42 <li><a href="data/nov2012.xls">Shepherd details collected in the month of Nov and Dec by Neelkant Mama</a></li>
43 </ul>43 </ul>
44 <h4>ii) Jan2013, Somalapura cross - Lifestyle of shepherds with their herds</h4>44 <h4>ii) Jan2013, Somalapura cross - Lifestyle of shepherds with their herds</h4>
45 <ul>45 <ul>
46 <li><a href="data/pradeepjan2013.html"> Document detailing shepherds lifestyle/socio-eco status></a></li>46 <li><a href="data/pradeepjan2013.html"> Document detailing shepherds lifestyle/socio-eco status></a></li>
47 <li><a href="data/firstdata.xlsx">shepherd details collected for the month of Jan2013 by Neelkant Mama</a></li>
47 <li><a href="data/firstdata.xlsx">Shepherd details collected for the month of Jan2013 by Neelkant Mama</a></li>
48 </ul>48 </ul>
49 <h4>iii) Datasheets for the month of Feb</h4>49 <h4>iii) Datasheets for the month of Feb</h4>
50 <ul>50 <ul>

index.html

24 <li><a href="audios.html">Audios</a></li>24 <li><a href="audios.html">Audios</a></li>
25 <li><a href="videos.html">Videos</a></li>25 <li><a href="videos.html">Videos</a></li>
26</ul></div><hr></div>26</ul></div><hr></div>
27<h3 id="hometravel" style="margin-left:50px;">Travelogues</h3>
27<div id="content" class="content">28<div id="content" class="content">
28<!--<span class="text"><a href="track1.html">Travelogues</span><br>-->
29<div id="inside" class="inside"><a href="travelogue.html"><img id="image_home_2" class="box" src="images/track1.jpg" alt="images" title="Track showing 13 shepherds location near Sreenivasa Nagara and Kallukamba"/></a>29<div id="inside" class="inside"><a href="travelogue.html"><img id="image_home_2" class="box" src="images/track1.jpg" alt="images" title="Track showing 13 shepherds location near Sreenivasa Nagara and Kallukamba"/></a>
30<a href="travelogue.html"><img id="image_home_2" class="box" src="images/track2.jpg" alt="images" title="Grazing points at Somalapura Cross"></a>30<a href="travelogue.html"><img id="image_home_2" class="box" src="images/track2.jpg" alt="images" title="Grazing points at Somalapura Cross"></a>
31<a href="travelogue.html"><img id="image_home_3" class="box" src="images/track3.jpg" alt="images" title="The track details out the path that shepherds took"></a><hr/></div>31<a href="travelogue.html"><img id="image_home_3" class="box" src="images/track3.jpg" alt="images" title="The track details out the path that shepherds took"></a><hr/></div>
32<!--<div class="text"><a href="images.html">Follow the Sheep</span>-->
32<h3 id="homegallery" style="margin-left:50px;">Image-Gallery</h3>
33<div id="inside1" class="inside">33<div id="inside1" class="inside">
34<a href="images.html"><img id="image_home_4" class="box" src="images/tent.jpg" alt="images" title="image gallery"/></a>34<a href="images.html"><img id="image_home_4" class="box" src="images/tent.jpg" alt="images" title="image gallery"/></a>
35<a href="images.html"><img id="image_home_5" class="box" src="images/sheep1.jpg" alt="images" title="image gallery"/></a>35<a href="images.html"><img id="image_home_5" class="box" src="images/sheep1.jpg" alt="images" title="image gallery"/></a>

videos.html

3131
32<div class="inside" style="display:inline">32<div class="inside" style="display:inline">
33 <!--<div id="thumbnails" style="display:inline">-->33 <!--<div id="thumbnails" style="display:inline">-->
34 <h3>Little informations about a lamb</h3>
34 <h3>What's in a lamb?</h3>
35 <video width="300" height="240" controls>35 <video width="300" height="240" controls>
36 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheep.ogv" type="video/ogg">36 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheep.ogv" type="video/ogg">
37 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheepvid.mp4" type="video/mp4">37 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheepvid.mp4" type="video/mp4">
5151
52<div class="inside" style="display:inline">52<div class="inside" style="display:inline">
53 53
54 <h3>Interacting with female family members</h3>
54 <h3>Interacting with shepherd female family members</h3>
55 <video width="300" height="240" controls>55 <video width="300" height="240" controls>
56 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/shepherd.ogv" type="video/ogg">56 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/shepherd.ogv" type="video/ogg">
57 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/butterchunner.mp4" type="video/mp4">57 <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/butterchunner.mp4" type="video/mp4">