Skip to content

virtual-labs-archive/problem-solving-iiith

Repository files navigation

Some changes need to be made to the web server configuration (in this case, Apache) in order to run the python scripts.

1. Install mod python

        apt-get install libapache2-mod-python

2. Add Following lines to /etc/apache2/sites-available/default

	<Directory /var/www/>
          AddHandler mod_python .py
          PythonHandler mod_python.publisher
          PythonDebug On
        </Directory>


3. restart Apache server

        /etc/init.d/apache2 restart

Congrats !!

* You have successfully downloaded and extracted the
  ui.tgz .


* Changes: New Tabs have been added for 
	-    Target Audience
	-    Courses Aligned
	-    Pre-requisite Softwares 

You need to added 3 more sections on virtual lab home page

3) Target Audience
4) Courses Aligned
5) Pre-requisite Softwares

You can make the above said changes by editing content.html. To update the changes

1)  open content.html in your fav editor and search for last closing html tag </section>.
2) Open the change.html file and open it in your fav. editor.
3) Copy all content of change.html 
4) Paste it after the last closing html tag </section> (you searched in Step1).
5) Go to ui/src and run  " make theme=blue-icon"     on command terminal  to change theme to blue


We had attached change.html in folder.  You can copy the whole content and paste it in content.html .


Below is snapshot how content.html will look like
<!-- 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>

// PASTE the CHANGE.html content here..


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









* Now run makefile by the following commands inside the 'ui/src' folder to
  change the default theme :

Go to Command Terminal
	 $ cd ui_extracted_folder // Where u have extracted the ui kit
	 $ cd ui/src
         $ make clean all 
	 $ make theme=blue-icon

* Now, open ui/build/index.html in the browser to test the template.