Ruben Rodriguez rubillionaire

Python using virtualenv and pip

With every project you write in python, you will have different libraries that you lean on. Some projects might use the same library, but different versions. For this reason, the Python library virtualenv was created. To enable a developer to quickly create new environments.

Every virtualenv instance comes with pip installed, which is a package manager for python. This allows you to do install packages like so.

pip install django

Installing Virtualenv

Example of using the viewBox to zoom into a number of areas of interest.

Web Project Setup

Web projects at Media use Jeyll for building HTML, Sass for CSS pre-processing, and Browserify for building JavaScript.

Install Dependencies

The following are a list of dependencies required for running and editing Media's web projects on your computer.

[XCode command line Tools][xcode-cli-tools]
[Node.js][nodejs-org]

Nav Partial

Make a partial file for your navigation. This example will use the file path templates/partials/nav.html. Within this partial include the following, but modify the navData array to fit your project.

{# Set this per project #}
{% set navData = [{
		name: 'Home',
		url:  '/'
	}, {

Github has a Pages feature gives free static website hosting. this is an intro of the steps to get started

make an account on github
- my user name is rubillionaire, so replace the parts of the following URLs with your user name
make a new repository on github
- https://github.com/new
- for our example, we will name it portfolio-website
- you can make it public or private. if its public it will be listed on your github profile, and not if private.
create your first file
- you will need to either upload an html file or write a quick one to reveal the rest of the UI. for example, you can press the "creating a new file" link, and it will drop you into a web editor for your new file.

	.article {
	/* styles used regardless of window size */
	}

	@media all and (min-width: 320px) {
	.article {
	width: 100px;
	height: 100px;
	}
	}

	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	<link rel='stylesheet' type='text/css' href='' />
	<meta http-equiv='content-type' content='text/html; charset=utf-8' />
	<meta name='viewport' content='initial-scale=1.0 maximum-scale=1.0'>
	<style>
	.count {
	position: relative;

	<!DOCTYPE html>
	<html>
	<head>
	<title>Transition ViewBox</title>
	<link rel='stylesheet' type='text/css' href='' />
	<meta http-equiv='content-type' content='text/html; charset=utf-8' />
	<meta name='viewport' content='initial-scale=1.0 maximum-scale=1.0'>
	<style>
	.body {
	width: 960px;

	country
	United States of America
	Afghanistan
	Aland
	Albania
	Algeria
	American Samoa
	Andorra
	Angola
	Anguilla