diff --git a/.gitignore b/.gitignore index e43b0f9..6f0f92d 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,6 @@ +# Mac .DS_Store +*/**/.DS_Store + +# exampleSite +exampleSite/public diff --git a/README.md b/README.md index 3ecf571..f7abff2 100644 --- a/README.md +++ b/README.md @@ -1,47 +1,45 @@ # Cocoa -A [Hugo](http://gohugo.io) theme with clear typograhy for easy, disturbance-free reading. +A consistent [Hugo](http://gohugo.io) theme with clear typograhy and colors. -
- - - -
+ # Table of Contents -* [Setup](#setup) -* [Theme](#theme) +* [Getting Started](#getting-started) +* [Usage](#usage) * [Screenshots](#screenshots) -* [Extras](#extras) -* [Example Sites](#example-sites) * [Contributing](#contributing) * [License](#license) -# Setup +# Getting Started From the root of your Hugo site, clone the theme into `themes/cocoa` by running: ```` -$ mkdir themes -$ cd themes -$ git clone https://github.com/nishanths/cocoa-hugo-theme.git cocoa +git clone https://github.com/nishanths/cocoa-hugo-theme.git themes/cocoa ```` -Then, generate static files by running: +Then, generate your site's files by running: ```` -$ hugo -t cocoa +hugo -t cocoa ```` -# Theme +# Usage + +This section describes how to create content that works well with this theme. + +## Example site + +An example site is available under the `exampleSite/` directory. ## Creating Content * Posts should go under a `content/posts` directory. Typically you would run: ```` -$ hugo new posts/newpost.md +hugo new posts/new-post.md ```` * Fixed pages such as an About page should preferably go under a `content/fixed` or be present at the root of the `contents` directory. @@ -50,91 +48,15 @@ $ hugo new posts/newpost.md $ hugo new fixed/about.md ```` -## Fonts and Colors +## Site variables -The primary font face is Proxima Nova in 400 and 700 weights. If you own the font, create a font face declarations like in the example below, and place it in the path specified in [`.Site.Params.WebfontsFile`](#site-variables): - -````css -@font-face { - font-family: 'ProximaNova'; - font-weight: normal; - font-style: normal; - src: url('webfonts/2F00B2_0_0.eot'); - src: url('webfonts/2F00B2_0_0.eot?#iefix') format('embedded-opentype'), - url('webfonts/2F00B2_0_0.woff2') format('woff2'), - url('webfonts/2F00B2_0_0.woff') format('woff'), - url('webfonts/2F00B2_0_0.ttf') format('truetype'); -} - -@font-face { - font-family: 'ProximaNova'; - font-weight: bold; - font-style: normal; - src: url('webfonts/2F00B2_1_0.eot'); - src: url('webfonts/2F00B2_1_0.eot?#iefix') format('embedded-opentype'), - url('webfonts/2F00B2_1_0.woff2') format('woff2'), - url('webfonts/2F00B2_1_0.woff') format('woff'), - url('webfonts/2F00B2_1_0.ttf') format('truetype'); -} - -```` - -If you do not provide Proxima Nova files, the fallback font face—Source Sans Pro—will be automatically used from Google Fonts. The primary monospace font face is Ubuntu Mono from Google Fonts. - - -The main colors are: - -* `#333333` -* `#b7b7b7` -* `#21bb5b` - -For syntax highlighting, set `pygmentsuseclasses = true` in your `config.toml`. Syntax highlighting classes in `css/pygments.css` are from [`default.css`](https://github.com/richleland/pygments-css/blob/master/default.css). - -## Site Variables - -* Add the following params in `config.toml` to customize your site. - * The only required key is `DateForm`. - -````toml -[params] -Author = "Firstname Lastname" -DateForm = "Jan 2, 2006" # required -Description = "eat, sleep, rave, repeat" -Email = "username@hogwarts.edu" -Facebook = "//facebook.com/username" -FaviconFile = "img/myicon.ico" # relative to static/ directory, defaults to the icon at themes/cocoa/img/favicon.ico -GATracker = "" -GitHub = "//github.com/username" -Lang = "en" # -LinkedIn = "//linkedin.com/in/username" -Twitter = "//twitter.com/username" -WebfontsFile = "css/mywebfontsfile.css" # relative to static/ directory, defaults to empty string -```` - -# Extras - -## Less files - -The `.less` files used to generate `main.css` are available at the root of the repository. Running: - -```` -$ lessc main.less static/css/main.css -```` - -should do the trick. +Please see the sample `config.toml` under the `exampleSite/` directory. # Screenshots -###### single post + - - - -# Example Sites - -* [http://nishanths.me](http://nishanths.me) • [source](https://github.com/nishanths/) -* [Add yours by submitting a pull request](https://github.com/nishanths/nishanths.me/pulls) # Contributing diff --git a/exampleSite/public/.gitkeep b/exampleSite/archetypes/.gitkeep similarity index 100% rename from exampleSite/public/.gitkeep rename to exampleSite/archetypes/.gitkeep diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 5910335..22a4372 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -27,4 +27,3 @@ Initials = "ns" # displayed on single post page Lang = "en" LinkedIn = "//linkedin.com/in/nshanmugham" Twitter = "//twitter.com/nshanmugham" -# WebfontsFile = "css/proximanova.css" diff --git a/exampleSite/content/fixed/about.md b/exampleSite/content/fixed/about.md index 60e569a..8224942 100644 --- a/exampleSite/content/fixed/about.md +++ b/exampleSite/content/fixed/about.md @@ -11,7 +11,7 @@ I love soccer and mediterranean food. You can find recent open source work on nishanths@utexas.edu. - +
diff --git a/exampleSite/content/fixed/colophon.md b/exampleSite/content/fixed/colophon.md index e27e93f..c32afe0 100644 --- a/exampleSite/content/fixed/colophon.md +++ b/exampleSite/content/fixed/colophon.md @@ -10,6 +10,6 @@ This website is the place where I write about JavaScript, git, and tech. It is a The site is built with Hugo—a static site generator made with Go and is hosted on GitHub Pages. The website source code is available on GitHub. It uses the cocoa theme. The posts are written in Markdown. -The primary font face is Proxima Nova and the monospace font face is Ubuntu Mono. The social icons are from the Ionicons font set. CSS classes for code syntax highlighting are inserted during compile-time by Hugo using Pygments. +The primary font face is Open Sans and the monospace font face is Ubuntu Mono. The social icons are from the Ionicons font set. CSS classes for code syntax highlighting are inserted during compile-time by Hugo using Pygments. -If you find errors, [please let me know](https://github.com/nishanths/nishanths.me/issues/new). +If you find errors, [please let me know](/). diff --git a/exampleSite/content/resume.html b/exampleSite/content/resume.html deleted file mode 100644 index 0977b07..0000000 --- a/exampleSite/content/resume.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/exampleSite/data/.gitkeep b/exampleSite/data/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/exampleSite/layouts/.gitkeep b/exampleSite/layouts/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/exampleSite/public/404/index.html b/exampleSite/public/404/index.html deleted file mode 100644 index f8cf10a..0000000 --- a/exampleSite/public/404/index.html +++ /dev/null @@ -1,137 +0,0 @@ - - - - - - - - - - - - - - - - 404 Page not found - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
Nishanth Shanmugham
-
-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
-
-
-
404
-
Sorry, this page does not exist.
- -
-
-
- - - - - - - - - - diff --git a/exampleSite/public/about-this-site/index.html b/exampleSite/public/about-this-site/index.html deleted file mode 100644 index a68e05c..0000000 --- a/exampleSite/public/about-this-site/index.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/exampleSite/public/about/index.html b/exampleSite/public/about/index.html deleted file mode 100644 index 0218650..0000000 --- a/exampleSite/public/about/index.html +++ /dev/null @@ -1,154 +0,0 @@ - - - - - - - - - - - - - - - - About - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
Nishanth Shanmugham
-
-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
-
-
-
- - About - -
- -
-

I’m a software engineer and student at UT Austin. I primarily program in JavaScript. I currently work at Evernote. I also teach a web development class as part of MAD, a computer science campus organization.

- -

I love soccer and mediterranean food. You can find recent open source work on GitHub.

- -

Please feel free to get in touch at nishanths@utexas.edu.

- -

- -


- -

About this site

- -
-
-
-
- - - - - - - - - - diff --git a/exampleSite/public/blog/index.html b/exampleSite/public/blog/index.html deleted file mode 100644 index 2669858..0000000 --- a/exampleSite/public/blog/index.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/exampleSite/public/code/index.html b/exampleSite/public/code/index.html deleted file mode 100644 index 9e8bc5c..0000000 --- a/exampleSite/public/code/index.html +++ /dev/null @@ -1,158 +0,0 @@ - - - - - - - - - - - - - - - - Code - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
Nishanth Shanmugham
-
-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
-
-
-
- - Code - -
- -
-
    -
  • iterators.js: Useful functional iterators for node and the browser
  • -
  • Spitfire: HackTX 2015, Winner – a real-time rhyming assistant
  • -
  • markdown-viewer-component: Web Component that renders Markdown placed inside an element as HTML
  • -
  • cocoa-hugo-theme: Distraction-free reading theme for Hugo, the static site generator
  • -
  • slack-texts: Important channel messages also sent to your phone via SMS
  • -
  • YWeatherAPI: Powerful Yahoo! Weather API wrapper for Mac and iOS
  • -
  • uMAD 2015: Website for the student developer conference built with Middleman
  • -
  • What’s Playing: Desktop notifications for online music playback changes
  • -
  • QuickCal: Highlight and add dates from any website to Google Calendar
  • -
  • YouTube Pause: Spacebar pauses the video instead of scrolling down the page. CNET
  • -
  • ISBN Search: DuckDuckGo module to lookup book information by ISBN
  • -
  • HTML Entities Encoder & Decoder: Encode and decode HTML entities on DuckDuckGo using natural queries
  • -
  • Auto-Browser: HackTX 2014, Top 10
  • -
- -
-
-
-
- - - - - - - - - - diff --git a/exampleSite/public/colophon/index.html b/exampleSite/public/colophon/index.html deleted file mode 100644 index 2104d8b..0000000 --- a/exampleSite/public/colophon/index.html +++ /dev/null @@ -1,150 +0,0 @@ - - - - - - - - - - - - - - - - About This Site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
Nishanth Shanmugham
-
-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
-
-
-
- - About This Site - -
- -
-

This website is the place where I write about JavaScript, git, and tech. It is also a personal homepage.

- -

The site is built with Hugo—a static site generator made with Go and is hosted on GitHub Pages. The website source code is available on GitHub. It uses the cocoa theme. The posts are written in Markdown.

- -

The primary font face is Proxima Nova and the monospace font face is Ubuntu Mono. The social icons are from the Ionicons font set. CSS classes for code syntax highlighting are inserted during compile-time by Hugo using Pygments.

- -

If you find errors, please let me know.

- -
-
-
-
- - - - - - - - - - diff --git a/exampleSite/public/css/main.css b/exampleSite/public/css/main.css deleted file mode 100644 index 2406f10..0000000 --- a/exampleSite/public/css/main.css +++ /dev/null @@ -1,691 +0,0 @@ -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400); -@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic); -@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); -@import url(https://fonts.googleapis.com/css?family=Raleway:700); -.dark { - color: #444 !important; -} -.light { - color: #999 !important; -} -.accent { - color: #f46d2c !important; -} -@media (min-width: 550px) { - .small-screens-only { - display: none; - } -} -.large-screens-only { - display: none; -} -@media (min-width: 550px) { - .large-screens-only { - display: initial; - } -} -*, -*:before, -*:after { - box-sizing: border-box; -} -a, -a:visited, -a:focus, -a:active { - text-decoration: none; -} -html { - height: 100%; - font-size: 16px; -} -body { - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - display: -ms-flex; - display: flex; - -webkit-flex-direction: column; - -moz-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - align-items: center; - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - justify-content: flex-start; - width: 100%; - min-height: 100%; - font-weight: 400; - font-family: 'ProximaNova', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif; - color: #444; - line-height: 1.6; - text-rendering: optimizeLegibility !important; - -webkit-font-smoothing: subpixel-antialiased; - font-smoothing: subpixel-antialiased; -} -@media (min-width: 550px) { - body { - -webkit-justify-content: center; - -moz-justify-content: center; - -ms-justify-content: center; - justify-content: center; - } - .narrow { - display: none !important; - } -} -.icon { - text-rendering: geometricPrecision !important; -} -.section { - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - display: -ms-flex; - display: flex; - -webkit-justify-content: center; - -moz-justify-content: center; - -ms-justify-content: center; - justify-content: center; - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - align-items: center; - width: 100%; -} -.container { - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - display: -ms-flex; - display: flex; - width: 100%; -} -@media (min-width: 550px) { - .section { - padding: 0 16px; - margin-left: 100px; - margin-right: 100px; - max-width: 750px; - } -} -.section.header { - -webkit-order: 0; - -moz-order: 0; - -ms-order: 0; - order: 0; -} -.section.icons { - -webkit-order: 1; - -moz-order: 1; - -ms-order: 1; - order: 1; -} -.section.main { - -webkit-order: 2; - -moz-order: 2; - -ms-order: 2; - order: 2; -} -@media (min-width: 550px) { - .section.header { - -webkit-order: 0; - -moz-order: 0; - -ms-order: 0; - order: 0; - } - .section.icons { - -webkit-order: 2; - -moz-order: 2; - -ms-order: 2; - order: 2; - } - .section.main { - -webkit-order: 1; - -moz-order: 1; - -ms-order: 1; - order: 1; - } -} -.section.header { - background-color: #f7f7f7; -} -.section.header .container { - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - align-items: center; - -webkit-justify-content: center; - -moz-justify-content: center; - -ms-justify-content: center; - justify-content: center; -} -.section.header .content { - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - display: -ms-flex; - display: flex; - -webkit-flex-direction: column; - -moz-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - align-items: center; -} -.section.header .name { - font-size: 18px; - font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif; - letter-spacing: -0.005rem; - text-transform: uppercase; - font-weight: 700; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-smoothing: antialiased; - color: #444; - color: #555; -} -.section.header nav { - font-size: 14px; - margin-bottom: 16px; - text-transform: uppercase; -} -.section.header nav ul { - list-style: none; - text-align: center; - display: -webkit-inline-flex; - display: -moz-inline-flex; - display: -ms-inline-flexbox; - display: -ms-inline-flex; - display: inline-flex; -} -.section.header nav ul a { - margin-left: 6px; - margin-right: 6px; -} -.section.header nav ul a:first-child { - margin-left: 0; -} -.section.header nav ul a:last-child { - margin-right: 0; -} -.section.header nav ul li { - color: #999; - -webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -} -.section.header nav ul li:hover { - color: #b7b7b7; -} -@media (min-width: 550px) { - .section.header { - background-color: transparent; - } - .section.header .container { - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - justify-content: flex-start; - } - .section.header .content { - -webkit-align-items: flex-start; - -moz-align-items: flex-start; - -ms-align-items: flex-start; - align-items: flex-start; - } - .section.header .name { - color: #444; - } - .section.header nav { - font-size: 13px; - margin-bottom: 0; - } - .section.header nav ul { - text-align: left; - } - .section.header nav ul li { - color: #999; - } - .section.header nav ul li:hover { - color: #444; - } -} -.section.icons { - background-color: #f7f7f7; -} -.section.icons .container { - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - align-items: center; - -webkit-justify-content: center; - -moz-justify-content: center; - -ms-justify-content: center; - justify-content: center; -} -.section.icons .content a { - margin-left: 6px; - margin-right: 6px; - color: #999; - -webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -} -.section.icons .content a:first-child { - margin-left: 0; -} -.section.icons .content a:last-child { - margin-right: 0; -} -.section.icons .content a:hover { - color: #b7b7b7; -} -.section.icons .content a .icon { - font-size: 20px; -} -.section.icons .content a .icon.larger { - font-size: 22px; -} -@media (min-width: 550px) { - .section.icons { - background-color: transparent; - } - .section.icons .container { - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - justify-content: flex-start; - } - .section.icons .content a { - margin-left: 3px; - margin-right: 3px; - color: #999; - } - .section.icons .content a:hover { - color: #444; - } - .section.icons .content a .icon { - font-size: 18px; - } - .section.icons .content a .icon.larger { - font-size: 20px; - } -} -.section.main .container { - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - align-items: center; - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - justify-content: flex-start; -} -.section.main .content { - color: #444; - font-size: 16px; -} -.section.main .content .title-container { - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - display: -ms-flex; - display: flex; - -webkit-justify-content: space-between; - -moz-justify-content: space-between; - -ms-justify-content: space-between; - justify-content: space-between; -} -.section.main .content .title-container .initials { - display: none; - font-size: 18px; - font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif; - letter-spacing: -0.005rem; - text-transform: uppercase; - font-weight: 700; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-smoothing: antialiased; - color: #444; - color: #999; -} -.section.main .content .title-container .initials a { - color: #999; - -webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -} -.section.main .content .title-container .initials a:hover { - color: #444; -} -.section.main .content .page-heading { - font-size: 18px; - font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif; - letter-spacing: -0.005rem; - text-transform: uppercase; - font-weight: 700; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-smoothing: antialiased; - color: #444; - margin-bottom: 16px; -} -.section.main .content .front-matter .page-heading { - margin-bottom: 0; -} -.section.main .content .front-matter .meta { - font-size: 14px; - color: #999; - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - display: -ms-flex; - display: flex; - margin-bottom: 32px; -} -.section.main .content .front-matter .date, -.section.main .content .front-matter .word-count, -.section.main .content .front-matter .reading-time .middot { - display: none; -} -.section.main .content .front-matter .middot { - font-size: 6px; - margin: 0 6px; - display: inline; - vertical-align: middle; -} -.section.main .content .front-matter .middot:before { - content: "•"; -} -@media (min-width: 550px) { - .section.main .content .front-matter .date, - .section.main .content .front-matter .word-count, - .section.main .content .front-matter .reading-time .middot { - display: initial; - } - .section.main .content .title-container .initials { - display: initial; - } -} -.section.main .container.f04 { - -webkit-justify-content: center; - -moz-justify-content: center; - -ms-justify-content: center; - justify-content: center; -} -.section.main .container.f04 .content { - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - display: -ms-flex; - display: flex; - -webkit-flex-direction: column; - -moz-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - align-items: center; -} -.section.main .container.f04 .content .num { - margin: 30px 0px 30px 0; - font-weight: 200; - font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif; - font-size: 50px; -} -.section.main .container.f04 .content .detail { - margin-bottom: 40px; -} -@media (min-width: 550px) { - .section.main .container.f04 { - -webkit-justify-content: flex-start; - -moz-justify-content: flex-start; - -ms-justify-content: flex-start; - justify-content: flex-start; - } - .section.main .container.f04 .content { - -webkit-align-items: flex-start; - -moz-align-items: flex-start; - -ms-align-items: flex-start; - align-items: flex-start; - } - .section.main .container.f04 .content .num { - margin: 0 0 10px 0; - font-size: 32px; - } - .section.main .container.f04 .content .detail { - margin-bottom: 30px; - } -} -.section.main .container .content .post-item { - display: -webkit-flex; - display: -moz-flex; - display: -ms-flexbox; - display: -ms-flex; - display: flex; - -webkit-align-items: center; - -moz-align-items: center; - -ms-align-items: center; - align-items: center; - list-style: none; -} -.section.main .container .content .post-item .meta { - font-size: 14px; - color: #999; - min-width: 100px; - text-align: right; - margin-right: 16px; -} -.section { - padding: 0 16px; -} -.section.header { - padding-top: 32px; - padding-bottom: 16px; -} -.section.icons { - padding-top: 0; - padding-bottom: 32px; -} -.section.main { - padding-top: 32px; - padding-bottom: 32px; -} -@media (min-width: 550px) { - .container { - margin: 0 30px; - } - .section.header { - padding-top: 60px; - padding-bottom: 60px; - } - .section.icons { - padding-top: 60px; - padding-bottom: 60px; - } - .section.main { - padding-top: 0; - padding-bottom: 0; - } - .section.main.post { - padding-top: 60px; - padding-bottom: 60px; - } -} -a { - color: #f46d2c; - -webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); - -o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -} -a:hover { - color: #de5a1d; -} -img { - max-width: 100%; -} -img.profile { - min-width: 100%; -} -@media (min-width: 550px) { - img.profile { - min-width: 400px; - max-width: 400px !important; - } -} -.page-heading a { - color: #444; -} -.section.main .content .markdown h1, -.section.main .content .markdown h2, -.section.main .content .markdown h3, -.section.main .content .markdown h4, -.section.main .content .markdown h5, -.section.main .content .markdown h6 { - font-size: 18px; - font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif; - letter-spacing: -0.005rem; - text-transform: uppercase; - font-weight: 700; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-smoothing: antialiased; - color: #444; -} -.section.main .content .markdown h1 { - font-size: 1.75rem; - margin-bottom: 2rem; -} -.section.main .content .markdown h2 { - font-size: 1.5rem; - margin-bottom: 1.5rem; -} -.section.main .content .markdown h3 { - font-size: 1em; - margin-bottom: 1rem; -} -.section.main .content .markdown h4, -.section.main .content .markdown h5, -.section.main .content .markdown h6 { - font-size: 1rem; - margin-bottom: 1rem; - letter-spacing: none; - text-transform: none; -} -.section.main .content .markdown code, -.section.main .content .markdown pre { - font-family: 'Ubuntu Mono', 'Menlo', monospace; - font-size: 0.98rem; - background-color: #f7f7f7; -} -.section.main .content .markdown code { - /* enclosed by single backtick (`) */ - padding: .15em .5em; - color: #a10c31; - border-radius: 2px; -} -.section.main .content .markdown pre { - /* Hugo specific: consider using the 'highlight' shortcode */ - display: block; - margin-top: 1rem; - margin-bottom: 2rem; - padding: 1rem; - line-height: 1.5em; - white-space: pre; - white-space: pre-wrap; - word-break: break-all; - word-wrap: break-word; -} -.section.main .content .markdown pre code { - /* enclosed by 4 backticks (````) */ - padding: 0; - font-size: 0.9rem; -} -.section.main .content .markdown p { - /* Invoked by line break */ - font-size: 1rem; - margin-top: 0; - margin-bottom: 1em; -} -.section.main .content .markdown ul, -.section.main .content .markdown ol, -.section.main .content .markdown dl { - margin-top: 1rem; - margin-bottom: 2rem; -} -.section.main .content .markdown dt { - font-weight: bold; -} -.section.main .content .markdown dd { - margin-bottom: .5rem; -} -.section.main .content .markdown ul { - margin-bottom: 1.25rem; -} -.section.main .content .markdown li { - list-style-type: disc; - list-style-position: inside; -} -.section.main .content .markdown hr { - position: relative; - margin: 1.75rem 0; - border: 0; - border-top: 1px solid #b3b3b3; - border-top: 1px solid #cccccc; -} -.section.main .content .markdown abbr { - font-size: 0.85rem; - font-weight: bold; - color: #777777; - text-transform: uppercase; -} -.section.main .content .markdown abbr[title] { - cursor: help; - border-bottom: 1px dotted #b3b3b3; -} -.section.main .content .markdown blockquote { - padding: .5rem 1rem; - margin: .8rem 0; - color: #7a7a7a; - border-left: .25rem solid #e5e5e5; -} -.section.main .content .markdown blockquote p:last-child { - margin-bottom: 0; -} -@media (min-width: 550px) { - .section.main .content .markdown blockquote { - padding-right: 5rem; - padding-left: 1.25rem; - } -} -.section.main .content .markdown img { - margin: 1rem 0; - max-width: 100%; -} -.section.main .content .markdown table { - margin-bottom: 1rem; - width: 100%; - border: 1px solid #e5e5e5; - border-collapse: collapse; -} -.section.main .content .markdown td, -.section.main .content .markdown th { - padding: .25rem .5rem; - border: 1px solid #e5e5e5; -} -.section.main .content .markdown tbody tr:nth-child(odd) td, -.section.main .content .markdown tbody tr:nth-child(odd) th { - background-color: #f7f7f7; -} diff --git a/exampleSite/public/css/pygments.css b/exampleSite/public/css/pygments.css deleted file mode 100644 index dc60655..0000000 --- a/exampleSite/public/css/pygments.css +++ /dev/null @@ -1,61 +0,0 @@ -.hll { background-color: #ffffcc } -.c { color: #999988; font-style: italic } /* Comment */ -.err { color: #a61717; background-color: #e3d2d2 } /* Error */ -.k { color: #000000; font-weight: bold } /* Keyword */ -.o { color: #000000; font-weight: bold } /* Operator */ -.cm { color: #999988; font-style: italic } /* Comment.Multiline */ -.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */ -.c1 { color: #999988; font-style: italic } /* Comment.Single */ -.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ -.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ -.ge { color: #000000; font-style: italic } /* Generic.Emph */ -.gr { color: #aa0000 } /* Generic.Error */ -.gh { color: #999999 } /* Generic.Heading */ -.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ -.go { color: #888888 } /* Generic.Output */ -.gp { color: #555555 } /* Generic.Prompt */ -.gs { font-weight: bold } /* Generic.Strong */ -.gu { color: #aaaaaa } /* Generic.Subheading */ -.gt { color: #aa0000 } /* Generic.Traceback */ -.kc { color: #000000; font-weight: bold } /* Keyword.Constant */ -.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */ -.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */ -.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */ -.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */ -.kt { color: #445588; font-weight: bold } /* Keyword.Type */ -.m { color: #009999 } /* Literal.Number */ -.s { color: #d01040 } /* Literal.String */ -.na { color: #008080 } /* Name.Attribute */ -.nb { color: #0086B3 } /* Name.Builtin */ -.nc { color: #445588; font-weight: bold } /* Name.Class */ -.no { color: #008080 } /* Name.Constant */ -.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */ -.ni { color: #800080 } /* Name.Entity */ -.ne { color: #990000; font-weight: bold } /* Name.Exception */ -.nf { color: #990000; font-weight: bold } /* Name.Function */ -.nl { color: #990000; font-weight: bold } /* Name.Label */ -.nn { color: #555555 } /* Name.Namespace */ -.nt { color: #000080 } /* Name.Tag */ -.nv { color: #008080 } /* Name.Variable */ -.ow { color: #000000; font-weight: bold } /* Operator.Word */ -.w { color: #bbbbbb } /* Text.Whitespace */ -.mf { color: #009999 } /* Literal.Number.Float */ -.mh { color: #009999 } /* Literal.Number.Hex */ -.mi { color: #009999 } /* Literal.Number.Integer */ -.mo { color: #009999 } /* Literal.Number.Oct */ -.sb { color: #d01040 } /* Literal.String.Backtick */ -.sc { color: #d01040 } /* Literal.String.Char */ -.sd { color: #d01040 } /* Literal.String.Doc */ -.s2 { color: #d01040 } /* Literal.String.Double */ -.se { color: #d01040 } /* Literal.String.Escape */ -.sh { color: #d01040 } /* Literal.String.Heredoc */ -.si { color: #d01040 } /* Literal.String.Interpol */ -.sx { color: #d01040 } /* Literal.String.Other */ -.sr { color: #009926 } /* Literal.String.Regex */ -.s1 { color: #d01040 } /* Literal.String.Single */ -.ss { color: #990073 } /* Literal.String.Symbol */ -.bp { color: #999999 } /* Name.Builtin.Pseudo */ -.vc { color: #008080 } /* Name.Variable.Class */ -.vg { color: #008080 } /* Name.Variable.Global */ -.vi { color: #008080 } /* Name.Variable.Instance */ -.il { color: #009999 } /* Literal.Number.Integer.Long */ diff --git a/exampleSite/public/css/reset.css b/exampleSite/public/css/reset.css deleted file mode 100644 index 87df836..0000000 --- a/exampleSite/public/css/reset.css +++ /dev/null @@ -1,48 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} diff --git a/exampleSite/public/fixed/index.html b/exampleSite/public/fixed/index.html deleted file mode 100644 index 5e4744a..0000000 --- a/exampleSite/public/fixed/index.html +++ /dev/null @@ -1,162 +0,0 @@ - - - - - - - - - - - - - - - - Fixeds - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
Nishanth Shanmugham
-
-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
-
-
-
- - Fixeds - -
- -
    - -
  • -
    Aug 22, 2015
    -
    About
    -
  • - - -
  • -
    Aug 22, 2015
    -
    colophon
    -
  • - - -
  • -
    Aug 19, 2015
    -
    Code
    -
  • - - -
-
-
-
- - - - - - - - - - - diff --git a/exampleSite/public/fixed/index.xml b/exampleSite/public/fixed/index.xml deleted file mode 100644 index 1c827a0..0000000 --- a/exampleSite/public/fixed/index.xml +++ /dev/null @@ -1,73 +0,0 @@ - - - - Fixeds on Nishanth Shanmugham - http://localhost:1313/fixed/ - Recent content in Fixeds on Nishanth Shanmugham - Hugo -- gohugo.io - en-US - Sat, 22 Aug 2015 06:42:21 -0700 - - - - About - http://localhost:1313/about/ - Sat, 22 Aug 2015 06:42:21 -0700 - - http://localhost:1313/about/ - <p>I&rsquo;m a software engineer and student at UT Austin. I primarily program in JavaScript. I currently work at Evernote. I also teach a web development class as part of <a href="//cs.utexas.edu/users/mad">MAD</a>, a computer science campus organization.</p> - -<p>I love soccer and mediterranean food. You can find recent open source work on <a target="_blank" href="//github.com/nishanths">GitHub</a>.</p> - -<p>Please feel free to get in touch at <a href="mailto:nishanths@utexas.edu">nishanths@utexas.edu</a>.</p> - -<p><img src="//s.gravatar.com/avatar/9e766e4880d9a79fd1244c1b04dc31fe?size=4096&default=retro" class="profile"></p> - -<p><br /></p> - -<p><a href="colophon/">About this site</a></p> - - - - - colophon - http://localhost:1313/colophon/ - Sat, 22 Aug 2015 06:28:26 -0700 - - http://localhost:1313/colophon/ - <p>This website is the place where I write about JavaScript, git, and tech. It is also a personal homepage.</p> - -<p>The site is built with <a target="_blank" href="//gohugo.io">Hugo</a>—a static site generator made with Go and is hosted on GitHub Pages. The website <a target="_blank" href="//github.com/nishanths/nishanths.me">source code</a> is available on GitHub. It uses the <a target="_blank" href="//github.com/nishanths/cocoa-hugo-theme">cocoa</a> theme. The posts are written in Markdown.</p> - -<p>The primary font face is Proxima Nova and the monospace font face is Ubuntu Mono. The social icons are from the Ionicons font set. CSS classes for code syntax highlighting are inserted during compile-time by Hugo using Pygments.</p> - -<p>If you find errors, <a href="https://github.com/nishanths/nishanths.me/issues/new">please let me know</a>.</p> - - - - - Code - http://localhost:1313/code/ - Wed, 19 Aug 2015 20:29:37 -0700 - - http://localhost:1313/code/ - <ul> -<li><a href="https://github.com/nishanths/iterators.js">iterators.js</a>: Useful functional iterators for node and the browser</li> -<li><a href="https://github.com/nishanths/spitfire-live">Spitfire</a>: HackTX 2015, Winner – a real-time rhyming assistant</li> -<li><a href="https://github.com/nishanths/markdown-viewer-component">markdown-viewer-component</a>: Web Component that renders Markdown placed inside an element as HTML</li> -<li><a href="https://github.com/nishanths/cocoa-hugo-theme">cocoa-hugo-theme</a>: Distraction-free reading theme for Hugo, the static site generator</li> -<li><a href="https://github.com/nishanths/slack-texts">slack-texts</a>: Important channel messages also sent to your phone via SMS</li> -<li><a href="https://github.com/nishanths/YWeatherAPI">YWeatherAPI</a>: Powerful Yahoo! Weather API wrapper for Mac and iOS</li> -<li><a href="https://github.com/utcsmad/umad-website-2015">uMAD 2015</a>: Website for the student developer conference built with Middleman</li> -<li><a href="https://github.com/nishanths/what-s-playing">What&rsquo;s Playing</a>: Desktop notifications for online music playback changes</li> -<li><a href="https://github.com/nishanths/QuickCal">QuickCal</a>: Highlight and add dates from any website to Google Calendar</li> -<li><a href="https://github.com/nishanths/youtube-pause-chrome">YouTube Pause</a>: Spacebar pauses the video instead of scrolling down the page. <a href="http://www.cnet.com/how-to/chrome-pause-youtube-videos-with-the-spacebar/">CNET</a></li> -<li><a href="https://duckduckgo.com/?q=ISBN+number+0-06-250217-4&amp;ia=books">ISBN Search</a>: DuckDuckGo module to lookup book information by ISBN</li> -<li><a href="https://duckduckgo.com/?q=html+encode+the+paragraph+sign&amp;ia=answer">HTML Entities Encoder &amp;</a> <a href="https://duckduckgo.com/?q=decoded+html+for+%26%23x00a5%3B&amp;ia=answer">Decoder</a>: Encode and decode HTML entities on DuckDuckGo using natural queries</li> -<li><a href="https://github.com/nishanths/auto-browser">Auto-Browser</a>: HackTX 2014, Top 10</li> -</ul> - - - - - \ No newline at end of file diff --git a/exampleSite/public/img/favicon.ico b/exampleSite/public/img/favicon.ico deleted file mode 100644 index 63d51a5..0000000 Binary files a/exampleSite/public/img/favicon.ico and /dev/null differ diff --git a/exampleSite/public/img/leaf.ico b/exampleSite/public/img/leaf.ico deleted file mode 100644 index f16a581..0000000 Binary files a/exampleSite/public/img/leaf.ico and /dev/null differ diff --git a/exampleSite/public/index.html b/exampleSite/public/index.html deleted file mode 100644 index b0c8897..0000000 --- a/exampleSite/public/index.html +++ /dev/null @@ -1,171 +0,0 @@ - - - - - - - - - - - - - - - - Nishanth Shanmugham - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
Nishanth Shanmugham
-
-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
-
-
-
Posts
- -
-
-
- - - - - - - - - - - diff --git a/exampleSite/public/index.xml b/exampleSite/public/index.xml deleted file mode 100644 index 56c4f6a..0000000 --- a/exampleSite/public/index.xml +++ /dev/null @@ -1,212 +0,0 @@ - - - - Nishanth Shanmugham - http://localhost:1313/ - Recent content on Nishanth Shanmugham - Hugo -- gohugo.io - en-US - Tue, 25 Aug 2015 17:09:14 -0500 - - - - Use @ instead of HEAD - http://localhost:1313/posts/use-at-instead-of-head/ - Tue, 25 Aug 2015 17:09:14 -0500 - - http://localhost:1313/posts/use-at-instead-of-head/ - <p>I recently discovered that from git version <a href="https://github.com/git/git/blob/master/Documentation/RelNotes/1.8.5.txt#L100">1.8.5</a> onwards, <code>@</code> can replace <code>HEAD</code>:</p> - -<p><div class="highlight"><pre><span class="nv">$ </span>git reset --hard @~2 -<span class="nv">$ </span>git rebase -i @~10 -<span class="nv">$ </span>git diff @~2..@~3 -</pre></div> -</p> - -<p>And also in most scenarios <code>HEAD</code> can be left out completely, so you can say:</p> - -<p><div class="highlight"><pre><span class="nv">$ </span>git reset -- @<span class="o">{</span>2<span class="o">}</span> -</pre></div> -</p> - -<p>instead of:</p> - -<p><div class="highlight"><pre><span class="nv">$ </span>git reset -- HEAD@<span class="o">{</span>2<span class="o">}</span> -</pre></div> -</p> - -<p>It takes some getting used to, but it&rsquo;s definitely faster than typing <code>HEAD</code>.</p> - - - - - Redirect webpages using HTML - http://localhost:1313/posts/redirect-webpages-html/ - Sat, 22 Aug 2015 15:45:30 -0700 - - http://localhost:1313/posts/redirect-webpages-html/ - - -<p>Webpage redirection is great for automatically redirecting people visiting an old URL to a new URL where the content has moved to. It can be done using JavaScript, but there is also a convenient HTML-only solution.</p> - -<p>To redirect visitors reaching <code>yourwebsite.com/blog</code> to <code>yourwebsite.com/posts</code>, add this to the <code>&lt;head&gt;</code> section of the HTML at <code>yourwebsite.com/blog</code>:</p> - -<p><div class="highlight"><pre><span class="nt">&lt;meta</span> <span class="na">http-equiv=</span><span class="s">&quot;refresh&quot;</span> <span class="na">content=</span><span class="s">&quot;0;url=&#39;/posts&#39;&quot;</span> <span class="nt">/&gt;</span> -<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;canonical&quot;</span> <span class="na">href=</span><span class="s">&quot;/posts&quot;</span> <span class="nt">/&gt;</span> -</pre></div> -</p> - -<h3 id="walkthrough:afdc852818bb97af4efb4d34b2fcce3b">walkthrough</h3> - -<p>Setting <code>http-equiv=&quot;refresh&quot;</code> in the first line performs the actual redirect. The number in the <code>content</code> attribute specified in seconds tells the browser how long to wait before redirecting. In this example, <code>0</code> redirects immediately. Increasing the wait may be useful for briefly displaying a 404 page before automatically switching to the home page. The <code>url</code> specfies the destination for the redirect. In this example, we wanted to switch to <code>/posts</code>.</p> - -<p>The second line is optional; it helps search engines know which the preferred version of the page is. Usually, this is the redirect destination.</p> - - - - - About - http://localhost:1313/about/ - Sat, 22 Aug 2015 06:42:21 -0700 - - http://localhost:1313/about/ - <p>I&rsquo;m a software engineer and student at UT Austin. I primarily program in JavaScript. I currently work at Evernote. I also teach a web development class as part of <a href="//cs.utexas.edu/users/mad">MAD</a>, a computer science campus organization.</p> - -<p>I love soccer and mediterranean food. You can find recent open source work on <a target="_blank" href="//github.com/nishanths">GitHub</a>.</p> - -<p>Please feel free to get in touch at <a href="mailto:nishanths@utexas.edu">nishanths@utexas.edu</a>.</p> - -<p><img src="//s.gravatar.com/avatar/9e766e4880d9a79fd1244c1b04dc31fe?size=4096&default=retro" class="profile"></p> - -<p><br /></p> - -<p><a href="colophon/">About this site</a></p> - - - - - colophon - http://localhost:1313/colophon/ - Sat, 22 Aug 2015 06:28:26 -0700 - - http://localhost:1313/colophon/ - <p>This website is the place where I write about JavaScript, git, and tech. It is also a personal homepage.</p> - -<p>The site is built with <a target="_blank" href="//gohugo.io">Hugo</a>—a static site generator made with Go and is hosted on GitHub Pages. The website <a target="_blank" href="//github.com/nishanths/nishanths.me">source code</a> is available on GitHub. It uses the <a target="_blank" href="//github.com/nishanths/cocoa-hugo-theme">cocoa</a> theme. The posts are written in Markdown.</p> - -<p>The primary font face is Proxima Nova and the monospace font face is Ubuntu Mono. The social icons are from the Ionicons font set. CSS classes for code syntax highlighting are inserted during compile-time by Hugo using Pygments.</p> - -<p>If you find errors, <a href="https://github.com/nishanths/nishanths.me/issues/new">please let me know</a>.</p> - - - - - Code - http://localhost:1313/code/ - Wed, 19 Aug 2015 20:29:37 -0700 - - http://localhost:1313/code/ - <ul> -<li><a href="https://github.com/nishanths/iterators.js">iterators.js</a>: Useful functional iterators for node and the browser</li> -<li><a href="https://github.com/nishanths/spitfire-live">Spitfire</a>: HackTX 2015, Winner – a real-time rhyming assistant</li> -<li><a href="https://github.com/nishanths/markdown-viewer-component">markdown-viewer-component</a>: Web Component that renders Markdown placed inside an element as HTML</li> -<li><a href="https://github.com/nishanths/cocoa-hugo-theme">cocoa-hugo-theme</a>: Distraction-free reading theme for Hugo, the static site generator</li> -<li><a href="https://github.com/nishanths/slack-texts">slack-texts</a>: Important channel messages also sent to your phone via SMS</li> -<li><a href="https://github.com/nishanths/YWeatherAPI">YWeatherAPI</a>: Powerful Yahoo! Weather API wrapper for Mac and iOS</li> -<li><a href="https://github.com/utcsmad/umad-website-2015">uMAD 2015</a>: Website for the student developer conference built with Middleman</li> -<li><a href="https://github.com/nishanths/what-s-playing">What&rsquo;s Playing</a>: Desktop notifications for online music playback changes</li> -<li><a href="https://github.com/nishanths/QuickCal">QuickCal</a>: Highlight and add dates from any website to Google Calendar</li> -<li><a href="https://github.com/nishanths/youtube-pause-chrome">YouTube Pause</a>: Spacebar pauses the video instead of scrolling down the page. <a href="http://www.cnet.com/how-to/chrome-pause-youtube-videos-with-the-spacebar/">CNET</a></li> -<li><a href="https://duckduckgo.com/?q=ISBN+number+0-06-250217-4&amp;ia=books">ISBN Search</a>: DuckDuckGo module to lookup book information by ISBN</li> -<li><a href="https://duckduckgo.com/?q=html+encode+the+paragraph+sign&amp;ia=answer">HTML Entities Encoder &amp;</a> <a href="https://duckduckgo.com/?q=decoded+html+for+%26%23x00a5%3B&amp;ia=answer">Decoder</a>: Encode and decode HTML entities on DuckDuckGo using natural queries</li> -<li><a href="https://github.com/nishanths/auto-browser">Auto-Browser</a>: HackTX 2014, Top 10</li> -</ul> - - - - - - http://localhost:1313/about-this-site/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://localhost:1313/about-this-site/ - <!DOCTYPE html> -<html> - <head> - <link rel="canonical" href="http://localhost:1313/colophon"/> - <meta http-equiv="content-type" content="text/html; charset=utf-8"/> - <meta http-equiv="refresh" content="0;url=/colophon"/> - </head> -</html> - - - - - - http://localhost:1313/blog/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://localhost:1313/blog/ - <!DOCTYPE html> -<html> - <head> - <link rel="canonical" href="http://localhost:1313/posts"/> - <meta http-equiv="content-type" content="text/html; charset=utf-8"/> - <meta http-equiv="refresh" content="0;url=/posts"/> - </head> -</html> - - - - - - http://localhost:1313/projects/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://localhost:1313/projects/ - <!DOCTYPE html> -<html> - <head> - <link rel="canonical" href="http://localhost:1313/code"/> - <meta http-equiv="content-type" content="text/html; charset=utf-8"/> - <meta http-equiv="refresh" content="0;url=/code"/> - </head> -</html> - - - - - - http://localhost:1313/resume/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://localhost:1313/resume/ - <!DOCTYPE html> -<html> - <head> - <meta http-equiv="content-type" content="text/html; charset=utf-8"/> - <meta http-equiv="refresh" content="0;url=//cl.ly/0v2m3E0c0p2t/shanmugham-resume.pdf"/> - </head> -</html> - - - - - - http://localhost:1313/writing/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://localhost:1313/writing/ - <!DOCTYPE html> -<html> - <head> - <link rel="canonical" href="http://localhost:1313/posts"/> - <meta http-equiv="content-type" content="text/html; charset=utf-8"/> - <meta http-equiv="refresh" content="0;url=/posts"/> - </head> -</html> - - - - - \ No newline at end of file diff --git a/exampleSite/public/posts/index.html b/exampleSite/public/posts/index.html deleted file mode 100644 index 5b0ee48..0000000 --- a/exampleSite/public/posts/index.html +++ /dev/null @@ -1,156 +0,0 @@ - - - - - - - - - - - - - - - - Posts - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
Nishanth Shanmugham
-
-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
-
-
-
- - Posts - -
- - -
-
-
- - - - - - - - - - - diff --git a/exampleSite/public/posts/index.xml b/exampleSite/public/posts/index.xml deleted file mode 100644 index 4b48666..0000000 --- a/exampleSite/public/posts/index.xml +++ /dev/null @@ -1,68 +0,0 @@ - - - - Posts on Nishanth Shanmugham - http://localhost:1313/posts/ - Recent content in Posts on Nishanth Shanmugham - Hugo -- gohugo.io - en-US - Tue, 25 Aug 2015 17:09:14 -0500 - - - - Use @ instead of HEAD - http://localhost:1313/posts/use-at-instead-of-head/ - Tue, 25 Aug 2015 17:09:14 -0500 - - http://localhost:1313/posts/use-at-instead-of-head/ - <p>I recently discovered that from git version <a href="https://github.com/git/git/blob/master/Documentation/RelNotes/1.8.5.txt#L100">1.8.5</a> onwards, <code>@</code> can replace <code>HEAD</code>:</p> - -<p><div class="highlight"><pre><span class="nv">$ </span>git reset --hard @~2 -<span class="nv">$ </span>git rebase -i @~10 -<span class="nv">$ </span>git diff @~2..@~3 -</pre></div> -</p> - -<p>And also in most scenarios <code>HEAD</code> can be left out completely, so you can say:</p> - -<p><div class="highlight"><pre><span class="nv">$ </span>git reset -- @<span class="o">{</span>2<span class="o">}</span> -</pre></div> -</p> - -<p>instead of:</p> - -<p><div class="highlight"><pre><span class="nv">$ </span>git reset -- HEAD@<span class="o">{</span>2<span class="o">}</span> -</pre></div> -</p> - -<p>It takes some getting used to, but it&rsquo;s definitely faster than typing <code>HEAD</code>.</p> - - - - - Redirect webpages using HTML - http://localhost:1313/posts/redirect-webpages-html/ - Sat, 22 Aug 2015 15:45:30 -0700 - - http://localhost:1313/posts/redirect-webpages-html/ - - -<p>Webpage redirection is great for automatically redirecting people visiting an old URL to a new URL where the content has moved to. It can be done using JavaScript, but there is also a convenient HTML-only solution.</p> - -<p>To redirect visitors reaching <code>yourwebsite.com/blog</code> to <code>yourwebsite.com/posts</code>, add this to the <code>&lt;head&gt;</code> section of the HTML at <code>yourwebsite.com/blog</code>:</p> - -<p><div class="highlight"><pre><span class="nt">&lt;meta</span> <span class="na">http-equiv=</span><span class="s">&quot;refresh&quot;</span> <span class="na">content=</span><span class="s">&quot;0;url=&#39;/posts&#39;&quot;</span> <span class="nt">/&gt;</span> -<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;canonical&quot;</span> <span class="na">href=</span><span class="s">&quot;/posts&quot;</span> <span class="nt">/&gt;</span> -</pre></div> -</p> - -<h3 id="walkthrough:afdc852818bb97af4efb4d34b2fcce3b">walkthrough</h3> - -<p>Setting <code>http-equiv=&quot;refresh&quot;</code> in the first line performs the actual redirect. The number in the <code>content</code> attribute specified in seconds tells the browser how long to wait before redirecting. In this example, <code>0</code> redirects immediately. Increasing the wait may be useful for briefly displaying a 404 page before automatically switching to the home page. The <code>url</code> specfies the destination for the redirect. In this example, we wanted to switch to <code>/posts</code>.</p> - -<p>The second line is optional; it helps search engines know which the preferred version of the page is. Usually, this is the redirect destination.</p> - - - - - \ No newline at end of file diff --git a/exampleSite/public/posts/redirect-webpages-html/index.html b/exampleSite/public/posts/redirect-webpages-html/index.html deleted file mode 100644 index 4eedaee..0000000 --- a/exampleSite/public/posts/redirect-webpages-html/index.html +++ /dev/null @@ -1,169 +0,0 @@ - - - - - - - - - - - - - - - - Redirect webpages using HTML - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
Nishanth Shanmugham
-
-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- - -
-
-
-
- -
-
Aug 22, 2015
-
1 minute read
-
-
-
- - -

Webpage redirection is great for automatically redirecting people visiting an old URL to a new URL where the content has moved to. It can be done using JavaScript, but there is also a convenient HTML-only solution.

- -

To redirect visitors reaching yourwebsite.com/blog to yourwebsite.com/posts, add this to the <head> section of the HTML at yourwebsite.com/blog:

- -

<meta http-equiv="refresh" content="0;url='/posts'" />
-<link rel="canonical" href="/posts" />
-
-

- -

walkthrough

- -

Setting http-equiv="refresh" in the first line performs the actual redirect. The number in the content attribute specified in seconds tells the browser how long to wait before redirecting. In this example, 0 redirects immediately. Increasing the wait may be useful for briefly displaying a 404 page before automatically switching to the home page. The url specfies the destination for the redirect. In this example, we wanted to switch to /posts.

- -

The second line is optional; it helps search engines know which the preferred version of the page is. Usually, this is the redirect destination.

- -
-

Back to posts

-
-
-
-
- - - - - - - - - - - diff --git a/exampleSite/public/posts/use-at-instead-of-head/index.html b/exampleSite/public/posts/use-at-instead-of-head/index.html deleted file mode 100644 index 6e53977..0000000 --- a/exampleSite/public/posts/use-at-instead-of-head/index.html +++ /dev/null @@ -1,174 +0,0 @@ - - - - - - - - - - - - - - - - Use @ instead of HEAD - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- -
Nishanth Shanmugham
-
-
-
- -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- - -
-
-
-
- -
-
Aug 25, 2015
-
1 minute read
-
-
-
-

I recently discovered that from git version 1.8.5 onwards, @ can replace HEAD:

- -

$ git reset --hard @~2
-$ git rebase -i @~10
-$ git diff @~2..@~3
-
-

- -

And also in most scenarios HEAD can be left out completely, so you can say:

- -

$ git reset -- @{2}
-
-

- -

instead of:

- -

$ git reset -- HEAD@{2}
-
-

- -

It takes some getting used to, but it’s definitely faster than typing HEAD.

- -
-

Back to posts

-
-
-
-
- - - - - - - - - - - diff --git a/exampleSite/public/projects/index.html b/exampleSite/public/projects/index.html deleted file mode 100644 index 57ed6e7..0000000 --- a/exampleSite/public/projects/index.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/exampleSite/public/resume/index.html b/exampleSite/public/resume/index.html deleted file mode 100644 index 0977b07..0000000 --- a/exampleSite/public/resume/index.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/exampleSite/public/sitemap.xml b/exampleSite/public/sitemap.xml deleted file mode 100644 index 3fb90e7..0000000 --- a/exampleSite/public/sitemap.xml +++ /dev/null @@ -1,55 +0,0 @@ - - - - - http://localhost:1313/ - 2015-08-25T17:09:14-05:00 - 0 - - - - http://localhost:1313/posts/use-at-instead-of-head/ - 2015-08-25T17:09:14-05:00 - - - - http://localhost:1313/posts/redirect-webpages-html/ - 2015-08-22T15:45:30-07:00 - - - - http://localhost:1313/about/ - 2015-08-22T06:42:21-07:00 - - - - http://localhost:1313/colophon/ - 2015-08-22T06:28:26-07:00 - - - - http://localhost:1313/code/ - 2015-08-19T20:29:37-07:00 - - - - http://localhost:1313/about-this-site/ - - - - http://localhost:1313/blog/ - - - - http://localhost:1313/projects/ - - - - http://localhost:1313/resume/ - - - - http://localhost:1313/writing/ - - - \ No newline at end of file diff --git a/exampleSite/public/writing/index.html b/exampleSite/public/writing/index.html deleted file mode 100644 index 2669858..0000000 --- a/exampleSite/public/writing/index.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/exampleSite/static/css/.gitkeep b/exampleSite/static/css/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/exampleSite/static/img/.gitkeep b/exampleSite/static/img/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/images/about-page-small-screen.png b/images/about-page-small-screen.png new file mode 100644 index 0000000..bf14095 Binary files /dev/null and b/images/about-page-small-screen.png differ diff --git a/images/posts-index-small-screen.png b/images/posts-index-small-screen.png new file mode 100644 index 0000000..f7b0f96 Binary files /dev/null and b/images/posts-index-small-screen.png differ diff --git a/images/posts-index.png b/images/posts-index.png new file mode 100644 index 0000000..87a0f07 Binary files /dev/null and b/images/posts-index.png differ diff --git a/images/screenshot.png b/images/screenshot.png index 0d28925..76ba3c1 100644 Binary files a/images/screenshot.png and b/images/screenshot.png differ diff --git a/images/tn.png b/images/tn.png index a486668..625723c 100644 Binary files a/images/tn.png and b/images/tn.png differ diff --git a/main.less b/main.less index d509485..954abc7 100644 --- a/main.less +++ b/main.less @@ -1,6 +1,6 @@ // Font imports -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400); +@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic); @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); @import url(https://fonts.googleapis.com/css?family=Raleway:700); @@ -11,14 +11,15 @@ @vspacing: @base-font-size*2; @monospace-font-stack: ~"'Ubuntu Mono', 'Menlo', monospace"; -@body-font-stack: ~"'ProximaNova', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif"; +@body-font-stack: ~"'Open Sans', 'Helvetica Neue', 'Arial', sans-serif"; @heading-font-stack: ~"'Raleway', 'Helvetica Neue', 'Arial', sans-serif"; @special-font-stack-1: ~"'Raleway', 'Helvetica Neue', 'Arial', sans-serif"; -@black: #444; +@black: #111; @gray: #999; -@accent: rgba(244,109,44,1); // jasonlong.me blue -@link-hover: rgba(222,90,29,1); // jasonlong.me hover blue +@accent: rgba(244,109,44,1); +@link-hover: rgba(222,90,29,1); +@complementary-accent: #1DA1DE; @background: #f7f7f7; @compensated-black: #555; @compensated-gray: #999; diff --git a/static/css/main.css b/static/css/main.css index 2406f10..0771904 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,9 +1,9 @@ -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400); +@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic); @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); @import url(https://fonts.googleapis.com/css?family=Raleway:700); .dark { - color: #444 !important; + color: #111 !important; } .light { color: #999 !important; @@ -60,8 +60,8 @@ body { width: 100%; min-height: 100%; font-weight: 400; - font-family: 'ProximaNova', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif; - color: #444; + font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif; + color: #111; line-height: 1.6; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: subpixel-antialiased; @@ -188,7 +188,7 @@ body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; - color: #444; + color: #111; color: #555; } .section.header nav { @@ -242,7 +242,7 @@ body { align-items: flex-start; } .section.header .name { - color: #444; + color: #111; } .section.header nav { font-size: 13px; @@ -255,7 +255,7 @@ body { color: #999; } .section.header nav ul li:hover { - color: #444; + color: #111; } } .section.icons { @@ -311,7 +311,7 @@ body { color: #999; } .section.icons .content a:hover { - color: #444; + color: #111; } .section.icons .content a .icon { font-size: 18px; @@ -331,7 +331,7 @@ body { justify-content: flex-start; } .section.main .content { - color: #444; + color: #111; font-size: 16px; } .section.main .content .title-container { @@ -355,7 +355,7 @@ body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; - color: #444; + color: #111; color: #999; } .section.main .content .title-container .initials a { @@ -366,7 +366,7 @@ body { -o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); } .section.main .content .title-container .initials a:hover { - color: #444; + color: #111; } .section.main .content .page-heading { font-size: 18px; @@ -377,7 +377,7 @@ body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; - color: #444; + color: #111; margin-bottom: 16px; } .section.main .content .front-matter .page-heading { @@ -546,7 +546,7 @@ img.profile { } } .page-heading a { - color: #444; + color: #111; } .section.main .content .markdown h1, .section.main .content .markdown h2, @@ -562,7 +562,7 @@ img.profile { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; - color: #444; + color: #111; } .section.main .content .markdown h1 { font-size: 1.75rem; @@ -648,7 +648,7 @@ img.profile { .section.main .content .markdown abbr { font-size: 0.85rem; font-weight: bold; - color: #777777; + color: #444444; text-transform: uppercase; } .section.main .content .markdown abbr[title] { diff --git a/theme.toml b/theme.toml index 791bbb1..2cecaad 100644 --- a/theme.toml +++ b/theme.toml @@ -3,9 +3,9 @@ license = "MIT" licenselink = "https://github.com/nishanths/cocoa-hugo-theme/blob/master/LICENSE.md" description = "Clear typography and disturbance-free reading" homepage = "https://github.com/nishanths" -tags = ["proxima-nova", "minimal", "clear"] -features = ["blog", "themes", "responsive", "404"] -min_version = 0.1 +tags = ["open-sans", "minimal", "clear", "ionicons"] +features = ["blog", "themes", "responsive", "404", "icons"] +min_version = 0.13 [author] name = "Nishanth Shanmugham"