# Technical Documentation: sb2nov/resume > ℹ️ **Provenance:** Hybrid Fusion: `sb2nov/resume` + `sb2nov/sb2nov.github.io` · [CodeWiki Reference](https://codewiki.google/github.com/sb2nov/resume) · Recency: Active (< 180 days) ## 1. Project Overview & Quickstart (sb2nov/resume) A single-page, one-column resume for software developers. It uses the base latex templates and fonts to provide ease of use and installation when trying to update the resume. The different sections are clearly documented and custom commands are used to provide consistent formatting. The three main sections in the resume are education, experience, and projects. ### Motivation I created this template as managing a resume on Google Docs was hard and changing any formatting was too difficult since it had to be applied in multiple places. Most currently available templates either focus on two columns, or are multiple pages long that didn't work well for career fairs or online applications. ### Quick start Get started quickly using [Overleaf](https://www.overleaf.com/latex/templates/software-engineer-resume/gqxmqsvsbdjf) template. ### Build using Docker ```sh docker build -t latex . docker run --rm -i -v "$PWD":/data latex pdflatex sourabh_bajaj_resume.tex ``` ### Preview ### License Format is MIT but all the data is owned by Sourabh Bajaj. ## 2. Official Technical Reference & Guides (sb2nov/sb2nov.github.io) ## File: README.md ## Sourabh Bajaj This is the repository for my [blog](https://sourabhbajaj.com). I sometimes write about things I find interesting. ### Usage For building the site, use the command `./run_with_docker.sh server`. ### License - The HTML and CSS are copyrighted to [AlienWp](http://alienwp.com/) under [GPL license, version 2](http://www.gnu.org/licenses/old-licenses/gpl-2.0.html). - The written textual contents available in the blog is licensed under Apache 2.0. ### The end Like it? [Tell me](http://twitter.com/sourabhbajaj90). Question? [Use GitHub Issues](https://github.com/sb2nov/sb2nov.github.io/issues). --- ## File: js/toc/README.md # jekyll-table-of-contents A simple JavaScript table of contents generator. Works well with [jekyll](https://github.com/mojombo/jekyll) static sites. ## Usage ### Basic Usage The script requires jQuery. First, reference `toc.js` in templates where you would like to add the table of content. Then, create an HTML element wherever you want your table of contents to appear: ```html ``` Finally, call the `.toc()` function when the DOM is ready: ```html ``` If you use redcarpet, you need to have the option `with_toc_data` in order to add HTML anchors to each header: ```yaml markdown: redcarpet redcarpet: extensions: [with_toc_data] ``` If you use rdiscount, enable the following option in order to generate the TOC: ```yaml markdown: rdiscount rdiscount: extensions: - generate_toc ``` ### How It Works The script works by looking for headers (h1, h2, h3, h4, h5, h6) which have an `id`. An id is added automatically if you're using Jekyll and [Markdown](http://daringfireball.net/projects/markdown/syntax#header). The table of contents automatically handles nesting of headers. For example, this Markdown post: ## Title ## Page 1 ### Note on Paragraph 3 ## Page 2 ### Note on Paragraph 2 ### Note on Paragraph 4 Will render this table of contents: 1. Title 2. Page 1 a. Note on Paragraph 3 3. Page 2 a. Note on Paragraph 2 b. Note on Paragraph 4 ### Configuration #### List Type By default the table of contents is rendered as an `
    `, so you can change the number formatting using CSS. However you can use the `` tag, using the `listType` option: ```javascript $('#toc').toc({ listType: 'ul' }); ``` #### Header Styling The script also adds an `` tag next to each header. This uses the class `icon-arrow-up`, which if you're using [Bootstrap](http://twitter.github.io/bootstrap/), will be an arrow pointing to the top of the page. Clicking that arrow will scroll you to the top, while clicking on a header will get a permanent link to that particular header (using `window.location.hash`). If you don't want this feature, add this setting: ```javascript $('#toc').toc({ noBackToTopLinks: true }); ``` Otherwise, you can use the stylesheet below to have the icon and the header aligned nicely: ```css .clickable-header { cursor:pointer; } .clickable-header:hover { text-decoration:underline; } .top-level-header { display:inline; } .back-to-top { margin-left:5px; cursor:pointer; } ``` #### Headers Used By default the table of content is displayed when at least 3 headers are found. You can customize the minimum number of headers required with this setting: ```javascript $('#toc').toc({ minimumHeaders: 2 }); ``` And you can also select which headers you want to link to. By default `h1, h2, h3, h4, h5, h6` are displayed, but changing the `headers` setting lets you tweak it: ```javascript $('#toc').toc({ headers: 'h3, h4, h5, h6' }); $('#toc').toc({ headers: '.content h1, .content h2, .content h3, .content h4, .content h5, .content h6' }); ``` #### Effects Finally, you can also change the way the toc is displayed, choosing a `slideShow` or a `fadeIn` effect instead of `show`: ```javascript $('#toc').toc({ showEffect: 'slideDown' }); ``` Otherwise, to deactivate the effect, set it up like this: ```javascript $('#toc').toc({ showSpeed: 0 }); ``` ## Copyright See LICENSE.txt for further details. But basically, do what you like with this. --- METRICS --- - Files Extracted: 3 - Estimated Token Budget: ~1359 tokens - Recency Window: Active (< 180 days) - Canonical Reference: https://codewiki.google/github.com/sb2nov/resume