yashgoenka / yashgoenka.github.io

Personal web landing page

yashgoenka.github.io

A single page, single screen responsive site template. Real simple. Makes heavy use of CSS animation (something I've been messing with a lot lately). Should work well as a landing page that just directs folks to your stuff elsewhere on the www. Sass sources are also included, so if you've never used Sass and you're interested in giving it a try, head on over to sass-lang.com (and if not, you can safely delete the "sass/" folder).

The scrolling mountainous background was derived from "Icefields" by Ryan Schroeder, a talented photographer from Vancouver who graciously released it on Unsplash under the CC0 license. The Scrolling Background:

This relies entirely on CSS to do its thing, which is cool, but that makes changing it a bit weird/tricky at first. You can still use pretty much any image you want, but for best results make sure yours is:

- Horizontally tileable.
- Wide and short.
- About 1500px wide.
- Fades to a solid color either at the top of bottom (which is used to fill
  the empty space above or below your image).

Now, there are two ways to use it: with CSS, or with Sass:

CSS:

	Look for this line in css/style.css (line 108 as of this writing):

		background: #348cb2 url("images/bg.jpg") bottom left;

	and use it to set the page background color, URL, and placement of
	your image. It should be as close to 1500px wide as you can get it.

Sass:

	Set the value of $bg to the page background color, URL, and placement
	of your image. Change $bg-width if your image is something other than
	1500px wide.

Credits:

Background Image:
	Ryan Schroeder via Unsplash (unsplash.com - CC0 licensed)
		"Icefields" (flickr.com/photos/ryanschroeder/11876741703)

Icons:
	Font Awesome (fortawesome.github.com/Font-Awesome)