Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Fetching contributors…
Cannot retrieve contributors at this time
277 lines (239 sloc) 9.89 KB
<!DOCTYPE html>
<title>Katie's CV</title>
<link rel="stylesheet" href="reset.css" type="text/css" />
<link rel="stylesheet" href="">
<link rel="stylesheet" href="style/style.css" type="text/css" />
<link href='|Satisfy' rel='stylesheet' type='text/css'>
<script src="//" type="text/javascript"></script>
<script src="jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>
<script src="scrollspy.js" type="text/javascript"></script>
<script type="text/javascript"
<script type="text/javascript">
$(document).ready(function() {
$("#contact_button #contact").stop(true,true).show('drop', {}, 350);
console.log("mouse left");
$("#contact_button #contact").stop(true,true).hide('drop', {}, 350)
var locations = {
'austria_loc': {
label: 'Ried im Innkreis',
latitude: 48.21272,
longitude: 13.49272
'keystone_loc': {
label: 'Souderton Pennsylvania',
latitude: 40.311771,
longitude: -75.325176
'ludvika_loc': {
label: 'Ludvika',
latitude: 60.14987,
longitude: 15.193491
'witt_loc': {
label: 'Wittenberg University',
latitude: 39.933141,
longitude: -83.814153
var map;
function addMarker(location) {
var coordinates = locations[location];
var latlang = new google.maps.LatLng(coordinates.latitude, coordinates.longitude);
var marker = new google.maps.Marker ({
position: latlang,
title: coordinates.label
var new_loc = $(this);
var location = new_loc.attr('id');
function initialize(){
var myOptions = {
center: new google.maps.LatLng(0,0),
zoom: 1,
mapTypeId: google.maps.MapTypeId.ROADMAP
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
$(document).ready(function() {
// Contact button
<body> <!-- onload necessary for google maps api -->
<div id="pagewrap">
<div class="header">
<div class="name">
<h1><a href="#home">Katherine Konrad</a></h1>
<div id="nav" class="nav">
<li><a href="#education">Education</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#references">References</a></li>
<li><a href="#extra">Freetime</a></li>
<div style="clear:both;"></div>
<div id="content" data-spy="scroll">
<div id="home">
<p id="first"><em>Who am I?</em> My name is Katherine but most call me <em>Katie</em>.</p>
<p id="second">Just about finished studying at a fantastic Swedish university, I am on the prowl for a gateway career! Please look around this site and get to know me better.</p>
<div id="third">If you are interested in me joining your team, I can always be contacted through the button fixed in the lower left-hand side of your browser.
<div class='home-arrow-border'></div>
<div class='home-arrow'></div>
<div style="clear:both;"></div>
<div style="clear:both;"></div>
<div id="education">
<h3>My <em>education</em> takes me around the world</h3>
<!-- <span id="quote">"I love learning - and that every situation provides a unique opportunity for growth."</span> -->
<div id="edcontent">
<div id="boras">
<h4>Boras University</h4>
<h5>Boras, Sweden</h5>
<h5>Master's Program in Digital Library and Information Sciences</h5>
<div id="uppsala">
<h4>Uppsala University</h4>
<h5>Uppsala, Sweden</h5>
<h5>Master's Program in Politics and International Studies</h5>
<div id="witt">
<h4>Wittenberg University</h4>
<h5>Springfield, OH</h5>
<h5>Majors: German and East Asian Studies</h5>
<div class="clear"></div>
</div> <!-- end of class = education -->
<div id="experience">
<h3>Who says <em>work experience</em> can't be fun?</h3>
<!-- <span id="headline">It's also international</span> -->
<div id="map_canvas">
<div id="ludvika">
<h4>Library Intern</h4>
<h5>Ludvika City Library</h5>
<h6>Ludvika, Sweden, 2012 Jan-Feb</h6>
<button id="ludvika_loc" class="change_loc btn">Take a look</button>
<ul class="hide">
<li>Responsible for patron queries at the circulation and information desk</li>
<li>Process material requests from libraries across the country and Scandinavia in addition to the processing of materials within the library database.</li>
<div id="keystone">
<h4>ESL Adult Literacy Instructor</h4>
<h5>Keystone Opportunity Center</h5>
<h6>Souderton, PA, 2010 Sept-Dec</h6>
<ul class="hide">
<li>Coordinate and create classroom activities and lesson plans to promote adult literacy across a range of ethnicities, ages, and abilities.</li>
<li>Prepare and equip students to survive and thrive in American society through improved language skills and understanding of American culture.</li>
<button id="keystone_loc" class="change_loc btn">Take a look</button>
<div id="austria">
<h4>English Teaching Assistant</h4>
<h5>Austrian-American Education Commission</h5>
<h6>Ried im Innkreis, Austria, 2008-2009</h6>
<ul class="hide">
<li>Leader for discussions, activities, and aid to non-native speaking teachers in the classroom.</li>
<li>Integrate modern teaching methods with cultural variances to promote understanding of the Eng lish language and American culture.</li>
<button id="austria_loc" class="change_loc btn">Take a look</button>
<div id="wittenberg">
<h4>Reference Desk-, Circulation-, and Technical Services Assistant</h4>
<h5>Wittenberg University Thomas Library</h5>
<h6>Springfield, OH, 2004-2008</h6>
<ul class="hide">
<li>Process books, AV materials, and Inter Library Loans through a computer database.</li>
<li>Aid professors, students, and community members in the collection and utilization of research data.</li>
<button id="witt_loc" class="change_loc btn">Take a look</button>
<div style="clear:both;"></div>
</div> <!-- end of id = experience -->
<div id="skills">
<h3>I've got <em>skills</em> and they're multiplying</h3>
<div id="languages">
<li>English <small>Native Speaker</small></li>
<li>German <small>Good</small></li>
<li>Swedish <small>Good</small></li>
<li>Japanese <small>Conversation</small></li>
<div id="compskills">
<h4>Computational Skills</h4>
<li>Webpage Construction: <small>HTML, CSS, AJAX, and PHP</small></li>
<li>Programming Languages: <small>JavaScript, basic C++</small></li>
<li>Word Processing: <small>Microsoft Office, Open Office, Pages</small></li>
<li>Design: <small>Basic Adobe Photoshop CS5</small></li>
<li>Additional:<small>Working knowledge of SPSS, OCR programs, and WEKA.</small></li>
</div> <!-- end of class = skills -->
<div id="references">
<h3>I've met some <em>amazing people</em> who are willing to talk about me.</h3>
<h4>References available upon request</h4>
<div id="extra">
<h3>And when I have a minute to spare...</h3>
<div id="librarything">
<div id="we7cf5b00e9031a1da53ffed43a2fcbd6"></div><script type="text/javascript" charset="UTF-8" src=""></script><noscript><a href="">My Library</a> at <a href="">LibraryThing</a></noscript>
</div> <!-- end of library thing -->
<li>Local Area Language tutor</li>
<li>Assistant at senior center</li>
<div id="ravelry">
<a href="" target="_blank"><img src="images/ravelry.png" alt="ravelry" style="width:76px"/></a>
<div style="clear:both;"></div>
</div> <!-- end div id extra -->
</div> <!-- end div id skills -->
<div id="contact_button">
<div id="contact">
<a href="" target="_blank"><img src="images/delicious.png" alt="Delicious"/></a>
<a href=""><img src="images/email.png" alt="Email"/></a>
<a href="" target="_blank"><img src="images/facebook.png" alt="Facebook"/></a>
<a href="" target="_blank"><img src="images/google.png" alt="Google"/></a>
<a href="!/KTdidKnot" target="_blank"><img src="images/twitter.png" alt="Twitter"/></a>
<div style="clear:both"></div>
<div class='arrow-border'></div>
<div class='arrow'></div>
</div> <!-- end of id contact -->
<img src="images/me.jpeg" alt="Contact Me Button"/>
<h6>Contact Me!</h6>
</div> <!-- end of id contact_button -->
</div> <!-- end div id pagewrap -->
Jump to Line
Something went wrong with that request. Please try again.