<!DOCTYPE html>
<html>
<title>Jim Loter - Experienced Organizational Leader and Manager</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/w3css.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body, h1,h2,h3,h4,h5,h6 {font-family: "Quicksand", sans-serif; color: black;}
.w3-row-padding img {margin-bottom: 12px;}
.bgimg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/images/jimloter.jpg');
    min-height: 100%;
}
</style>
<body>

<!-- Sidebar with image -->
<nav class="w3-sidebar w3-hide-medium w3-hide-small" style="width:40%">
  <div class="bgimg"></div>
</nav>

<!-- Hidden Sidebar (reveals when clicked on menu icon)-->
<nav class="w3-sidebar w3-black w3-animate-right w3-xxlarge" style="display:none;padding-top:150px;right:0;z-index:2" id="mySidebar">
  <a href="javascript:void(0)" onclick="closeNav()" class="w3-button w3-black w3-xxxlarge w3-display-topright" style="padding:0 12px;">
    <i class="fa fa-remove"></i>
  </a>
  <div class="w3-bar-block w3-center">
    <a href="#" class="w3-bar-item w3-button w3-text-grey w3-hover-black" onclick="closeNav()">Home</a>
    <a href="#about" class="w3-bar-item w3-button w3-text-grey w3-hover-black" onclick="closeNav()">About</a>
    <a href="#contact" class="w3-bar-item w3-button w3-text-grey w3-hover-black" onclick="closeNav()">Contact</a>
    <a href="#portfolio" class="w3-bar-item w3-button w3-text-grey w3-hover-black" onclick="closeNav()">Portfolio</a>
  </div>
</nav>

<!-- Page Content -->
<div class="w3-main w3-padding-large" style="margin-left:40%">

  <!-- Menu icon to open sidebar -->
  <!-- <span class="w3-button w3-top w3-white w3-xxlarge w3-text-grey w3-hover-text-black" style="width:auto;right:0;" onclick="openNav()"><i class="fa fa-bars"></i></span> -->

  <!-- Header -->
  <header class="w3-container w3-center" style="padding:128px 16px 32px 16px" id="home">
    <h1 class="w3-jumbo"><b>Jim Loter</b></h1>
    <p>Director of Frontline Services.<br />City of Seattle.</p>
    <img src="/images/jimloter.jpg" class="w3-image w3-hide-large w3-hide-small w3-round" style="display:block;width:60%;margin:auto;" />
    <img src="/images/jimloter.jpg" class="w3-image w3-hide-large w3-hide-medium w3-round" width="1000" height="1333" />
    <button onclick="location.href='http://jimloter.com/JimLoterResume.pdf';" class="w3-button w3-light-grey w3-padding-large w3-margin-top">
      <i class="fa fa-download"></i> Download Resume
    </button>
  </header>

  <!-- Portfolio Section -->
 <!-- <div class="w3-padding-32 w3-content" id="portfolio">
    <h2 class="w3-text-grey">My Portfolio</h2>
    <hr class="w3-opacity">
-->
    <!-- Grid for photos -->
    <!-- <div class="w3-row-padding" style="margin:0 -16px">
      <div class="w3-half">
        <img src="/w3images/wedding.jpg" style="width:100%">
        <img src="/w3images/rocks.jpg" style="width:100%">
        <img src="/w3images/sailboat.jpg" style="width:100%">
      </div>

      <div class="w3-half">
        <img src="/w3images/underwater.jpg" style="width:100%">
        <img src="/w3images/chef.jpg" style="width:100%">
        <img src="/w3images/wedding.jpg" style="width:100%">
        <img src="/w3images/p6.jpg" style="width:100%">
      </div>
	  -->
    <!-- End photo grid -->
    <!-- </div> -->
  <!-- End Portfolio Section -->
  <!-- </div> -->

  <!-- About Section -->
  <div class="w3-content w3-justify w3-text-black w3-padding-32" id="about">
    <h2>About</h2>
    <hr class="w3-opacity">
    
<p><span itemprop="givenName">Jim</span> <span itemprop="familyName">Loter</span> is the <span itemprop="jobTitle">Director of Frontline Services</span> for <a href="http://www.seattle.gov"><span itemprop="worksFor">The City of Seattle</span></a>. His team supports public and customer engagement applications and end-user technology services and solutions for City employees.</p>
<p>Jim's background includes leadership in digital equity and inclusion programs, education and public library technologies, telecommunications policy and regulation, web and application development, enterprise data management and governance, and open data, privacy, and civic technology initiatives. He is also an experienced classroom instructor and lecturer in organizational management, risk assessment, and public sector technology issues.</p>
<p>Jim hails from Dearborn, Michigan, and has a Master's degree in film studies from the University of Iowa. His academic work focused on Irish cinema, early American cinema, semiotics, and narrative theory. He enjoys running, playing chess and poker, and is an épée fencer.</p>

<!--
    <h3 class="w3-padding-16">My Skills</h3>
    <p class="w3-wide">Photography</p>
    <div class="w3-light-grey">
      <div class="w3-container w3-center w3-padding-small w3-dark-grey" style="width:95%">95%</div>
    </div>
    <p class="w3-wide">Web Design</p>
    <div class="w3-light-grey">
      <div class="w3-container w3-center w3-padding-small w3-dark-grey" style="width:85%">85%</div>
    </div>
    <p class="w3-wide">Photoshop</p>
    <div class="w3-light-grey">
      <div class="w3-container w3-center w3-padding-small w3-dark-grey" style="width:80%">80%</div>
    </div><br>

    <div class="w3-row w3-center w3-dark-grey w3-padding-16 w3-section">
      <div class="w3-quarter w3-section">
        <span class="w3-xlarge">14+</span><br>
        Partners
      </div>
      <div class="w3-quarter w3-section">
        <span class="w3-xlarge">55+</span><br>
        Projects Done
      </div>
      <div class="w3-quarter w3-section">
        <span class="w3-xlarge">89+</span><br>
        Happy Clients
      </div>
      <div class="w3-quarter w3-section">
        <span class="w3-xlarge">150+</span><br>
        Meetings
      </div>
    </div>

    <button class="w3-button w3-light-grey w3-padding-large w3-section">
      <i class="fa fa-download"></i> Download Resume
    </button>
-->
    <!-- Testimonials -->
 <!--   <h3 class="w3-padding-24">My Reputation</h3>
    <img src="/w3images/avatar_smoke.jpg" alt="Avatar" class="w3-left w3-circle w3-margin-right" style="width:80px">
    <p><span class="w3-large w3-text-black w3-margin-right">Chandler Bing.</span> Web Designer.</p>
    <p>Jane Doe is just awesome. I am so happy to have met her!</p><br>
   
    <img src="/w3images/bandmember.jpg" alt="Avatar" class="w3-left w3-circle w3-margin-right" style="width:80px">
    <p><span class="w3-large w3-text-black w3-margin-right">Chris Fox.</span> CEO at Mighty Schools.</p>
    <p>Jane Doe saved us from a web disaster.</p><br>
    
    <img src="/w3images/avatar_g2.jpg" alt="Avatar" class="w3-left w3-circle w3-margin-right" style="width:80px">
    <p><span class="w3-large w3-text-black w3-margin-right">Rebecca Flex.</span> CEO at Company.</p>
    <p>No one is better than Jane Doe.</p><br>
    -->
    <!-- Grid for pricing tables -->
<!--    <h3 class="w3-padding-16">My Price</h3>
    <div class="w3-row-padding" style="margin:0 -16px">
      <div class="w3-half w3-margin-bottom">
        <ul class="w3-ul w3-center w3-card-2 w3-hover-shadow">
          <li class="w3-dark-grey w3-xlarge w3-padding-32">Basic</li>
          <li class="w3-padding-16">Web Design</li>
          <li class="w3-padding-16">Photography</li>
          <li class="w3-padding-16">5GB Storage</li>
          <li class="w3-padding-16">Mail Support</li>
          <li class="w3-padding-16">
            <h2>$ 10</h2>
            <span class="w3-opacity">per month</span>
          </li>
          <li class="w3-light-grey w3-padding-24">
            <button class="w3-button w3-white w3-padding-large w3-hover-black">Sign Up</button>
          </li>
        </ul>
      </div>

      <div class="w3-half">
        <ul class="w3-ul w3-center w3-card-2 w3-hover-shadow">
          <li class="w3-black w3-xlarge w3-padding-32">Pro</li>
          <li class="w3-padding-16">Web Design</li>
          <li class="w3-padding-16">Photography</li>
          <li class="w3-padding-16">50GB Storage</li>
          <li class="w3-padding-16">Endless Support</li>
          <li class="w3-padding-16">
            <h2>$ 25</h2>
            <span class="w3-opacity">per month</span>
          </li>
          <li class="w3-light-grey w3-padding-24">
            <button class="w3-button w3-white w3-padding-large w3-hover-black">Sign Up</button>
          </li>
        </ul>
      </div>
	  -->
    <!-- End Grid/Pricing tables -->
    <!-- </div> -->
    
  <!-- End About Section -->
  <!-- </div> -->

  <!-- Contact Section -->
  <div class="w3-padding-32 w3-content w3-text-black" id="contact" style="margin-bottom:64px">
    <h2>Contact Me</h2>
    <hr class="w3-opacity">

    <div class="w3-section">
      <p><i class="fa fa-map-marker fa-fw w3-xxlarge w3-margin-right"></i> Seattle, US</p>
      <p><i class="fa fa-envelope fa-fw w3-xxlarge w3-margin-right"> </i> Email: jim@jimloter.com</p>
    </div>
    
     <!-- Google Map -->
    <div id="googleMap" class="w3-greyscale-max" style="width:100%;height:300px;margin:36px 0;"></div>
   
 <!--   <p>Lets get in touch. Send me a message:</p>
    <form action="/action_page.php" target="_blank">
      <p><input class="w3-input w3-padding-16 w3-border" type="text" placeholder="Name" required name="Name"></p>
      <p><input class="w3-input w3-padding-16 w3-border" type="text" placeholder="Email" required name="Email"></p>
      <p><input class="w3-input w3-padding-16 w3-border" type="text" placeholder="Subject" required name="Subject"></p>
      <p><input class="w3-input w3-padding-16 w3-border" type="text" placeholder="Message" required name="Message"></p>
      <p>
        <button class="w3-button w3-light-grey w3-padding-large" type="submit">
          <i class="fa fa-paper-plane"></i> SEND MESSAGE
        </button>
      </p>
    </form> -->
  <!-- End Contact Section -->
  </div>  
 
<!-- Portfolio Section -->
 <div class="w3-padding-32 w3-content" id="portfolio">
    <h2 class="w3-text-grey">My Portfolio</h2>
    <hr class="w3-opacity">
<div id="writing">
<p>The following are provided as examples of my writing and research work as both an academic and an IT professional. Unless otherwise noted, all works listed here were written by me, though some may have been produced as part of a collaborative process.</p> 
<h3>Published Works</h3>
<ul>
<li><a href="https://e-governance.govciooutlook.com/cxoinsights/digital-accessibility-in-egovernment-projects-nid-918.html">Digital Accessibility in e-Government Projects</a>. <i>Government CIO Outlook</i>. February 2020.</li>
<li><a href="/essays/Loter_alki_mar2016_v32-1-v3.pdf">"Gaining Insights and Protecting Privacy: De-identifying Patron Data at The Seattle Public Library."</a> [PDF] <i>Alki: The Washington Library Association Journal</i>. March 2016. Vol 32, No. 1: 11-13.</li>
<li><a href="http://books.google.com/books?id=fwInSShlVUQC&amp;lpg=PA128&amp;ots=OyUp6oVN1O&amp;dq=jim%20loter&amp;pg=PA128#v=onepage&amp;q=jim%20loter&amp;f=false">"Cathal Black's <i>Pigs</i>: Ambivalence, Confinement, and the Search for an Irish Sense of Place."</a> [Google Books link] In <i>Contemporary Irish Cinema: From The Quiet Man to Dancing at Lughnasa</i>. James MacKillop, ed.</li>
</ul>

<h3>Professional Work Products</h3>
<ul>
<li><a href="/essays/Capabilities_Impacts_5G_Wireless_Service.pdf">Capabilities and Impacts of 5G Wireless Service</a> [PDF]. This is an briefing paper prepared for City executives in April 2019. Parts of the paper related to specific City policy have been removed.</li>
<li><a href="https://www.linkedin.com/pulse/smart-city-monsters-jim-loter/">Smart City or 'City of Monsters'?</a> [LinkedIn Post]. A variation of a presentation I delivered at the 2018 National Association of Telecommunications Officers and Advisors Annual Conference (NATOA), August 2018.</li> 
<li><a href="/essays/spl_tech_access_final_report.pdf">Technology and Access Service Plan - Final Report</a> [PDF]. Final report of a strategic planning process for The Seattle Public Library.</li>
</ul>

<h3>Academic Essays</h3>
<ul>
<li><a target="_blank" href="/essays/authorship.html">Adventures in Authorland: or Rethinking Intellectual History and the Death of the Author</a> (1995)</li>
<li><a target="_blank" href="/essays/early.html">Early Motion Pictures and the "De-Rationalizing" of Advertising</a> (1996)</li>
<li><a target="_blank" href="/essays/f1.html">How Can One be a Formula 1 Race Fan? Fear, Technology and the Politics of Excess</a> (1994)</li>
<li><a target="_blank" href="/essays/millerscross.html"><i>Miller's Crossing</i> and the Critique of Genre</a> (1996)</li>
<li><a target="_blank" href="essays/reception.html">Against Reception Theory</a> (1995)</li>
<li><a target="_blank" href="/essays/saussure.html">A Re-Reading of Ferdinand de Saussure</a> (1996)</li>
<li><a target="_blank" href="/essays/surrealism.html">The Inspired and the Inspiring: The Surrealists' Cinematic Contemplation and Aesthetic</a> (1995)</li>
</ul>
<!-- <h3>Blog</a> (2005-2008)</h3>
<ul><li><a href="/blog/">"Lost in Seattle"</a> (2005-2008)</li></ul> -->
</div>
    <!-- Grid for photos -->
    <!-- <div class="w3-row-padding" style="margin:0 -16px">
      <div class="w3-half">
        <img src="/w3images/wedding.jpg" style="width:100%">
        <img src="/w3images/rocks.jpg" style="width:100%">
        <img src="/w3images/sailboat.jpg" style="width:100%">
      </div>

      <div class="w3-half">
        <img src="/w3images/underwater.jpg" style="width:100%">
        <img src="/w3images/chef.jpg" style="width:100%">
        <img src="/w3images/wedding.jpg" style="width:100%">
        <img src="/w3images/p6.jpg" style="width:100%">
      </div>
	  -->
    <!-- End photo grid -->
    <!-- </div> -->
  <!-- End Portfolio Section -->
</div>

 
  <!-- Footer -->
  <footer class="w3-container w3-padding-64 w3-light-grey w3-center w3-opacity w3-xlarge" style="margin:-24px">
    <!--<i class="fa fa-facebook-official w3-hover-opacity"></i>-->
    <!--<i class="fa fa-instagram w3-hover-opacity"></i>-->
    <!--<i class="fa fa-snapchat w3-hover-opacity"></i>-->
    <!--<i class="fa fa-pinterest-p w3-hover-opacity"></i>-->
    <a href="http://twitter.com/jimloter"><i class="fa fa-twitter w3-hover-opacity"></i></a>
    <a href="http://linkedin.com/in/jimloter"><i class="fa fa-linkedin w3-hover-opacity"></i>
    <!--<p class="w3-medium">Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank" class="w3-hover-text-green">w3.css</a></p>-->
  <!-- End footer -->
  </footer>
  
<!-- END PAGE CONTENT -->
</div>

<!-- Add Google Maps -->
<script>
function myMap()
{
  myCenter=new google.maps.LatLng(47.6051, -122.3298);
  var mapOptions= {
    center:myCenter,
    zoom:12, scrollwheel: false, draggable: false,
    mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  var map=new google.maps.Map(document.getElementById("googleMap"),mapOptions);

  var marker = new google.maps.Marker({
    position: myCenter,
  });
  marker.setMap(map);
}

// Open and close sidebar
function openNav() {
    document.getElementById("mySidebar").style.width = "60%";
    document.getElementById("mySidebar").style.display = "block";
}

function closeNav() {
    document.getElementById("mySidebar").style.display = "none";
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBL1DwStepWiLjsuwmHSY2JMcIpQK3bx5U&callback=myMap"></script>

<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-16462034-1');
</script></body>
</html>
