Juan Gallardo JGallardo

## HTML5
<!--
Anything between <!-- --> is a comment. It is only visible in a text editor and does not affect how the code affects what is shown. These are here to pass notes between developers. In the head tag is where you enter metadata. Your name (optional)

This document was created by Juan Gallardo, a student of DeVry University. To be a study aid to students of web design.
 -->

<!-- the <!DOCTYPE html> as shown below is how you immediately know if the document is written in HTML5 as opposed to HTML4.01 or earlier -->
<!DOCTYPE html>

<head>

## Meyerweb CSS Reset
/* CSS reset prior to style*/
/* 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 */

## favicon code
<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" />

## Remove links from images uploaded to posts
add_filter( 'the_content', 'attachment_image_link_remove_filter' );

function attachment_image_link_remove_filter( $content ) {
    $content =
        preg_replace(
            array('{<a(.*?)(wp-att|wp-content\/uploads)[^>]*><img}',
                '{ wp-image-[0-9]*" /></a>}'),
            array('<img','" />'),
            $content
        );

## normalize_shortened.css
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* Shortened by Juan Gallardo, who can be reached at jgallardo720@gmail.com.
 * I removed comments and combined comma seperated items to fewer lines. result was 500 lines shortened to 56 lines.
 * I still recommend that you read through the orignial and perhaps use it as its own style sheet.
 * But if you want to include all CSS in one sheet and do not need documentation within the site, then use this version.*/
article, aside, details, figcaption, figure, footer, header,
hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

## OC Ipsum - 1 paragraph
Newport Beach marina Villanova Ferrari Lasagna. Irvine Boring Private school UCI Dentist Pho Starbucks Spectrum. Costa Mesa South Coast Plaza. Huntington Beach Bikini Fireworks Hot dogs Dog beach Surf Shops Skaters Bro Blondes Augmented Breasts. Laguna Beach Pacific Coast Highway 133 Laguna Art College Bodyboard. Costa Mesa Orange County Fair South Coast Plaza Boring Ikea.


## form.html
 <!-- testing this below-->
     <!--form -->
            <form action="send.php" class="form-horizontal" method="post" name="contact_form">
              <div class="control-group">
                <label>NAME<span class="required">*</span></label>
                <input type="text" name="name" id="name" value="" class="input-xlarge requiredField" />
              </div>
              <div class="control-group">
                <label>EMAIL<span class="required">*</span></label>
                <input type="text" name="email" id="email" value="" class="input-xlarge requiredField email" />

## contact.html
        <form action="send.php" class="form-horizontal" method="post" name="contact_form">
          <fieldset>
            <div class='control-group'>
              <label class='control-label' for='name'>Name</label>
              <div class='controls'>
                <input class='input-xlarge' name="name" id='name' type='text' />
              </div>
            </div>
            <div class='control-group'>
              <label class='control-label' for='email'>Email</label>

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>VidTalk</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Video Walkie Talkie App">
    <meta name="author" content="Juan Gallardo">
    <!-- styles -->
    <link href="css/bootstrap.css" rel="stylesheet">

## encrypt.rb
require 'crypt/blowfish'

unless ARGV[0]
  puts "Usage: ruby encrypt.rb <filename.ext>"
	puts "Example: ruby encrypt.rb secret.stuff"
	exit
end

#take in the file name to encrypt as an argument
filename = ARGV[0].chomp
	<!--
	Anything between <!-- --> is a comment. It is only visible in a text editor and does not affect how the code affects what is shown. These are here to pass notes between developers. In the head tag is where you enter metadata. Your name (optional)

	This document was created by Juan Gallardo, a student of DeVry University. To be a study aid to students of web design.
	-->

	<!-- the <!DOCTYPE html> as shown below is how you immediately know if the document is written in HTML5 as opposed to HTML4.01 or earlier -->
	<!DOCTYPE html>

	<head>
	/* CSS reset prior to style*/
	/* 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 */
	/! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css /
	/* Shortened by Juan Gallardo, who can be reached at jgallardo720@gmail.com.
	* I removed comments and combined comma seperated items to fewer lines. result was 500 lines shortened to 56 lines.
	* I still recommend that you read through the orignial and perhaps use it as its own style sheet.
	* But if you want to include all CSS in one sheet and do not need documentation within the site, then use this version.*/
	article, aside, details, figcaption, figure, footer, header,
	hgroup, nav, section, summary { display: block; }
	audio, canvas, video { display: inline-block; display: inline; zoom: 1; }
	audio:not([controls]) { display: none; height: 0; }
	[hidden] { display: none; }
	Newport Beach marina Villanova Ferrari Lasagna. Irvine Boring Private school UCI Dentist Pho Starbucks Spectrum. Costa Mesa South Coast Plaza. Huntington Beach Bikini Fireworks Hot dogs Dog beach Surf Shops Skaters Bro Blondes Augmented Breasts. Laguna Beach Pacific Coast Highway 133 Laguna Art College Bodyboard. Costa Mesa Orange County Fair South Coast Plaza Boring Ikea.
	<!-- testing this below-->
	<!--form -->
	<form action="send.php" class="form-horizontal" method="post" name="contact_form">
	<div class="control-group">
	<label>NAME<span class="required">*</span></label>
	<input type="text" name="name" id="name" value="" class="input-xlarge requiredField" />
	</div>
	<div class="control-group">
	<label>EMAIL<span class="required">*</span></label>
	<input type="text" name="email" id="email" value="" class="input-xlarge requiredField email" />
	<form action="send.php" class="form-horizontal" method="post" name="contact_form">
	<fieldset>
	<div class='control-group'>
	<label class='control-label' for='name'>Name</label>
	<div class='controls'>
	<input class='input-xlarge' name="name" id='name' type='text' />
	</div>
	</div>
	<div class='control-group'>
	<label class='control-label' for='email'>Email</label>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>VidTalk</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Video Walkie Talkie App">
	<meta name="author" content="Juan Gallardo">
	<!-- styles -->
	<link href="css/bootstrap.css" rel="stylesheet">
	require 'crypt/blowfish'

	unless ARGV[0]
	puts "Usage: ruby encrypt.rb <filename.ext>"
	puts "Example: ruby encrypt.rb secret.stuff"
	exit
	end

	#take in the file name to encrypt as an argument
	filename = ARGV[0].chomp