Skip to content

Commit

Permalink
initial zine pages
Browse files Browse the repository at this point in the history
  • Loading branch information
Multipixels committed May 8, 2024
1 parent 619ff9c commit dfc4bcd
Show file tree
Hide file tree
Showing 52 changed files with 738 additions and 2 deletions.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes.
File renamed without changes.
4 changes: 2 additions & 2 deletions zines/all-ai.md → zines/all-ai-is-local.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: default
title: "All AI Is Local: Rejecting the Permicious Myth of Universalism in AI Discourse"
nav_order: 4
nav_order: 8
parent: "Zines as Critical Data"
---

Expand Down Expand Up @@ -73,7 +73,7 @@ yepnope({
test : Modernizr.csstransforms,
yep: ['../turnjs4/lib/turn.js'],
nope: ['../turnjs4/lib/turn.html4.min.js'],
both: ['../turnjs4/all_ai_is_local.css'],
both: ['../turnjs4/flipbook.css'],
complete: loadApp
});

Expand Down
68 changes: 68 additions & 0 deletions zines/connor-the-cloud-zine.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
---
layout: minimal
title: "Zine - Connor the Cloud: A Consideration of Data Discourse in Children’s Books"
nav_exclude: true
---

<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width = 1280, user-scalable = no" />
<script type="text/javascript" src="../turnjs4/extras/jquery.min.1.7.js"></script>
<script type="text/javascript" src="../turnjs4/extras/modernizr.2.5.3.min.js"></script>
</head>
<body>

<div class="flipbook-viewport" style="height: 100vh">
<div class="container">
<div class="flipbook">
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page1.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page2.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page3.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page4.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page5.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page6.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page7.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page8.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page9.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page10.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page11.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page12.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page13.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page14.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page15.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page16.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page17.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page18.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page19.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page20.png); background-size: 100% 100%;"></div>
</div>
</div>
</div>

<script type="text/javascript">


function loadApp() {
$('.flipbook').turn({
width: 1198,
height: 780,
elevation: 50,
gradients: true,
autoCenter: true

});
}

yepnope({
test : Modernizr.csstransforms,
yep: ['../turnjs4/lib/turn.js'],
nope: ['../turnjs4/lib/turn.html4.min.js'],
both: ['../turnjs4/flipbook.css'],
complete: loadApp
});

</script>

</body>
</html>
84 changes: 84 additions & 0 deletions zines/connor-the-cloud.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
---
layout: default
title: "Connor the Cloud: A Consideration of Data Discourse in Children’s Books"
nav_order: 2
parent: "Zines as Critical Data"
---

<div class="container">
<div class="flipbook" style="z-index: 7">
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page1.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page2.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page3.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page4.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page5.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page6.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page7.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page8.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page9.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page10.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page11.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page12.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page13.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page14.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page15.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page16.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page17.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page18.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page19.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/connor_the_cloud/page20.png); background-size: 100% 100%;"></div>
</div>
</div>

<a href="connor-the-cloud-zine" target="_blank">Open in new tab</a>

# Connor the Cloud: A Consideration of Data Discourse in Children’s Books

The zine *Connor the Cloud: A Consideration of Data Discourse in Children’s Books* aims to provoke innovative ways to question and deconstruct complex, illusive dominant imaginaries of data. Recognizing and questioning how language alters the understanding of data-driven technologies can offer new possibilities for learning. This zine is meant to prompt a reflection of a generation aging with evolving technology and probe potential ideas to foster a future of curiosity and learning. Conor the Cloud is mainly targeted at parents of children in grades 1-6 to develop educational tools and curriculum considerations throughout early childhood education.

\- Cassie Turkstra















<script type="text/javascript" src="../turnjs4/extras/jquery.min.1.7.js"></script>
<script type="text/javascript" src="../turnjs4/extras/modernizr.2.5.3.min.js"></script>



<script type="text/javascript">

function loadApp() {
$('.flipbook').turn({
width: $('.container').width() ,
height: $('.container').width()*0.697777778,
elevation: 0,
gradients: true,
autoCenter: true
});
}

yepnope({
test : Modernizr.csstransforms,
yep: ['../turnjs4/lib/turn.js'],
nope: ['../turnjs4/lib/turn.html4.min.js'],
both: ['../turnjs4/flipbook.css'],
complete: loadApp
});

$( window ).on( "resize", function() {
$('.flipbook').turn('size', $('.container').width(), $('.container').width()*0.697777778)
} );

</script>
82 changes: 82 additions & 0 deletions zines/data-dunk.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
---
layout: default
title: "Data Dunk: An Investigation Into Data-Driven Decision Making in Basketball"
nav_order: 6
parent: "Zines as Critical Data"
---

<div class="container">
<div class="flipbook" style="z-index: 7">
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page1.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page2.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page3.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page4.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page5.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page6.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page7.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page8.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page9.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page10.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page11.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page12.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page13.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page14.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page15.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/data_dunk/page16.png); background-size: 100% 100%;"></div>
</div>
</div>

<a href="data-dunk-zine" target="_blank">Open in new tab</a>

# Data Dunk: An Investigation Into Data-Driven Decision Making in Basketball

My zine is called *Data Dunk*, a short play on words to hint towards the zine's content: data-driven decision-making (DDDM) in professional basketball. The zine explores how DDDM has been adopted by different professional basketball organizations in the National Basketball Association (NBA) and how DDDM has manifested into different interesting outcomes. The primary research question it explores is: How has the implementation of data-driven decision-making ruined the aesthetic of sport? This question seeks to illuminate a few of the outcomes of adopting data-driven decisions in basketball and the implications for sports culture.

\- Kiyaan Chavoshi

















<script type="text/javascript" src="../turnjs4/extras/jquery.min.1.7.js"></script>
<script type="text/javascript" src="../turnjs4/extras/modernizr.2.5.3.min.js"></script>



<script type="text/javascript">

function loadApp() {
$('.flipbook').turn({
width: $('.container').width() ,
height: $('.container').width()*0.697777778,
elevation: 0,
gradients: true,
autoCenter: true
});
}

yepnope({
test : Modernizr.csstransforms,
yep: ['../turnjs4/lib/turn.js'],
nope: ['../turnjs4/lib/turn.html4.min.js'],
both: ['../turnjs4/flipbook.css'],
complete: loadApp
});

$( window ).on( "resize", function() {
$('.flipbook').turn('size', $('.container').width(), $('.container').width()*0.697777778)
} );

</script>
84 changes: 84 additions & 0 deletions zines/how-to-not-cheat-with-chatgpt.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
---
layout: default
title: "How to (Not) Cheat with ChatGPT"
nav_order: 1
parent: "Zines as Critical Data"
---

<div class="container">
<div class="flipbook" style="z-index: 7">
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page1.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page2.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page3.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page4.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page5.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page6.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page7.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page8.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page9.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page10.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page11.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page12.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page13.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page14.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page15.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page16.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page17.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page18.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page19.png); background-size: 100% 100%;"></div>
<div class="sheet" style="background-image:url(../assets/img/zines/how_to_not_cheat_with_chatgpt/page20.png); background-size: 100% 100%;"></div>
</div>
</div>

<a href="how-to-not-cheat-with-chatgpt-zine" target="_blank">Open in new tab</a>

# How to (Not) Cheat with ChatGPT

This zine is entitled *How to (Not) Cheat with ChatGPT* and discusses the use of generative artificial intelligence (GenAI) in education, specifically higher education. The word “Cheat” in the title is a commentary on how educators often perceive using ChatGPT as a form of academic fraud. “Cheat” can also mean that readers of this zine are cheating the dominant narratives on ChatGPT by being counter-hegemonic to the prohibition of GenAI in higher education. The “(Not)” in the title indicates that this zine does not provide ways to cheat with ChatGPT. Indeed, this zine tackles how ChatGPT and similar GenAI can be used efficiently and non-fraudulently by students (and educators) for education.

\- Mélina Nzeza















<script type="text/javascript" src="../turnjs4/extras/jquery.min.1.7.js"></script>
<script type="text/javascript" src="../turnjs4/extras/modernizr.2.5.3.min.js"></script>



<script type="text/javascript">

function loadApp() {
$('.flipbook').turn({
width: $('.container').width() ,
height: $('.container').width()*0.697777778,
elevation: 0,
gradients: true,
autoCenter: true
});
}

yepnope({
test : Modernizr.csstransforms,
yep: ['../turnjs4/lib/turn.js'],
nope: ['../turnjs4/lib/turn.html4.min.js'],
both: ['../turnjs4/flipbook.css'],
complete: loadApp
});

$( window ).on( "resize", function() {
$('.flipbook').turn('size', $('.container').width(), $('.container').width()*0.697777778)
} );

</script>
Loading

0 comments on commit dfc4bcd

Please sign in to comment.