Skip to content

Instantly share code, notes, and snippets.

View rubillionaire's full-sized avatar

Ruben Rodriguez rubillionaire

12 followers · 5 following
View GitHub Profile
@rubillionaire
rubillionaire / readme.md
Created January 13, 2025 21:06
GitHub Pages Hosting

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.
@rubillionaire
rubillionaire / a-webhook-nav.md
Created March 20, 2015 20:20
A WebHook Nav.

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:  '/'
	}, {
@rubillionaire
rubillionaire / env_setup.md
Last active August 29, 2015 14:02
Install rbenv, ruby, sass, jekyll, foreman, bundler.

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]
@rubillionaire
rubillionaire / countries.tsv
Created May 5, 2014 17:25
We can make this file beautiful and searchable if this error is corrected: No tabs found in this TSV file in line 0.
country
United States of America
Afghanistan
Aland
Albania
Algeria
American Samoa
Andorra
Angola
Anguilla
@rubillionaire
rubillionaire / index.html
Created March 7, 2014 15:17
Click Transition viewBox
<!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;
@rubillionaire
rubillionaire / README.md
Last active May 12, 2022 16:29
Transition viewBox.

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

@rubillionaire
rubillionaire / index.html
Last active December 31, 2015 12:39
d3.js interpolating numbers as text.
<!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;
@rubillionaire
rubillionaire / gist:7775655
Created December 3, 2013 19:11
Python using virtualenv and pip.

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

@rubillionaire
rubillionaire / gist:4751981
Last active December 12, 2015 09:29
Media query exmaple.
.article {
/* styles used regardless of window size */
}
@media all and (min-width: 320px) {
.article {
width: 100px;
height: 100px;
}
}