diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..cea869f --- /dev/null +++ b/.gitignore @@ -0,0 +1,8 @@ +public +yugo +.oldgit +static/css/hyde-min.css +static/css/poole-min.css +static/css/stylesheet-min.css +static/css/stylesheet.css +static/css/syntax-min.css diff --git a/content/blog/climate_march_talk.md b/content/blog/climate_march_talk.md new file mode 100644 index 0000000..30497f3 --- /dev/null +++ b/content/blog/climate_march_talk.md @@ -0,0 +1,16 @@ +--- +author: Jeremy Kidwell +date: "2014-09-30" +#layout: post +slug: climate_march +status: publish +title: Address to the People’s Climate March +categories: +- Speeches +--- + +I devoted some time these past six weeks to helping organise a people's climate march in Edinburgh. Given our research focus on how Christians and faith communities mobilise for action around climate change and other related ecological issues, this probably doesn't come as a surprise. What did surprise many people, myself included, was the extent of the march (pictures here) that occurred last Sunday (21 Sep 2014). We had hoped for 200-300 and by most estimates, we had nearly 3000 people marching through the streets of Edinburgh committing themselves to action and calling on our nation's leaders here in Scotland to address climate change in substantial ways. I gave a short speech to those gathered before we set off to march, and I offer the text of my speech here: + +[![march-photo](images/climate_march.jpg "My address")] + +It’s great to see so many of you here! I’m really excited to see such a huge crowd here today – and our march and gathering here is a big part of an even bigger gathering that is going on today across the world. People’s Climate Marches are happening in over 1500 cities today, with over 2 million people marching. The UN meets this week for a global summit on climate change. This is the first of three summits, and we’re going to be marching in Edinburgh and across the world at all of them. We are here today because we all know that we have a problem. The consequences of climate change are now impossible to ignore, as human activity has pushed the atmospheric concentration of CO2 way past the danger zone of 350 parts per million. Atmosphere may be invisible, but climate change is not. Boats are sailing through the arctic in the summer now, and our weather has become chaotic and dangerous, as so many people in Britain experienced with flooding last year, and that was just a preview - island nations which have been subjected to a relentless barrage of superstorms - have begged the rest of the world to join them in taking action to avoid catastrophic climate change. Though we often talk about the big problems surrounding climate change, it isn't just about big things, though the loss of public health and safety is a key concern. As our climate changes we grieve the loss of familiar and small things as well; birds, butterflies and frogs are disappearing at an alarming rate. My son Noah loves frogs, and as I see the world through his eyes with wonderment each day, I think, we have to stop this madness. We have to address climate change for his future. You see, I'm here today, not because of fear, but because of love. That great commandment to love your neighbour as yourself compels me to stop climate change for Noah's future, for all the people who live in vulnerable areas, for the beautiful creatures and landscapes which are a gift entrusted to all of us. I'm here today because of love. So why haven't we solved climate change? It isn't invisble, and as Aaron will share with you in a few moments, we've known about it for decades. Our civilization has accomplished many astonishing things: we've eradicated polio and written the magna carta. But there are lobbyists who are working hard on behalf of fossil fuel companies to obstruct change because they stand to lose a lot of money. So even though our best scientists have helped heighten our awareness of climate change and our most skilled diplomats and policy makers are about to meet in the UN, this march, and all the other marches across the world are absolutely crucial. This march today demonstrates the strengthening of a movement, here in Edinburgh and across the world as we all join in marching to show our concern and solidarity on this issue. This movement is one which will provide us with a new opportunity to show our best side: to show our innovation on clean energy, to reclaim the beauty and joy of living simply, to remember the fun that comes when a whole city comes together. That is what we are starting here today, and this isn't the end - we're going to have a bigger march in nine months in December before the UN Climate Change conference in Lima, and even bigger again before the conference in Paris in 2015. We are all here today because we know that we are the solution to the problem of climate change. Marching today is just the start, as we will go home to organise and mobilise: join a group, start a group, speak to our neighbours, write letters, start a book club, write to and visit our MP’s, etc etc etc. Our standing here together shows our commitment to building a new society and it is a privilege for me to stand here with you today as we march through the centre of our Nation’s capitol. \ No newline at end of file diff --git a/content/blog/fridaypoem.md b/content/blog/fridaypoem.md new file mode 100755 index 0000000..b92a989 --- /dev/null +++ b/content/blog/fridaypoem.md @@ -0,0 +1,62 @@ +--- +author: Jeremy Kidwell +date: "2016-02-08" +#layout: post +slug: friday-poem +status: publish +title: A poem for your friday +wordpress_id: '468' +categories: +- Poems +--- + +"The Heaven of Animals" by James L. Dickey + +Here they are. The soft eyes open. +If they have lived in a wood +It is a wood. +If they have lived on plains +It is grass rolling +Under their feet forever. + +Having no souls, they have come, +Anyway, beyond their knowing. +Their instincts wholly bloom +And they rise. +The soft eyes open. + +To match them, the landscape flowers, +Outdoing, desperately +Outdoing what is required: +The richest wood, +The deepest field. + +For some of these, +It could not be the place +It is, without blood. +These hunt, as they have done, +But with claws and teeth grown perfect, + +More deadly than they can believe. +They stalk more silently, +And crouch on the limbs of trees, +And their descent +Upon the bright backs of their prey + +May take years +In a sovereign floating of joy. +And those that are hunted +Know this as their life, +Their reward: to walk + +Under such trees in full knowledge +Of what is in glory above them, +And to feel no fear, +But acceptance, compliance. +Fulfilling themselves without pain + +At the cycle’s center, +They tremble, they walk +Under the tree, +They fall, they are torn, +They rise, they walk again. \ No newline at end of file diff --git a/content/blog/schmemann_on_dying.md b/content/blog/schmemann_on_dying.md new file mode 100755 index 0000000..46e812b --- /dev/null +++ b/content/blog/schmemann_on_dying.md @@ -0,0 +1,14 @@ +--- +author: Jeremy Kidwell +date: "2014-05-20" +#layout: post +slug: on_dying +status: publish +title: Fr Schmemann on Dying +categories: +- Quotes +--- + +This morning during Matins I had a “jolt of happiness,” of fullness of life, and at the same time the thought: I will have to die! But in such a fleeting breath of happiness, time usually “gathers” itself. In an instant, not only are all such breaths of happiness remembered but they are present and alive— that Holy Saturday in Paris when I was a young man—and many such “breaks.” It seems to me that eternity might be not the stopping of time, but precisely its resurrection and gathering. The fragmentation of time, its division, is the fall of eternity. Maybe the words of Christ are about time when He said: “... not to destroy anything but will raise it all on the last day.” The thirst for solitude, peace, freedom, is thirst for the liberation of time from cumbersome dead bodies, from hustle; thirst for the transformation of time into what it should be—the receptacle, the chalice of eternity. Liturgy is the conversion of time, its filling with eternity. There are two irreconcilable types of spirituality: one that strives to liberate man from time (Buddhism, Hinduism, Nirvana, etc.); the other that strives to liberate time. In genuine eternity, all is alive. The limit and the fullness: the whole of time, the whole of life is in each moment. But there is also the perpetual problem: What about the evil moments? Evil time? The terrible fear before dying of the drowning man, of the man falling from the tenth floor about to be crushed on the pavement? What about the tears of an abused child? + +From The Journals of Father Alexander Schmemann 1973—1983, p. 78. Cited in Gallaher, Chalice of eternity: an Orthodox theology of time, St Vladimir's Theological Quarterly 57:1, 5-35 (2013). \ No newline at end of file diff --git a/content/blog/surprising_turn.md b/content/blog/surprising_turn.md new file mode 100755 index 0000000..38292f7 --- /dev/null +++ b/content/blog/surprising_turn.md @@ -0,0 +1,14 @@ +--- +author: Jeremy Kidwell +date: "2014-09-06" +#layout: post +slug: surprising_turn +status: publish +title: When a surprising turn occurs +categories: +- Quotes +--- + +"It is pertinent to see that in a world of becoming this or that force-field can go through a long period of relative equilibrium, or even gradual progression as defined by standards extrapolated from that equilibrium. Much of social thought and political theory takes such periods as the base from which to define time and progress themselves, making the practitioners all the more disoriented when a surprising turn occurs, that is, when a period of intense disequilibrium issues in a new plateau that scrambles the old sense of progress and regress in this or that way. There may be long chrono-periods of relative stabilization in several zones that matter to human participants, but during a time of accelerated disequilibrium the ethico-politics of judgment through extrapolation from the recent past to the medium or distant future becomes rattled or breaks down. It is now time to modify old extrapolations of possibility and desirability. During such periods Kantian and neoKantian ideas of the universal are retrospectively shown to have been filled with more material from a historically specific mode of common sense than their carriers had imagined. The Augustinian-Kantian sense that human beings are unique agents in the world, while the rest of the world must be comprehended through non-agentic patterns of causality, may turn out to be one of them. To the extent this idea takes hold, established notions of the human science and morality become ripe candidates for reconstitution." + +WE Connolly, A World of Becoming (Duke UP, 2010), 150. \ No newline at end of file diff --git a/content/presentations/british_library-labs.md b/content/presentations/british_library-labs.md new file mode 100755 index 0000000..39c496a --- /dev/null +++ b/content/presentations/british_library-labs.md @@ -0,0 +1,12 @@ +--- +date: "2017-05-10T15:00:00+01:00" +title: "Enhancing Public Understanding of Activists, Religion (and Religious Activists!) through the Geo+Digital-Humanities" +host: "British Library Labs event, University of Birmingham" +publishdate: "2017-05-10" +--- + +Presentation on "Enhancing Public Understanding of Activists, Religion (and Religious Activists!) through the Geo+Digital-Humanities". + +This is a talk presented at the [British Library Labs Road Show](https://www.eventbrite.co.uk/e/learning-the-lessons-of-working-with-the-british-librarys-digital-content-and-data-for-your-tickets-32351805120), at the University of Birmingham + +My slides (which used [http://impress.github.io/impress.js/](impress.js)) are [available here](https://jeremykidwell.info/files/presentations/presentation-20170511-bl_mapping.html") \ No newline at end of file diff --git a/content/presentations/church_stats_mapping.md b/content/presentations/church_stats_mapping.md new file mode 100755 index 0000000..29e7aaa --- /dev/null +++ b/content/presentations/church_stats_mapping.md @@ -0,0 +1,8 @@ +--- +date: "2017-01-06T15:00:00+01:00" +title: "Mapping Churches" +host: "Annual meeting of British and Irish church statisticians, Cardiff, Wales" +publishdate: "2017-01-06" +--- + +Keynote (sorry!) slides can be [downloaded here](https://jeremykidwell.info/files/presentations/presentation-20160106-mapping_churches.key.zip) \ No newline at end of file diff --git a/content/presentations/digi_champs.md b/content/presentations/digi_champs.md new file mode 100755 index 0000000..23e3ef2 --- /dev/null +++ b/content/presentations/digi_champs.md @@ -0,0 +1,8 @@ +--- +date: "2017-01-19T15:00:00+01:00" +title: "Digital Humanities projects in 2016" +host: "Digital Champions forum at the University of Birmingham" +publishdate: "2017-01-19" +--- + +My slides (which used [http://lab.hakim.se/reveal-js/#/](reveal.js)) are [available here](https://jeremykidwell.info/files/presentations/presentation_20170118_digital_hum.html") \ No newline at end of file diff --git a/content/presentations/sca_mapping_community.md b/content/presentations/sca_mapping_community.md new file mode 100755 index 0000000..a859e3f --- /dev/null +++ b/content/presentations/sca_mapping_community.md @@ -0,0 +1,8 @@ +--- +date: "2017-01-20T15:00:00+01:00" +title: "Presentation on Mapping Community to representatives of the Scottish Community Alliance and Scottish Government" +host: "Scottish Community Alliance, Edinburgh" +publishdate: "2017-01-20" +--- + +My slides (which used [http://impress.github.io/impress.js/](impress.js)) are [available here](https://jeremykidwell.info/files/presentations/presentation-20170120-comm_anchors.html") \ No newline at end of file diff --git a/content/publications/chrysostom-radical-realist.md b/content/publications/chrysostom-radical-realist.md new file mode 100755 index 0000000..3e11410 --- /dev/null +++ b/content/publications/chrysostom-radical-realist.md @@ -0,0 +1,14 @@ +--- +title: “Radical or Realist? The Ethics of Work in John Chrysostom" + +author: Jeremy Kidwell +status: Published +type: published +citation: “Radical or Realist? The Ethics of Work in John Chrysostom” in Theology and Economics, ed. By Jeremy Kidwell and Sean Doherty, Palgrave. +tag: business-ethics +subjects: patristics chrysostom work political-economy +comments: no +date: 2015-06-01 +publishdate: 2015-06-15 +--- +Abstract \ No newline at end of file diff --git a/content/publications/craft_book.md b/content/publications/craft_book.md new file mode 100755 index 0000000..713b6a2 --- /dev/null +++ b/content/publications/craft_book.md @@ -0,0 +1,21 @@ +--- +title: "The Theology of Craft and the Craft of Work: From Tabernacle to Eucharist" + +author: Jeremy Kidwell +status: Published +type: monograph +kind: book +citation: "The Theology of Craft and the Craft of Work: From Tabernacle to Eucharist. Routledge." +tag: craft +subjects: work craft +comments: no +date: 2016-09-01 +publishdate: 2016-09-15 +--- +

The Theology of Craft and the Craft of Work
An important reconceptualisation is taking place in the way people express creativity, work together, and engage in labour; particularly with the rise of the maker movement and craft work. But is this a new phenomenon? In The Theology of Craft I explore the Hebrew bible and Greek New Testament in conversation with other ancient craft narratives to see whether there is a model for good work embedded there. Through an examination of themes such as agency, aesthetics, sociality, skill, and the material culture of work, I argue that the church (or ‘new temple’) is both the product and the site of moral work and furthermore that Christian worship provides a moral context for work. + +Publisher - Hive Books (UK indy sellers) - IndieBound (Independent booksellers in the USA) + + \ No newline at end of file diff --git a/content/publications/econ_book.md b/content/publications/econ_book.md new file mode 100755 index 0000000..ffb0189 --- /dev/null +++ b/content/publications/econ_book.md @@ -0,0 +1,20 @@ +--- +title: "Theology and Economics: A Christian Vision of the Common Good" + +author: Jeremy Kidwell +status: Published +type: monograph +kind: book +citation: "Theology and Economics: A Christian Vision of the Common Good, edited by Jeremy Kidwell and Sean Doherty. Palgrave McMillan" +tag: economics +subjects: economics theology +comments: no +date: 2015-06-01 +publishdate: 2015-06-15 +--- +

Theology and Economics: A Christian Vision of the Common Good
This volume brings together a prominent group of Christian economists and theologians to provide an interdisciplinary look at how we might use the tools of economic and theological reasoning to cultivate more just and moral economies for the 21st century. + +Publisher - Hive Books (UK indy sellers) - Google Books - IndieBound (Independent booksellers in the USA) + +Reviews: Theos (Nick Spencer)

+---> \ No newline at end of file diff --git a/content/publications/hybrid_encounters.md b/content/publications/hybrid_encounters.md new file mode 100755 index 0000000..f134381 --- /dev/null +++ b/content/publications/hybrid_encounters.md @@ -0,0 +1,15 @@ +--- +title: "Hybrid Encounters in Reconciliation Ecology" + +author: Jeremy Kidwell +status: Published +type: published +citation: "“Hybrid Encounters in Reconciliation Ecology” in Worldviews: Global Religions, Culture, and Ecology, vol 20, issue 3, (Oct, 2016)" +tag: business-ethics +subjects: patristics chrysostom work political-economy +comments: no +file: hybrid_encounters.pdf +date: 2016-03-01 +publishdate: 2016-03-20 +--- +Over the past century, environmental scientists have developed a range of conservation approaches. Each of these, from management to restoration has embedded within it certain dualisms which create exclusive spaces or agencies for “human” and “nature.” I begin with a critique of these binaries as they occur in philosopher, Florence R. Kluck- hohn’s influential model and in more recent narratives about the “Anthropocene,” and then turn to examine some of the novel features of “reconciliation ecology” as it has recently been deployed in the environmental sciences. Though this model is beginning to see wider use by scientists, it has not yet been explored within a religious framework. Taking up Miroslav Volf’s suggestion that reconciliation involves a “double strategy” I highlight ways that reconciliation can (1) provide a viable model for promoting an “embrace” of the other and (2) better integrate the past history of negative human biotic impacts. \ No newline at end of file diff --git a/content/publications/mapping_environmental_action.md b/content/publications/mapping_environmental_action.md new file mode 100755 index 0000000..673d8c4 --- /dev/null +++ b/content/publications/mapping_environmental_action.md @@ -0,0 +1,20 @@ +--- +title: "Mapping Environmental Action" + +author: Jermey Kidwell +status: Forthcoming +type: unpublished +citation: "“Mapping Environmental Action.” TBD" +tag: +file: +subjects: +comments: no +date: 2017-02-24 +publishdate: 2017-02-24 +filter: + - erb + - markdown + - rubypants +--- + +This article (PDF coming soon!) presents a GIS-based analysis using R which analyses the footprint of several environmental groups in Scotland against standard demographics. This is my first attempt to use RMarkdown in a sustained way, so it's taking a long time. Bear with me! \ No newline at end of file diff --git a/content/publications/media_world_christianity.md b/content/publications/media_world_christianity.md new file mode 100755 index 0000000..f4f10d8 --- /dev/null +++ b/content/publications/media_world_christianity.md @@ -0,0 +1,20 @@ +--- +title: "Changing Uses of Old and New Media in World Christianity" + +author: Jeremy Kidwell +status: Published +type: published +citation: "“Changing Uses of Old and New Media in World Christianity” co-authored with Jolyon Mitchell, in Lamin Sanneh and Michael McClymond, eds., The Wiley-Blackwell Companion to World Christianity (Oxford: Blackwell, 2016)" +tag: media +subjects: media world-christianity +doi: 10.1002/9781118556115.ch31 +comments: no +file: media_world_christianity.pdf +date: 2016-05-20 +publishdate: 2016-05-20 +--- +Abstract + +Through a series of case studies we analyze different ways in which “old” and “new” media are being used in world Christianity. Cases considered include Russian Orthodox attitudes towards television, colonial engagement with media and Christianity in Africa, use of television by Pentecostal preachers in South America, film production in Nigeria by independent Pentecostal or Charismatic churches, the use of radio in El Salvador, portrayals of Jesus in Indian film productions, and receptions of television in India. Through these and other studies, we investigate the dynamic use of media by Christians around the world who have appropriated different media in both creative and traditional ways to teach, evangelize, perform, and communicate their forms of Christianity. This dynamic use of media is evolving, remarkable, and yet also consonant with the diverse texture of Christian communities across the world. + +Publisher - Digital Version via Wiley diff --git a/content/publications/righteousness_industrialism.md b/content/publications/righteousness_industrialism.md new file mode 100755 index 0000000..54c5b48 --- /dev/null +++ b/content/publications/righteousness_industrialism.md @@ -0,0 +1,15 @@ +--- +title: "The Righteousness of Industrialism: Understanding the Legacy Behind The Present Moment in Technological Ethics" + +author: Jeremy Kidwell +status: Published +type: published +citation: "“The Righteousness of Industrialism: Understanding the Legacy Behind The Present Moment in Technological Ethics,” in The Present Moment, ed. Markus Bockmuehl (Oxford: ORA, 2011)" +tag: technology +subjects: technology +comments: no +file: righteousness_industrialism.pdf +date: 2011-06-01 +publishdate: 2011-06-15 +--- +Several prominent moral theologians have suggested that the current environmental crisis is a consequence of disordered accounts of human work and labour. Though this has inspired abstract speculation about the modern transformation of labour, few analyses anchor such reflection in the concrete historical experience of Christian labourers or probe for theologically construed responses in context. In this paper, I will seek to identify a framework which can better represent the complex relation between Christian moral reflection and industrialisation as it developed in the nineteenth-century by offering brief but sustained analysis of two test cases: the Luddite revolts (1811-1812) and the Great Exhibition (1851). Contrary to the narrative which holds that the industrial transformation of labour emerged while theological reflection was increasingly marginalised by secularisation, I will seek to draw attention to the presence of theological reflection in two different means of historical response, the protest and promotion of industry. diff --git a/content/publications/time_for_business.md b/content/publications/time_for_business.md new file mode 100755 index 0000000..f74989f --- /dev/null +++ b/content/publications/time_for_business.md @@ -0,0 +1,19 @@ +--- +title: "Time for Business: Business Ethics, Sustainability, and Giorgio Agamben’s ‘Messianic Time’" + +author: Jeremy Kidwell +status: Published +type: published +citation: "Time for Business: Business Ethics, Sustainability, and Giorgio Agamben’s ‘Messianic Time’ in De Ethica vol 2, issue 3, pp. 39-51 (Jan 29, 2016)." +tag: business +subjects: sustainability agamben business +comments: no +file: de_ethica_15v2i3a06.pdf +date: 2016-01-20 +publishdate: 2016-01-29 +--- +Abstract + +Contemporary business continues to intensify its radical relation to time. The New York Stock Exchange recently announced that in pursuing (as traders call it) the ‘race to zero’ they will begin using laser technology originally developed for military communications to send information about trades nearly at the speed of light. This is just one example of short-term temporal rhythms embedded in the practices of contemporary firms which watch their stock price on an hourly basis, report their earnings quarterly, and dissolve future consequences and costs through discounting procedures. There is reason to believe that these radical conceptions of time and its passing impair the ability of businesses to function in a morally coherent manner. In the spirit of other recent critiques of modern temporality such as David Couzen Hoy's The Time of Our Lives, in this paper, I present a critique of the temporality of modern business. In response, I assess the recent attempt to provide an alternative account of temporality using theological concepts by Giorgio Agamben. I argue that Agamben’s more integrative account of messianic time provides a richer ambitemporal account which might provide a viable temporality for a new sustainable economic future. + +Journal Website \ No newline at end of file diff --git a/content/publications/tolkein_dwarves_and_scientists.md b/content/publications/tolkein_dwarves_and_scientists.md new file mode 100755 index 0000000..7470a4e --- /dev/null +++ b/content/publications/tolkein_dwarves_and_scientists.md @@ -0,0 +1,19 @@ +--- +title: "On Dwarves and Scientists: Probing for Technological Ethics in the Creative Imagination of J.R.R. Tolkien" + +author: Jeremy Kidwell +status: Published +type: published +citation: "“On Dwarves and Scientists: Probing for Technological Ethics in the Creative Imagination of J.R.R. Tolkien” In FORUM, Issue 8, Spring 2009" +tag: technology +subjects: technology +comments: no +file: tolkein_dwarves_and_scientists.pdf +date: 2009-06-01 +publishdate: 2009-06-15 +--- +The presence of technology in contemporary life has become so pervasive that sociologist, Jacques Ellul has described this age as a "technological society". J.R.R. Tolkien lived in the midst of the ascension of this technological society at the turn of the twentieth-century, and though he is well recognized for the quality of his fiction, the specific treatment of technology in his works has not been fully appreciated. In Tolkien's work this topic may not be immediately obvious, especially given that technology is typically conceived in a narrow economy: freestanding and utterly contemporary. An example of this attitude might be the affirmation of a computer as "technology", but not the edge of a chef's knife. Tolkien casts his vision of technology with a more encompassing definition, treating it as the making of things by creatures. + +This paper seeks primarily to substantiate the presence of this technological theme, so defined, in Tolkien's work. Accomplishing this will require attention to two fronts: to Tolkien's theory and practice. In unpacking the theoretical basis for his technological commentary, I will first justify the use of "fairy stories" for broader ethical reflection and will draw attention to Tolkien's specific commentary regarding the use of this genre. I will further examine Tolkien's specific attention to the topic of technology, and will clear him of charges that he is anti-technological. I will spend the latter half of the paper explicating specific ways, in practice, that Tolkien deploys the concept of sub-creation in his mythical stories. My analysis in this paper will be limited to ways in which the narrative of the Dwarves in his fiction serves as an analogy for the scientific enterprise. Ultimately, I will suggest that in Tolkien's account the products of technological synthesis (making), are in themselves morally ambivalent. I choose "ambivalent", rather than "neutral", because, as will be developed more fully below, there is always a moral context for technology, either good or bad - but never neither. + +Journal Website \ No newline at end of file diff --git a/content/publications/tricky_things.md b/content/publications/tricky_things.md new file mode 100755 index 0000000..1cd4f3a --- /dev/null +++ b/content/publications/tricky_things.md @@ -0,0 +1,15 @@ +--- +title: "Clean Design: The quest for purity and the ethics of modern hygienic design" + +author: Jeremy Kidwell +status: Published +type: published +citation: "“Clean Design: The quest for purity and the ethics of modern hygienic design” in Tricky Design: the Ethics of Things ed. by Tom Fisher and Lorraine Gamman (forthcoming, Bloomsbury, 2017)" +tag: hygiene +subjects: design bacteria clean +comments: no +file: asr2004.pdf +date: 2017-05-20 +publishdate: 2018-05-20 +--- +Abstract \ No newline at end of file diff --git a/layouts/presentations/single.html b/layouts/presentations/single.html new file mode 100755 index 0000000..781a3f2 --- /dev/null +++ b/layouts/presentations/single.html @@ -0,0 +1,53 @@ +{{ template "partials/header.html" . }} + + +
+
+
+ {{ template "partials/sidebar.html" . }} + + {{ $baseurl := .Site.BaseURL }} +
+
+
+ + + +
+
+
 
+
+

{{ .Title }}

+
+
+
+

{{ .Date.Format "January 2, 2006" }}

+ {{ if (ge .Date.Unix .Now.Unix) }}{{ if (le .Date.Unix (add .Now.Unix 7776000)) }}coming soon{{ end }}{{ end }} +
+
{{ .Content }}
+
+
+ +
+ + + {{ partial "whatisthis.html" . }} + + {{ partial "footer.html" . }} + diff --git a/layouts/section/presentations.html b/layouts/section/presentations.html new file mode 100755 index 0000000..b48fdbc --- /dev/null +++ b/layouts/section/presentations.html @@ -0,0 +1,50 @@ +{{ partial "header.html" . }} + +
+
+
+ + {{ template "partials/sidebar.html" . }} + + {{ $baseurl := .Site.BaseURL }} +
+
+
+
+ +

Presentation Archive

+
+
+ {{ range .Data.Pages.GroupByDate "2006" }} +
+
+

{{ .Key }}

+
+
+
    + {{ range .Pages }} +
  • {{ .Title | safeHTML }} {{ partial "comingsoon.html" . }} +
    + , + {{ .Params.host | safeHTML }} +
    • + {{ end }} +
+
+
+ {{ end }} +
+
+

I regularly give research seminars, conference sessions, workshop talks, and other kinds of presentations.

+

This page is an archive of those talks, and pointers to upcoming presentations, including resources, when they are available.

+
+
+
+ +
+ +{{ partial "whatisthis.html" . }} + +{{ partial "foot.html" . }} + + diff --git a/static/files/misc/ben_nevis.jpg b/static/files/misc/ben_nevis.jpg new file mode 100644 index 0000000..dcc1c61 Binary files /dev/null and b/static/files/misc/ben_nevis.jpg differ diff --git a/static/files/papers/augustine_work.pdf b/static/files/papers/augustine_work.pdf new file mode 100644 index 0000000..b39b21c Binary files /dev/null and b/static/files/papers/augustine_work.pdf differ diff --git a/static/files/papers/de_ethica_15v2i3a06.pdf b/static/files/papers/de_ethica_15v2i3a06.pdf new file mode 100644 index 0000000..28f21b4 Binary files /dev/null and b/static/files/papers/de_ethica_15v2i3a06.pdf differ diff --git a/static/files/papers/hybrid_encounters.pdf b/static/files/papers/hybrid_encounters.pdf new file mode 100644 index 0000000..a3cf32e Binary files /dev/null and b/static/files/papers/hybrid_encounters.pdf differ diff --git a/static/files/papers/media_world_christianity.pdf b/static/files/papers/media_world_christianity.pdf new file mode 100644 index 0000000..9e717c9 Binary files /dev/null and b/static/files/papers/media_world_christianity.pdf differ diff --git a/static/files/papers/righteousness_industrialism.pdf b/static/files/papers/righteousness_industrialism.pdf new file mode 100644 index 0000000..f47bc45 Binary files /dev/null and b/static/files/papers/righteousness_industrialism.pdf differ diff --git a/static/files/papers/teaching_with_blogs.pdf b/static/files/papers/teaching_with_blogs.pdf new file mode 100644 index 0000000..d91e23f Binary files /dev/null and b/static/files/papers/teaching_with_blogs.pdf differ diff --git a/static/files/papers/tolkein_dwarves_and_scientists.pdf b/static/files/papers/tolkein_dwarves_and_scientists.pdf new file mode 100644 index 0000000..4c36e1d Binary files /dev/null and b/static/files/papers/tolkein_dwarves_and_scientists.pdf differ diff --git a/static/files/presentations/Presentation-2008-incarnation_creation_care.key.zip b/static/files/presentations/Presentation-2008-incarnation_creation_care.key.zip new file mode 100644 index 0000000..3435487 Binary files /dev/null and b/static/files/presentations/Presentation-2008-incarnation_creation_care.key.zip differ diff --git a/static/files/presentations/css/impress-demo.css b/static/files/presentations/css/impress-demo.css new file mode 100644 index 0000000..fb97f04 --- /dev/null +++ b/static/files/presentations/css/impress-demo.css @@ -0,0 +1,703 @@ +/* + So you like the style of impress.js demo? + Or maybe you are just curious how it was done? + + You couldn't find a better place to find out! + + Welcome to the stylesheet impress.js demo presentation. + + Please remember that it is not meant to be a part of impress.js and is + not required by impress.js. + I expect that anyone creating a presentation for impress.js would create + their own set of styles. + + But feel free to read through it and learn how to get the most of what + impress.js provides. + + And let me be your guide. + + Shall we begin? +*/ + + +/* + We start with a good ol' reset. + That's the one by Eric Meyer http://meyerweb.com/eric/tools/css/reset/ + + You can probably argue if it is needed here, or not, but for sure it + doesn't do any harm and gives us a fresh start. +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* + Now here is when interesting things start to appear. + + We set up styles with default font and nice gradient in the background. + And yes, there is a lot of repetition there because of -prefixes but we don't + want to leave anybody behind. +*/ +body { + font-family: 'PT Sans', sans-serif; + min-height: 740px; + + background: rgb(215, 215, 215); + background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(240, 240, 240)), to(rgb(190, 190, 190))); + background: -webkit-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190)); + background: -moz-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190)); + background: -ms-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190)); + background: -o-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190)); + background: radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190)); +} + +/* + Now let's bring some text styles back ... +*/ +b, strong { font-weight: bold } +i, em { font-style: italic } + +/* + ... and give links a nice look. +*/ +a { + color: inherit; + text-decoration: none; + padding: 0 0.1em; + background: rgba(255,255,255,0.5); + text-shadow: -1px -1px 2px rgba(100,100,100,0.9); + border-radius: 0.2em; + + -webkit-transition: 0.5s; + -moz-transition: 0.5s; + -ms-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +a:hover, +a:focus { + background: rgba(255,255,255,1); + text-shadow: -1px -1px 2px rgba(100,100,100,0.5); +} + +/* + Because the main point behind the impress.js demo is to demo impress.js + we display a fallback message for users with browsers that don't support + all the features required by it. + + All of the content will be still fully accessible for them, but I want + them to know that they are missing something - that's what the demo is + about, isn't it? + + And then we hide the message, when support is detected in the browser. +*/ + +.fallback-message { + font-family: sans-serif; + line-height: 1.3; + + width: 780px; + padding: 10px 10px 0; + margin: 20px auto; + + border: 1px solid #E4C652; + border-radius: 10px; + background: #EEDC94; +} + +.fallback-message p { + margin-bottom: 10px; +} + +.impress-supported .fallback-message { + display: none; +} + +/* + Now let's style the presentation steps. + + We start with basics to make sure it displays correctly in everywhere ... +*/ + +.step { + position: relative; + width: 900px; + padding: 40px; + margin: 20px auto; + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + + font-family: 'PT Serif', georgia, serif; + font-size: 48px; + line-height: 1.5; +} + +/* + ... and we enhance the styles for impress.js. + + Basically we remove the margin and make inactive steps a little bit transparent. +*/ +.impress-enabled .step { + margin: 0; + opacity: 0.3; + + -webkit-transition: opacity 1s; + -moz-transition: opacity 1s; + -ms-transition: opacity 1s; + -o-transition: opacity 1s; + transition: opacity 1s; +} + +.impress-enabled .step.active { opacity: 1 } + +/* + These 'slide' step styles were heavily inspired by HTML5 Slides: + http://html5slides.googlecode.com/svn/trunk/styles.css + + ;) + + They cover everything what you see on first three steps of the demo. +*/ +.slide { + display: block; + + width: 900px; + height: 700px; + padding: 40px 60px; + + background-color: white; + border: 1px solid rgba(0, 0, 0, .3); + border-radius: 10px; + box-shadow: 0 2px 6px rgba(0, 0, 0, .1); + + color: rgb(102, 102, 102); + text-shadow: 0 2px 2px rgba(0, 0, 0, .1); + + font-family: 'Open Sans', Arial, sans-serif; + font-size: 30px; + line-height: 36px; + letter-spacing: -1px; +} + +.slide q { + display: block; + font-size: 50px; + line-height: 72px; + + margin-top: 100px; +} + +.slide q strong { + white-space: nowrap; +} + +/* + And now we start to style each step separately. + + I agree that this may be not the most efficient, object-oriented and + scalable way of styling, but most of steps have quite a custom look + and typography tricks here and there, so they had to be styled separately. + + First is the title step with a big

(no room for padding) and some + 3D positioning along Z axis. +*/ + +#title { + padding: 0; +} + +#title .try { + font-size: 64px; + position: absolute; + top: -0.5em; + left: 1.5em; + + -webkit-transform: translateZ(20px); + -moz-transform: translateZ(20px); + -ms-transform: translateZ(20px); + -o-transform: translateZ(20px); + transform: translateZ(20px); +} + +#title h1 { + font-size: 190px; + + -webkit-transform: translateZ(50px); + -moz-transform: translateZ(50px); + -ms-transform: translateZ(50px); + -o-transform: translateZ(50px); + transform: translateZ(50px); +} + +#title .footnote { + font-size: 32px; +} + +/* + Second step is nothing special, just a text with a link, so it doesn't need + any special styling. + + Let's move to 'big thoughts' with centered text and custom font sizes. +*/ +#big { + width: 600px; + text-align: center; + font-size: 60px; + line-height: 1; +} + +#big b { + display: block; + font-size: 250px; + line-height: 250px; +} + +#big .thoughts { + font-size: 90px; + line-height: 150px; +} + +/* + 'Tiny ideas' just need some tiny styling. +*/ +#tiny { + width: 500px; + text-align: center; +} + +/* + This step has some animated text ... +*/ +#ing { width: 500px } + +/* + ... so we define display to `inline-block` to enable transforms and + transition duration to 0.5s ... +*/ +#ing b { + display: inline-block; + -webkit-transition: 0.5s; + -moz-transition: 0.5s; + -ms-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +/* + ... and we want 'positioning` word to move up a bit when the step gets + `present` class ... +*/ +#ing.present .positioning { + -webkit-transform: translateY(-10px); + -moz-transform: translateY(-10px); + -ms-transform: translateY(-10px); + -o-transform: translateY(-10px); + transform: translateY(-10px); +} + +/* + ... 'rotating' to rotate a quarter of a second later ... +*/ +#ing.present .rotating { + -webkit-transform: rotate(-10deg); + -moz-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + -o-transform: rotate(-10deg); + transform: rotate(-10deg); + + -webkit-transition-delay: 0.25s; + -moz-transition-delay: 0.25s; + -ms-transition-delay: 0.25s; + -o-transition-delay: 0.25s; + transition-delay: 0.25s; +} + +/* + ... and 'scaling' to scale down after another quarter of a second. +*/ +#ing.present .scaling { + -webkit-transform: scale(0.7); + -moz-transform: scale(0.7); + -ms-transform: scale(0.7); + -o-transform: scale(0.7); + transform: scale(0.7); + + -webkit-transition-delay: 0.5s; + -moz-transition-delay: 0.5s; + -ms-transition-delay: 0.5s; + -o-transition-delay: 0.5s; + transition-delay: 0.5s; +} + +/* + The 'imagination' step is again some boring font-sizing. +*/ + +#imagination { + width: 600px; +} + +#imagination .imagination { + font-size: 78px; +} + +/* + There is nothing really special about 'use the source, Luke' step, too, + except maybe of the Yoda background. + + As you can see below I've 'hard-coded' it in data URL. + That's not the best way to serve images, but because that's just this one + I decided it will be OK to have it this way. + + Just make sure you don't blindly copy this approach. +*/ +#source { + width: 700px; + padding-bottom: 300px; + + /* Yoda Icon :: Pixel Art from Star Wars http://www.pixeljoint.com/pixelart/1423.htm */ + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAMAAACwUBm+AAAAAXNSR0IArs4c6QAAAKtQTFRFsAAAvbWSLUUrLEQqY1s8UYJMqJ1vNTEgOiIdIzYhjIFVLhsXZ6lgSEIsP2U8JhcCVzMsSXZEgXdOO145XJdWOl03LzAYMk4vSXNExr+hwcuxRTs1Qmk+RW9Am49eFRANQz4pUoNMQWc+OSMDTz0wLBsCNVMxa2NBOyUDUoNNSnlEWo9VRGxAVzYFl6tXCggHbLNmMUIcHhwTXkk5f3VNRT8wUT8xAAAACQocRBWFFwAAAAF0Uk5TAEDm2GYAAAPCSURBVHja7d3JctNAFIZRMwRCCGEmzPM8z/D+T8bu/ptbXXJFdij5fMt2Wuo+2UgqxVmtttq5WVotLzBgwIABAwYMGDCn0qVqbo69psPqVpWx+1XG5iaavF8wYMCAAQMGDBgwi4DJ6Y6qkxB1HNlcN3a92gbR5P2CAQMGDBgwYMCAWSxMlrU+UY5yu2l9okfV4bAxUVbf7TJnAwMGDBgwYMCAAbMLMHeqbGR82Zy+VR1Ht81nVca6R+UdTLaU24Ruzd3qM/e4yjnAgAEDBgwYMGDA7AJMd1l/3NRdVGcj3eX/2WEhCmDGxnM7yqygu8XIPjJj8iN/MGDAgAEDBgwYMAuDGb8q0RGlLCHLv1t9qDKWn3vdNHVuEI6HPaxO9Jo3GDBgwIABAwYMmIXBdC9ShGgMk+XnkXUeuGcsP/e1+lhNnZsL/G5Vs3OAAQMGDBgwYMCAWSxMR3SzOmraG5atdy9wZKzb+vg16qyqe2FltbnAgAEDBgwYMGDALAxmTJSuN3WA76rnVca6GTnemGN1WoEBAwYMGDBgwIBZGMxUomy4+xO899V4LAg5Xnc2MGDAgAEDBgwYMGA218Wq+2K1LDqvY9xZu8zN8fICdM6btYABAwYMGDBgwIABMzfH0+pGU5afze2tXebmeAfVz+p8BQYMGDBgwIABAwbMPBzZ+oWmfJrln1273FhkbHzee9WWbw7AgAEDBgwYMGDALAKm43hcdctKgblcPamOhuXnXlY5Xs6bsW4FGyQCAwYMGDBgwIABswiYMceZKgvMo+h8mrHLTdn676rj+FEFoTtHd8MwOxEYMGDAgAEDBgyYRcBM5UhXqiymW3R3c9ARhWO/OmjqfjVZy+xEYMCAAQMGDBgwYBYG073OnCV0RFNhMhaOa9WfKmOB6XjHMN1tQmaAAQMGDBgwYMCA2VWY7vXjz1U4croAzgPztwIDBgwYMGDAgAEDZhswh035NBw59Dww3RgYMGDAgAEDBgwYMJuD6f4tXT7NUqfCdBvZLkxXdgQGDBgwYMCAAQNmt2DGj8WzwAfV/w7T/aq7mxwwYMCAAQMGDBgwuwqTOo7uTwTngflSzQ3TdaJvAwEDBgwYMGDAgAED5gSvgbyo5oHZ4Pc+gwEDBgwYMGDAgAEzhOm+5G0qTGaAAQMGDBgwYMCAAXNaMOcnls3tNwWm+zRzp54NDBgwYMCAAQMGDJh5YNL36k1TLuGvVq+qnKMbS5n7tulT9asCAwYMGDBgwIABA2ZumKuztLnjgQEDBgwYMGDAgNl5mH/4/ltKA6vBNAAAAABJRU5ErkJggg==); + background-position: bottom right; + background-repeat: no-repeat; +} + +#source q { + font-size: 60px; +} + +/* + And the "it's in 3D" step again brings some 3D typography - just for fun. + + Because we want to position elements in 3D we set transform-style to + `preserve-3d` on the paragraph. + It is not needed by webkit browsers, but it is in Firefox. It's hard to say + which behaviour is correct as 3D transforms spec is not very clear about it. +*/ +#its-in-3d p { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; /* Y U need this Firefox?! */ + -ms-transform-style: preserve-3d; + -o-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +/* + Below we position each word separately along Z axis and we want it to transition + to default position in 0.5s when the step gets `present` class. + + Quite a simple idea, but lot's of styles and prefixes. +*/ +#its-in-3d span, +#its-in-3d b { + display: inline-block; + -webkit-transform: translateZ(40px); + -moz-transform: translateZ(40px); + -ms-transform: translateZ(40px); + -o-transform: translateZ(40px); + transform: translateZ(40px); + + -webkit-transition: 0.5s; + -moz-transition: 0.5s; + -ms-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +#its-in-3d .have { + -webkit-transform: translateZ(-40px); + -moz-transform: translateZ(-40px); + -ms-transform: translateZ(-40px); + -o-transform: translateZ(-40px); + transform: translateZ(-40px); +} + +#its-in-3d .you { + -webkit-transform: translateZ(20px); + -moz-transform: translateZ(20px); + -ms-transform: translateZ(20px); + -o-transform: translateZ(20px); + transform: translateZ(20px); +} + +#its-in-3d .noticed { + -webkit-transform: translateZ(-40px); + -moz-transform: translateZ(-40px); + -ms-transform: translateZ(-40px); + -o-transform: translateZ(-40px); + transform: translateZ(-40px); +} + +#its-in-3d .its { + -webkit-transform: translateZ(60px); + -moz-transform: translateZ(60px); + -ms-transform: translateZ(60px); + -o-transform: translateZ(60px); + transform: translateZ(60px); +} + +#its-in-3d .in { + -webkit-transform: translateZ(-10px); + -moz-transform: translateZ(-10px); + -ms-transform: translateZ(-10px); + -o-transform: translateZ(-10px); + transform: translateZ(-10px); +} + +#its-in-3d .footnote { + font-size: 32px; + + -webkit-transform: translateZ(-10px); + -moz-transform: translateZ(-10px); + -ms-transform: translateZ(-10px); + -o-transform: translateZ(-10px); + transform: translateZ(-10px); +} + +#its-in-3d.present span, +#its-in-3d.present b { + -webkit-transform: translateZ(0px); + -moz-transform: translateZ(0px); + -ms-transform: translateZ(0px); + -o-transform: translateZ(0px); + transform: translateZ(0px); +} + +/* + The last step is an overview. + There is no content in it, so we make sure it's not visible because we want + to be able to click on other steps. + +*/ +#overview { display: none } + +/* + We also make other steps visible and give them a pointer cursor using the + `impress-on-` class. +*/ +.impress-on-overview .step { + opacity: 1; + cursor: pointer; +} + + +/* + Now, when we have all the steps styled let's give users a hint how to navigate + around the presentation. + + The best way to do this would be to use JavaScript, show a delayed hint for a + first time users, then hide it and store a status in cookie or localStorage... + + But I wanted to have some CSS fun and avoid additional scripting... + + Let me explain it first, so maybe the transition magic will be more readable + when you read the code. + + First of all I wanted the hint to appear only when user is idle for a while. + You can't detect the 'idle' state in CSS, but I delayed a appearing of the + hint by 5s using transition-delay. + + You also can't detect in CSS if the user is a first-time visitor, so I had to + make an assumption that I'll only show the hint on the first step. And when + the step is changed hide the hint, because I can assume that user already + knows how to navigate. + + To summarize it - hint is shown when the user is on the first step for longer + than 5 seconds. + + The other problem I had was caused by the fact that I wanted the hint to fade + in and out. It can be easily achieved by transitioning the opacity property. + But that also meant that the hint was always on the screen, even if totally + transparent. It covered part of the screen and you couldn't correctly clicked + through it. + Unfortunately you cannot transition between display `block` and `none` in pure + CSS, so I needed a way to not only fade out the hint but also move it out of + the screen. + + I solved this problem by positioning the hint below the bottom of the screen + with CSS transform and moving it up to show it. But I also didn't want this move + to be visible. I wanted the hint only to fade in and out visually, so I delayed + the fade in transition, so it starts when the hint is already in its correct + position on the screen. + + I know, it sounds complicated ... maybe it would be easier with the code? +*/ + +.hint { + /* + We hide the hint until presentation is started and from browsers not supporting + impress.js, as they will have a linear scrollable view ... + */ + display: none; + + /* + ... and give it some fixed position and nice styles. + */ + position: fixed; + left: 0; + right: 0; + bottom: 200px; + + background: rgba(0,0,0,0.5); + color: #EEE; + text-align: center; + + font-size: 50px; + padding: 20px; + + z-index: 100; + + /* + By default we don't want the hint to be visible, so we make it transparent ... + */ + opacity: 0; + + /* + ... and position it below the bottom of the screen (relative to it's fixed position) + */ + -webkit-transform: translateY(400px); + -moz-transform: translateY(400px); + -ms-transform: translateY(400px); + -o-transform: translateY(400px); + transform: translateY(400px); + + /* + Now let's imagine that the hint is visible and we want to fade it out and move out + of the screen. + + So we define the transition on the opacity property with 1s duration and another + transition on transform property delayed by 1s so it will happen after the fade out + on opacity finished. + + This way user will not see the hint moving down. + */ + -webkit-transition: opacity 1s, -webkit-transform 0.5s 1s; + -moz-transition: opacity 1s, -moz-transform 0.5s 1s; + -ms-transition: opacity 1s, -ms-transform 0.5s 1s; + -o-transition: opacity 1s, -o-transform 0.5s 1s; + transition: opacity 1s, transform 0.5s 1s; +} + +/* + Now we 'enable' the hint when presentation is initialized ... +*/ +.impress-enabled .hint { display: block } + +/* + ... and we will show it when the first step (with id 'bored') is active. +*/ +.impress-on-bored .hint { + /* + We remove the transparency and position the hint in its default fixed + position. + */ + opacity: 1; + + -webkit-transform: translateY(0px); + -moz-transform: translateY(0px); + -ms-transform: translateY(0px); + -o-transform: translateY(0px); + transform: translateY(0px); + + /* + Now for fade in transition we have the oposite situation from the one + above. + + First after 4.5s delay we animate the transform property to move the hint + into its correct position and after that we fade it in with opacity + transition. + */ + -webkit-transition: opacity 1s 5s, -webkit-transform 0.5s 4.5s; + -moz-transition: opacity 1s 5s, -moz-transform 0.5s 4.5s; + -ms-transition: opacity 1s 5s, -ms-transform 0.5s 4.5s; + -o-transition: opacity 1s 5s, -o-transform 0.5s 4.5s; + transition: opacity 1s 5s, transform 0.5s 4.5s; +} + +/* + And as the last thing there is a workaround for quite strange bug. + It happens a lot in Chrome. I don't remember if I've seen it in Firefox. + + Sometimes the element positioned in 3D (especially when it's moved back + along Z axis) is not clickable, because it falls 'behind' the + element. + + To prevent this, I decided to make non clickable by setting + pointer-events property to `none` value. + Value if this property is inherited, so to make everything else clickable + I bring it back on the #impress element. + + If you want to know more about `pointer-events` here are some docs: + https://developer.mozilla.org/en/CSS/pointer-events + + There is one very important thing to notice about this workaround - it makes + everything 'unclickable' except what's in #impress element. + + So use it wisely ... or don't use at all. +*/ +.impress-enabled { pointer-events: none } +.impress-enabled #impress { pointer-events: auto } + +/* + There is one funny thing I just realized. + + Thanks to this workaround above everything except #impress element is invisible + for click events. That means that the hint element is also not clickable. + So basically all of this transforms and delayed transitions trickery was probably + not needed at all... + + But it was fun to learn about it, wasn't it? +*/ + +/* + That's all I have for you in this file. + Thanks for reading. I hope you enjoyed it at least as much as I enjoyed writing it + for you. +*/ diff --git a/static/files/presentations/images/ECS_map.1.png b/static/files/presentations/images/ECS_map.1.png new file mode 100644 index 0000000..eae1af0 Binary files /dev/null and b/static/files/presentations/images/ECS_map.1.png differ diff --git a/static/files/presentations/images/UR8_fold.png b/static/files/presentations/images/UR8_fold.png new file mode 100644 index 0000000..046deb0 Binary files /dev/null and b/static/files/presentations/images/UR8_fold.png differ diff --git a/static/files/presentations/images/carto_groups_screen1.tiff b/static/files/presentations/images/carto_groups_screen1.tiff new file mode 100644 index 0000000..8c76120 Binary files /dev/null and b/static/files/presentations/images/carto_groups_screen1.tiff differ diff --git a/static/files/presentations/images/carto_groups_screen2.tiff b/static/files/presentations/images/carto_groups_screen2.tiff new file mode 100644 index 0000000..2c32866 Binary files /dev/null and b/static/files/presentations/images/carto_groups_screen2.tiff differ diff --git a/static/files/presentations/images/community_map.tiff b/static/files/presentations/images/community_map.tiff new file mode 100644 index 0000000..f3ae2d2 Binary files /dev/null and b/static/files/presentations/images/community_map.tiff differ diff --git a/static/files/presentations/images/community_map.tiffw b/static/files/presentations/images/community_map.tiffw new file mode 100644 index 0000000..93525d4 --- /dev/null +++ b/static/files/presentations/images/community_map.tiffw @@ -0,0 +1,6 @@ +2299.26205120632039325 +0 +0 +-2299.26205120632039325 +-1428005.4290809566155076 +8627021.73014170490205288 diff --git a/static/files/presentations/images/dtas_map.png b/static/files/presentations/images/dtas_map.png new file mode 100644 index 0000000..cc3479a Binary files /dev/null and b/static/files/presentations/images/dtas_map.png differ diff --git a/static/files/presentations/images/dtas_map.tiff b/static/files/presentations/images/dtas_map.tiff new file mode 100644 index 0000000..f576c50 Binary files /dev/null and b/static/files/presentations/images/dtas_map.tiff differ diff --git a/static/files/presentations/images/ecs_map.png b/static/files/presentations/images/ecs_map.png new file mode 100644 index 0000000..4925750 Binary files /dev/null and b/static/files/presentations/images/ecs_map.png differ diff --git a/static/files/presentations/images/ecs_map.tiff b/static/files/presentations/images/ecs_map.tiff new file mode 100644 index 0000000..85f2e03 Binary files /dev/null and b/static/files/presentations/images/ecs_map.tiff differ diff --git a/static/files/presentations/images/group_map.png b/static/files/presentations/images/group_map.png new file mode 100644 index 0000000..76dcb01 Binary files /dev/null and b/static/files/presentations/images/group_map.png differ diff --git a/static/files/presentations/images/motivations.png b/static/files/presentations/images/motivations.png new file mode 100644 index 0000000..82479b5 Binary files /dev/null and b/static/files/presentations/images/motivations.png differ diff --git a/static/files/presentations/images/partner-logos.jpg b/static/files/presentations/images/partner-logos.jpg new file mode 100644 index 0000000..865f977 Binary files /dev/null and b/static/files/presentations/images/partner-logos.jpg differ diff --git a/static/files/presentations/images/sccan_map.png b/static/files/presentations/images/sccan_map.png new file mode 100644 index 0000000..5e68f3b Binary files /dev/null and b/static/files/presentations/images/sccan_map.png differ diff --git a/static/files/presentations/images/sccan_map.tiff b/static/files/presentations/images/sccan_map.tiff new file mode 100644 index 0000000..7a84bf3 Binary files /dev/null and b/static/files/presentations/images/sccan_map.tiff differ diff --git a/static/files/presentations/images/simd_jitterplot.png b/static/files/presentations/images/simd_jitterplot.png new file mode 100644 index 0000000..1116af1 Binary files /dev/null and b/static/files/presentations/images/simd_jitterplot.png differ diff --git a/static/files/presentations/images/spiritual_landscapes.jpg b/static/files/presentations/images/spiritual_landscapes.jpg new file mode 100644 index 0000000..3fe352c Binary files /dev/null and b/static/files/presentations/images/spiritual_landscapes.jpg differ diff --git a/static/files/presentations/images/team_photo.jpg b/static/files/presentations/images/team_photo.jpg new file mode 100644 index 0000000..c47820c Binary files /dev/null and b/static/files/presentations/images/team_photo.jpg differ diff --git a/static/files/presentations/js/impress.js b/static/files/presentations/js/impress.js new file mode 100644 index 0000000..25e8996 --- /dev/null +++ b/static/files/presentations/js/impress.js @@ -0,0 +1,836 @@ +/** + * impress.js + * + * impress.js is a presentation tool based on the power of CSS3 transforms and transitions + * in modern browsers and inspired by the idea behind prezi.com. + * + * + * Copyright 2011-2012 Bartek Szopka (@bartaz) + * + * Released under the MIT and GPL Licenses. + * + * ------------------------------------------------ + * author: Bartek Szopka + * version: 0.6.0 + * url: http://bartaz.github.com/impress.js/ + * source: http://github.com/bartaz/impress.js/ + */ + +/*jshint bitwise:true, curly:true, eqeqeq:true, forin:true, latedef:true, newcap:true, + noarg:true, noempty:true, undef:true, strict:true, browser:true */ + +// You are one of those who like to know how things work inside? +// Let me show you the cogs that make impress.js run... +( function( document, window ) { + "use strict"; + + // HELPER FUNCTIONS + + // `pfx` is a function that takes a standard CSS property name as a parameter + // and returns it's prefixed version valid for current browser it runs in. + // The code is heavily inspired by Modernizr http://www.modernizr.com/ + var pfx = ( function() { + + var style = document.createElement( "dummy" ).style, + prefixes = "Webkit Moz O ms Khtml".split( " " ), + memory = {}; + + return function( prop ) { + if ( typeof memory[ prop ] === "undefined" ) { + + var ucProp = prop.charAt( 0 ).toUpperCase() + prop.substr( 1 ), + props = ( prop + " " + prefixes.join( ucProp + " " ) + ucProp ).split( " " ); + + memory[ prop ] = null; + for ( var i in props ) { + if ( style[ props[ i ] ] !== undefined ) { + memory[ prop ] = props[ i ]; + break; + } + } + + } + + return memory[ prop ]; + }; + + } )(); + + // `arrayify` takes an array-like object and turns it into real Array + // to make all the Array.prototype goodness available. + var arrayify = function( a ) { + return [].slice.call( a ); + }; + + // `css` function applies the styles given in `props` object to the element + // given as `el`. It runs all property names through `pfx` function to make + // sure proper prefixed version of the property is used. + var css = function( el, props ) { + var key, pkey; + for ( key in props ) { + if ( props.hasOwnProperty( key ) ) { + pkey = pfx( key ); + if ( pkey !== null ) { + el.style[ pkey ] = props[ key ]; + } + } + } + return el; + }; + + // `toNumber` takes a value given as `numeric` parameter and tries to turn + // it into a number. If it is not possible it returns 0 (or other value + // given as `fallback`). + var toNumber = function( numeric, fallback ) { + return isNaN( numeric ) ? ( fallback || 0 ) : Number( numeric ); + }; + + // `byId` returns element with given `id` - you probably have guessed that ;) + var byId = function( id ) { + return document.getElementById( id ); + }; + + // `$` returns first element for given CSS `selector` in the `context` of + // the given element or whole document. + var $ = function( selector, context ) { + context = context || document; + return context.querySelector( selector ); + }; + + // `$$` return an array of elements for given CSS `selector` in the `context` of + // the given element or whole document. + var $$ = function( selector, context ) { + context = context || document; + return arrayify( context.querySelectorAll( selector ) ); + }; + + // `triggerEvent` builds a custom DOM event with given `eventName` and `detail` data + // and triggers it on element given as `el`. + var triggerEvent = function( el, eventName, detail ) { + var event = document.createEvent( "CustomEvent" ); + event.initCustomEvent( eventName, true, true, detail ); + el.dispatchEvent( event ); + }; + + // `translate` builds a translate transform string for given data. + var translate = function( t ) { + return " translate3d(" + t.x + "px," + t.y + "px," + t.z + "px) "; + }; + + // `rotate` builds a rotate transform string for given data. + // By default the rotations are in X Y Z order that can be reverted by passing `true` + // as second parameter. + var rotate = function( r, revert ) { + var rX = " rotateX(" + r.x + "deg) ", + rY = " rotateY(" + r.y + "deg) ", + rZ = " rotateZ(" + r.z + "deg) "; + + return revert ? rZ + rY + rX : rX + rY + rZ; + }; + + // `scale` builds a scale transform string for given data. + var scale = function( s ) { + return " scale(" + s + ") "; + }; + + // `getElementFromHash` returns an element located by id from hash part of + // window location. + var getElementFromHash = function() { + + // Get id from url # by removing `#` or `#/` from the beginning, + // so both "fallback" `#slide-id` and "enhanced" `#/slide-id` will work + return byId( window.location.hash.replace( /^#\/?/, "" ) ); + }; + + // `computeWindowScale` counts the scale factor between window size and size + // defined for the presentation in the config. + var computeWindowScale = function( config ) { + var hScale = window.innerHeight / config.height, + wScale = window.innerWidth / config.width, + scale = hScale > wScale ? wScale : hScale; + + if ( config.maxScale && scale > config.maxScale ) { + scale = config.maxScale; + } + + if ( config.minScale && scale < config.minScale ) { + scale = config.minScale; + } + + return scale; + }; + + // CHECK SUPPORT + var body = document.body; + + var ua = navigator.userAgent.toLowerCase(); + var impressSupported = + + // Browser should support CSS 3D transtorms + ( pfx( "perspective" ) !== null ) && + + // Browser should support `classList` and `dataset` APIs + ( body.classList ) && + ( body.dataset ) && + + // But some mobile devices need to be blacklisted, + // because their CSS 3D support or hardware is not + // good enough to run impress.js properly, sorry... + ( ua.search( /(iphone)|(ipod)|(android)/ ) === -1 ); + + if ( !impressSupported ) { + + // We can't be sure that `classList` is supported + body.className += " impress-not-supported "; + } else { + body.classList.remove( "impress-not-supported" ); + body.classList.add( "impress-supported" ); + } + + // GLOBALS AND DEFAULTS + + // This is where the root elements of all impress.js instances will be kept. + // Yes, this means you can have more than one instance on a page, but I'm not + // sure if it makes any sense in practice ;) + var roots = {}; + + // Some default config values. + var defaults = { + width: 1024, + height: 768, + maxScale: 1, + minScale: 0, + + perspective: 1000, + + transitionDuration: 1000 + }; + + // It's just an empty function ... and a useless comment. + var empty = function() { return false; }; + + // IMPRESS.JS API + + // And that's where interesting things will start to happen. + // It's the core `impress` function that returns the impress.js API + // for a presentation based on the element with given id ('impress' + // by default). + var impress = window.impress = function( rootId ) { + + // If impress.js is not supported by the browser return a dummy API + // it may not be a perfect solution but we return early and avoid + // running code that may use features not implemented in the browser. + if ( !impressSupported ) { + return { + init: empty, + goto: empty, + prev: empty, + next: empty + }; + } + + rootId = rootId || "impress"; + + // If given root is already initialized just return the API + if ( roots[ "impress-root-" + rootId ] ) { + return roots[ "impress-root-" + rootId ]; + } + + // Data of all presentation steps + var stepsData = {}; + + // Element of currently active step + var activeStep = null; + + // Current state (position, rotation and scale) of the presentation + var currentState = null; + + // Array of step elements + var steps = null; + + // Configuration options + var config = null; + + // Scale factor of the browser window + var windowScale = null; + + // Root presentation elements + var root = byId( rootId ); + var canvas = document.createElement( "div" ); + + var initialized = false; + + // STEP EVENTS + // + // There are currently two step events triggered by impress.js + // `impress:stepenter` is triggered when the step is shown on the + // screen (the transition from the previous one is finished) and + // `impress:stepleave` is triggered when the step is left (the + // transition to next step just starts). + + // Reference to last entered step + var lastEntered = null; + + // `onStepEnter` is called whenever the step element is entered + // but the event is triggered only if the step is different than + // last entered step. + var onStepEnter = function( step ) { + if ( lastEntered !== step ) { + triggerEvent( step, "impress:stepenter" ); + lastEntered = step; + } + }; + + // `onStepLeave` is called whenever the step element is left + // but the event is triggered only if the step is the same as + // last entered step. + var onStepLeave = function( step ) { + if ( lastEntered === step ) { + triggerEvent( step, "impress:stepleave" ); + lastEntered = null; + } + }; + + // `initStep` initializes given step element by reading data from its + // data attributes and setting correct styles. + var initStep = function( el, idx ) { + var data = el.dataset, + step = { + translate: { + x: toNumber( data.x ), + y: toNumber( data.y ), + z: toNumber( data.z ) + }, + rotate: { + x: toNumber( data.rotateX ), + y: toNumber( data.rotateY ), + z: toNumber( data.rotateZ || data.rotate ) + }, + scale: toNumber( data.scale, 1 ), + el: el + }; + + if ( !el.id ) { + el.id = "step-" + ( idx + 1 ); + } + + stepsData[ "impress-" + el.id ] = step; + + css( el, { + position: "absolute", + transform: "translate(-50%,-50%)" + + translate( step.translate ) + + rotate( step.rotate ) + + scale( step.scale ), + transformStyle: "preserve-3d" + } ); + }; + + // `init` API function that initializes (and runs) the presentation. + var init = function() { + if ( initialized ) { return; } + + // First we set up the viewport for mobile devices. + // For some reason iPad goes nuts when it is not done properly. + var meta = $( "meta[name='viewport']" ) || document.createElement( "meta" ); + meta.content = "width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=no"; + if ( meta.parentNode !== document.head ) { + meta.name = "viewport"; + document.head.appendChild( meta ); + } + + // Initialize configuration object + var rootData = root.dataset; + config = { + width: toNumber( rootData.width, defaults.width ), + height: toNumber( rootData.height, defaults.height ), + maxScale: toNumber( rootData.maxScale, defaults.maxScale ), + minScale: toNumber( rootData.minScale, defaults.minScale ), + perspective: toNumber( rootData.perspective, defaults.perspective ), + transitionDuration: toNumber( + rootData.transitionDuration, defaults.transitionDuration + ) + }; + + windowScale = computeWindowScale( config ); + + // Wrap steps with "canvas" element + arrayify( root.childNodes ).forEach( function( el ) { + canvas.appendChild( el ); + } ); + root.appendChild( canvas ); + + // Set initial styles + document.documentElement.style.height = "100%"; + + css( body, { + height: "100%", + overflow: "hidden" + } ); + + var rootStyles = { + position: "absolute", + transformOrigin: "top left", + transition: "all 0s ease-in-out", + transformStyle: "preserve-3d" + }; + + css( root, rootStyles ); + css( root, { + top: "50%", + left: "50%", + perspective: ( config.perspective / windowScale ) + "px", + transform: scale( windowScale ) + } ); + css( canvas, rootStyles ); + + body.classList.remove( "impress-disabled" ); + body.classList.add( "impress-enabled" ); + + // Get and init steps + steps = $$( ".step", root ); + steps.forEach( initStep ); + + // Set a default initial state of the canvas + currentState = { + translate: { x: 0, y: 0, z: 0 }, + rotate: { x: 0, y: 0, z: 0 }, + scale: 1 + }; + + initialized = true; + + triggerEvent( root, "impress:init", { api: roots[ "impress-root-" + rootId ] } ); + }; + + // `getStep` is a helper function that returns a step element defined by parameter. + // If a number is given, step with index given by the number is returned, if a string + // is given step element with such id is returned, if DOM element is given it is returned + // if it is a correct step element. + var getStep = function( step ) { + if ( typeof step === "number" ) { + step = step < 0 ? steps[ steps.length + step ] : steps[ step ]; + } else if ( typeof step === "string" ) { + step = byId( step ); + } + return ( step && step.id && stepsData[ "impress-" + step.id ] ) ? step : null; + }; + + // Used to reset timeout for `impress:stepenter` event + var stepEnterTimeout = null; + + // `goto` API function that moves to step given with `el` parameter + // (by index, id or element), with a transition `duration` optionally + // given as second parameter. + var goto = function( el, duration ) { + + if ( !initialized || !( el = getStep( el ) ) ) { + + // Presentation not initialized or given element is not a step + return false; + } + + // Sometimes it's possible to trigger focus on first link with some keyboard action. + // Browser in such a case tries to scroll the page to make this element visible + // (even that body overflow is set to hidden) and it breaks our careful positioning. + // + // So, as a lousy (and lazy) workaround we will make the page scroll back to the top + // whenever slide is selected + // + // If you are reading this and know any better way to handle it, I'll be glad to hear + // about it! + window.scrollTo( 0, 0 ); + + var step = stepsData[ "impress-" + el.id ]; + + if ( activeStep ) { + activeStep.classList.remove( "active" ); + body.classList.remove( "impress-on-" + activeStep.id ); + } + el.classList.add( "active" ); + + body.classList.add( "impress-on-" + el.id ); + + // Compute target state of the canvas based on given step + var target = { + rotate: { + x: -step.rotate.x, + y: -step.rotate.y, + z: -step.rotate.z + }, + translate: { + x: -step.translate.x, + y: -step.translate.y, + z: -step.translate.z + }, + scale: 1 / step.scale + }; + + // Check if the transition is zooming in or not. + // + // This information is used to alter the transition style: + // when we are zooming in - we start with move and rotate transition + // and the scaling is delayed, but when we are zooming out we start + // with scaling down and move and rotation are delayed. + var zoomin = target.scale >= currentState.scale; + + duration = toNumber( duration, config.transitionDuration ); + var delay = ( duration / 2 ); + + // If the same step is re-selected, force computing window scaling, + // because it is likely to be caused by window resize + if ( el === activeStep ) { + windowScale = computeWindowScale( config ); + } + + var targetScale = target.scale * windowScale; + + // Trigger leave of currently active element (if it's not the same step again) + if ( activeStep && activeStep !== el ) { + onStepLeave( activeStep ); + } + + // Now we alter transforms of `root` and `canvas` to trigger transitions. + // + // And here is why there are two elements: `root` and `canvas` - they are + // being animated separately: + // `root` is used for scaling and `canvas` for translate and rotations. + // Transitions on them are triggered with different delays (to make + // visually nice and 'natural' looking transitions), so we need to know + // that both of them are finished. + css( root, { + + // For IE 11 support we must specify perspective independent + // of transform. + perspective: ( config.perspective / targetScale ) + "px", + + // To keep the perspective look similar for different scales + // we need to 'scale' the perspective, too + transform: scale( targetScale ), + transitionDuration: duration + "ms", + transitionDelay: ( zoomin ? delay : 0 ) + "ms" + } ); + + css( canvas, { + transform: rotate( target.rotate, true ) + translate( target.translate ), + transitionDuration: duration + "ms", + transitionDelay: ( zoomin ? 0 : delay ) + "ms" + } ); + + // Here is a tricky part... + // + // If there is no change in scale or no change in rotation and translation, it means + // there was actually no delay - because there was no transition on `root` or `canvas` + // elements. We want to trigger `impress:stepenter` event in the correct moment, so + // here we compare the current and target values to check if delay should be taken into + // account. + // + // I know that this `if` statement looks scary, but it's pretty simple when you know + // what is going on + // - it's simply comparing all the values. + if ( currentState.scale === target.scale || + ( currentState.rotate.x === target.rotate.x && + currentState.rotate.y === target.rotate.y && + currentState.rotate.z === target.rotate.z && + currentState.translate.x === target.translate.x && + currentState.translate.y === target.translate.y && + currentState.translate.z === target.translate.z ) ) { + delay = 0; + } + + // Store current state + currentState = target; + activeStep = el; + + // And here is where we trigger `impress:stepenter` event. + // We simply set up a timeout to fire it taking transition duration + // (and possible delay) into account. + // + // I really wanted to make it in more elegant way. The `transitionend` event seemed to + // be the best way to do it, but the fact that I'm using transitions on two separate + // elements and that the `transitionend` event is only triggered when there was a + // transition (change in the values) caused some bugs and made the code really + // complicated, cause I had to handle all the conditions separately. And it still + // needed a `setTimeout` fallback for the situations when there is no transition at + // all. + // So I decided that I'd rather make the code simpler than use shiny new + // `transitionend`. + // + // If you want learn something interesting and see how it was done with `transitionend` + // go back to + // version 0.5.2 of impress.js: + // http://github.com/bartaz/impress.js/blob/0.5.2/js/impress.js + window.clearTimeout( stepEnterTimeout ); + stepEnterTimeout = window.setTimeout( function() { + onStepEnter( activeStep ); + }, duration + delay ); + + return el; + }; + + // `prev` API function goes to previous step (in document order) + var prev = function() { + var prev = steps.indexOf( activeStep ) - 1; + prev = prev >= 0 ? steps[ prev ] : steps[ steps.length - 1 ]; + + return goto( prev ); + }; + + // `next` API function goes to next step (in document order) + var next = function() { + var next = steps.indexOf( activeStep ) + 1; + next = next < steps.length ? steps[ next ] : steps[ 0 ]; + + return goto( next ); + }; + + // Adding some useful classes to step elements. + // + // All the steps that have not been shown yet are given `future` class. + // When the step is entered the `future` class is removed and the `present` + // class is given. When the step is left `present` class is replaced with + // `past` class. + // + // So every step element is always in one of three possible states: + // `future`, `present` and `past`. + // + // There classes can be used in CSS to style different types of steps. + // For example the `present` class can be used to trigger some custom + // animations when step is shown. + root.addEventListener( "impress:init", function() { + + // STEP CLASSES + steps.forEach( function( step ) { + step.classList.add( "future" ); + } ); + + root.addEventListener( "impress:stepenter", function( event ) { + event.target.classList.remove( "past" ); + event.target.classList.remove( "future" ); + event.target.classList.add( "present" ); + }, false ); + + root.addEventListener( "impress:stepleave", function( event ) { + event.target.classList.remove( "present" ); + event.target.classList.add( "past" ); + }, false ); + + }, false ); + + // Adding hash change support. + root.addEventListener( "impress:init", function() { + + // Last hash detected + var lastHash = ""; + + // `#/step-id` is used instead of `#step-id` to prevent default browser + // scrolling to element in hash. + // + // And it has to be set after animation finishes, because in Chrome it + // makes transtion laggy. + // BUG: http://code.google.com/p/chromium/issues/detail?id=62820 + root.addEventListener( "impress:stepenter", function( event ) { + window.location.hash = lastHash = "#/" + event.target.id; + }, false ); + + window.addEventListener( "hashchange", function() { + + // When the step is entered hash in the location is updated + // (just few lines above from here), so the hash change is + // triggered and we would call `goto` again on the same element. + // + // To avoid this we store last entered hash and compare. + if ( window.location.hash !== lastHash ) { + goto( getElementFromHash() ); + } + }, false ); + + // START + // by selecting step defined in url or first step of the presentation + goto( getElementFromHash() || steps[ 0 ], 0 ); + }, false ); + + body.classList.add( "impress-disabled" ); + + // Store and return API for given impress.js root element + return ( roots[ "impress-root-" + rootId ] = { + init: init, + goto: goto, + next: next, + prev: prev + } ); + + }; + + // Flag that can be used in JS to check if browser have passed the support test + impress.supported = impressSupported; + +} )( document, window ); + +// NAVIGATION EVENTS + +// As you can see this part is separate from the impress.js core code. +// It's because these navigation actions only need what impress.js provides with +// its simple API. +// +// In future I think about moving it to make them optional, move to separate files +// and treat more like a 'plugins'. +( function( document, window ) { + "use strict"; + + // Throttling function calls, by Remy Sharp + // http://remysharp.com/2010/07/21/throttling-function-calls/ + var throttle = function( fn, delay ) { + var timer = null; + return function() { + var context = this, args = arguments; + clearTimeout( timer ); + timer = setTimeout( function() { + fn.apply( context, args ); + }, delay ); + }; + }; + + // Wait for impress.js to be initialized + document.addEventListener( "impress:init", function( event ) { + + // Getting API from event data. + // So you don't event need to know what is the id of the root element + // or anything. `impress:init` event data gives you everything you + // need to control the presentation that was just initialized. + var api = event.detail.api; + + // KEYBOARD NAVIGATION HANDLERS + + // Prevent default keydown action when one of supported key is pressed. + document.addEventListener( "keydown", function( event ) { + if ( event.keyCode === 9 || + ( event.keyCode >= 32 && event.keyCode <= 34 ) || + ( event.keyCode >= 37 && event.keyCode <= 40 ) ) { + event.preventDefault(); + } + }, false ); + + // Trigger impress action (next or prev) on keyup. + + // Supported keys are: + // [space] - quite common in presentation software to move forward + // [up] [right] / [down] [left] - again common and natural addition, + // [pgdown] / [pgup] - often triggered by remote controllers, + // [tab] - this one is quite controversial, but the reason it ended up on + // this list is quite an interesting story... Remember that strange part + // in the impress.js code where window is scrolled to 0,0 on every presentation + // step, because sometimes browser scrolls viewport because of the focused element? + // Well, the [tab] key by default navigates around focusable elements, so clicking + // it very often caused scrolling to focused element and breaking impress.js + // positioning. I didn't want to just prevent this default action, so I used [tab] + // as another way to moving to next step... And yes, I know that for the sake of + // consistency I should add [shift+tab] as opposite action... + document.addEventListener( "keyup", function( event ) { + + if ( event.shiftKey || event.altKey || event.ctrlKey || event.metaKey ) { + return; + } + + if ( event.keyCode === 9 || + ( event.keyCode >= 32 && event.keyCode <= 34 ) || + ( event.keyCode >= 37 && event.keyCode <= 40 ) ) { + switch ( event.keyCode ) { + case 33: // Page up + case 37: // Left + case 38: // Up + api.prev(); + break; + case 9: // Tab + case 32: // Space + case 34: // Page down + case 39: // Right + case 40: // Down + api.next(); + break; + } + + event.preventDefault(); + } + }, false ); + + // Delegated handler for clicking on the links to presentation steps + document.addEventListener( "click", function( event ) { + + // Event delegation with "bubbling" + // Check if event target (or any of its parents is a link) + var target = event.target; + while ( ( target.tagName !== "A" ) && + ( target !== document.documentElement ) ) { + target = target.parentNode; + } + + if ( target.tagName === "A" ) { + var href = target.getAttribute( "href" ); + + // If it's a link to presentation step, target this step + if ( href && href[ 0 ] === "#" ) { + target = document.getElementById( href.slice( 1 ) ); + } + } + + if ( api.goto( target ) ) { + event.stopImmediatePropagation(); + event.preventDefault(); + } + }, false ); + + // Delegated handler for clicking on step elements + document.addEventListener( "click", function( event ) { + var target = event.target; + + // Find closest step element that is not active + while ( !( target.classList.contains( "step" ) && + !target.classList.contains( "active" ) ) && + ( target !== document.documentElement ) ) { + target = target.parentNode; + } + + if ( api.goto( target ) ) { + event.preventDefault(); + } + }, false ); + + // Touch handler to detect taps on the left and right side of the screen + // based on awesome work of @hakimel: https://github.com/hakimel/reveal.js + document.addEventListener( "touchstart", function( event ) { + if ( event.touches.length === 1 ) { + var x = event.touches[ 0 ].clientX, + width = window.innerWidth * 0.3, + result = null; + + if ( x < width ) { + result = api.prev(); + } else if ( x > window.innerWidth - width ) { + result = api.next(); + } + + if ( result ) { + event.preventDefault(); + } + } + }, false ); + + // Rescale presentation when window is resized + window.addEventListener( "resize", throttle( function() { + + // Force going to active step again, to trigger rescaling + api.goto( document.querySelector( ".step.active" ), 500 ); + }, 250 ), false ); + + }, false ); + +} )( document, window ); + +// THAT'S ALL FOLKS! +// +// Thanks for reading it all. +// Or thanks for scrolling down and reading the last part. +// +// I've learnt a lot when building impress.js and I hope this code and comments +// will help somebody learn at least some part of it. diff --git a/static/files/presentations/presentation-201309-digressit-orientation.key.zip b/static/files/presentations/presentation-201309-digressit-orientation.key.zip new file mode 100644 index 0000000..2f89912 Binary files /dev/null and b/static/files/presentations/presentation-201309-digressit-orientation.key.zip differ diff --git a/static/files/presentations/presentation-20141023-courageous_designer.key.zip b/static/files/presentations/presentation-20141023-courageous_designer.key.zip new file mode 100644 index 0000000..6177f3c Binary files /dev/null and b/static/files/presentations/presentation-20141023-courageous_designer.key.zip differ diff --git a/static/files/presentations/presentation-20150930-ecs-board.key.zip b/static/files/presentations/presentation-20150930-ecs-board.key.zip new file mode 100644 index 0000000..f6be943 Binary files /dev/null and b/static/files/presentations/presentation-20150930-ecs-board.key.zip differ diff --git a/static/files/presentations/presentation-201601-issrnc.key.zip b/static/files/presentations/presentation-201601-issrnc.key.zip new file mode 100644 index 0000000..6bcfb01 Binary files /dev/null and b/static/files/presentations/presentation-201601-issrnc.key.zip differ diff --git a/static/files/presentations/presentation-20160106-mapping_churches.key.zip b/static/files/presentations/presentation-20160106-mapping_churches.key.zip new file mode 100644 index 0000000..e62c63e Binary files /dev/null and b/static/files/presentations/presentation-20160106-mapping_churches.key.zip differ diff --git a/static/files/presentations/presentation-20160222-rs-seminar.key.zip b/static/files/presentations/presentation-20160222-rs-seminar.key.zip new file mode 100644 index 0000000..888b78a Binary files /dev/null and b/static/files/presentations/presentation-20160222-rs-seminar.key.zip differ diff --git a/static/files/presentations/presentation-20160609-climate-skeptics.key.zip b/static/files/presentations/presentation-20160609-climate-skeptics.key.zip new file mode 100644 index 0000000..34a4179 Binary files /dev/null and b/static/files/presentations/presentation-20160609-climate-skeptics.key.zip differ diff --git a/static/files/presentations/presentation-20160728_iras_spiritual_landscapes.pdf b/static/files/presentations/presentation-20160728_iras_spiritual_landscapes.pdf new file mode 100644 index 0000000..6f2d65f Binary files /dev/null and b/static/files/presentations/presentation-20160728_iras_spiritual_landscapes.pdf differ diff --git a/static/files/presentations/presentation-20160920-scotgov.pdf b/static/files/presentations/presentation-20160920-scotgov.pdf new file mode 100644 index 0000000..d5422e5 Binary files /dev/null and b/static/files/presentations/presentation-20160920-scotgov.pdf differ diff --git a/static/files/presentations/presentation-20161124_Aar_spiritual_landscapes.pdf b/static/files/presentations/presentation-20161124_Aar_spiritual_landscapes.pdf new file mode 100644 index 0000000..9daedaf Binary files /dev/null and b/static/files/presentations/presentation-20161124_Aar_spiritual_landscapes.pdf differ diff --git a/static/files/presentations/presentation-20170120-comm_anchors.html b/static/files/presentations/presentation-20170120-comm_anchors.html new file mode 100644 index 0000000..f1a90e4 --- /dev/null +++ b/static/files/presentations/presentation-20170120-comm_anchors.html @@ -0,0 +1,186 @@ + + + + + + + Mapping Community by Jeremy Kidwell + + + + + + + + + + + + + + +
+

Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

+

For the best experience please use the latest Chrome, Safari or Firefox browser.

+
+ +
+ +
+

Mapping Community

+ by @kidwellj +
+ +
+

We have social problems.

+
+ +
+

The recession

+
+ +
+

Climate change

+
+ +
+

Donald trump

+
+ +
+

These all require creative solutions

+
+ +

And far too often, we look in vain to experts "out there" for solutions

+
+ +
+

All around us there are community level solutions that are:

+ - innovative
+ - impactful
+ - sustainable
+
+ +
+

+ ...but community groups go un-noticed +

+
+ +
+

+ This is a visibility problem +

+
+ +
+

+ which impedes funding, collaboration, and multiplication +

+
+ +
+

We want to be visible!

+
+ +
+ picture of a map with lots of dots +
+ +
+

And maps are a fantastic way
to communicate this significance visually.

+
+ +
+

And we know this -

+
+ +
+

Everyone has a map on their website -

+
+ +
+

Development Trust Association Scotland

+ picture of dtas website +
+ +
+

Scottish Communities Climate Action Network

+ picture of dtas website +
+ +
+

Eco-Congregation Scotland

+ picture of dtas website +
+ +
+

And these maps are all hosted by google.

+
+ +
+

This is a bad thing.

+
+ +
+

- The Google interface is user friendly
+ - But in exchange for this "free" service,
+ - They can (and probably will) cancel your service at any time without warning
+ - You get no analytics
+ - And the data is stuck in a black box that doesn't interconnect

+
+ +
+

Let's recap:

+
+ +
+

+ - Community groups are providing innovation and value
+ - This is going un-noticed
+ - and lack of knowledge impedes funding and collaboration
+ - We can address this problem cartographically
+ - But our options stink
+

+
+ +
+

We are working on a solution to these problems:

+
+ +
+

- By improving public knowledge of community groups

+
+ +
+

- By enabling location-based analytics for groups and their umbrella organisations

+ picture of dtas website +
+ +
+

- By providing sustainable and open data to social policy researchers

+
+
+ +
+ +
+

- By documenting best-practices for local cross-network collaborations

+
+ +
+

- By providing an industry-leading digital mapping platform for free to community groups

+
+ + + + + +
+ + + + + \ No newline at end of file diff --git a/static/files/presentations/presentation-20170511-bl_mapping.html b/static/files/presentations/presentation-20170511-bl_mapping.html new file mode 100644 index 0000000..8e75810 --- /dev/null +++ b/static/files/presentations/presentation-20170511-bl_mapping.html @@ -0,0 +1,240 @@ + + + + + + + Mapping Community by Jeremy Kidwell + + + + + + + + + + + + + + +
+

Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

+

For the best experience please use the latest Chrome, Safari or Firefox browser.

+
+ +
+ +
+

Enhancing Public Understanding of Activists, Religion
+ (and Religious Activists!)
+ through the Geo+Digital-Humanities"

+ by @kidwellj +
+ +
+

What is the point of the digital humanities?

+
+ +
+ possibly better engagement with (public AND scholarly) audiences? +
+ +
+ but why might digital be better? +
+ +
+

We can learn in different and more in-depth ways through play

+
+ +
+

Digital engagement can be scaled to include two-way interaction, i.e. co-research

+
+ +
+

Digital tools can be multi-scalar and multi-dimensional, enabling shallow and deep interactions depending on interest and skill

+
+ +
+

Digital tools can be multi-scalar and multi-dimensional, enabling shallow and deep interactions depending on interest and skill

+
+ +
+

Let's recap:

+

Digital humanities =
playing around +
co-researching +
reaching lots of folks.

+
+ +
+ Why do I do the digital humanities? +
+ +
+ Mostly because I'm a bit of an activist. +
+ + +
+

Community groups across Britain are doing amazing things to fix

+
+ +
+

The recession

+
+ +
+

Climate change

+
+ +
+

Donald trump

+
+ +
+

and while things look pretty hopeless from a birds-eye view

+
+ +

when you look more closely at communities across Britain you discover that amazing things are underway

+
+ +
+

Community level solutions are:

+ - innovative
+ - impactful
+ - sustainable
+
+ +
+

+ ...they're also invisible to our political and scholarly communities. +

+
+ +
+

+ This visibility problem +

+
+ +
+

+ impedes funding, collaboration, and multiplication +

+
+ +
+

These groups desparately want to be visible!

+
+ +
+ picture of a map with lots of dots +
+ +
+

And maps are a fantastic way
to communicate this significance visually.

+
+ +
+

And they know this - everyone has a map on their website

+
+ +
+

Development Trust Association Scotland

+ picture of dtas website +
+ +
+

Scottish Communities Climate Action Network

+ picture of dtas website +
+ +
+

Eco-Congregation Scotland

+ picture of dtas website +
+ +
+

And these maps are all hosted by google.

+
+ +
+

This is a bad thing.

+
+ +
+

- The Google interface is user friendly
+ But in exchange for this "free" service,
you agree to some pretty predatory Terms of Service
+ They can (and probably will) cancel your service at any time without warning
+ You get no analytics
+ And the data is stuck in a black box that doesn't interconnect

+
+ +
+

Let's recap:

+
+ +
+

+ Community groups are providing innovation and value
+ This is going un-noticed
+ and lack of knowledge impedes funding and collaboration
+ We can address this problem cartographically
+ But our options stink
+

+
+ +
+

Digital Humanities to the rescue!

+ +
+
+

Let me introduce you to the (AHRC funded) Mapping Community project

+
+ +
+

The University of Birmingham now hosts a "spatial intelligence" platform

+
+ +
+

This enables community groups (co-researchers!) to maintain a live database of their networks

+ picture of permaculture groups +
+ +
+

That database is the back-end for a map

+ picture of permaculture groups +
+ + +
+ Using these data sets scholarly researchers (like me!) can conduct location-based analytics for groups and their umbrella organisations

+ picture of dtas website +
+
+

open data is more sustainable and can be re-used by other social policy researchers

+ +
+ +
+

we can help groups to find new local cross-network collaborations

+ +
+ +
+

The map provides a sandbox where we can find new alliances, new research partnerships and generate more accurate data!

+
+ + + + + +
+ + + + + \ No newline at end of file diff --git a/static/files/presentations/presentation_2010_present_moment.key.zip b/static/files/presentations/presentation_2010_present_moment.key.zip new file mode 100644 index 0000000..b751f5f Binary files /dev/null and b/static/files/presentations/presentation_2010_present_moment.key.zip differ diff --git a/static/files/presentations/presentation_201406_blogging.key.zip b/static/files/presentations/presentation_201406_blogging.key.zip new file mode 100644 index 0000000..d42184c Binary files /dev/null and b/static/files/presentations/presentation_201406_blogging.key.zip differ diff --git a/static/files/presentations/presentation_20160413_government_ECS.html b/static/files/presentations/presentation_20160413_government_ECS.html new file mode 100644 index 0000000..ddbead2 --- /dev/null +++ b/static/files/presentations/presentation_20160413_government_ECS.html @@ -0,0 +1,133 @@ + + + + + + + +
+
+
+
+

Who Are Eco-Congregations?

+
+
+

Began in 1999

+

Initiated by Forth Environment Link outreach (central Scotland, environmental education charity), later funded by Keep Scotland Beautiful, Scottish Government and ECS member congregations.

+
+
+

Over 350 Churches in Scotland Participate (~9%)

+

Compare that with...

+
    +
  • 233 Development Trusts
    • +
  • 88 Climate Action Groups
    + &Transition Initiatives
    • +
  • 14 Permaculture Projects
    • +
+
+
+
+

Participating in a variety of low carbon activities...

+

including 41 CCF funded projects

+
    +
  • Recycling
    • +
  • Food growing
    • +
  • Improving building heating & energy use
    • +
  • Implementing renewables
    • +
  • Hosting educational events
    • +
  • Linking religious values and pro-environmental behaviour
    • +
+
+
+

Slightly more urban, but with a strong presence in specific remote areas

+ +
+
+
+
+

Our Research

+
+
+

Co-funded by AHRC / ESRC
+ 2013-2016

+

http://ancestraltime.org.uk

+
+
+ +
+
+

Working with a lot of data

+
    +
  • participant observation at worship and community events
    • +
  • researchers assisted with site visits / assessments
    • +
  • documentary analysis of a Eco- Congregation award applications
    + (90 of 133 total awarded sites, or 67.7%)
    • +
  • analysis of ECS church websites
    • +
  • researchers attended, participated and observed at network events, board meetings, green group meetings, and annual conferences
    • +
  • social network engagement analysis of ECS
    • +
  • interviews with individuals and groups across Scotland
    • +
  • interviews with volunteers and executives at related secular groups
    • +
  • interviews with the ECS staff team and board members
    • +
  • GIS-based comparative demographic analysis
    • +
  • sampling of at least 10% across a variety of demographics (denomination, region, urban/rural, deprivation)
    • +
+
+
+

Our primary research question:

+

Do unique conceptions of time maintained within spiritual communities offer a possible synergy between heritage and environment?

+
+
+
+
+

Our Findings?

+
+
+

Eco-Congregations tend to stay "off the radar"

+
    +
  • No mention in 2015 Changeworks study (cf. p. 31; Table 7.2)
    • +
  • Active but silent partner behind some Community Development Trusts and Transition Groups, but also working in some communities in an independent capacity.
    • +
  • Partnerships with large environmental charities
    + (RSPB, WWF)
    • +
+
+
+

Reasons for Action?
+ Climate justice, stewardship, love of nature, intergenerational concern... +

+ +
+
+

A place where values are linked with pro-environmental behaviours, but more than this as well...

+
+
+

Hidden pro-Climate Impacts?

+
    +
  • Trialing new ideas for sustainability
    + (case study: solar panels, community gardens, boilers)
    • +
  • Provide personnel and "endurance" for CCF grants, sustainability projects, venues for other groups
    • +
  • Linking spirituality with environmental concern
    • +
  • Validating "moral" aspect to climate change mitigation
    • +
  • Highlighting the international aspect of climate impacts and relational side to mitigation
    • +
+
+
+
+

For discussion

+
    +
  • How can our research assist government in improving outreach to and targetting of and support for religious communities in Scotland on low-carbon activities?
    • +
+ +
    +
  1. Covering the spectrum, from "uninvolved" to "climate champions"
    2. +
  2. Mobilising values frameworks, but also affirming the role of lay knowledge in reckoning with climate change
    3. +
  3. CCF engagement with churches
    4. +
  4. RPP3
    5. +
+
+ +
+ + + \ No newline at end of file diff --git a/static/files/presentations/presentation_20160618_solas.key.zip b/static/files/presentations/presentation_20160618_solas.key.zip new file mode 100644 index 0000000..2bfb7e9 Binary files /dev/null and b/static/files/presentations/presentation_20160618_solas.key.zip differ diff --git a/static/files/presentations/presentation_20161123_sixth_form_climate_change.pptx.zip b/static/files/presentations/presentation_20161123_sixth_form_climate_change.pptx.zip new file mode 100644 index 0000000..ceb25a7 Binary files /dev/null and b/static/files/presentations/presentation_20161123_sixth_form_climate_change.pptx.zip differ diff --git a/static/files/presentations/presentation_20161124_Aar_spiritual_landscapes.key.zip b/static/files/presentations/presentation_20161124_Aar_spiritual_landscapes.key.zip new file mode 100644 index 0000000..7cbcd0b Binary files /dev/null and b/static/files/presentations/presentation_20161124_Aar_spiritual_landscapes.key.zip differ diff --git a/static/files/presentations/presentation_20170118_digital_hum.html b/static/files/presentations/presentation_20170118_digital_hum.html new file mode 100644 index 0000000..5a7efb8 --- /dev/null +++ b/static/files/presentations/presentation_20170118_digital_hum.html @@ -0,0 +1,81 @@ + + + + + + + +
+
+
+

My Digital Humanities Rabbit Trails in 2016

+
+
+
+

Teaching Theological Ethics

+

Goal: To give students agency in course planning; design term 2 teaching around student-led presentations.

+
+
+
    +
  • Low-fi beginnings: whiteboarding topics
    • +
  • Going digital: Fed 35 topics into a digital survey
    • +
  • First roadblock: canvas survey tool stinks
    • +
  • Second roadblock: central IT unwilling to deploy lightweight, open-source alternative without "a business case"
    • +
  • Solution: rolled my own instance of LimeSurvey on personal webhost (reclaim.com)
    • +
  • Example: http://sccs-survey.org.uk/index.php/162945
    • +
+
+
+
    +
  • Third roadblock: Need to level playing field for students without tablets and smartphones
    • +
  • Solution: Thanks to Arts IT! Discovered a big box full of iPads
    • +
+
+
+

Results?

+
+
+

Worked well. iPads had trouble with wifi, but students just shared the 8-10 that worked.

+

Really interesting differences in engagement styles with the tool

+

Have a fantastic store of data I need to parse through to see how topic choices map onto student demographics

+
+
+
+
+

Research?

+
+
+

Topic: climate change and low-carbon action in religious communities

+

Digital solution: Generate a map to consolidate practitioner relationships; resource third sector groups; parse demographics

+
+

Research challenge?

+

Data exists, but huge problems with transparency, accuracy, sustainability

+
+

Technical solution?

+
+
+

OPEN EVERYTHING! Source! Data! Tools!

+

Mapping tools: QGIS, CartoDB, D3.js, carto.css

+

Project website: Jekyll via github

+

Sample: http://mapping.community

+
+
+
+
+

The next few rabbit trails:

+
    +
  • Decision time: Hacking resources list vs. Hacking a canvas wiki page
    • +
  • Moving everything to github/gitlab
    • +
  • Writing some "reproducible research" using RMarkdown
    • +
  • Social network analysis
    • +
  • Getting a discourse server (https://github.com/discourse/discourse)
    • +
+
+
+
+
+ + + \ No newline at end of file diff --git a/static/files/presentations/presentation_20170220_ethicsexam.html b/static/files/presentations/presentation_20170220_ethicsexam.html new file mode 100644 index 0000000..222bed8 --- /dev/null +++ b/static/files/presentations/presentation_20170220_ethicsexam.html @@ -0,0 +1,95 @@ + + + + + + + +
+
+
+

Theological Ethics Final Exam

+
+
+
+

Exam Format

+
    +
  • At least 12 questions
    • +
  • 90 minutes to answer 2 questions
    • +
  • almost all topics will be represented
    • +
  • questions will invite critical reflection on the issue as it might be framed by "theological ethics".
    • +
+
+
+

what we've covered so far

+
    +
  • genetic embryo screening
    • +
  • animal testing
    • +
  • pornography
    • +
  • polygamy
    • +
  • dating reality shows
    • +
  • gun control
    • +
  • drug legalization
    • +
  • censorship
    • +
  • abortion
    • +
+
+
+

coming up...

+
    +
  • immigration and asylum
    • +
  • plastic surgery
    • +
  • climate change
    • +
  • Artificial intelligence
    • +
  • surveillance
    • +
  • social media
    • +
  • etc.
    • +
+
+
+

Let's Discuss!

+
+
+
+
+

How to prepare?

+
+
+

Think about a range of these issues, consider theological resources and perspectives on those issues

+
+

But how do I do critical theological reflection?

+
+

pick one of the following, discuss with your neighbour - what are theological resources and perspectives for this issue?

+
    +
  • genetic embryo screening
    • +
  • animal testing
    • +
  • pornography
    • +
  • polygamy
    • +
  • dating reality shows
    • +
  • gun control
    • +
  • drug legalization
    • +
  • censorship
    • +
  • abortion
    • +
+
+
+

In my view good critical theological reflection will do one or more of the following

+
    +
  • compare differences and symmetries between theological and secular philosophical reflection (virtue, deontological, egoist, utilitarian, etc.
    • +
  • reflect "from within" a tradition on that issue using resources like scripture, theological reflection (relationship between creatures and creator within Abrahamic traditions)
    • +
  • +
  • +
  • +
  • +
  • +
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/static/files/presentations/presentation_20170522_regen.html b/static/files/presentations/presentation_20170522_regen.html new file mode 100644 index 0000000..47bb463 --- /dev/null +++ b/static/files/presentations/presentation_20170522_regen.html @@ -0,0 +1,53 @@ + + + + + + + +
+
+
+
+

I am an (Christian) environmental political philosopher.

+
+
+

But as I hinted last night, I am part of a small but growing group of philosophers who recognise the dangers of a phioosopher who sits in a room by themself deductively solving the world crises. The way to avoid cultural and political irrelevance is to ground the research process in the messy reality of human communities and real ecologies.

+
+

I think that the scientific community has been learning something similar from the failure of the IPCC process, and as a result we have new energy being directed towards the "human dimension" of climate change. This is a broadening out of the cultural and empirical basis for measuring environmental change and its impacts, an attempt to participate in the broader re-orientation of environmental science to integrate the environmental humanities.

+
+

So in many ways, the kind of work I am doing is an exercise in translation for the various stakeholders involved in British policy reactions to climate change. Rooted in reflection on the political dimensions of our action, here are a few examples of what this looks like in practice:

+
+
+

- Against the abstractive, nationalistic tendencies of cc mitigatin policy I am developing a series of digital datasets and maps of low-carbon community groups in the UK and eventually Europe.

+
+
+

Example 1

+ +

Churches and Conservation Map

+
+
+

Example 2

+ +

All groups in Britain

+
+
+
+
+

- Against the overly mathematized process of biological field recording in the UK, I am working with amateur biological field recorders, who in almost every case in their work are registering declining and degraded ecosystems, to augment their empirical domain to include presence and haunting in the landscape, and the presence of grief in their experience of the landscape.

+
+
+
+
+

- In a similar way, I am working with architects, urban planners, and local community leaders in the W Midlands to integrate an account of spiritual landscapes in their planning work on urban green space.

+
+
+

- And I am in the midst of long-term fieldwork with eco-churches, a'rocha groups, and Ecocongregations to better understand whether and why their work is different from other secular groups and then to communicate this to policy makers and environmental infrastructure who largely ignore them.

+
+
+
+ + + \ No newline at end of file diff --git a/static/files/presentations/reveal.js b/static/files/presentations/reveal.js new file mode 160000 index 0000000..568c751 --- /dev/null +++ b/static/files/presentations/reveal.js @@ -0,0 +1 @@ +Subproject commit 568c7516f7ff7da7824db033946619d2c7ad761f diff --git a/static/images/climate_march.jpg b/static/images/climate_march.jpg new file mode 100644 index 0000000..3cd4cb4 Binary files /dev/null and b/static/images/climate_march.jpg differ diff --git a/static/images/theology_and_economics-big.jpg b/static/images/theology_and_economics-big.jpg new file mode 100644 index 0000000..7002ffb Binary files /dev/null and b/static/images/theology_and_economics-big.jpg differ diff --git a/static/images/theology_and_economics-medium.jpg b/static/images/theology_and_economics-medium.jpg new file mode 100644 index 0000000..d0648d3 Binary files /dev/null and b/static/images/theology_and_economics-medium.jpg differ diff --git a/static/images/theology_of_craft-big.jpg b/static/images/theology_of_craft-big.jpg new file mode 100644 index 0000000..456295c Binary files /dev/null and b/static/images/theology_of_craft-big.jpg differ diff --git a/static/images/theology_of_craft-medium.jpg b/static/images/theology_of_craft-medium.jpg new file mode 100644 index 0000000..786a9fb Binary files /dev/null and b/static/images/theology_of_craft-medium.jpg differ