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 Show whitespace changes
Inline Side-by-side
Showing with 314 additions and 330 deletions
acad.html
View file @ caf8e0be
...@@ -13,30 +13,37 @@ ...@@ -13,30 +13,37 @@
<body> <body>
<!--#include virtual="header.html"--> <!--#include virtual="header.html"-->
<div id="main"> <div id="main">
<div class="section">
Current courses:<ul> Current courses:<ul>
<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+601" target="_blank">CS 601</a>: Algorithms and Complexity</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> <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+724" target="_blank">CS 724</a>: Network Security and Cryptography - 2</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>
</ul> </ul>
</div>
<div class="section">
Sem II courses:<ul> Sem II courses:<ul>
<li>CS 534: Quantum Information and Computing</li> <li>CS 534: Quantum Information and Computing</li>
<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+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+726" target="_blank">CS 726</a>: Advanced Machine Learning</li> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+726" target="_blank">CS 726</a>: Advanced Machine Learning</li>
</ul> </ul>
</div>
<div class="section">
Sem I courses:<ul> Sem I courses:<ul>
<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+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+618" target="_blank">CS 618</a>: Program Analysis</li> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+618" target="_blank">CS 618</a>: Program Analysis</li>
<li><a href="http://www.cse.iitb.ac.in/page134?course=CS+621" target="_blank">CS 621</a>: Artificial Intelligence</li> <li><a href="http://www.cse.iitb.ac.in/page134?course=CS+621" target="_blank">CS 621</a>: Artificial Intelligence</li>
<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> <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>
</ul> </ul>
<hr /> </div>
<div class="section">
Past:<ul> Past:<ul>
<li>Bachelor of Technology in Mechanical Engineering from IIT Guwahati</li> <li>Bachelor of Technology in Mechanical Engineering from IIT Guwahati</li>
</ul> </ul>
<hr /> </div>
<div class="section">
Current timetable: Current timetable:
<p> <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.
...@@ -80,6 +87,7 @@ Two exercises are completed here: ...@@ -80,6 +87,7 @@ Two exercises are completed here:
</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,14 +12,19 @@ ...@@ -12,14 +12,19 @@
<body> <body>
<!--#include virtual="header.html"--> <!--#include virtual="header.html"-->
<div id="main"> <div id="main">
<div class="section">
Currently at:<ul> Currently at:<ul>
<li>C-223, Hostel 13, IIT Bombay</li> <li>C-223, Hostel 13, IIT Bombay</li>
</ul> </ul>
</div>
<div class="section">
Email me at:<ul> Email me at:<ul>
<li>murukesh.mohanan [AT] gmail.com</li> <li>murukesh.mohanan [AT] gmail.com</li>
<li>murukesh [AT] cse.iitb.ac.in</li> <li>murukesh [AT] cse.iitb.ac.in</li>
<li>m.mohanan [AT] alumni.iitg.ernet.in (defunct)</li> <li>m.mohanan [AT] alumni.iitg.ernet.in (defunct)</li>
</ul> </ul>
</div>
<div class="section">
Online:<ul> Online:<ul>
<li><a target="_blank" href="https://facebook.com/murukesh">Facebook</a></li> <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="https://plus.google.com/+murukeshmohanan/">Google+</a></li>
...@@ -27,6 +32,7 @@ ...@@ -27,6 +32,7 @@
<li><a target="_blank" href="http://linuxexperiments.blogspot.in/">Second Blog</a></li> <li><a target="_blank" href="http://linuxexperiments.blogspot.in/">Second Blog</a></li>
</ul> </ul>
</div> </div>
</div>
<!--#include virtual="footer.html"--> <!--#include virtual="footer.html"-->
</body> </body>
</html> </html>
index.html
View file @ caf8e0be
...@@ -19,16 +19,25 @@ ...@@ -19,16 +19,25 @@
<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.
</div>
<div class="section">
I am an aspiring BOFH. Often called a psycho.
</div>
<div class="section">
I share the hobby of the masses - reading. :P<br> I share the hobby of the masses - reading. :P<br>
Favourite books include <em>The Green Mile</em>, <em>The Wheel Favourite books include <em>The Green Mile</em>, <em>The Wheel
of Time</em> series, the <em>Foundation</em> series and the of Time</em> series, the <em>Foundation</em> series and the
<em>Rama</em> series.<hr> <em>Rama</em> series.
</div>
<div class="section">
I am a Gooner. Favourite players include "Mad Jens" Lehmann, I am a Gooner. Favourite players include "Mad Jens" Lehmann,
Dennis Bergkamp and Wojciech Szczęsny. Dennis Bergkamp and Wojciech Szczęsny.
I have been an Arsenal fan since the Champions League final in I have been an Arsenal fan since the Champions League final in
Paris, 2006.<hr> Paris, 2006.
</div>
<div class="section">
<h4 style="text-decoration: underline; margin-bottom: 0.5em;">Pet peeves include:</h4> <h4 style="text-decoration: underline; margin-bottom: 0.5em;">Pet peeves include:</h4>
<ol style="margin-top: 0;"> <ol style="margin-top: 0;">
<li>Menus in web pages that don't work in mobile phones, <li>Menus in web pages that don't work in mobile phones,
...@@ -38,6 +47,8 @@ ...@@ -38,6 +47,8 @@
definitely isn't.</li> definitely isn't.</li>
<li>Sites (really, most about anything) with mostly white backgrounds.</li> <li>Sites (really, most about anything) with mostly white backgrounds.</li>
</ol> </ol>
</div>
<div class="section">
<p> As you may have noticed from the site, I prefer dark <p> As you may have noticed from the site, I prefer dark
backgrounds, with not-too-light text. backgrounds, with not-too-light text.
<p> I would have chosen the green-on-black style seen on <p> I would have chosen the green-on-black style seen on
...@@ -47,6 +58,7 @@ ...@@ -47,6 +58,7 @@
style="text-decoration: underline;">Click here and try it style="text-decoration: underline;">Click here and try it
out!</span> out!</span>
</div> </div>
</div>
<!--#include virtual="footer.html"--> <!--#include virtual="footer.html"-->
</body> </body>
<script type="text/javascript"> <script type="text/javascript">
......
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">
<div class="section">
A CV template in LaTeX (modified from one obtained online, original included): <br> A CV template in LaTeX (modified from one obtained online, original included): <br>
<a href="files/CV-LaTeX.tar.gz">CV-LaTeX.tar.gz</a> <a href="files/CV-LaTeX.tar.gz">CV-LaTeX.tar.gz</a>
<hr> </div>
<div class="section">
Some stuff that I drag around with me on my various Linux boxes: Some stuff that I drag around with me on my various Linux boxes:
<ol> <ol>
<li>Vimrc and vim plugins: <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">
...@@ -37,7 +39,7 @@ ...@@ -37,7 +39,7 @@
</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.
...@@ -49,7 +51,8 @@ ...@@ -49,7 +51,8 @@
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>
<div class="section">
<h3 id="cann"><a href="http://www.sussex.ac.uk/Users/iane/cannyclubs.php" target="_blank" >A Cann Table:</a> </h3> <h3 id="cann"><a href="http://www.sussex.ac.uk/Users/iane/cannyclubs.php" target="_blank" >A Cann Table:</a> </h3>
<!--#include virtual="cann-table.html"--> <!--#include virtual="cann-table.html"-->
<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> 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/">
...@@ -59,6 +62,7 @@ ...@@ -59,6 +62,7 @@
without any permission. <br> without any permission. <br>
Hopefully this will count as personal use. :) Hopefully this will count as personal use. :)
</div> </div>
</div>
<!--#include virtual="footer.html"--> <!--#include virtual="footer.html"-->
</body> </body>
</html> </html>
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