Create the search.cpan.org look and feel
As we don't have access to the templates creating search.cpan.org, we are going to create those ourself.
First step is to look at the source of the main page of search.cpan.org. We can do that either by visiting the page and clicking on view source in the browser, or by fetching the HTML using wget, or curl:
$ wget http://search.cpan.org/
This has downloaded the page and created a file called index.html.
Looking in the file we can see that it uses HTML 4.01 Transitional. We don't want to copy that part. We don't want to be bogged down by that. We will use HTML5 instead.
The header of the html file links to the stylesheet on some external site. We can either include the same link or we can download the CSS file and store it on our server. For now we can just link to the external site:
<link rel="stylesheet" href="http://st.pimg.net/tucs/style.css?3" type="text/css" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.js"></script> </body> </html>
The rest of the work was carefully select the HTML code starting from the <body string, including the menu, including the code of the search box and even the stats at the bottom of the page. I know these numbers are going to be generated later on, but for now it seems like a good idea to include the values as they are.
the tt/index.tt will be empty.
$ git add .
$ git commit -m "get the source of the main page of search.cpan.org and create something very similar in the header.tt"
Published on 2015-05-16