• code samples

    php, json, ajax, jquery, mvc, bootstrap.js, less.css, html5, javascript and more...

    demos » download »

  • tj's resume

    computer scientist with great grades, awesome test scores, and 10+ years experience

    html5 » pdf »

  • tjinteractive.org

    beefy macs (750gb 7200 rpm standard), web and mobile development services, and silly stuff

    website » contact »

the code:

download the complete source code: tfredrikson_com_1_0_0.zip

_common / views / sub_views / header.php

<?php
 /**
 * @author Tamara Jean (TJ) Fredrikson http://www.tfredrikson.com
 * @copyright Copyright (C) 2013 TJ Fredrikson
 * @license http://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0
 */ 

/**
 * This is the simple front end view for the header on all pages
 * 
 * It presents the HTML5 and CSS that displays the header
 *
 * it expects:
 *
 * $path_to_common 
 *     is the path from this view's index.php to the common folder in the root directory
 *     Example:  $path_to_common = '../'; 
 *
 * $turn_off_navigation
 * 	   whether or not to include the main navigation 
 *     Example:  $turn_off_navigation = true; // printer friendly view
 *
 */ 

$debug=0;

// initialize required variables
if(!isset($path_to_common)) $path_to_common = '';
require_once( $path_to_common.'configuration.php' );

if(!isset($turn_off_navigation)) $turn_off_navigation = false;

?><!doctype html>
<html xml:lang="en-gb" lang="en-gb">
    
    <head>
        <meta charset="utf-8">
        <title>TJ's code samples and resume</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="code samples and resume by Tamara Jean (TJ) Fredrikson">
        <meta name="author" content="Tamara Jean (TJ) Fredrikson">
        
        <!-- BEGIN STYLES -->
        <!--link rel="stylesheet/less" href="<?php print $path_to_common; ?>_common/views/less/bootstrap.less" type="text/css" /-->
        <!--link rel="stylesheet/less" href="<?php print $path_to_common; ?>_common/views/less/responsive.less" type="text/css" /-->
        <!--script src="<?php print $path_to_common; ?>_common/views/js/less-1.3.3.min.js"></script-->
        <!--append '#!watch' to the browser URL, then refresh the page. -->
        <link href="<?php print $path_to_common; ?>_common/views/css/bootstrap.min.css" rel="stylesheet">
        <link href="<?php print $path_to_common; ?>_common/views/css/bootstrap-responsive.min.css" rel="stylesheet">
        <link href="<?php print $path_to_common; ?>_common/views/css/style.css" rel="stylesheet">
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="<?php print $path_to_common; ?>_common/views/js/html5shiv.js"></script>
        <![endif]-->
        <!-- Fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php print $path_to_common; ?>_common/views/img/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php print $path_to_common; ?>_common/views/img/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php print $path_to_common; ?>_common/views/img/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="<?php print $path_to_common; ?>_common/views/img/apple-touch-icon-57-precomposed.png">
        <link rel="shortcut icon" href="<?php print $path_to_common; ?>_common/views/img/favicon.ico">
        <style type="text/css">
            pre strong {
            	font-size: 16px;
            }
            a {
            	color: #51A351;
            }
            a:hover {
            	color: #51A351;
            }
            
            .hero-unit {
				padding: 6px;
				padding-bottom: 30px;            
				text-align: center;
			}
            
            /* START 2013-10-13 http://www.sitepoint.com/forums/showthread.php?934051-Change-styles-of-Bootstrap-Hover-amp-Fieldset-effect */
			input[type=text], input[type=password], textarea {
/*			
      			font-size:14px;
      			border:0.7px solid #ccc;
      			background: white;
      			padding: 4px 6px;
      			line-height: 20px;
      			height: 20px;
      			width: 160px;
      			border-radius: 4px;
*/      			
			}
			input[type=text]:focus, input[type=password]:focus, input[type=button]:focus, textarea:focus,  {
      			border-color:black;
      			-moz-box-shadow: 0px 0px 6px #dfdfdf;
      			-webkit-box-shadow: 0px 0px 6px #dfdfdf;
      			box-shadow: 0px 0px 6px #dfdfdf;
			}			
			.dropdown-menu > li > a:hover {
      			color: white;
      			background: #51A351;
			}
            /* END 2013-10-13 http://www.sitepoint.com/forums/showthread.php?934051-Change-styles-of-Bootstrap-Hover-amp-Fieldset-effect */


            /* START 2013-10-14 http://stackoverflow.com/questions/14230824/twitter-bootstrap-dropdown-border */
			a.dropdown-toggle { outline: none}			
            /* END 2013-10-14 http://stackoverflow.com/questions/14230824/twitter-bootstrap-dropdown-border */
			
			/* START 2013-10-14 http://stackoverflow.com/questions/10801325/changing-bootstrap-caretcolor-and-position */
			/* AND http://css-tricks.com/examples/ShapesOfCSS/ */
            .caret-up-black {
				display: inline-block;
				width: 0px;
				height: 0px;
				margin-left: 2px;
				vertical-align: middle;
				border-top: none;
				border-bottom: 4px solid #000;
				border-right: 4px solid transparent;
				border-left: 4px solid transparent;
				border-top-width: 0px;
				border-top-style: dotted;
				content: "";
			}
			/* END 2013-10-14 http://stackoverflow.com/questions/10801325/changing-bootstrap-caretcolor-and-position */
			/* AND http://css-tricks.com/examples/ShapesOfCSS/ */
			
        </style>

        <!-- BEGIN JAVASCRIPT -->
        <script type="text/javascript" src="<?php print $path_to_common; ?>_common/views/js/jquery.min.js"></script>
        <script type="text/javascript" src="<?php print $path_to_common; ?>_common/views/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="<?php print $path_to_common; ?>_common/views/js/scripts.js"></script>
    </head>
    
    <body>
        <!-- BEGIN WRAPPER -->
        <div class="container-fluid">
            <div class="row-fluid">
                <div id="at_top" class="span12">


                    <?php if(isset($turn_off_navigation) && $turn_off_navigation) : ?>
                    <!-- PRINT VIEW - NO NAVIGATION -->
                    <?php else: ?>
                    <!-- BEGIN NAVIGATION -->
                    <div class="navbar navbar-inverse" style="margin: 15px auto; ">
                        <div class="navbar-inner">
                            <div class="container-fluid">
                                <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
                                <a href="<?php print $path_to_common; ?>" class="brand">tfredrikson</a>
                                <div class="nav-collapse collapse navbar-responsive-collapse">
                                    <ul class="nav">
                                        <li>
                                            <a href="<?php print $path_to_common; ?>code_samples">code samples</a>
                                        </li>
                                        <li class="dropdown">
                                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">demos<strong class="caret"></strong></a>
                                            <ul class="dropdown-menu">
                                                <li class="nav-header">code tests</li>
                                                <li>
                                                    <a href="<?php print $path_to_common; ?>code_samples/_demos/ajax_print/">ajax print</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li class="nav-header">coming soon</li>
                                                <li class="disabled">
                                                    <a href="<?php print $path_to_common; ?>code_samples/">javascript web service</a>
                                                </li>
                                                <li class="disabled">
                                                    <a href="<?php print $path_to_common; ?>code_samples/">stanford epgy</a>
                                                </li>
                                                <li class="disabled">
                                                    <a href="<?php print $path_to_common; ?>code_samples/">project euler</a>
                                                </li>
                                                <li class="disabled">
                                                    <a href="<?php print $path_to_common; ?>code_samples/">more...</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="dropdown">
                                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">downloads<strong class="caret"></strong></a>
                                            <ul class="dropdown-menu">
                                                <li class="nav-header">PHP download</li>
                                                <li>
                                                    <a href="<?php print $all_in_one_download_file; ?>">all-in-one</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li class="nav-header">PDF download</li>
                                                <li>
                                                    <a href="<?php print $pdf_resume_download_file; ?>" target="blank">tj's resume pdf</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="dropdown">
                                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">resume<strong class="caret"></strong></a>
                                            <ul class="dropdown-menu">
                                                <li class="nav-header">resume views</li>
                                                <li>
                                                    <a href="<?php print $path_to_common; ?>resume">overview</a>
                                                </li>
                                                <li>
                                                    <a href="<?php print $path_to_common; ?>resume/?print=1" target="blank">printer friendly view</a>
                                                </li>
                                                <li class="divider"></li>
                                                <li class="nav-header">downloads</li>
                                                <li>
                                                    <a href="<?php print $pdf_resume_download_file; ?>" target="blank">tj's resume pdf</a>
                                                </li>
                                                <li>
                                                    <a href="<?php print $all_in_one_download_file; ?>">all-in-one php</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                    <ul class="nav pull-right" style="text-align: right;">
                                        <li>
                                            <a href="http://tjinteractive.org" target="_blank">tjinteractive.org</a>
                                        </li>
                                        <li class="divider-vertical"></li>
                                        <li class="dropdown">
                                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">silly stuff<strong class="caret"></strong></a>
                                            <ul class="dropdown-menu">
                                                <li>
                                                    <a href="http://wewihapahe.com" target="blank">the empire</a>
                                                </li>
                                                <li>
                                                    <a href="http://spaceshipapi.com" target="blank">the spaceship api</a>
                                                </li>
                                                <li>
                                                    <a href="http://snazifier.com" target="blank">the snazifier</a>
                                                </li>
                                                <li>
                                                    <a href="http://oneofthesethings.com" target="blank">one of these things</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END NAV BAR -->
		            <div class="row-fluid" style="margin: -10px auto -2px auto;">
        	            <div class="span12" style="text-align: center; ">
							<a class="" href="<?php print $all_in_one_download_file; ?>">all-in-one download</a>
					    </div>
				    </div>
                    <!-- END NAVIGATION -->
                    <?php endif; ?>
                    

                    
                                    

_common / views / sub_views / footer.php

<?php
 /**
 * @author Tamara Jean (TJ) Fredrikson http://www.tfredrikson.com
 * @copyright Copyright (C) 2013 TJ Fredrikson
 * @license http://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0
 */ 

/**
 * This is the simple front end view for the footer on all pages
 * 
 * It presents the HTML5 and CSS that displays the header
 *
 * it expects:
 *
 * $path_to_common 
 *     is the path from this view's index.php to the common folder in the root directory
 *     Example:  $path_to_common = '../'; 
 *
 * $turn_off_footer_fluff
 * 	   whether or not to include the footerlinks, mailing list, etc 
 *     Example:  $turn_off_footer_fluff = true; // printer friendly view
 *
 */ 

$debug=0;

?>
                    <?php if(isset($turn_off_footer_fluff) && $turn_off_footer_fluff) : ?>
                    <!-- PRINT VIEW - NO FOOTER -->
                    <?php else: ?>
                    <!-- BEGIN FOOTER FLUFF -->
                    <div class="span11" style="/*margin-bottom: 1000px;*/">
                        <div class="span12">
                        	<hr style="padding: 10px; margin: 0px;" />
	                        <div class="">
		                        <ul class="breadcrumb" style="background: transparent; margin-bottom: 10px; margin-top: -5px; text-align: center;">
								  <li><a href="<?php print $path_to_common; ?>">home</a> <span class="divider">/</span></li>
								  <li><a href="<?php print $path_to_common; ?>code_samples/">code samples</a> <span class="divider">/</span></li>
								  <li><a href="<?php print $path_to_common; ?>resume/">resume</a> <span class="divider">/</span></li>
		  						  <li><a href="http://tjinteractive.org/web/contact-us" target="_blank">contact tj</a> </li>
    							</ul>
                    	    </div>
                        	<hr style="padding: 10px; margin: 0px;" />
                    	</div>

                        <div class="span12">
                            <div class="span12">
                                <div style="text-align: center;">
                                    <a href="#at_top" class="btn">to top<span class="caret-up-black"></span></a>
                                </div>
                            </div>
                        </div>


                        <div class="span12">
                            <div class="span9">
	                        	<hr />
                                <blockquote style="font-weight: bold;">1. Identify your toughest problem.
                                    <br />2. Solve it the simplest way possible.
                                    <br />3. Repeat.
                                    <small>Kent Beck, eXtreme developer</small>
                                </blockquote>
                            </div>
                            <div class="span3" style="text-align: left;">
	                        	<hr />
                                <div id="mailchimp">
                                    <!-- Begin MailChimp Signup Form -->
                                    <!--<link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">-->
                                    <div id="mc_embed_signup">
                                        <form action="http://tjinteractive.us7.list-manage.com/subscribe/post?u=d2fe24057cffade6cf39f86c8&amp;id=82d7d469cf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate">
                                            <label for="mce-EMAIL">
                                                <strong>Join the Mailing List</strong>
                                            </label>
                                            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required="" style="width: 95%;">
                                            <br />
                                            <div style="text-align: right;">
                                                <input type="submit" value="GO!" name="subscribe" id="mc-embedded-subscribe" class="btn btn-inverse btn-small" style="">
                                            </div>
                                        </form>
                                    </div>
                                    <!--End mc_embed_signup-->
                                </div>
                            </div>
                        </div>
                        <div class="span12">
                            <div class="span7">
                            	<hr />
                                <div class="customnopadding">This site is mobile responsive
                                    <br>(check it out at
                                    <a class="tj_dark" href="http://ami.responsivedesign.is/?url=" target="_blank" onclick="return build_url(this,true);">Am I Responsive</a>)
                                    <!-- &nbsp; or &nbsp; <a class="tj_dark" href="http://mattkersley.com/responsive/?" target="_blank" onclick="return build_url(this, false);">Matt's Responsive Tester</a>
-->
                                    <br>it is valid HTML5 (<a class="tj_dark" id="validator" href="http://validator.w3.org/check?uri=" target="_blank" onclick="return build_url(this, true);">see the validator</a>)
                                    <br>and has been tested on many different devices and in many different browsers
                                    <br>(see the
                                    <a class="tj_dark" href="http://www.browserstack.com/screenshots/b175134d994cf9534b69a04a34e35b67f6d18d58" target="_blank">Browserstack screenshots</a>)
                                    <br />
                                    <br />
                                    <a href="http://www.hostgator.com/green-web-hosting.shtml" target="_blank"><img src="http://blog.hostgator.com/images/250x90reseller.gif" alt="this site is green"></a>
                                    <br />
                                    <br />
                                </div>
                            </div>
                            <div class="span5">
                            	<hr />
                                <div style="text-align: right;">This site was built using the default design provided by
                                    <br />
                                    <a href="http://layoutit.com" target="_blank">LayoutIt</a> with
                                    <a href="http://getbootstrap.com/" target="_blank">Bootstrap.js</a> and
                                    <a href="http://lesscss.org/" target="_blank">LESS.CSS</a>
                                    <br />It's written in
                                    <a href="http://php.net/" target="_blank">PHP</a> and follows a loose
                                    <a href="http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller" target="_blank">MVC</a> 
                                    pattern
                                    <br />It uses 
                                    <a href="http://jquery.com/" target="_blank">JQuery</a> for tabs and 
                                    <a href="http://en.wikipedia.org/wiki/Ajax_(programming)" target="_blank">Ajax</a> and
                                    <br />reads and writes some of it's data in
                                    <a href="http://www.json.org/" target="_blank">JSON</a>
                                    <br />
                                    <br />
                                    <a rel="license" target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/"><img 
								alt="Creative Commons License" style="border-width:0" 
								src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png" /></a>
                                    <br />This work is licensed under a
                                    <br />
                                    <a rel="license" target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>.
                                    <br />&copy; 2013 TJ Fredrikson
                                    <br />
                                </div>
                            </div>
                        </div>
                        <div class="span12">
	                        <div style="text-align: center; margin-top: 50px; ">
    	                        <a href="#at_top" class="btn">to top<span class="caret-up-black"></span></a>
        	                </div>
	                    </div>
                    </div>
                    
			        <div class="span12" style="height: 40px;"></div>
			        
                    <!-- JavaScript last as an optimization -->
                    <script>
                    	function build_url(obj, encode_URL)
                        {
                         	var sURL = '';
                            if(encode_URL)
                            {
                            	sURL = encodeURIComponent(window.location);
                            }
                            else
                            {
                            	sURL = window.location;
                            }
                            obj.href += sURL;
                            return true;
                        }
                    </script>
			        
                    <!-- END FOOTER FLUFF -->
					<?php endif; ?>
                    
                </div>
            </div>
        </div>
        <!-- END WRAPPER -->
    </body>

</html>                                    

code_samples / _demos/

to view the individual demos and source code, see the code samples area

code_samples / index.php

<?php
 /**
 * @author Tamara Jean (TJ) Fredrikson http://www.tfredrikson.com
 * @copyright Copyright (C) 2013 TJ Fredrikson
 * @license http://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0
 */ 

/**
 * This is the index file that loads the simple front end
 * 
 * It performs the following functions:
 *   1) reads in the parameters from the request
 *   2) loads the view with injected data
 * 
 */ 

$debug=0;

if($debug)
{
	print "\n<br />[BEGIN PHP print_r of _REQUEST params]<br />\n";
	print_r($_REQUEST);
	print "\n<br />[END PHP print_r of _REQUEST params]<br /><br />\n\n";
}


// CONFIGURATION SETTINGS
$path_to_common = '../'; 
require_once( $path_to_common.'configuration.php' );

 
require_once( $path_to_common.'_common/views/sub_views/header.php' );
require_once( 'views/front_end_view.php' );
require_once( $path_to_common.'_common/views/sub_views/footer.php' );                                    

code_samples / views / front_end_view.php

<?php
 /**
 * @author Tamara Jean (TJ) Fredrikson http://www.tfredrikson.com
 * @copyright Copyright (C) 2013 TJ Fredrikson
 * @license http://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0
 */ 

/**
 * This is the simple front end view for the code_samples area
 * 
 * It presents the HTML5 and CSS for the code_samples area
 */ 

$debug=0;

// initialize required variables
if(!isset($path_to_common)) $path_to_common = '';

?>

                    <!-- BEGIN HERO UNIT -->
                    <div class="hero-unit well">
                        <h1>code samples</h1>
                        <h2>tj fredrikson</h2>
                        <div>
                        	<ul class="breadcrumb" style="background: transparent; margin-bottom: 10px; margin-top: -5px;">
                        		<li><a href="<?php print $all_in_one_download_file; ?>">download the all-in-one</a> <span class="divider">/</span> </li>
                        		<li><a href="<?php print $path_to_common; ?>resume">tj's resume</a> </li>
                        	</ul>
                        </div>
                        <div>
                            <a id="common_license" target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/" role="button" class="btn btn-inverse btn-medium">CCA-SA license &raquo;</a>
                            <a id="modal-120698" href="#modal-container-120698" role="button" class="btn btn-success btn-medium" data-toggle="modal">license.txt &raquo;</a>
                            <div id="modal-container-120698" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="text-align: left;">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                                    <h3 id="myModalLabel">license.txt</h3>
                                </div>
                                <div class="modal-body">
                                    <pre><?php print htmlentities(file_get_contents( $path_to_common."_code_samples_txt/license.txt",true)); ?>
                                    </pre>
                                </div>
                                <div class="modal-footer">
                                    <button class="btn btn-inverse" data-dismiss="modal" aria-hidden="true">Close</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END HERO UNIT -->



                    <!-- BEGIN CONTENT -->
                    <ul class="thumbnails">
                        <li class="span4">
                            <div class="thumbnail">
                                <div class="caption">
                                    <h3>ajax print</h3>
                                    <p>this simple coding test uses ajax to read in a json string 
                                    and perform recursive actions on that string producing an output
                                    that simulates the output of the standard print_r() function</p>
                                    <p>
                                        <a class="btn btn-inverse" href="_demos/ajax_print/">demo &raquo;</a>
                                        <a class="btn btn-success" href="<?php print $path_to_common; ?>code_samples/_demos/ajax_print_1_0_0.zip">download &raquo;</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="span4" style="">
                            <div class="thumbnail">
                                <div class="caption">
                                    <h3>javascript web service</h3>
                                    <p>this server-side javascript web service uses the REST-API method to handle a request to 
                                    convert the incoming text string and add meta data about the changes <strong>(coming soon)</strong></p>
                                    <p>
                                        <a class="btn btn-inverse disabled" href="#">demo &raquo;</a>
                                        <a class="btn btn-success disabled" href="#">download &raquo;</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="span4" style="">
                            <div class="thumbnail">
                                <div class="caption">
                                    <h3>stanford epgy</h3>
                                    <p>this test was offered by the stanford educational program for gifted youth (epgy) 
                                    and allows the user to add students and teachers to a database
                                        <strong>(coming soon)</strong>
                                    </p>
                                    <p>
                                        <a class="btn btn-inverse disabled" href="#">demo &raquo;</a>
                                        <a class="btn btn-success disabled" href="#">download &raquo;</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="span11">
                        <ul class="thumbnails">
                            <li class="span6" style="background-color: #eee">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <h3>project euler #1</h3>
                                        <p>add all the natural numbers below one thousand that are multiples of 3 or 5
                                            <strong>(coming soon)</strong>
                                        </p>
                                        <p>
                                        <a class="btn btn-inverse disabled" href="#">demo &raquo;</a>
                                        <a class="btn btn-success disabled" href="#">download &raquo;</a>
                                        </p>
                                    </div>
                                </div>
                            </li>
                            <li class="span6" style="background-color: #eee">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <h3>project euler #2</h3>
                                        <p>by considering the terms in the fibonacci sequence whose values do not exceed four million, find the sum of the even-valued terms
                                            <strong>(coming soon)</strong>
                                        </p>
                                        <p>
                                        <a class="btn btn-inverse disabled" href="#">demo &raquo;</a>
                                        <a class="btn btn-success disabled" href="#">download &raquo;</a>
                                        </p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- END CONTENT -->
                    
                                                        

resume / index.php

<?php
 /**
 * @author Tamara Jean (TJ) Fredrikson http://www.tfredrikson.com
 * @copyright Copyright (C) 2013 TJ Fredrikson
 * @license http://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0
 */ 

/**
 * This is the index file that loads the simple front end
 * 
 * It performs the following functions:
 *   1) reads in the parameters from the request
 *   2) loads the view with injected data
 * 
 */ 

$debug=0;

if($debug)
{
	print "\n<br />[BEGIN PHP print_r of _REQUEST params]<br />\n";
	print_r($_REQUEST);
	print "\n<br />[END PHP print_r of _REQUEST params]<br /><br />\n\n";
}

$print_view = false; //initialized
if(isset($_REQUEST['print']) && !empty($_REQUEST['print']))
{
	if($_REQUEST['print'] > 0)
		$print_view = true; 
}


// CONFIGURATION SETTINGS
$path_to_common = '../'; 
require_once( $path_to_common.'configuration.php' );

$turn_off_navigation = $print_view;
$turn_off_footer_fluff = $print_view;

 
require_once( $path_to_common.'_common/views/sub_views/header.php' );
require_once( 'views/front_end_view.php' );
require_once( $path_to_common.'_common/views/sub_views/footer.php' );

                                    

resume / views / front_end_view.php

<?php
 /**
 * @author Tamara Jean (TJ) Fredrikson http://www.tfredrikson.com
 * @copyright Copyright (C) 2013 TJ Fredrikson
 * @license http://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0
 */

/**
 * This is the simple front end view for the homepage
 *
 * It presents the HTML5 and CSS for the homepage
 */

$debug=0;

// initialize required variables
if(!isset($path_to_common)) $path_to_common = '';
if(!isset($turn_off_navigation)) $turn_off_navigation = false;

?>
                    <?php if($turn_off_navigation) : ?>
                    <!-- BEGIN PRINT VIEW - HEADER -->

<!-- Begin NAME  -->
<div style="text-align: center;">
	<h1>tamara jean (tj) fredrikson </h1>
</div>
<!-- End NAME  -->

                    <!-- END PRINT VIEW - HEADER -->
                    <?php else: ?>
                    <!-- BEGIN HERO UNIT -->
                    <div class="hero-unit well">
                        <h1>tamara jean</h1>
                        <h2>tj fredrikson</h2>
                        <div>
                        	<ul class="breadcrumb" style="background: transparent; margin-bottom: 10px; margin-top: -5px;">
                        		<li><a href="<?php print $path_to_common; ?>resume/?print=1" target="_blank">printer friendly view</a>  <span class="divider">/</span> </li>
                        		<li><a href="<?php print $pdf_resume_download_file; ?>" target="_blank">pdf version</a>  </li>
                        	</ul>
                        </div>
                        <div>
                            <a id="common_license" target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/" role="button" class="btn btn-inverse btn-medium">CCA-SA license &raquo;</a>
                            <a id="modal-120698" href="#modal-container-120698" role="button" class="btn btn-success btn-medium" data-toggle="modal">license.txt &raquo;</a>
                            <div id="modal-container-120698" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="text-align: left;">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                                    <h3 id="myModalLabel">license.txt</h3>
                                </div>
                                <div class="modal-body">
                                    <pre><?php print htmlentities(file_get_contents( $path_to_common."_code_samples_txt/license.txt",true)); ?>
                                    </pre>
                                </div>
                                <div class="modal-footer">
                                    <button class="btn btn-inverse" data-dismiss="modal" aria-hidden="true">Close</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END HERO UNIT -->
                    <?php endif; ?>


                    <!-- BEGIN CONTENT -->



<!-- Begin TITLE -->
<div style="text-align: center;">
	<h2><em>ki fu sta la</em> ninja <br />
	<small style="color: #444;"><em>(<strong>ki</strong>ller <strong>fu</strong>ll <strong>st</strong>ack <strong>la</strong>mp)</em></small><br />
	<small>with extensive php, mysql, ajax, and javascript experience</small></h2>
</div>
<!-- End TITLE -->


<!-- Begin OBJECTIVE -->
            <div class="row-fluid">
                <div class="span12">
<!-- Begin ADDRESS -->
                <div class="span4">
<div class="" style="text-align: left; font-weight: bold;">
	<h3>tj fredrikson</h3>
	<div style="margin-top: -10px; ">
	<small>
	 P O Box 713,
	 Winters, CA, 95694<br />
	 707.344.3402<br />

<!-- Begin Email Cloaking -->
<script language='javascript' type='text/javascript'><!--
//
// Anti-Spam Email Cloaking 3.0 by David Tulga
// http://www.davidtulga.com/antispamemail.htm
//
x = '&#64;';
eml = '&#116;&#106;' + x + '&#116;&#106;&#105;&#110;&#116;&#101;&#114;&#97;&#99;&#116;&#105;&#118;&#101;&#46;&#111;&#114;&#103;';
msg = '&#116;&#106;' + x + '&#116;&#106;&#105;&#110;&#116;&#101;&#114;&#97;&#99;&#116;&#105;&#118;&#101;&#46;&#111;&#114;&#103;';
out = '<a class="cloak_eml" id="tjs_email_address" href="mailto:' + eml + '">' + msg + '</a>';
document.write(out);
// -->
</script>
<noscript>
<a href="http://tjinteractive.org/web/contact-us" target="_blank">contact tj</a>
</noscript>
<!-- End Email Cloaking -->

    </small>
    </div>
</div>
</div>
<!-- End ADDRESS -->
					<div class="span8" style="text-align: right;">
						<h3>objective</h3>
							<blockquote class="pull-right">
							 <strong>steady stream of programming assignments<br />working
							     either remotely or on-site in SanFrancisco
							     <small>tj fredrikson (when asked "what do you want?")</small>
							 </strong>
						  </blockquote>
					</div>
<!-- End OBJECTIVE -->
            	</div>
            </div>

<!-- Begin SKILLS -->
	<ul class="thumbnails">
    	<li class="span4" style="">
        	<div<?php if(!$turn_off_navigation) : ?> class="thumbnail"<?php endif; ?>>
            	<div class="caption">
                	<h3>technologies</h3>
                    <p>
                    	php, mysql, ajax, html, css, javascript, jquery,
                    	jqtouch, sencha touch, bootstrap.js,
                    	smarty, joomla,
                    	xml, xml-rpc, xpath,
                    	laszlo, java, spring,
                    	jsp, c/c++, asp.net, vb.net
                    </p>
            	</div>
          	</div>
     	</li>
    	<li class="span4" style="">
        	<div<?php if(!$turn_off_navigation) : ?> class="thumbnail"<?php endif; ?>>
            	<div class="caption">
                	<h3>tools</h3>
                    <p>
                    	git, svn, cvs, perforce,
                    	phpunit,
                    	fogbugz, jira, anomaly, unfuddle,
                    	beanstalk, make, ant, j builder,
                    	eclipse, intelli j, java visual cafe, ms visual c++,
                    	javac, jdb, gdb
                    </p>
            	</div>
          	</div>
     	</li>
    	<li class="span4" style="">
        	<div<?php if(!$turn_off_navigation) : ?> class="thumbnail"<?php endif; ?>>
            	<div class="caption">
                	<h3>systems</h3>
                    <p>
                    	apple mac (leopard, snow leopard, lion, mountain lion,
                    	mavericks),
                    	windows (3.1, nt, me, 2000, vista, xp, 7, 8),
                    	ms-dos,
                    	unix, linux (bsd, centos, fedora, etc.), novell
                    </p>
            	</div>
          	</div>
     	</li>
	</ul>
<!-- End SKILLS -->

<!-- Begin HIGHLIGHTS -->
<div class="">
    <h4>highlights</h4>
    <ul>
        <li>thirteen years programming in php (since 2001), fifteen years in
            java (since 1999), seventeen years c/c++ (since 1997)
            backed by a formal education emphasizing proven theories and
            methods for creating and learning newly developed languages
            and methodologies.</li>
        <li>excels at planning and architect-ing, then building, deploying,
            and maintaining sustainable web applications that are robust
            enough to solve the toughest issues, yet flexible enough to
            consistently integrate seamlessly with ever-emerging
            new technologies.</li>
        <li>adept at troubleshooting complex web applications,
            especially when minimal guidance, instructions, or
            documentation are available.</li>
        <li>consistently successful at taking responsibility for previously
            scrambled projects that seem doomed to failure, applying
            appropriate tools and processes to bring organization to the
            project, prioritizing issues and tasks to create a manageable
            path to deployment, and finally implementing the plan to bring
            the project to a successful live/production state.</li>
        <li>nineteen years (since 1995) testing and implementing large scale
            and enterprise-level
            software applications with the best available proprietary or
            open source technologies including java/jsp, spring, struts,
            laszlo and lzx, php and lamp, xml, xpath, xml-rpc, asp.net,
            vb.net, c#, c++/c, perl, python, and many others.</li>
        <li>client-facing technical project manager and developer of complex
            localized/internationalized (i18n) web apps, high volume e-commerce
            enabled database apps, highly accessible web applications built
            by and for blind users with varying levels of computer access and
            capabilities, as well as sophisticated web and cd-rom delivered
            custom applications purposely built so that clients can
            effortlessly manage the backend processes without requiring
            excessive support from programmers.</li>
        <li>extremely high test scores on the two mathematics sections of the
            gre (100% and 96%), straight a's in all computer science classes
            and prerequisites, and accepted to one of the toughest computer
            science degree programs on the planet (uiuc required a 1400 or
            better on two of three sections of the gre to even be considered
            for acceptance).</li>
        <li>worked, studied, and traveled in guam and the marianas, micronesia,
            the marshall islands, taiwan, the philippines, bali, sweden,
            germany, holland, france, spain, mexico, and canada.</li>
    </ul>
</div>
<!-- End HIGHLIGHTS -->
<br />
<!-- begin EXPERIENCE -->
<div class="">
    <h4>experience</h4>
    <!-- begin tj interactive, inc -->
    <div class="sectiontitle">
        <h5>
            <a href="http://tfredrikson.com/" class="titlelink">tfredrikson</a> and
            <a href="http://tjinteractive.org" class="titlelink" target="_blank">tj interactive, inc.</a>
            <br />web and mobile architect, technical lead, agile lead, senior engineer, president &amp; cto, founder
            <br />
	        <small>august 2004 - present</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>web engineer leverages top-notch, standards-based, and well supported open source software that integrates with existing tools to implement efficient, stable, and geographically dispersible web solutions that solve complex business and data related issues.</li>
            <li>common solutions include import/exports via xml-based web services and/or using developers apis to link two disparate systems.</li>
            <li>excels at writing and testing code that works in multiple browser and operating system environments</li>
        </ul>
        <blockquote>
            <div class="clientsection">partial project list:</div>
            <div>
                <ul>
                    <li>mobile application for accessing
                        <a title="golightly" href="http://golightly.com/products" target="_blank">golightly</a>  social community sites from iphone, ipad, android, and blackberry devices written using jqtouch and jquery javascript libraries</li>
                    <li>google map integration and optimization to handle several thousand map locations efficiently</li>
                    <li>integrations with open source software including mediawiki wiki, vbulletin forums, lifetype blog, php icalendar, joomla cms and others</li>
                    <li>php api written using soap to facilitate salesforce integration to update member data</li>
                    <li>numerous ajax implementations including pulling data for search in tabs, map locations, mobile application data, etc.</li>
                </ul>
            </div>
        </blockquote>
        <br />
        <blockquote>
            <div class="clientsection">partial client list:</div>
            <div>
                <ul>
                    <li>
                        <a title="trekkel" href="http://trekkel.com" target="_blank">trekkel</a>  - architect, tech lead, and lead developer for travel planning site
                    </li>
                    <li>
                        <a title="golightly, inc." href="http://golightly.com/products/software" target="_blank">golightly, inc.</a>  - senior engineer developing golightly social media platform for non-profits
                    </li>
                    <li>
                        <a title="super happy pets" href="http://superhappypets.com/" target="_blank">super happy pets</a>  - shopping cart site selling hundreds of products online
                    </li>
                    <li>
                        <a title="soft paws" href="http://www.softpaws.com/" target="_blank">soft paws</a>  - shopping cart site selling nail caps for cats and dogs
                    </li>
                    <li>
                        <a title="emerging markets llc" href="http://emergingmarketsllc.com/" target="_blank">emerging markets llc</a> and
                        <a title="the micro cap report" href="http://themicrocapreport.com/" target="_blank">the micro cap report</a> - corporate sites delivering info to potential investors
                    </li>
                    <li>
                        <a title="robert bell" href="http://robertbell.com/" target="_blank">robert bell</a>  - content driven website announcing robert bell's book release
                    </li>
                </ul>
            </div>
        </blockquote>
        <br />
    </div>
    <!-- end tj interactive, inc -->
    <!-- begin nacio -->
    <div id="nacio" class="sectiontitle">
        <h5>
            <a href="#nacio" class="titlelink">nacio interactive (development services)</a>
            <br />director of engineering, technical project manager, lead developer
            <br />
	        <small>aug 2005 - aug 2007</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>designing, implementing, and maintaining custom web applications and backend databases.</li>
            <li>accurately able to determine client needs and issues in the context of currently existing methods, test several demo/prototype versions of potential solutions, provide feedback to key decision makers, then implement the system, train users, and monitor client reactions via project management and collaboration software as well as bug/defect trackers.</li>
            <li>project environments can be radically different between clients, especially in cases where clients host their own site and/or have existing it staff to manage servers. development languages and databases most frequently employed include: java/spring/jsp, asp.net, vb.net, c#, php4 and php5, mysql and ms sql server.</li>
            <li>collaborate with other nacio departments to detail necessary steps to fulfill needs expressed in requests for new project bids. provide cost estimates and timeframe necessary to complete projects. project success is often measured by the difference between the initial estimate and final hours worked as well as the ultimate satisfaction of client.</li>
            <li>organizing technical projects and prioritizing developer workloads to consistently produce quality web applications within budget.</li>
        </ul>
        <blockquote>
            <div class="clientsection">client list:</div>
            <div>
                <ul>
                    <li>
                        <a title="simon wiesenthal center" href="http://www.wiesenthal.com/" target="_blank">simon wiesenthal center</a> - online business application used for data input and compilation then exported via xml to the cd-rom delivered multi-media application</li>
                    <li>
                        <a title="buck institute" href="http://www.buckinstitute.org/" target="_blank">buck institute</a> - migration from proprietary ektron cms to open source joomla! cms</li>
                    <li>
                        <a title="guide dogs for the blind" href="http://www.guidedogs.com/" target="_blank">guide dogs for the blind</a> - web app written to demonstrate various blind users' preferences and used to determine client specific needs, tested with actual "blind" power users</li>
                    <li>
                        <a title="pfizer" href="http://www.pfizer.com/" target="_blank">pfizer</a> - chemical substructure searching intranet written using the java spring framework with spring web forms, ant, and junit</li>
                    <li>
                        <a title="experience norwich university" href="http://www.norwich.edu/" target="_blank">norwich university's experience norwich (xnu)</a> - xml, php and mysql backend, adobe flash front-end</li>
                    <li>
                        <a title="wells fargo's hands on banking" href="http://www.handsonbanking.org/" target="_blank">wells fargo's hands on banking</a> &nbsp; - &nbsp;multi-lingual flash-based tutorial delivered via cd-rom and live web site</li>
                    <li>attest - web site integrated with salesforce for user authentication and support cases, registration key generator and online downloads of gasp computer auditing tools</li>
                </ul>
            </div>
        </blockquote>
        <br />
    </div>
    <!-- end nacio -->
    <!-- begin laszlo -->
    <!-- open source xml-based language using java to compile macromedia flash-byte codes -->
    <div id="laszlo" class="sectiontitle">
        <h5>
            <a href="http://www.openlaszlo.org/" class="titlelink" target="_blank">laszlo studios</a>
            <br />technical project manager, rich internet applications
            <br />
	        <small>march 2005 - october 2005</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>architected and coded the java-struts portion, extended the laszlo portion, and coordinated the entire project for a struts-to-laszlo internationalization piece enabling one set of java resource bundles to be used for language strings by both the struts and laszlo sections of a live auction that uses laszlo's persistent connection technology.</li>
            <li>traveled to client site to provide integration support during development of internationalization piece.</li>
            <li>debugged and extended code for a live, animated hotel locator map usable by more than one hotel chain.</li>
            <li>intermittently provided email estimates and production quality code (within budget) working from my home office.</li>
        </ul>
        <blockquote>
            <div class="clientsection">client list:</div>
            <div>
                <ul>
                    <li>
                        <a title="auto trade center website" href="#laszlo">auto trade center</a> - multi-lingual vehicle auction using laszlo's persistent connection
                        <br />
                    </li>
                    <li>
                        <a title="la quinta locator map" href="http://www.lq.com/lq/map/index.jsp" target="_blank">la quinta</a> - semi-animated data-driven hotel locator map
                        <br />
                    </li>
                </ul>
            </div>
        </blockquote>
        <br />
    </div>
    <!-- end laszlo -->
    <!-- begin marketlive -->
    <div class="sectiontitle">
        <h5>
            <a href="http://marketlive.com/" class="titlelink" target="_blank">marketlive</a> (multimedia live)
            <br />web engineer, e-commerce
            <br />
	        <small>sept 2004 - march 2005</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>incident response (live site engineering) for an e-commerce company supporting 150+ clients totaling over $6 billion in online orders per year. acted as engineering's escalation point when it/managed services processes failed to resolve live site issues. e-commerce platform written in j2ee using java, jsp, xml, soap, and sql.</li>
            <li>debugged and enhanced complex java applications that required integration of multiple technologies.</li>
            <li>consistently produced clean code and integrated it into the live source to solve pressing live site issues.</li>
        </ul>
        <blockquote>
            <div class="clientsection">client list:</div>
            <div>
                <ul>
                    <li>
                        <a title="buckle" href="http://www.buckle.com/" target="_blank">buckle</a>
                    </li>
                    <li>
                        <a title="keds footwear" href="http://www.keds.com/" target="_blank">keds footwear</a>
                        <br />
                    </li>
                    <li>
                        <a title="orion telescopes" href="http://www.telescope.com/" target="_blank">orion telescopes</a>
                    </li>
                    <li>
                        <a title="zia health and beauty" href="http://www.zianatural.com/" target="_blank">zia health and beauty</a>
                        <br />
                    </li>
                    <li>and 75 others on
                        <a title="marketlive" href="http://marketlive.com/" target="_blank">marketlive's customer list</a>
                        <br />
                    </li>
                </ul>
            </div>
        </blockquote>
        <br />
    </div>
    <!-- end marketlive -->
    <!-- begin fenario -->
    <div class="sectiontitle">
        <h5>
            <a href="http://tfredrikson.com/" class="titlelink">tfredrikson</a> and
            <a href="http://www.fenario.com/" class="titlelink" target="_blank">fenario</a>
            <br />freelance engineer
            <br />
	        <small>january 2000 - present</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>managing all phases of web development from conception to implementation support, including architecting the design, coding software feature requests, on-going project management, and live incident response.</li>
            <li>designing, implementing, and maintaining custom web applications and backend databases.</li>
            <li>developing fully functional e-commerce enabled internet shops using j2ee or lamp including java or php as the host language, cgi or laszlo with http, mysql/mssql/oracle as the backend database, resin/tomcat for java virtual machines, and apache as the web server with unix/linux or iis with a windows machine.</li>
            <li>developing websites for musicians, artists, and promoters (including sites for members of jefferson starship, frank zappa, sons of champlin, sly and the family stone, and the lake tahoe based band, blue turtle seduction) while promoting musical bands and venues including the reopening of the avalon ballroom in san francisco in 2002.</li>
        </ul>
        <blockquote>
            <div class="clientsection">these sites were built pre-2005 and are still online today:</div>
            <div>
                <ul>
                    <li>
                        <a title="tracy notaro" href="http://www.tracynotaro.com/" target="_blank">tracy notaro</a> - photographer's gallery including thumbnails of featured musicians</li>
                    <li>
                        <a title="h krouk" href="http://www.hkrouk.com/" target="_blank">hkrouk</a> - graphic artist's gallery of posters promoting and commemorating musical events</li>
                    <li>
                        <a title="cahoots graffix" href="http://www.cahootsgraffix.biz/" target="_blank">cahootsgraffix</a> - e-commerce site selling musicians' posters (godaddy shopping cart)</li>
                </ul>
            </div>
        </blockquote>
        <br />
    </div>
    <!-- end fenario -->
    <!-- begin rightscenter -->
    <div class="sectiontitle">
        <h5>
            <a href="http://rightscenter.com/" class="titlelink" target="_blank">rightscenter</a>
            <br />software engineer, intellectual property rights
            <br />
	        <small>nov 2000 - july 2001</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>translated high-level design goals into low-level details and implemented these designs.</li>
            <li>completed tasks from remote home office with minimal supervision on or before all established deadlines.</li>
        </ul>
    </div>
    <!-- end rightscenter -->
    <!-- begin andromedia -->
    <div class="sectiontitle">
        <h5>
            <a href="http://www.sfgate.com/business/article/Macromedia-Picks-Up-Andromedia-Sets-Shockwave-2904711.php" class="titlelink" target="_blank">andromedia</a>
            <br />build/release intern, web personalization software
            <br />
	        <small>aug 1999 - oct 1999</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>buildmaster for engineering company later acquired by macromedia
            (now adobe). software made it easier for e-commerce vendors to
            track information about visitors and provide choices tailored to the
            visitors likes and dislikes.</li>
        </ul>
    </div>
    <!-- end andromedia -->
    <!-- begin fema -->
    <div class="sectiontitle">
        <h5>
            <a href="http://www.fema.gov/fema-region-ix-arizona-california-hawaii-nevada-pacific-islands" class="titlelink" target="_blank">federal emergency mgmt agency</a>
            <br />reservist, disaster assistance employee, planner, software specialist
            <br />
	        <small>sept 1992 - jan 2000</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>seven years with increasing responsibility in all areas of software development including application specification and design, testing/documenting software, and training/managing database and software technicians.</li>
            <li>five years designing, documenting, accepting enhancements, deploying new releases, and supporting old versions of the ms-dos based system and later the windows95-based disaster assistance software.</li>
        </ul>
    </div>
    <!-- end fema -->
</div>
<!-- end EXPERIENCE -->
<br />
<!-- Begin EDUCATION -->
<div class="">
    <h4>education</h4>
    <!-- begin uiuc -->
    <div class="sectiontitle">
        <h5>
            <a href="http://cs.illinois.edu/" class="titlelink" target="_blank">university of illinois, urbana-champaign</a>
            <br />started master of science - computer science (software track: databases)
            <br />
	        <small>2001</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>eight courses remaining for completion of the master's of science in computer science degree.</li>
            <li>designed and implemented sql databases and web-based interfaces using oracle8i and visual c++.</li>
        </ul>
    </div>
    <!-- end uiuc -->
    <!-- begin sfsu -->
    <div class="sectiontitle">
        <h5>
            <a href="http://cs.sfsu.edu/" class="titlelink" target="_blank">san francisco state university</a>
            <br />bachelor of science equivalency - computer science (software track: programming languages)
            <br />
	        <small>2000</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>achieved at least top 10% in every computer science class taken.</li>
            <li>developed an interpreter/debugger for programming language modeled on java's virtual machine.</li>
        </ul>
    </div>
    <!-- end sfsu -->
    <!-- begin uva -->
    <div class="sectiontitle">
        <h5>
            <a href="http://spanitalport.virginia.edu/" class="titlelink" target="_blank">university of virginia</a>
            <br />bachelor of arts - spanish (independent study: human linguistics)
            <br />
	        <small>1992</small>
        </h5>
    </div>
    <div>
        <ul>
            <li>studied
                <em>spanish literature</em>and
                <em>spanish history</em>in
                <a href="http://www.virginia.edu/valencia/" class="titlelink" target="_blank">valencia, spain</a> .</li>
            <li>independent coursework focussed on &nbsp;
                <em>socio-linguistics</em>and
                <em>how humans best learn languages</em>.</li>
            <li>after discovering that humans learn languages best before age nine, taught spanish to a local third grade class once every week for ten weeks.</li>
        </ul>
    </div>
    <!-- end uva -->
</div>
<!-- End EDUCATION -->
<br />
<!-- Begin TEST SCORES -->
<div class="">
    <!-- begin gre -->
    <h4>test scores</h4>
    <h5>
        <a href="http://www.gre.org/" class="titlelink" target="_blank">graduate record exam</a> (gre)
	    <small>1995</small>
    </h5>
    <div>
        <ul>
            <li>analytical reasoning (mathematics) 800/800 (100%)</li>
            <li>quantitative (mathematics) 770/800 (96%)</li>
            <li>verbal 560/800 (70%)</li>
        </ul>
    </div>
    <!-- end gre -->
</div>
<!-- End TEST SCORES -->




                    <!-- END CONTENT -->

                                    

views / front_end_view.php

<?php
 /**
 * @author Tamara Jean (TJ) Fredrikson http://www.tfredrikson.com
 * @copyright Copyright (C) 2013 TJ Fredrikson
 * @license http://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0
 */ 

/**
 * This is the simple front end view for the homepage
 * 
 * It presents the HTML5 and CSS for the homepage
 */ 

$debug=0;

// initialize required variables
if(!isset($path_to_common)) $path_to_common = '';

?>
                    <!-- BEGIN HERO UNIT -->
                    <div class="hero-unit well">
                    	<h1>tamara jean</h1>
                        <h2>tj fredrikson</h2>
                        <div>
                        	<ul class="breadcrumb" style="background: transparent; margin-bottom: 10px; margin-top: -5px;">
                        		<li><a href="<?php print $path_to_common; ?>code_samples/">code samples</a> <span class="divider">/</span></li>
                        		<li><a href="<?php print $path_to_common; ?>resume/">resume</a> </li>
                        	</ul>
                        </div>
                        <div>
                            <a id="tj_linkedin_btn" target="_blank" href="http://linkedin.com/in/tfredrikson" role="button" class="btn btn-inverse btn-medium">linkedin &raquo;</a>
                            <a id="tj_aboutme_btn" target="_blank" href="http://about.me/tamarajean" role="button" class="btn btn-success btn-medium">about.me &raquo;</a>
                        </div>
                    </div>
                    <!-- END HERO UNIT -->
                    

                    <!-- BEGIN CONTENT -->
                    <ul class="thumbnails">
                        <li class="span4" style="">
                            <div class="thumbnail">
                                <div class="caption">
                                    <h3>code samples</h3>
                                    <p>
                                    	php, json, ajax, jquery, mvc, bootstrap.js, less.css, html5, javascript and more... 
                                    </p>
                                    <p>
                                        <a class="btn btn-inverse" href="<?php print $path_to_common; ?>code_samples/">demos &raquo;</a>
                                        <a class="btn btn-success" href="<?php print $all_in_one_download_file; ?>">download &raquo;</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="span4">
                            <div class="thumbnail">
                                <div class="caption">
                                    <h3>tj's resume</h3>
                                    <p>
                                    	computer scientist with great grades, awesome test scores, and 10+ years experience
                                    </p>
                                    <p>
                                        <a class="btn btn-inverse" href="<?php print $path_to_common; ?>resume">html5 &raquo;</a>
                                        <a class="btn btn-success" href="<?php print $pdf_resume_download_file; ?>" target="_blank">pdf &raquo;</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="span4" style="">
                            <div class="thumbnail">
                                <div class="caption">
                                    <h3>tjinteractive.org</h3>
                                    <p>
                                    	beefy macs (750gb 7200 rpm standard), web and mobile development services, and silly stuff
                                    </p>
                                    <p>
                                        <a class="btn btn-inverse" href="http://tjinteractive.org/web/" target="_blank">website &raquo;</a>
                                        <a class="btn btn-success" href="http://tjinteractive.org/web/contact-us" target="_blank">contact &raquo;</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    
                    <!-- BEGIN THE CODE -->
                    <div class="span11">
                        <h2>the code:</h2>
                        <h5 style="text-align: right;">download the complete source code:
                            <a href="<?php print $all_in_one_download_file; ?>">tfredrikson_com_1_0_0.zip</a>
                        </h5>
                        <div class="tabbable tabs-left" id="tabs-183436">
                            <ul class="nav nav-tabs">
                                <li>
                                    <a href="#panel-293946" data-toggle="tab">_common</a>
                                </li>
                                <li>
                                    <a href="#panel-575906" data-toggle="tab">code_samples</a>
                                </li>
                                <li>
                                    <a href="#panel-575907" data-toggle="tab">resume</a>
                                </li>
                                <li>
                                    <a href="#panel-575908" data-toggle="tab">views</a>
                                </li>
                                <li>
                                    <a href="#panel-575909" data-toggle="tab">index.php</a>
                                </li>
                                <li class="active">
                                    <a href="#panel-575910" data-toggle="tab">license.txt</a>
                                </li>
                                <li>
                                    <a href="#panel-575911" data-toggle="tab">readme.html</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane" id="panel-293946">
                                	<h4>_common / views / sub_views / header.php</h4>
                                    <pre><?php print htmlentities(file_get_contents( "_code_samples_txt/_common/views/sub_views/header.php.txt",true)); ?>
                                    </pre>
			                        <div style="text-align: center; margin-top: 10px; ">
    			                        <a href="#at_top" class="btn">to top<span class="caret-up-black"></span></a>
        	    		            </div>
                                	<h4>_common / views / sub_views / footer.php</h4>
                                    <pre><?php print htmlentities(file_get_contents( "_code_samples_txt/_common/views/sub_views/footer.php.txt",true)); ?>
                                    </pre>
                                </div>
                                <div class="tab-pane" id="panel-575906">
                                	<h4>code_samples / _demos/</h4>
                                	<pre>to view the individual demos and source code, see the <a href="<?php print $path_to_common; ?>code_samples/">code samples</a> area</pre> 

                                	<h4>code_samples / index.php</h4>
                                    <pre><?php print htmlentities(file_get_contents( "_code_samples_txt/code_samples/index.php.txt",true)); ?>
                                    </pre>
			                        <div style="text-align: center; margin-top: 10px; ">
    			                        <a href="#at_top" class="btn">to top<span class="caret-up-black"></span></a>
        	    		            </div>
        	    		            
                                	<h4>code_samples / views / front_end_view.php</h4>
                                    <pre><?php print htmlentities(file_get_contents( "_code_samples_txt/code_samples/views/front_end_view.php.txt",true)); ?>
                                    </pre>
                                </div>
                                <div class="tab-pane" id="panel-575907">
                                	<h4>resume / index.php</h4>
                                    <pre><?php print htmlentities(file_get_contents( "_code_samples_txt/resume/index.php.txt",true)); ?>
                                    </pre>
			                        <div style="text-align: center; margin-top: 10px; ">
    			                        <a href="#at_top" class="btn">to top<span class="caret-up-black"></span></a>
        	    		            </div>
                                	<h4>resume / views / front_end_view.php</h4>
                                    <pre><?php print htmlentities(file_get_contents( "_code_samples_txt/resume/views/front_end_view.php.txt",true)); ?>
                                    </pre>
                                </div>
                                <div class="tab-pane" id="panel-575908">
                                	<h4>views / front_end_view.php</h4>
                                    <pre><?php print htmlentities(file_get_contents( "_code_samples_txt/views/front_end_view.php.txt",true)); ?>
                                    </pre>
                                </div>
                                <div class="tab-pane" id="panel-575909">
                                	<h4>index.php</h4>
                                    <pre><?php print htmlentities(file_get_contents( "_code_samples_txt/index.php.txt",true)); ?>
                                    </pre>
                                </div>
                                <div class="tab-pane active" id="panel-575910">
                                	<h4>license.txt</h4>
                                    <pre><?php print htmlentities(file_get_contents( "_code_samples_txt/license.txt",true)); ?>
                                    </pre>
                                </div>
                                <div class="tab-pane" id="panel-575911">
                                	<h4>readme.html</h4>
                                    <pre><?php print htmlentities(file_get_contents( "_code_samples_txt/readme.html.txt",true)); ?>
                                    </pre>
                                </div>
                            </div>                    
                        </div>                    
                    </div>                    
                    <!-- END THE CODE-->
                    <!-- END CONTENT -->
                    
                                                        

index.php

<?php
 /**
 * @author Tamara Jean (TJ) Fredrikson http://www.tfredrikson.com
 * @copyright Copyright (C) 2013 TJ Fredrikson
 * @license http://creativecommons.org/licenses/by-sa/3.0/ Attribution-ShareAlike 3.0
 */ 

/**
 * This is the index file that loads the simple front end
 * 
 * It performs the following functions:
 *   1) reads in the parameters from the request
 *   2) loads the view with injected data
 * 
 */ 

$debug=0;

if($debug)
{
	print "\n<br />[BEGIN PHP print_r of _REQUEST params]<br />\n";
	print_r($_REQUEST);
	print "\n<br />[END PHP print_r of _REQUEST params]<br /><br />\n\n";
}


// CONFIGURATION SETTINGS
$path_to_common = ''; 
require_once( $path_to_common.'configuration.php' );

 
require_once( $path_to_common.'_common/views/sub_views/header.php' );
require_once( 'views/front_end_view.php' );
require_once( $path_to_common.'_common/views/sub_views/footer.php' );
                                    

license.txt

Copyright (c) 2013 TJ Fredrikson
All rights reserved.

This license is a legal agreement between you and TJ Fredrikson for the use
of the Code Samples Software (the "Software").  By obtaining the Software you
agree to comply with the terms and conditions of this license.

The Software is released under the Creative Commons 
Attribution-ShareAlike 3.0 license.  The details can be found at: 
http://creativecommons.org/licenses/by-sa/3.0/ 


INDEMNITY
You agree to indemnify and hold harmless the authors of the Software and
any contributors for any direct, indirect, incidental, or consequential
third-party claims, actions or suits, as well as any related expenses,
liabilities, damages, settlements or fees arising from your use or misuse
of the Software, or a violation of any terms of this license.

DISCLAIMER OF WARRANTY
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESSED OR
IMPLIED, INCLUDING, BUT NOT LIMITED TO, WARRANTIES OF QUALITY, PERFORMANCE,
NON-INFRINGEMENT, MERCHANTABILITY, OR FITNESS FOR A PARTICULAR PURPOSE.

LIMITATIONS OF LIABILITY
YOU ASSUME ALL RISK ASSOCIATED WITH THE INSTALLATION AND USE OF THE SOFTWARE.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS OF THE SOFTWARE BE LIABLE
FOR CLAIMS, DAMAGES OR OTHER LIABILITY ARISING FROM, OUT OF, OR IN CONNECTION
WITH THE SOFTWARE. LICENSE HOLDERS ARE SOLELY RESPONSIBLE FOR DETERMINING THE
APPROPRIATENESS OF USE AND ASSUME ALL RISKS ASSOCIATED WITH ITS USE, INCLUDING
BUT NOT LIMITED TO THE RISKS OF PROGRAM ERRORS, DAMAGE TO EQUIPMENT, LOSS OF
DATA OR SOFTWARE PROGRAMS, OR UNAVAILABILITY OR INTERRUPTION OF OPERATIONS.


                                    

readme.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>tfredrikson.com</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">
</head>

<body>
	<script type="text/javascript">
		window.location.href = 'http://tfredrikson.com';
    </script>
</body>

</html>                                    

1. Identify your toughest problem.
2. Solve it the simplest way possible.
3. Repeat. Kent Beck, eXtreme developer



This site is mobile responsive
(check it out at Am I Responsive)
it is valid HTML5 (see the validator)
and has been tested on many different devices and in many different browsers
(see the Browserstack screenshots)

this site is green


This site was built using the default design provided by
LayoutIt with Bootstrap.js and LESS.CSS
It's written in PHP and follows a loose MVC pattern
It uses JQuery for tabs and Ajax and
reads and writes some of it's data in JSON

Creative Commons License
This work is licensed under a
Creative Commons Attribution-ShareAlike 3.0 Unported License.
© 2013 TJ Fredrikson