You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

80 lines
4.3 KiB
HTML

5 years ago
<div class="ml-3 mt-4 footer">
<!-- Trigger/Open The Modal -->
<button id="refsBtn">References</button>
<!-- The Modal -->
<div id="refsModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close4">&times;</span>
<div>
<b>/ETC</b><br>
/ETC - Eclectic Tech Carnival (2019) <i>About The Eclectic Tech Carnival.</i> Available at: &nbsp; <a class="outerlinks" target="_blank" rel="noopener noreferrer" href="https://eclectictechcarnival.org/ETC2019/about/ ">https://eclectictechcarnival.org/ETC2019/about/ </a> <br><br>
<b>Email Drama</b><br>
We hope this email finds you well* - a radio drama series (n.d.). Available at: &nbsp; <a class="outerlinks" target="_blank" rel="noopener noreferrer" href="http://varia.zone/en/we-hope-this-email.html ">
http://varia.zone/en/we-hope-this-email.html </a><br><br>
<b>GenderChangers</b><br>
Genderchangers.org. (n.d.) Frequently Asked Questions. Available at: &nbsp; <a class="outerlinks" target="_blank" rel="noopener noreferrer" href="https://www.genderchangers.org/faq.html ">https://www.genderchangers.org/faq.html </a> <br>
Metzlar, D. (2019) In person interview, 16 Nov 2019.<br><br>
<b>Hackerspace List</b><br>
lists.hackerspaces.org Mailing Lists (n.d.). Available at: &nbsp; <a class="outerlinks" target="_blank" rel="noopener noreferrer" href="https://lists.hackerspaces.org/ ">https://lists.hackerspaces.org/ </a><br>
What is a Mailing List? - Definition from Techopedia (n.d.). Available at: &nbsp; <a class="outerlinks" target="_blank" rel="noopener noreferrer" href="https://www.techopedia.com/definition/30010/mailing-list ">https://www.techopedia.com/definition/30010/mailing-list </a><br><br>
<b>Hacklab</b><br>
Maxigas, P. (2012) Hacklabs and Hackerspaces—Tracing Two Genealogies, <i>Journal of Peer Production</i>, 2. Available at: &nbsp; <a class="outerlinks" target="_blank" rel="noopener noreferrer" href="http://peerproduction.net/issues/issue-2/peer-reviewed-papers/hacklabs-and-hackerspaces/ ">http://peerproduction.net/issues/issue-2/peer-reviewed-papers/hacklabs-and-hackerspaces/ </a>
<br><br>
<b>Hardware Crash</b><br>
Eclectic Tech Carnival (@etc@systerserver.town) (n.d.). Available at: &nbsp; <a class="outerlinks" target="_blank" rel="noopener noreferrer" href="https://systerserver.town/@etc ">https://systerserver.town/@etc</a> <br>
Gryllaki, A. (2019) Computer hardware crash course in /ETC 2019. Athens: Personal Archive.<br>
Its begun (2018). Available at: &nbsp; <a class="outerlinks" target="_blank" rel="noopener noreferrer" href="https://eclectictechcarnival.org/etc/communications/started/ ">https://eclectictechcarnival.org/etc/communications/started/ </a> <br>
Mauro-Flude, N. (n.d) <i>Presentation on theme: "The Genderchangers Academy [GCA] and The eclectic tech carnival [/etc.]</i> &nbsp;Available at: &nbsp; <a class="outerlinks" target="_blank" rel="noopener noreferrer" href="https://slideplayer.com/slide/11272039/ ">https://slideplayer.com/slide/11272039/ </a> <br><br>
<b>Summon Spirits</b><br>
Light, J. (1999) 'When Computers Were Women', <i>Technology & Culture</i>, Vol. 40, No. 3 : 455483.<br><br>
<b>Systers List</b><br>
About Anita Borg, Co-Founder of GHC (n.d.). Available at: &nbsp;<a class="outerlinks" target="_blank" rel="noopener noreferrer" href="https://anitab.org/about-us/about-anita-borg/">https://anitab.org/about-us/about-anita-borg/ </a><br><br>
<b>Usenet Group</b><br>
Camp, L. J. (1996) We are geeks, and we are not guys: The systers mailing list, <i>Wired women: Gender and new realities in cyberspace</i>. Seattle, Wash.: Seal Press.<br><br>
</div>
</div>
</div>
</div>
<script>
// Get the modal
var modal4 = document.getElementById("refsModal");
// Get the button that opens the modal
var btn4 = document.getElementById("refsBtn");
// Get the <span> element that closes the modal
var span4 = document.getElementsByClassName("close4")[0];
// When the user clicks the button, open the modal
btn4.onclick = function() {
modal4.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span4.onclick = function() {
modal4.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal4) {
modal4.style.display = "none";
}
}
</script>