Skip to main content

Making websites using Bootstrap

Because I had nothing better to do on a Friday evening, I (finally) took a look at the Bootstrap framework. For those of you who don't know, Bootstrap is (sort of) a library that provides building blocks that can be used to build responsive websites (as I understand it). About an year ago, a friend of mine used it to setup his personal website while applying for grad school. I, on the other hand, was lazy, among other things. So my interest in understanding and using bootstrap got put in the attic as I waited for the right time™to do so.

Well, yesterday seemed to be as good a day as any so I ploughed through the example/templates provided by the wonderful people at Bootstrap. And all I did was edit and modify the templates as I needed/wanted them to be and voila, in under 6 hours, I had 4 websites.

The first is based on the Jumbotron-Narrow template and my version of it can be found here. All of the code is available on my Github repository and this is how it looks like -

The second is based on the Navbar-Fixed-Top template and my version of it can be found here. All of the relevant code can be found on my Github repository and this is how it looks like -

The third is based on the Justified-nav template and my version of it can be found here. All of the relevant code can be found on my Github repository and this is how it looks like -

There's a fourth I wrote based on the Carousel template but I wrote it for a friend and I didn't bother making a version of it for myself, mainly because I don't have cool enough pictures that can be displayed on the gallery.

I made these websites mostly for fun and partly because I wanted to try out the Bootstrap library for a while now. I also wanted to make these websites because earlier this month I wrote a blog post about what I thought was missing from the websites of physics departments at IITs (Indian Institute of Technologies). Physics departments because I have a background in Physics and IITs because I'm from an IIT and IITs are among the premier educational institutions in India.

Anyway, as I was writing that blog post, I wanted to have a solution to the problem that I was pointing out. So I wanted to create/display website templates that faculty/academics can immediately use for themselves. Editing name and information is all they will have to do to have a working webpage, instead of having to learn CSS and HTML from scratch.

Granted, there are a lot of websites/services out there on the internet that provide a much more diverse set of features, a wider variety in templates, a lot more buttons and what not but honestly, I think the above three templates are more than sufficient to start out with. In my opinion.

I feel like going off on a tangent now, to try and explain to you why I think it is important for a faculty to maintain a relatively up-to-date webpage but I would rather have that conversation one-on-one. So, I'll stop here. Until next week ...

Popular posts from this blog

Animation using GNUPlot

Animation using GNUPlotI've been trying to create an animation depicting a quasar spectrum moving across the 5 SDSS pass bands with respect to redshift. It is important to visualise what emission lines are moving in and out of bands to be able to understand the color-redshift plots and the changes in it.
I've tried doing this using the animate function in matplotlib, python but i wasn't able to make it work - meaning i worked on it for a couple of days and then i gave up, not having found solutions for my problems on the internet.
And then i came across this site, where the gunn-peterson trough and the lyman alpha forest have been depicted - in a beautiful manner. And this got me interested in using js and d3 to do the animations and make it dynamic - using sliders etc.
In the meanwhile, i thought i'd look up and see if there was a way to create animations in gnuplot and whoopdedoo, what do i find but nirvana!

In the image, you see 5 static curves and one dynam…

on MOOCs.

For those of you who don't know, MOOC stands for Massively Open Online Course.

The internet is an awesome thing. It's making education free for all. Well, mostly free. But it's surprising at the width and depth of courses being offered online. And it looks like they are also having an impact on students, especially those from universities that are not top ranked. Students in all parts of the world can now get a first class education experience, thanks to courses offered by Stanford, MIT, Caltech, etc.

I'm talking about MOOCs because one of my new year resolutions is to take online courses, atleast 2 per semester (6 months). And I've chosen the following two courses on edX - Analyzing Big Data with Microsoft R Server and Data Science Essentials for now. I looked at courses on Coursera but I couldn't find any which was worthy and free. There are a lot more MOOC providers out there but let's start here. And I feel like the two courses are relevant to where I …

On programmers.

I just watched this brilliant keynote today. It's a commentary on Programmers and the software development industry/ecosystem as a whole.

I am not going to give you a tl;dr version of the talk because it is a talk that I believe everyone should watch, that everyone should learn from. Instead, I am going to give my own parallel-ish views on programmers and programming.
As pointed out in the talk, there are mythical creatures in the software development industry who are revered as gods. Guido Van Rossum, the creator of Python, was given the title Benevolent Dictator For Life (BDFL). People flock around the creators of popular languages or libraries. They are god-like to most programmers and are treated like gods. By which, I mean to say, we assume they don't have flaws. That they are infallible. That they are perfect.
And alongside this belief in the infallibility of these Gods, we believe that they were born programmers. That programming is something that people are born wit…