notable-women-in-history-of-tech.html

---
layout: page
title: Women in Tech - Notable
---
<style>

    .baaslistingcontainer{
        padding-left: 10px; 
        padding-right: 10px; 
        width:550px;
    }
    .baaslisting{
        padding-left: 30px;
    }  
    .baaslisting li{
        list-style: none; 
        padding: 30px; 
        border: 0px solid #000;
    }       
</style>

<ul class="toolbar">
    <li>{"<a href="https://raw.github.com/kinlane/women-in-tech/gh-pages/data/people.json" title="JSON" target="_blank">JSON</a>"}</li>
</ul>

<h1 class="title">Notable Women in Tech</h1>
<p>This is a list of women who have significantly contributed the world of compute, and the Internet. This listing is driven by a JSON listing I have personally compiled. If there is someone you feel should be on this list you can <a href="https://github.com/kinlane/women-in-tech/issues/new">submit your suggestions via the Github issue management for the site</a>, or if you are feeling brave you can <a href="https://github.com/kinlane/women-in-tech">fork the project by editing the JSON file</a>, and submit a pull request when ready, and I'll include in the public website.</p>
{% raw  %}
<script id="peopleListingTemplate" type="text/template">       
    <tr>
        <td align="left" valign="top">
            <a href="" id="home-logo-link-{{id}}"><img src="{{image_path}}" width="{{image_width}}" align="left" style="padding: 15px;" /></a>
            <a href="" id="home-name-link-{{id}}" style="color: #000;"><strong>{{name}}</strong></a><br />{{details}}
        </td>
    </tr>
    <tr>
        <td align="center" valign="middle">            
            <a href="index.html" target="_blank" title="Website" id="home-icon-{{id}}"><img id="home-icon-img-{{id}}" src="https://s3.amazonaws.com/kinlane-productions/bw-icons/bw-home-icon.jpeg" width="25" style="margin-bottom: 5px; padding:15px;" /></a>
        </td>
    </tr> 
    <tr>
        <td colspan="3"><hr /></td>
    </tr>                                                                                                   
</script>
{% endraw %}

<div>
     <p align="center"><hr /></p>
     <table id="peopleListing" style="padding-left: 35px;" width="90%" cellpadding="1" cellspacing="1"></table>
</div>  

<script type="text/javascript">
function listCompanies()
    {
    $.getJSON('data/people.json', function(data) {
        toggle = 0;
         $.each(data['profile'], function(key, val) {
            var template = $('#peopleListingTemplate').html();
            var html = Mustache.to_html(template, val);
            $('#peopleListing').append(html);     
                        
            id = val['id'];
            website = val['website'];
            
            if(website.length>0){ document.getElementById("home-logo-link-"+id).href=website; }               
            if(website.length>0){ document.getElementById("home-name-link-"+id).href=website; }              
            if(website.length>0){ document.getElementById("home-icon-"+id).href=website; } else { document.getElementById("home-icon-img-"+id).style.display='none'; }              
                                            
                                 
            });
        });
    } 
listCompanies();
</script>