Skip to content

W
web
Commit caf8e0be authored by Murukesh Mohanan's avatar Murukesh Mohanan
Browse files
Options

Matched style to new sysad page style.

parent 27e48a10
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 314 additions and 330 deletions
acad.html
View file @ caf8e0be
...@@ -13,73 +13,81 @@ ...@@ -13,73 +13,81 @@
<body> <body>
<!--#include virtual="header.html"--> <!--#include virtual="header.html"-->
<div id="main"> <div id="main">
Current courses:<ul> <div class="section">
<li><a href="http://www.cse.iitb.ac.in/page134?course=CS+601" target="_blank">CS 601</a>: Algorithms and Complexity</li> Current courses:<ul>
<li><a href="http://www.cse.iitb.ac.in/page134?course=CS+626" target="_blank">CS 626</a>: Speech, Natural Language Processing and the Web</li> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+601" target="_blank">CS 601</a>: Algorithms and Complexity</li>
<li><a href="http://www.cse.iitb.ac.in/page134?course=CS+724" target="_blank">CS 724</a>: Network Security and Cryptography - 2</li> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+626" target="_blank">CS 626</a>: Speech, Natural Language Processing and the Web</li>
</ul> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+724" target="_blank">CS 724</a>: Network Security and Cryptography - 2</li>
Sem II courses:<ul> </ul>
<li>CS 534: Quantum Information and Computing</li> </div>
<li><a href="http://www.cse.iitb.ac.in/page134?course=CS+715" target="_blank">CS 715</a>: Design and Implementation of Gnu Compiler Generation Framework</li> <div class="section">
<li><a href="http://www.cse.iitb.ac.in/page134?course=CS+726" target="_blank">CS 726</a>: Advanced Machine Learning</li> Sem II courses:<ul>
</ul> <li>CS 534: Quantum Information and Computing</li>
Sem I courses:<ul> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+715" target="_blank">CS 715</a>: Design and Implementation of Gnu Compiler Generation Framework</li>
<li><a href="http://www.cse.iitb.ac.in/page134?course=CS+613" target="_blank">CS 613</a>: Design and Implementation of Functional Programming Languages</li> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+726" target="_blank">CS 726</a>: Advanced Machine Learning</li>
<li><a href="http://www.cse.iitb.ac.in/page134?course=CS+618" target="_blank">CS 618</a>: Program Analysis</li> </ul>
<li><a href="http://www.cse.iitb.ac.in/page134?course=CS+621" target="_blank">CS 621</a>: Artificial Intelligence</li> </div>
<li><a href="http://www.cse.iitb.ac.in/page134?course=CS+719" target="_blank">CS 719</a>: Topics in Mathematical Foundations of Formal Verification</li> <div class="section">
</ul> Sem I courses:<ul>
<hr /> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+613" target="_blank">CS 613</a>: Design and Implementation of Functional Programming Languages</li>
Past:<ul> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+618" target="_blank">CS 618</a>: Program Analysis</li>
<li>Bachelor of Technology in Mechanical Engineering from IIT Guwahati</li> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+621" target="_blank">CS 621</a>: Artificial Intelligence</li>
</ul> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+719" target="_blank">CS 719</a>: Topics in Mathematical Foundations of Formal Verification</li>
<hr /> </ul>
Current timetable: </div>
<p> <div class="section">
<!-- Past:<ul>
<li>Bachelor of Technology in Mechanical Engineering from IIT Guwahati</li>
</ul>
</div>
<div class="section">
Current timetable:
<p>
<!--
Two exercises are completed here: Two exercises are completed here:
1. There is a bookmark in resources.html to #timetable, and 1. There is a bookmark in resources.html to #timetable, and
2. Two special characters, the down arrow and right arrow are used. 2. Two special characters, the down arrow and right arrow are used.
--> -->
<table id="timetable"> <table id="timetable">
<tr> <tr>
<td width="7">Time&rarr; <br> <td width="7">Time&rarr; <br>
Day&darr; </td> Day&darr; </td>
<td>09:30<br>10:55</td> <td>09:30<br>10:55</td>
<td>14:00<br>15:25</td> <td>14:00<br>15:25</td>
<td>15:30<br>16:55</td> <td>15:30<br>16:55</td>
</tr> </tr>
<tr> <tr>
<td>Mon</td> <td>Mon</td>
<td>&nbsp;</td> <td>&nbsp;</td>
<td><b>CS 719</b> [SIC305]: <br><em>Supratik Chakraborty</em></td> <td><b>CS 719</b> [SIC305]: <br><em>Supratik Chakraborty</em></td>
<td><b>CS 618</b> [SIC201]: <br><em>Uday Khedkar</em>&nbsp;</td> <td><b>CS 618</b> [SIC201]: <br><em>Uday Khedkar</em>&nbsp;</td>
</tr> </tr>
<tr> <tr>
<td>Tue</td> <td>Tue</td>
<td>&nbsp;</td> <td>&nbsp;</td>
<td><b>CS 613</b> [SIC201]: <br><em>Sanyal Amitabh</em>&nbsp;</td> <td><b>CS 613</b> [SIC201]: <br><em>Sanyal Amitabh</em>&nbsp;</td>
<td>&nbsp;</td> <td>&nbsp;</td>
</tr> </tr>
<tr> <tr>
<td>Wed</td> <td>Wed</td>
<td><b>CS 621</b> [SIC205]: <br><em>Sivakumar G.</em>&nbsp;</td> <td><b>CS 621</b> [SIC205]: <br><em>Sivakumar G.</em>&nbsp;</td>
<td colspan=2><b>CS 699</b><br><em>Bhaskar Raman</em>&nbsp;</td> <td colspan=2><b>CS 699</b><br><em>Bhaskar Raman</em>&nbsp;</td>
</tr> </tr>
<tr> <tr>
<td>Thu</td> <td>Thu</td>
<td>&nbsp;</td> <td>&nbsp;</td>
<td><b>CS 719</b> [SIC305]: <br><em>Supratik Chakraborty</em></td> <td><b>CS 719</b> [SIC305]: <br><em>Supratik Chakraborty</em></td>
<td><b>CS 618</b> [SIC201]: <br><em>Uday Khedkar</em>&nbsp;</td> <td><b>CS 618</b> [SIC201]: <br><em>Uday Khedkar</em>&nbsp;</td>
</tr> </tr>
<tr> <tr>
<td>Fri</td> <td>Fri</td>
<td><b>CS 621</b> [SIC205]: <br><em>Sivakumar G.</em>&nbsp;</td> <td><b>CS 621</b> [SIC205]: <br><em>Sivakumar G.</em>&nbsp;</td>
<td><b>CS 613</b> [SIC201]: <br><em>Sanyal Amitabh</em>&nbsp;</td> <td><b>CS 613</b> [SIC201]: <br><em>Sanyal Amitabh</em>&nbsp;</td>
<td>&nbsp;</td> <td>&nbsp;</td>
</tr> </tr>
</table> </table>
</div>
</div> </div>
<!--#include virtual="footer.html"--> <!--#include virtual="footer.html"-->
</body> </body>
</html> </html>
contact.html
View file @ caf8e0be
...@@ -12,20 +12,26 @@ ...@@ -12,20 +12,26 @@
<body> <body>
<!--#include virtual="header.html"--> <!--#include virtual="header.html"-->
<div id="main"> <div id="main">
Currently at:<ul> <div class="section">
<li>C-223, Hostel 13, IIT Bombay</li> Currently at:<ul>
</ul> <li>C-223, Hostel 13, IIT Bombay</li>
Email me at:<ul> </ul>
<li>murukesh.mohanan [AT] gmail.com</li> </div>
<li>murukesh [AT] cse.iitb.ac.in</li> <div class="section">
<li>m.mohanan [AT] alumni.iitg.ernet.in (defunct)</li> Email me at:<ul>
</ul> <li>murukesh.mohanan [AT] gmail.com</li>
Online:<ul> <li>murukesh [AT] cse.iitb.ac.in</li>
<li><a target="_blank" href="https://facebook.com/murukesh">Facebook</a></li> <li>m.mohanan [AT] alumni.iitg.ernet.in (defunct)</li>
<li><a target="_blank" href="https://plus.google.com/+murukeshmohanan/">Google+</a></li> </ul>
<li><a target="_blank" href="http://murukeshm.blogspot.in/">Main Blog</a></li> </div>
<li><a target="_blank" href="http://linuxexperiments.blogspot.in/">Second Blog</a></li> <div class="section">
</ul> Online:<ul>
<li><a target="_blank" href="https://facebook.com/murukesh">Facebook</a></li>
<li><a target="_blank" href="https://plus.google.com/+murukeshmohanan/">Google+</a></li>
<li><a target="_blank" href="http://murukeshm.blogspot.in/">Main Blog</a></li>
<li><a target="_blank" href="http://linuxexperiments.blogspot.in/">Second Blog</a></li>
</ul>
</div>
</div> </div>
<!--#include virtual="footer.html"--> <!--#include virtual="footer.html"-->
</body> </body>
......
index.html
View file @ caf8e0be
...@@ -19,33 +19,45 @@ ...@@ -19,33 +19,45 @@
<body> <body>
<!--#include virtual="header.html"--> <!--#include virtual="header.html"-->
<div id="main"> <div id="main">
Call me Muru.<hr> <div class="section">
I am an aspiring BOFH. Often called a psycho.<hr> Call me Muru.
I share the hobby of the masses - reading. :P<br> </div>
Favourite books include <em>The Green Mile</em>, <em>The Wheel <div class="section">
of Time</em> series, the <em>Foundation</em> series and the I am an aspiring BOFH. Often called a psycho.
<em>Rama</em> series.<hr> </div>
I am a Gooner. Favourite players include "Mad Jens" Lehmann, <div class="section">
Dennis Bergkamp and Wojciech Szczęsny. I share the hobby of the masses - reading. :P<br>
I have been an Arsenal fan since the Champions League final in Favourite books include <em>The Green Mile</em>, <em>The Wheel
Paris, 2006.<hr> of Time</em> series, the <em>Foundation</em> series and the
<h4 style="text-decoration: underline; margin-bottom: 0.5em;">Pet peeves include:</h4> <em>Rama</em> series.
<ol style="margin-top: 0;"> </div>
<li>Menus in web pages that don't work in mobile phones, <div class="section">
especially one with touchscreens. See the CSE site for an I am a Gooner. Favourite players include "Mad Jens" Lehmann,
example.</li> Dennis Bergkamp and Wojciech Szczęsny.
<li>Webpages laid out using tables. This one most I have been an Arsenal fan since the Champions League final in
definitely isn't.</li> Paris, 2006.
<li>Sites (really, most about anything) with mostly white backgrounds.</li> </div>
</ol> <div class="section">
<p> As you may have noticed from the site, I prefer dark <h4 style="text-decoration: underline; margin-bottom: 0.5em;">Pet peeves include:</h4>
backgrounds, with not-too-light text. <ol style="margin-top: 0;">
<p> I would have chosen the green-on-black style seen on <li>Menus in web pages that don't work in mobile phones,
terminals, but most of you would have fled from the especially one with touchscreens. See the CSE site for an
monitor screaming, <em>"My eyes! MY EYES!"</em>, wouldn't you? example.</li>
<p> Don't believe me? <span id="colour-change" <li>Webpages laid out using tables. This one most
style="text-decoration: underline;">Click here and try it definitely isn't.</li>
out!</span> <li>Sites (really, most about anything) with mostly white backgrounds.</li>
</ol>
</div>
<div class="section">
<p> As you may have noticed from the site, I prefer dark
backgrounds, with not-too-light text.
<p> I would have chosen the green-on-black style seen on
terminals, but most of you would have fled from the
monitor screaming, <em>"My eyes! MY EYES!"</em>, wouldn't you?
<p> Don't believe me? <span id="colour-change"
style="text-decoration: underline;">Click here and try it
out!</span>
</div>
</div> </div>
<!--#include virtual="footer.html"--> <!--#include virtual="footer.html"-->
</body> </body>
......
resources.html
View file @ caf8e0be
...@@ -14,12 +14,14 @@ ...@@ -14,12 +14,14 @@
<body> <body>
<!--#include virtual="header.html"--> <!--#include virtual="header.html"-->
<div id="main"> <div id="main">
A CV template in LaTeX (modified from one obtained online, original included): <br> <div class="section">
<a href="files/CV-LaTeX.tar.gz">CV-LaTeX.tar.gz</a> A CV template in LaTeX (modified from one obtained online, original included): <br>
<hr> <a href="files/CV-LaTeX.tar.gz">CV-LaTeX.tar.gz</a>
Some stuff that I drag around with me on my various Linux boxes: </div>
<ol> <div class="section">
<li>Vimrc and vim plugins: Some stuff that I drag around with me on my various Linux boxes:
<ol>
<li class="no-marker">Vimrc and vim plugins:
<a href="files/vim.tar.bz2">vim.tar.bz2</a><br> <a href="files/vim.tar.bz2">vim.tar.bz2</a><br>
Currently contains a nifty <code>vimrc</code>, and some plugins: Currently contains a nifty <code>vimrc</code>, and some plugins:
<ul class="resources-list" id="plugins-list"> <ul class="resources-list" id="plugins-list">
...@@ -36,28 +38,30 @@ ...@@ -36,28 +38,30 @@
<li><a href="https://github.com/dag/vim2hs" target="_blank">Vim to Haskell</a></li> <li><a href="https://github.com/dag/vim2hs" target="_blank">Vim to Haskell</a></li>
</ul> </ul>
<p style="clear: both;padding-top: 0.5em;">You might wanna do a <code>git pull</code> on some of the plugins inside <code>.vim/bundle</code>. <p style="clear: both;padding-top: 0.5em;">You might wanna do a <code>git pull</code> on some of the plugins inside <code>.vim/bundle</code>.
</li> </li>
<li>Some bash scripts: <li class="no-marker">Some bash scripts:
<ul class="resources-list" style="list-style: decimal"> <ul class="resources-list" style="list-style: decimal">
<li><a href="files/curlwc.sh">curlwc.sh</a>: <li><a href="files/curlwc.sh">curlwc.sh</a>:
This script uses <a href="http://linux.die.net/man/1/curl" target="_blank">curl(1)</a> to download the target file in parts. Not very robust. This script uses <a href="http://linux.die.net/man/1/curl" target="_blank">curl(1)</a> to download the target file in parts. Not very robust.
</li> </li>
<li><a href="files/mtcd.sh">mtcd.sh</a>: <li><a href="files/mtcd.sh">mtcd.sh</a>:
This script mounts all arguments in directories within <code>~/cdrom</code> (as ISO9660 images), and also handles unmounting. This script mounts all arguments in directories within <code>~/cdrom</code> (as ISO9660 images), and also handles unmounting.
</li> </li>
</ul> </ul>
These and more can be found on my <a href="https://github.com/murukeshm/scripts" target="_blank">GitHub scrips repo</a>. These and more can be found on my <a href="https://github.com/murukeshm/scripts" target="_blank">GitHub scrips repo</a>.
</li> </li>
</ol> </ol>
<hr> </div>
<h3 id="cann"><a href="http://www.sussex.ac.uk/Users/iane/cannyclubs.php" target="_blank" >A Cann Table:</a> </h3> <div class="section">
<!--#include virtual="cann-table.html"--> <h3 id="cann"><a href="http://www.sussex.ac.uk/Users/iane/cannyclubs.php" target="_blank" >A Cann Table:</a> </h3>
<p> I have followed the banding used by <a href="http://www.7amkickoff.com/2012/cann-tables-show-the-gap-between-arsenal-and-the-top-is-smaller-than-you-think/"> <!--#include virtual="cann-table.html"-->
@7amkickoff</a>. <p> I have followed the banding used by <a href="http://www.7amkickoff.com/2012/cann-tables-show-the-gap-between-arsenal-and-the-top-is-smaller-than-you-think/">
<p> This table is updated weekly via a cronjob. <br> @7amkickoff</a>.
The data is scraped from <a href=http://www.premierleague.com/en-gb/matchday/league-table.html" target="_blank">the PL site</a> <p> This table is updated weekly via a cronjob. <br>
without any permission. <br> The data is scraped from <a href=http://www.premierleague.com/en-gb/matchday/league-table.html" target="_blank">the PL site</a>
Hopefully this will count as personal use. :) without any permission. <br>
Hopefully this will count as personal use. :)
</div>
</div> </div>
<!--#include virtual="footer.html"--> <!--#include virtual="footer.html"-->
</body> </body>
......
style.css
View file @ caf8e0be
...@@ -12,6 +12,8 @@ ...@@ -12,6 +12,8 @@
padding: 0.1em 3%; padding: 0.1em 3%;
margin: 0; margin: 0;
font-variant: small-caps; font-variant: small-caps;
font-size: 2em;
text-align: center;
} }
/** The #main div is given a min-height so that it isn't /** The #main div is given a min-height so that it isn't
* squished on pages with little content, or for displays * squished on pages with little content, or for displays
...@@ -20,18 +22,14 @@ ...@@ -20,18 +22,14 @@
* Chrome browser. Didn't work on a Nexus 4 Opera Mini. * Chrome browser. Didn't work on a Nexus 4 Opera Mini.
*/ */
#main { #main {
padding: 2% 4%; padding: 1em 2em;
width: 70%;
min-height: 42em; min-height: 42em;
border-right: 0.2em solid white; /*margin-left: 15%;
}
#sidebar {
padding-top: 1%;
width: 20%;
/* min-height: 42em;*/
float: right; float: right;
font-size: 1.5em; display: inline-block;*/
margin: 0 auto;
} }
/** To be used when CSE enables SSI. /** To be used when CSE enables SSI.
* #footer-include { * #footer-include {
* clear: both; * clear: both;
...@@ -51,24 +49,43 @@ ...@@ -51,24 +49,43 @@
display: none; display: none;
} }
div.bugs {
/*list-style: none;*/
border: 0.1em gray solid;
padding: 0.5em;
color: black;
background: grey;
box-shadow: 0.1em 0.1em 0.2em 0 rgba(128,128,128,0.75);
border-radius: 0.3em;
}
#header li { #header li {
list-style: none; list-style: none;
} }
#sidebar ul { #bug a, #query a{
padding: 0; color: black;
margin: 0;
} }
#sidebar li { #sidebar li {
border-bottom: 0.1em solid gray; margin-bottom: 0.1em;
padding: 0.5em 0; padding: 0.5em 0.5em;
margin-left: 0.5em; border-radius: 0.3em;
background-color: #999999;
} }
#sidebar a { #sidebar a {
text-decoration: none; text-decoration: none;
} }
#sidebar a:visited {
color: black;
}
#main li { #main li {
padding: 0.5em 0; padding: 0.5em 0;
margin-left: 0.5em; margin-left: 0.5em;
list-style-image: url("images/not_sign.png");
}
#main li.no-marker {
list-style: none;
} }
#main ul { #main ul {
margin: 0 0 0.75em 0.75em; margin: 0 0 0.75em 0.75em;
...@@ -81,28 +98,16 @@ ...@@ -81,28 +98,16 @@
html { html {
background-color: black; /*#404040;*/ background-color: black; /*#404040;*/
} }
/** The width of the body, and in turn the #main div, was
* decided by two things:
* a) The length of the title of CS 613:
* Design and Implementation of Functional Programming.
* I didn't want the title to wrap on desktop browsers. :P
* b) The width of the page after font boosting on Chrome and
* Firefox on Android. 60em just about perfectly fit in on
* my Nexus 4.
*
* I provided Ubuntu as a fallback to Ubuntu Mono (and similarly for
* Droid) because my Nexus 4 browsers (Firefox, Firefox Nightly,
* Chrome, Chrome Beta) wouldn't work with the monospace versions.
* Opera Mini didn't work with web fonts at all.
*/
body { body {
font-family: 'Ubuntu Mono', 'Ubuntu', 'Droid Mono', 'Droid', 'Verdana' ,sans; font-family: 'Ubuntu Mono', 'Ubuntu', 'Droid Mono', 'Droid', 'Verdana', sans;
font-size: 16px; /*font-size: 16px;*/
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
color: #CECECE; color: #121212;
background-color: #222222; background-color: #CCCCCC;
width: 60em; width: 100%;
/* width: 60em;*/
} }
h1 { h1 {
font-size: 2em; font-size: 2em;
...@@ -116,7 +121,7 @@ code { ...@@ -116,7 +121,7 @@ code {
} }
a:link { a:link {
color: #0DD; color: #022;
} }
a:visited { a:visited {
color: #1387B4; color: #1387B4;
...@@ -130,5 +135,107 @@ ol li, ul ol li { ...@@ -130,5 +135,107 @@ ol li, ul ol li {
list-style: decimal; list-style: decimal;
} }
ul li { ul li {
list-style-image: url("images/not_sign.png"); /*list-style-image: url("images/not_sign.png");*/
}
.section {
background: white;
color: black;
box-shadow: 0.1em 0.1em 0.2em 0.1em rgba(128,128,128,0.75);
border-radius: 0.5em;
margin-bottom: 1em;
padding: 1em;
text-align: left;
}
.section li {
list-style: none;
} }
.top {
float: right;
background: rgb(213, 213, 213);
padding: 0.5em;
/* vertical-align: top; */
border-radius: 0.2em;
border: 0.2em solid gray;
margin-top: -1em;
font-size: 1.5em;
}
@media screen and (orientation:landscape) {
#header h1, #header h2 {
margin: 0;
}
#sidebar {
padding-top: 1%;
/* min-height: 42em;
display: inline-block;*/
float: left;
font-size: 1.2em;
clear: both;
text-align: right;
height: 100%;
vertical-align: top;
width: 8em;
}
#sidebar ul {
padding: 0;
border-top: 0.1em solid gray;
/*border-bottom: 0.1em solid gray;
border-right: 0.2em solid white;*/
border-radius: 0.3em;
}
#sidebar li {
border-bottom: 0.1em solid gray;
border-right: 0.1em solid gray;
}
div.bugs {
margin: 0.5em;
display: inline-block;
}
#nav li:hover {
box-shadow: 0.1em 0.1em 0.15em 0.05em rgba(100,100,100,0.75);
}
#main {
max-width: 70%;
min-width: 22em;
width: 60%;
}
}
@media screen and (orientation:portrait) {
#sidebar {
width: 90%;
/* min-height: 42em;*/
font-size: 1.5em;
clear: both;
text-align: center;
margin: 0 auto;
}
#sidebar ul {
padding: 0;
border-radius: 0.3em;
}
#sidebar li {
border-bottom: 0.1em solid gray;
list-style: none;
border-radius: 0.3em;
margin: 0.2em;
}
div.bugs {
margin: 0.5em;
font-size: 1.5em;
}
#main, body {
text-align: center;
}
.section {
width: 85%;
font-size: 2em;
margin: 2em auto;
}
}
styles/cann-table.css
View file @ caf8e0be
...@@ -5,21 +5,21 @@ ...@@ -5,21 +5,21 @@
} }
#cann-table th { #cann-table th {
padding: 0.5em 1em; padding: 0.5em 1em;
background-color: #232323; background-color: #CDCDCD;
font-size: 0.9em; font-size: 0.9em;
} }
.cann-row-1, .cann-row-2 { .cann-row-1, .cann-row-2 {
border: 0.1em solid gray; border: 0.1em solid gray;
width: 30%; width: 30%;
padding: 1em; padding: 1em;
background-color: #343434; background-color: #ABABAB;
color: #0DD; color: #011;
margin: 0; margin: 0;
height: 2em; height: 2em;
font-size: 0.9em; font-size: 0.9em;
} }
.cann-row-2 { .cann-row-2 {
background-color: #121212; background-color: #BCBCBC;
} }
.cann-point { .cann-point {
width: 1em; width: 1em;
......
styles/resources.css
View file @ caf8e0be
...@@ -5,3 +5,4 @@ ...@@ -5,3 +5,4 @@
#plugins-plugins { #plugins-plugins {
height: 4em; height: 4em;
} }
sys/index.html 100644 → 100755
View file @ caf8e0be
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment