Commit 9bfe195b authored by Murukesh Mohanan's avatar Murukesh Mohanan

CSS fixes:

* Cann table used to overflow in mobile view
* Padding in header list made it off-centre
* Font size fixes
parent 9d325afb
......@@ -5,9 +5,8 @@
on Android, uncomment this meta tag. The weird font size
is due to "font boosting".
-->
<!-- <meta name="viewport" content="width=device-width, initial-scale=1">
-->
<meta charset="utf-8">
<meta name="HandheldFriendly" content="true">
<meta charset="utf-8">
<title>
{{ page.title }} &ndash; Muru's home page.
</title>
......@@ -18,9 +17,9 @@
</head>
<body>
<div id="header">
<h1>Murukesh Mohanan</h1>
<h2>Murukesh Mohanan</h2>
<ul>
<li>Second year, Master of Technology in Computer Science
<li>Third year, Master of Technology in Computer Science
and Engineering</li>
<li>RA, System Administration, CSE</li>
</ul>
......@@ -30,12 +29,17 @@
<h3>
<ul>
<li><a href="{{ site.root_url }}/">Main</a></li>
<li><a href="{{ site.root_url }}/acad">Acads</a></li>
<li><a href="{{ site.root_url }}/resources">Resources</a></li>
<li><a href="{{ site.root_url }}/contact">Contact<br> <span id="contact-comment">(Please don't!)</span></a></li>
<li><a href="{{ site.root_url }}/acad#main">Acads</a></li>
<li><a href="{{ site.root_url }}/resources#main">Resources</a></li>
<li><a href="{{ site.root_url }}/contact#main">Contact<br> <span id="contact-comment">(Please don't!)</span></a></li>
</ul>
</h3>
</div>
<div id="vim-proposal">
<a href="http://area51.stackexchange.com/proposals/80441/vi-and-vim?referrer=cSyv9sCu62iNAfGtTTKvSg2">
<img src="http://area51.stackexchange.com/ads/proposal/80441.png" alt="Stack Exchange Q&A site proposal: Vi and vim" />
</a>
</div>
<div id="main" markdown="1">
{{ content }}
......
......@@ -21,11 +21,3 @@ 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.
</div>
<div markdown="1" class="section">
### Pet peeves include:
- Menus in web pages that don't work in mobile phones, especially one with
touchscreens. See the CSE site for an example.
- Webpages laid out using tables. This one most definitely isn't.
- Sites (really, most about anything) with mostly white backgrounds.
</div>
......@@ -17,15 +17,6 @@ if (!MuruJS) {
return true;
}
// Green. Green EVERYWHERE.
// Didn't get the meme?
// See http://knowyourmeme.com/memes/x-x-everywhere - mildly NSFW
MuruJS.greenText = function () {
MuruJS.bodyColor = MuruJS.bodyColor == "#0F0" ? "#AAA" : "#0F0";
document.body.style.color = MuruJS.bodyColor;
return MuruJS.bodyColor;
}
// Add the comment visibility controller to the various events as handler.
// Call this after the body, so that the DOM is loaded. document.load
// doesn't work well. :( I'm doing something wrong.
......
......@@ -51,7 +51,9 @@ These and more can be found on my [Github scrips repo](https://github.com/muruke
<div markdown="1" class="section">
## [A Cann Table][cann-table] {#cann}
<div id="cann-table-area">
{% include_relative cann-table.html %}
</div>
I have followed the banding used by [@7amkickoff][7amkickoff].
This table is updated weekly via a cronjob.
......
......@@ -40,3 +40,11 @@
font-size: 0.6em;
display: block;
}
@media screen and (orientation:portrait) {
#cann-table-area {
width: 100%;
overflow: scroll;
}
}
......@@ -11,8 +11,8 @@
border-bottom: 0.2em solid white;
padding: 0.1em 3%;
margin: 0;
font-variant: small-caps;
font-size: 2em;
font-variant: small-caps;
text-align: center;
}
/** The #main div is given a min-height so that it isn't
......@@ -23,7 +23,7 @@
*/
#main {
padding: 1em 2em;
min-height: 42em;
min-height: 80vh;
/*margin-left: 15%;
float: right;
display: inline-block;*/
......@@ -58,6 +58,9 @@ div.bugs {
box-shadow: 0.1em 0.1em 0.2em 0 rgba(128,128,128,0.75);
border-radius: 0.3em;
}
#header ul {
padding: 0;
}
#header li {
list-style: none;
}
......@@ -95,6 +98,16 @@ div.bugs {
height: 1em;
}
#vim-proposal {
padding: 1em;
text-align: center;
}
#vim-proposal img {
height: 100%;
border-radius: 1vw;
overflow: hidden;
}
html {
background-color: black; /*#404040;*/
}
......@@ -109,12 +122,12 @@ body {
width: 100%;
/* width: 60em;*/
}
h1 {
/*h1 {
font-size: 2em;
}
h3 {
margin-top: 0;
}
}*/
code {
font-family: 'Ubuntu Mono', 'Droid Mono', monospace;
color: #0D0;
......@@ -204,6 +217,11 @@ ul li {
min-width: 22em;
width: 60%;
}
#vim-proposal {
float: right;
height: 15em;
max-height: 20vw;
}
}
@media screen and (orientation:portrait) {
......@@ -239,6 +257,16 @@ ul li {
font-size: 2em;
margin: 2em auto;
}
#vim-proposal {
height: 100vw;
width: 88vw;
margin: 0 auto;
}
body {
font-size: 2.5vw;
}
}
@import 'acad.css';
td, th {
border: solid black;
padding: 0.5em 0.9em;
width: 10em;
}
.courses.slot-2 span.course {
/* display: inline; */
/* display: none; */
float: left;
z-index: 99999999;
}
div {
height: 2em;
overflow: visible;
display: inline-block;
}
.courses.slot-3, .courses.slot-4, .courses.slot-2, .courses.slot-5, .courses.slot-6, .courses.slot-7, .courses.slot-8, .courses.slot-9, .courses.slot-10, .courses.slot-11, .courses.slot-12, .courses.slot-13, .courses.slot-14, .courses.slot-2 {
display: none;
}
.course-code {
display: block;
}
.course-instructors {
display: block;
color: #0FD;
}
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