Skip to content

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

CSS fixes: 

* Cann table used to overflow in mobile view
* Padding in header list made it off-centre
* Font size fixes
parent 9d325afb
Hide whitespace changes
Inline Side-by-side
Showing with 54 additions and 59 deletions
_layouts/default.html
View file @ 9bfe195b
...@@ -5,9 +5,8 @@ ...@@ -5,9 +5,8 @@
on Android, uncomment this meta tag. The weird font size on Android, uncomment this meta tag. The weird font size
is due to "font boosting". is due to "font boosting".
--> -->
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="HandheldFriendly" content="true">
--> <meta charset="utf-8">
<meta charset="utf-8">
<title> <title>
{{ page.title }} &ndash; Muru's home page. {{ page.title }} &ndash; Muru's home page.
</title> </title>
...@@ -18,9 +17,9 @@ ...@@ -18,9 +17,9 @@
</head> </head>
<body> <body>
<div id="header"> <div id="header">
<h1>Murukesh Mohanan</h1> <h2>Murukesh Mohanan</h2>
<ul> <ul>
<li>Second year, Master of Technology in Computer Science <li>Third year, Master of Technology in Computer Science
and Engineering</li> and Engineering</li>
<li>RA, System Administration, CSE</li> <li>RA, System Administration, CSE</li>
</ul> </ul>
...@@ -30,12 +29,17 @@ ...@@ -30,12 +29,17 @@
<h3> <h3>
<ul> <ul>
<li><a href="{{ site.root_url }}/">Main</a></li> <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 }}/acad#main">Acads</a></li>
<li><a href="{{ site.root_url }}/resources">Resources</a></li> <li><a href="{{ site.root_url }}/resources#main">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 }}/contact#main">Contact<br> <span id="contact-comment">(Please don't!)</span></a></li>
</ul> </ul>
</h3> </h3>
</div> </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"> <div id="main" markdown="1">
{{ content }} {{ content }}
......
index.md
View file @ 9bfe195b
...@@ -21,11 +21,3 @@ I am a Gooner. Favourite players include "Mad Jens" Lehmann, Dennis Bergkamp ...@@ -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 and Wojciech Szczęsny. I have been an Arsenal fan since the Champions League
final in Paris, 2006. final in Paris, 2006.
</div> </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>
murujs.js
View file @ 9bfe195b
...@@ -17,15 +17,6 @@ if (!MuruJS) { ...@@ -17,15 +17,6 @@ if (!MuruJS) {
return true; 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. // Add the comment visibility controller to the various events as handler.
// Call this after the body, so that the DOM is loaded. document.load // Call this after the body, so that the DOM is loaded. document.load
// doesn't work well. :( I'm doing something wrong. // doesn't work well. :( I'm doing something wrong.
......
resources.md
View file @ 9bfe195b
...@@ -51,7 +51,9 @@ These and more can be found on my [Github scrips repo](https://github.com/muruke ...@@ -51,7 +51,9 @@ These and more can be found on my [Github scrips repo](https://github.com/muruke
<div markdown="1" class="section"> <div markdown="1" class="section">
## [A Cann Table][cann-table] {#cann} ## [A Cann Table][cann-table] {#cann}
<div id="cann-table-area">
{% include_relative cann-table.html %} {% include_relative cann-table.html %}
</div>
I have followed the banding used by [@7amkickoff][7amkickoff]. I have followed the banding used by [@7amkickoff][7amkickoff].
This table is updated weekly via a cronjob. This table is updated weekly via a cronjob.
......
styles/cann-table.css
View file @ 9bfe195b
...@@ -40,3 +40,11 @@ ...@@ -40,3 +40,11 @@
font-size: 0.6em; font-size: 0.6em;
display: block; display: block;
} }
@media screen and (orientation:portrait) {
#cann-table-area {
width: 100%;
overflow: scroll;
}
}
styles/style.css
View file @ 9bfe195b
...@@ -11,8 +11,8 @@ ...@@ -11,8 +11,8 @@
border-bottom: 0.2em solid white; border-bottom: 0.2em solid white;
padding: 0.1em 3%; padding: 0.1em 3%;
margin: 0; margin: 0;
font-variant: small-caps;
font-size: 2em; font-size: 2em;
font-variant: small-caps;
text-align: center; 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
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
*/ */
#main { #main {
padding: 1em 2em; padding: 1em 2em;
min-height: 42em; min-height: 80vh;
/*margin-left: 15%; /*margin-left: 15%;
float: right; float: right;
display: inline-block;*/ display: inline-block;*/
...@@ -58,6 +58,9 @@ div.bugs { ...@@ -58,6 +58,9 @@ div.bugs {
box-shadow: 0.1em 0.1em 0.2em 0 rgba(128,128,128,0.75); box-shadow: 0.1em 0.1em 0.2em 0 rgba(128,128,128,0.75);
border-radius: 0.3em; border-radius: 0.3em;
} }
#header ul {
padding: 0;
}
#header li { #header li {
list-style: none; list-style: none;
} }
...@@ -95,6 +98,16 @@ div.bugs { ...@@ -95,6 +98,16 @@ div.bugs {
height: 1em; height: 1em;
} }
#vim-proposal {
padding: 1em;
text-align: center;
}
#vim-proposal img {
height: 100%;
border-radius: 1vw;
overflow: hidden;
}
html { html {
background-color: black; /*#404040;*/ background-color: black; /*#404040;*/
} }
...@@ -109,12 +122,12 @@ body { ...@@ -109,12 +122,12 @@ body {
width: 100%; width: 100%;
/* width: 60em;*/ /* width: 60em;*/
} }
h1 { /*h1 {
font-size: 2em; font-size: 2em;
} }
h3 { h3 {
margin-top: 0; margin-top: 0;
} }*/
code { code {
font-family: 'Ubuntu Mono', 'Droid Mono', monospace; font-family: 'Ubuntu Mono', 'Droid Mono', monospace;
color: #0D0; color: #0D0;
...@@ -204,6 +217,11 @@ ul li { ...@@ -204,6 +217,11 @@ ul li {
min-width: 22em; min-width: 22em;
width: 60%; width: 60%;
} }
#vim-proposal {
float: right;
height: 15em;
max-height: 20vw;
}
} }
@media screen and (orientation:portrait) { @media screen and (orientation:portrait) {
...@@ -239,6 +257,16 @@ ul li { ...@@ -239,6 +257,16 @@ ul li {
font-size: 2em; font-size: 2em;
margin: 2em auto; margin: 2em auto;
} }
#vim-proposal {
height: 100vw;
width: 88vw;
margin: 0 auto;
}
body {
font-size: 2.5vw;
}
} }
styles/tt.css deleted 100644 → 0
View file @ 9d325afb
@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