Skip to content

madhavipuliraju/physical-sciences-iiith

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

===========================================================

Congratulations!

You have successfully checked out a copy of the latest
stable release of Virtual Lab Developer Kit. The current
stable release is 1.5 . The kit contains all that is
necessary to indicate the structure, that your lab should
follow.


Kindly make a note of a few changes. New Tabs have been
added for: 
  1) Target Audience
  2) Courses Aligned
  3) Pre-requisite Softwares 

In order to be consistent with all other labs, you therefore
need to add the above mentioned 3 more sections to the home
page of your virtual lab. Now, thus, you should have the
following sections on the home page of your lab:

  1) Introduction
  2) List Of Experiments
  3) Target Audience
  4) Courses Aligned
  5) Pre-requisite Softwares
  6) Feedback


You can make the required changes by editing "content.html"
in the following manner:

> Open "content.html" in your preferred editor and search
  for last closing html tag </section>.
> Open the "change.html" file in your choice of editor.
> Select all the content of file "change.html". 
> Copy the content and paste it after the last closing html
  tag </section> (you searched for before).


This is how your content.html will look like once done with
the changes:

/*********************************************************/

<!-- Second section of the article-->
<section id="lab-article-section-2">

<div id="lab-article-section-2-icon" class="icon">
  <!-- Enclose the icon image for the section. -->
  <img src="images/simulation.jpg" />
</div>


<!-- The heading for the section can be enclosed in a 
div tag and shown with a <h2> tag -->
<div id="lab-article-section-2-heading" class="heading">
  List of experiments
</div>
			
<!-- Write the section content inside a paragraph 
element, You can also include images with <img> tag -->
<div id="lab-article-section-2-content" class="content">
  <ul id="list-of-experiments">
  
    <li> 
      <!--Link and name of the experiment 1 -->
      <a href="exp1/index.html">Simple Pendulum Experiment</a> 
    </li>
  </ul>
</div>

</section>

// All the content from "change.html" will follow here.


/*********************************************************/

Now you need to create a fresh build directory for your
virtual lab. To do this,

> Run makefile by the following commands at the same level
  as that of makefile as indicated below: 

/*********************************************************/

  $ make clean           //cleans the build directory 
  $ make all             //creates a fresh build directory

/*********************************************************/

Once, you do a make, you get a fresh copy of the build
directory. Now in order to change the theme of your virtual
lab,

> Go to src folder and run "make theme=blue-icon" on your
  command line in the terminal, to change your lab theme to
  blue-icon as follows:

/*********************************************************/

  $ make theme=blue-icon //changes the theme to blue-icon

/*********************************************************/

Now, in order to test the template, and view your virtual
lab, open the file "build/index.html" in the browser.

With this, you have succesfully checked the template. You
can now keep on adding more experiments to develop your
virtual lab.

For any further doubts, send mail to support@virtual-labs.ac.in.

===========================================================

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 87.6%
  • CSS 11.9%
  • Other 0.5%