InPhO - Idea - Feminist Perspectives on Power

<!DOCTYPE html> <html> <head> <title>InPhO - Idea - Feminist Perspectives on Power</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="/jquery/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="/jqueryui/js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script> <link href="/jqueryui/css/blitzer/jquery-ui-1.8.10.custom.css" media="screen" rel="stylesheet" type="text/css" /> <link href="/bootstrap/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css" /> <script src="/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <link href="/css/font-awesome-4.0.3/css/font-awesome.min.css" media="screen" rel="stylesheet" type="text/css" /> <script src="/js/d3.min.js" type="text/javascript"></script> <link href="/css/style.css" media="screen" rel="stylesheet" type="text/css" /> <link href="/css/tree.css" media="screen" rel="stylesheet" type="text/css" /> <link href="/css/idea-edit.css" media="screen" rel="stylesheet" type="text/css" /> <script src="/js/util.js" type="text/javascript"></script> <script src="/js/actb.js" type="text/javascript"></script> <script src="/js/eval.js" type="text/javascript"></script> <script src="/js/admin.js" type="text/javascript"></script> <script src="/js/tabnav.js" type="text/javascript"></script> <script src="/js/entity.js" type="text/javascript"></script> <script type="text/javascript"> //Fixes navbar behavior with hashchanges var shiftWindow = function() { scrollBy(0, -50) }; if (location.hash) shiftWindow(); window.addEventListener("hashchange", shiftWindow); </script> </head> <body> <div class="navbar navbar-fixed-top navbar-inverse" id="header"> <div class="navbar-inner"> <div class="container"> <ul class="nav"> <li><a href="/"><i class="icon-home icon-white"></i></a></li> <li><a href="/about/">About</a></li> <li><a href="/papers/">Papers</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Data <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/docs/">REST API</a></li> <li><a href="/owl/">OWL Archive</a></li> <li><a href="https://inphoproject.org/datablog/">Data Blog</a></li> <li><a href="http://github.com/inpho">Source Code</a></li> </ul> </li> </ul> <ul class="nav pull-right"> <li> <form class="navbar-search" action="/entity" method="get"> <input type="hidden" name="redirect" value="true" /> <input class="search-query input-medium" type="text" id="nav-search" name="q" data-provide="typeahead" autocomplete="off" /> </form> <script src="/js/actb.js"></script> <script>inpho.actb.init('#nav-search', '/entity.json'); </script> </li> <li class="divider-vertical"></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Browse <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/taxonomy"><i class="icon-comment"></i> Taxonomy</a></li> <li><a href="/thinker"><i class="icon-user"></i> Thinkers</a></li> <li><a href="/journal"><i class="icon-list-alt"></i> Journals</a></li> </ul> </li> <li class="divider-vertical"></li> <li><a href="/register">Register</a></li> <li><a href="/signin">Sign In</a></li> </ul> </div> </div> </div>  <div class="container" id="container"> <div class="row"> <div class="span4" id="sidebar"> <a href="/"><img src="/img/InPhO-internet.png" width="185" style="margin-top: -11px; margin-bottom:10px;"></a> <div id="chart" data-selected=2246></div> <script type="text/javascript" src="/js/tree-vertical.js"></script> </div> <div class="span8" id="content"> <script type="text/javascript"> inpho.eval.alert = true; $(document).ready(function() { $("#dialog").dialog({position: [490,380], modal : true, title : 'Multiple Results'}); $('#tabnav').tab(); if (window.location.hash != "") { if (window.location.hash.substring(1,2) == 'i') { var id = window.location.hash.substring(2); $.getJSON('/idea/'+id+'.json', function(data) { var title = data.responseData.result.label; inpho.tabnav.appendTab('tabnav', 'i' + id, title, '/idea/1774/panel/' + id); }); } inpho.tabnav.switchTab('tabnav', window.location.hash.substring(1)); $('body').scrollTop(0); } }); </script> <h1 id="label" data-id="1774">Feminist Perspectives on Power</h1> <ul class="breadcrumb taxonomy-breadcrumb"> <li><a href="/taxonomy">Philosophy</a> <span class="divider">→</span></li> <li><a href="/taxonomy/2246/view.html">Feminist Philosophy</a> </li>  </ul> <p><a href="http://plato.stanford.edu/entries/feminist-power/" target="_blank"><img src="/img/sepmanicon.png" /> Feminist Perspectives on Power</a> is also an article in the Stanford Encyclopedia of Philosophy.</p> <p><a href="http://philpapers.org/s/feminist%20perspectives%20on%20power"> <img src="/img/pp.gif"/> Feminist Perspectives on Power</a> can be searched on PhilPapers.</p> <ul class="nav nav-tabs" id="tabnav" data-tabs="tabs"> <li id="home-tab" class="active"><a href="#home" data-toggle="tab"><i class="icon-home"></i></a></li> </ul> <div class="tab-content" id="tabnav-content"> <div class="tab-pane active" id="home"> <style> body { } .bar { fill: steelblue; } .bar:hover { fill: brown; } rect { opacity: 0.6; } rect.hover { stroke: #000; stroke-width: 1; shape-rendering: crispEdges; cursor: crosshair; opacity: 0.8; } .doc:hover rect, .doc.hover rect { cursor: crosshair; opacity: 1.0; } rect:hover { opacity: 1.0 !important; stroke: #000; stroke-width: 2; shape-rendering: crispEdges; } </style> <script> function visualize(port) { var k = port - 16000; var maxRows = 25; var minCols = 2; //feminist-power var docid = "feminist-power"; var width = $('.bar-container').width(), height = 20; var x = d3.scale.linear() .range([0, width]) .domain([0,1.0]); var svg = d3.select("#bar"+port+" #chart").insert("svg") .attr("width", width) .attr("height", height) .attr("id","main") .attr("class", "main"); $('#main', '#bar'+port).hide(); function calculateTopicMap(data, scale, sortFn){ data.forEach(function(d) { var sizeFactor = (scale) ? d.prob : 1.0 var x0 = 0; if (sortFn) d.topicMap = d3.keys(d.topics) .sort(sortFn) .map(function(name) { return {name: name, x0: x0, x1: x0 += +(d.topics[name]*sizeFactor) }; }); else d.topicMap = d3.keys(d.topics) .map(function(name) { return {name: name, x0: x0, x1: x0 += +(d.topics[name]*sizeFactor) }; }); }); } var url = "/docs_topics/" + docid + '.json?n=1' var host = "https://www.inphoproject.org/topics/sep/" + k; d3.json(host + url, function(error, data) { $('#status .bar', '#bar'+port).css('width', '50%').text('Loading topics...'); if (error) { var isError = $('.bar.bar-warning '); console.log(isError[0] +" Hello"); $('#status .progress', '#bar'+port).removeClass('active progress-striped'); if(isError[0]){ $('#status .progress', '#bar'+port).remove(); } else{ var errormsg = docid + " is a new article, not yet archived by the SEP."; $('#status .bar', '#bar'+port).css('width', '100%').addClass('bar-warning').text(errormsg); } return false; } //console.log(data); d3.json(host + "/topics.json", function(error_top, topics) { $('#status .bar', '#bar'+port).css('width', '75%').text('Rendering chart...'); if (error_top) { var isError = $('.bar.bar-danger '); $('#status .progress', '#bar'+port).removeClass('active progress-striped'); if(isError[0]){ $('#status .progress', '#bar'+port).remove(); } else{ $('#status .bar', '#bar'+port).addClass('bar-danger').text('Could not load topic list.'); } return false; } var k = d3.keys(topics).length; $("#bar" + port).before("<dt>"+k+" Topics</dt>"); var full_explorer_url = "https://www.hypershelf.org/sep/"+k+"/?doc="+docid; calculateTopicMap(data, true, function(a,b) {return data[0].topics[b] - data[0].topics[a];}); // draw total bar var doc = svg.selectAll("doc") .data(data) .enter().append("g") .attr("class","doc"); // Draw topic bars doc.selectAll("rect") .data(function(d) { return d.topicMap; }) .enter().append("rect") .attr("height", height) .attr("x", function(d) { return x(d.x0); }) .attr("width", function(d) { return x(d.x1) - x(d.x0); }) .attr("class", function(d) { return "top_" + d.name; }) .attr("title", function(d) { return d3.keys(topics[d.name]['words']).sort(function(a,b) { if (topics[d.name]['words'][a] > topics[d.name]['words'][b]) return -1; else if (topics[d.name]['words'][a] < topics[d.name]['words'][b]) return 1; else return 0; }).join(", ") + ", ..."; }) .on("mouseover", function(d) { // SVG element z-index determined by render order, not style sheet // so element must be reappended to the end on hover so border // is not occluded var parent = $(this).parent(); $(this).detach().appendTo(parent); }) .on("click", function(d) { window.location = full_explorer_url; }) .style("fill", function(d) { return barColors(topics[d.name]['color'], d.name); }); $(".doc rect").tooltip({container:'body', animation: false, placement: 'top'}); $('#status .bar', '#bar'+port).addClass('bar-success').css('width', '100%').text("Complete!"); setTimeout(function() {$('#status', '#bar'+port).hide()}, 250); setTimeout(function() {$('#main', '#bar'+port).show()}, 250); }); }); //Functions to help with gradient, similar to the ones in topicexplorer function barColors(myColor, myId) { var mainGradient = svg.append('linearGradient') .attr('id', myId); mainGradient.append('stop') .attr('stop-color', myColor) .attr('offset', '0'); mainGradient.append('stop') .attr('stop-color', hexToRgbA(myColor, .7)) .attr('offset', '1'); return "url(#" + myId + ")"; } function hexToRgbA(hex, a){ var c; if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){ c= hex.substring(1).split(''); if(c.length== 3){ c= [c[0], c[0], c[1], c[1], c[2], c[2]]; } c= '0x'+c.join(''); return 'rgba('+[(c>>16)&255, (c>>8)&255, c&255].join(',')+',' + a + ')'; } throw new Error('Bad Hex'); } } </script> <div class="explorer"> <h3>Topic Explorer</h3>  <p>These bars show different topic mixtures for the SEP article. Number of topics in the model is shown at left. Fewer topics = coarser grain model. Roll over colored segments to get a sense of each topic. Click on a bar to go to the full topic explorer for document comparison and more details.</p> <dl id="singleBarsDl" class="dl-horizontal"> <dd class="bar-container" id="bar16020"> <div id="status" style="width:100%"> <div class="progress loading progress-striped active"> <div class="bar" style="width:25%">Loading documents...</div> </div> </div> <div id="chart"> </div> </dd> <script> visualize(16020); </script> <dd class="bar-container" id="bar16040"> <div id="status" style="width:100%"> <div class="progress loading progress-striped active"> <div class="bar" style="width:25%">Loading documents...</div> </div> </div> <div id="chart"> </div> </dd> <script> visualize(16040); </script> <dd class="bar-container" id="bar16060"> <div id="status" style="width:100%"> <div class="progress loading progress-striped active"> <div class="bar" style="width:25%">Loading documents...</div> </div> </div> <div id="chart"> </div> </dd> <script> visualize(16060); </script> <dd class="bar-container" id="bar16080"> <div id="status" style="width:100%"> <div class="progress loading progress-striped active"> <div class="bar" style="width:25%">Loading documents...</div> </div> </div> <div id="chart"> </div> </dd> <script> visualize(16080); </script> <dd class="bar-container" id="bar16100"> <div id="status" style="width:100%"> <div class="progress loading progress-striped active"> <div class="bar" style="width:25%">Loading documents...</div> </div> </div> <div id="chart"> </div> </dd> <script> visualize(16100); </script> <dd class="bar-container" id="bar16120"> <div id="status" style="width:100%"> <div class="progress loading progress-striped active"> <div class="bar" style="width:25%">Loading documents...</div> </div> </div> <div id="chart"> </div> </dd> <script> visualize(16120); </script> </dl> </div> <div class="tilecontainer"> <script>loadMore()</script>  </div> </div> </div>   <script src="/js/jquery.imagesloaded.js"></script>  <script src="/js/jquery.wookmark.js"></script>  <script type="text/javascript"> (function ($) { var loadedImages = 0, // Counter for loaded images handler = $('.entityclass'); // Get a reference to your grid items. // Prepare layout options. var options = { container: $('.tilecontainer'), // Optional, used for some extra CSS styling itemWidth: 250 // Optional, the width of a grid item }; $('#tiles').imagesLoaded(function() { // Call the layout function. handler.wookmark(options); }).progress(function(instance, image) { // Update progress bar after each image load loadedImages++; if (loadedImages == handler.length) $('.progress-bar').hide(); else $('.progress-bar').width((loadedImages / handler.length * 100) + '%'); }); })(jQuery); </script> </div> </div> <footer class="footer"> <hr /> <p> <a href="http://www.neh.gov/odh/" title="Office of Digital Humanities" class="pull-right"> <img src="/img/ODH.jpg" alt="Office of Digital Humanities" style="border: 0px; margin-left: 10px;" /> </a> Funded through several generous grants by the <a href="http://www.neh.gov/odh/">National Endowment of the Humanities, Office of Digital Humanities</a>. Any views, findings, conclusions or recommendations expressed in this website do not necessarily represent those of the NEH. </p> <hr /> <p> Prior support from the Office of the Vice-Provost for Research and the Cognitive Science Program at Indiana University Bloomington made the original Indiana Philosophy Ontology project possible. Although rebranded to the Internet Philosophy Ontology, our genesis lives on in the InPhO moniker. </p>  <hr /> <p style="margin-bottom: 25px;"> InPhO is committed to open access. Data published via <a href="/docs/">the REST API</a>, <a href="http://inpho.cogs.indiana.edu/datablog">datablog</a>, and <a href="/owl/">OWL archives</a> are licensed by the <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons BY-NC-SA 3.0 License</a>. Developed using open-source technologies and distributed on <a href="http://github.com/inpho/">GitHub</a>. </p> </footer> </div> <script type="text/javascript"> $('[data-toggle="tooltip"]').tooltip(); </script> </body> </html>

CINXE.COM

InPhO - Idea - Feminist Perspectives on Power