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 @@
<body>
<!--#include virtual="header.html"-->
<div id="main">
<div class="section">
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+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>
</ul>
</div>
<div class="section">
Sem II courses:<ul>
<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+726" target="_blank">CS 726</a>: Advanced Machine Learning</li>
</ul>
</div>
<div class="section">
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+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+719" target="_blank">CS 719</a>: Topics in Mathematical Foundations of Formal Verification</li>
</ul>
<hr />
</div>
<div class="section">
Past:<ul>
<li>Bachelor of Technology in Mechanical Engineering from IIT Guwahati</li>
</ul>
<hr />
</div>
<div class="section">
Current timetable:
<p>
<!--
<!--
Two exercises are completed here:
1. There is a bookmark in resources.html to #timetable, and
2. Two special characters, the down arrow and right arrow are used.
......@@ -80,6 +87,7 @@ Two exercises are completed here:
</tr>
</table>
</div>
</div>
<!--#include virtual="footer.html"-->
</body>
</html>
contact.html
View file @ caf8e0be
......@@ -12,14 +12,19 @@
<body>
<!--#include virtual="header.html"-->
<div id="main">
<div class="section">
Currently at:<ul>
<li>C-223, Hostel 13, IIT Bombay</li>
</ul>
</div>
<div class="section">
Email me at:<ul>
<li>murukesh.mohanan [AT] gmail.com</li>
<li>murukesh [AT] cse.iitb.ac.in</li>
<li>m.mohanan [AT] alumni.iitg.ernet.in (defunct)</li>
</ul>
</div>
<div class="section">
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>
......@@ -27,6 +32,7 @@
<li><a target="_blank" href="http://linuxexperiments.blogspot.in/">Second Blog</a></li>
</ul>
</div>
</div>
<!--#include virtual="footer.html"-->
</body>
</html>
index.html
View file @ caf8e0be
......@@ -19,16 +19,25 @@
<body>
<!--#include virtual="header.html"-->
<div id="main">
Call me Muru.<hr>
I am an aspiring BOFH. Often called a psycho.<hr>
<div class="section">
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>
Favourite books include <em>The Green Mile</em>, <em>The Wheel
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,
Dennis Bergkamp and Wojciech Szczęsny.
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>
<ol style="margin-top: 0;">
<li>Menus in web pages that don't work in mobile phones,
......@@ -38,6 +47,8 @@
definitely isn't.</li>
<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
......@@ -47,6 +58,7 @@
style="text-decoration: underline;">Click here and try it
out!</span>
</div>
</div>
<!--#include virtual="footer.html"-->
</body>
<script type="text/javascript">
......
resources.html
View file @ caf8e0be
......@@ -14,12 +14,14 @@
<body>
<!--#include virtual="header.html"-->
<div id="main">
<div class="section">
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>
<hr>
</div>
<div class="section">
Some stuff that I drag around with me on my various Linux boxes:
<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>
Currently contains a nifty <code>vimrc</code>, and some plugins:
<ul class="resources-list" id="plugins-list">
......@@ -37,7 +39,7 @@
</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>.
</li>
<li>Some bash scripts:
<li class="no-marker">Some bash scripts:
<ul class="resources-list" style="list-style: decimal">
<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.
......@@ -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>.
</li>
</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>
<!--#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/">
......@@ -59,6 +62,7 @@
without any permission. <br>
Hopefully this will count as personal use. :)
</div>
</div>
<!--#include virtual="footer.html"-->
</body>
</html>
style.css
View file @ caf8e0be
......@@ -12,6 +12,8 @@
padding: 0.1em 3%;
margin: 0;
font-variant: small-caps;
font-size: 2em;
text-align: center;
}
/** The #main div is given a min-height so that it isn't
* squished on pages with little content, or for displays
......@@ -20,18 +22,14 @@
* Chrome browser. Didn't work on a Nexus 4 Opera Mini.
*/
#main {
padding: 2% 4%;
width: 70%;
padding: 1em 2em;
min-height: 42em;
border-right: 0.2em solid white;
}
#sidebar {
padding-top: 1%;
width: 20%;
/* min-height: 42em;*/
/*margin-left: 15%;
float: right;
font-size: 1.5em;
display: inline-block;*/
margin: 0 auto;
}
/** To be used when CSE enables SSI.
* #footer-include {
* clear: both;
......@@ -51,24 +49,43 @@
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 {
list-style: none;
}
#sidebar ul {
padding: 0;
margin: 0;
#bug a, #query a{
color: black;
}
#sidebar li {
border-bottom: 0.1em solid gray;
padding: 0.5em 0;
margin-left: 0.5em;
margin-bottom: 0.1em;
padding: 0.5em 0.5em;
border-radius: 0.3em;
background-color: #999999;
}
#sidebar a {
text-decoration: none;
}
#sidebar a:visited {
color: black;
}
#main li {
padding: 0.5em 0;
margin-left: 0.5em;
list-style-image: url("images/not_sign.png");
}
#main li.no-marker {
list-style: none;
}
#main ul {
margin: 0 0 0.75em 0.75em;
......@@ -81,28 +98,16 @@
html {
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 {
font-family: 'Ubuntu Mono', 'Ubuntu', 'Droid Mono', 'Droid', 'Verdana' ,sans;
font-size: 16px;
font-family: 'Ubuntu Mono', 'Ubuntu', 'Droid Mono', 'Droid', 'Verdana', sans;
/*font-size: 16px;*/
margin: 0 auto;
padding: 0;
color: #CECECE;
background-color: #222222;
width: 60em;
color: #121212;
background-color: #CCCCCC;
width: 100%;
/* width: 60em;*/
}
h1 {
font-size: 2em;
......@@ -116,7 +121,7 @@ code {
}
a:link {
color: #0DD;
color: #022;
}
a:visited {
color: #1387B4;
......@@ -130,5 +135,107 @@ ol li, ul ol li {
list-style: decimal;
}
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 @@
}
#cann-table th {
padding: 0.5em 1em;
background-color: #232323;
background-color: #CDCDCD;
font-size: 0.9em;
}
.cann-row-1, .cann-row-2 {
border: 0.1em solid gray;
width: 30%;
padding: 1em;
background-color: #343434;
color: #0DD;
background-color: #ABABAB;
color: #011;
margin: 0;
height: 2em;
font-size: 0.9em;
}
.cann-row-2 {
background-color: #121212;
background-color: #BCBCBC;
}
.cann-point {
width: 1em;
......
styles/resources.css
View file @ caf8e0be
......@@ -5,3 +5,4 @@
#plugins-plugins {
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