Merge pull request 'Update Writing page to new design' (#9) from writing-page-update into staging
Reviewed-on: #9
This commit is contained in:
commit
be8f73db0b
@ -1,206 +0,0 @@
|
||||
---
|
||||
title: "Writing"
|
||||
octo: octo-4.webp
|
||||
---
|
||||
|
||||
<div>
|
||||
<div class="flex-row-books">
|
||||
<div class="thead">BOOKS</div>
|
||||
<div class="book-cell">
|
||||
<div class="book-cover">
|
||||
<a href="/writing/abolish-the-family">
|
||||
<img src="/img/books/abolish-the-family.jpg" alt='Abolish the Family Cover'>
|
||||
<p>
|
||||
DETAILS
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
<p class="book-stats"><b>Abolish the Family: A Manifesto for Care and Liberation</b></p>
|
||||
<p class="book-stats"><i><a href="https://www.versobooks.com/books/4075-abolish-the-family">Pre-order now!</a></i></p>
|
||||
</div>
|
||||
<div class="book-cell">
|
||||
<div class="book-cover">
|
||||
<img src="/img/books/fsn-cover.jpg" alt='Full Surrogacy Now Cover'>
|
||||
<a href="/writing/full-surrogacy-now/">
|
||||
<p>
|
||||
DETAILS
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
<p class="book-stats"><b>Full Surrogacy Now!</b></p>
|
||||
<p class="book-stats"><i>Published in May 2019</i></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="writing-section">
|
||||
<div class="thead">ESSAYS</div>
|
||||
<div class="writing-item">
|
||||
<p>2022. <a href="https://www.thenation.com/article/society/abortion-ethics-gestation-reproduction/"><strong>Abortion Involves Killing - And That's OK!</strong></a>, <em>The Nation</em>, June 22.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2022. <a href="https://salvage.zone/free-anthrogenesis-antiwork-abortion/"><strong>Free Anthrogenesis: Antiwork Abortion</strong></a>, <em>Salvage</em>, June 1.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2022. <a href="https://thebaffler.com/salvos/a-woman-is-a-woman-lewis"><strong>A Woman is a Woman?
|
||||
Lillian Faderman's Selective Histories</strong></a>, <em>The Baffler</em>, March edition.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2022. <a href="http://doi.org/10.1177/14647001211059520"><strong>Mothering against motherhood: doula
|
||||
work, xenohospitality and the idea of the momrade</strong></a>, <em>Feminist Theory</em>,
|
||||
January 10.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2021. <a href="https://lrb.co.uk/the-paper/v43/n22/sophie-lewis/shebeen-queens"><strong>Shebeen
|
||||
Queens</strong></a>, <em>LRB</em>, November 18.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2021. <a
|
||||
href="https://bostonreview.net/arts-society-gender-sexuality/sophie-lewis-how-domestic-labor-robs-women-their-love"><strong>How
|
||||
Domestic Labor Robs Women of Their Love</strong></a>, <em>Boston Review</em>, October 28.
|
||||
</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2021. <a href="https://www.thenation.com/article/society/shulamith-firestone-dialectic-sex/"><strong>Shulamith
|
||||
Firestone Wanted to Abolish Nature</strong></a>, <em>The Nation</em>, July 14.</p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2021. <a href="https://www.dissentmagazine.org/article/the-family-lottery"><strong>The Family
|
||||
Lottery</strong></a>, <em>Dissent Magazine</em>, Summer issue.</p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2021. <a href="https://nplusonemag.com/issue-39/reviews/my-octopus-girlfriend/"><strong>My Octopus
|
||||
Girlfriend</strong></a> (on erotophobia), <em>n+1 </em>magazine, Issue 39. </p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2021. <a href="https://brand-new-life.org/b-n-l/low-tech-grassroots-ectogenesis/"><strong>Low-Tech
|
||||
Grassroots Ectogenesis</strong></a>, <em>brand new life</em> magazine, February 2.</p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2020. <a href="https://thebaffler.com/latest/utopia-no-lewis"><strong>Utopia, No</strong></a> (on
|
||||
<em>Entitled </em>by Kate Manne), <em>The Baffler</em>, November 19. </p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2020. <a
|
||||
href="https://www.e-flux.com/journal/111/343916/with-women-grieving-in-capitalist-time/"><strong>With-Women:
|
||||
Grieving in Capitalist Time</strong></a>, <em>e-flux </em>journal #111, September. </p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2020. <a href="https://maljournal.com/5/sex-negative/sophie-lewis/collective-turn-off/"><strong>Collective
|
||||
Turn-Off</strong></a>, <em>Mal Journal</em>, Issue 5 (“Sex-Negative”), August 14.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2020. <a
|
||||
href="https://salvage.zone/in-print/mothering-against-the-world-momrades-against-motherhood/"><strong>Mothering
|
||||
Against the World: Momrades Against Motherhood</strong></a>, <em>Salvage Quarterly</em>,
|
||||
September 18. </p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2020. <a href="https://uchri.org/foundry/houses-into-homes/"><strong>Houses Into Homes</strong></a>,
|
||||
<em>UCHRI</em>, Foundry “Boiling Point” series.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2020. <a
|
||||
href="https://www.dissentmagazine.org/article/grief-circling"><strong>Grief-Circling</strong></a>,
|
||||
<em>Dissent</em> magazine (Summer issue). </p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2020. <a href="https://www.thenation.com/article/society/family-covid-care-marriage/"><strong>Covid-19
|
||||
Is Straining the Concept of the Family. Let’s Break It</strong></a><a
|
||||
href="https://www.thenation.com/article/society/family-covid-care-marriage/">,</a> <em>The
|
||||
Nation</em>, June 3.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2020. <a
|
||||
href="https://www.opendemocracy.net/en/oureconomy/coronavirus-crisis-shows-its-time-abolish-family/"><strong>The
|
||||
coronavirus crisis shows it's time to abolish the family</strong></a>,
|
||||
<em>openDemocracy</em>, March 24.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2020. <a
|
||||
href="https://www.dissentmagazine.org/article/hello-to-my-haters-tucker-carlsons-mob-and-me"><strong>Hello
|
||||
to my Haters</strong></a><strong>: Tucker Carlson’s Mob and Me, </strong><em>Dissent</em>
|
||||
magazine, Winter issue.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2019. <a href="http://www.thewhitereview.org/reviews/who-liberates-the-slaves/"><strong>Who Liberates
|
||||
the Slaves?</strong></a> (Review of <em>The Testaments </em>by Margaret Atwood.) <em>The
|
||||
White Review</em>, December 22.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2019. <a href="https://communemag.com/the-satanic-death-cult-is-real/"><strong>The Satanic Death-Cult
|
||||
is Real</strong></a> – on familial trauma. <em>Commune </em>magazine, Issue IV, August 28.
|
||||
</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2019. <a href="https://logicmag.io/bodies/do-electric-sheep-dream-of-water-babies"><strong>Do
|
||||
Electric Sheep Dream of Water Babies?</strong></a> - on ectogenic bio-bags; <em>Logic
|
||||
</em>magazine. Issue 8.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2019. ‘<a href="https://www.redpepper.org.uk/cyborg-sentiments/"><strong>Cyborg
|
||||
Sentiments</strong></a><a href="https://www.redpepper.org.uk/cyborg-sentiments/">’</a> – on
|
||||
xenofeminism. <em>Red Pepper </em>magazine. March 27.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2019. ‘<a href="https://thenewinquiry.com/for-one-another/"><strong>For One Another</strong></a><a
|
||||
href="https://thenewinquiry.com/for-one-another/">’</a>, <em>The New Inquiry</em>. January 23.
|
||||
</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2018. ‘<a
|
||||
href="https://newsocialist.org.uk/labour-does-you-might-thinking-through-pregnancy-work-help-us-radicalise-politics-care/"><strong>Labor
|
||||
Does You</strong></a><a
|
||||
href="https://newsocialist.org.uk/labour-does-you-might-thinking-through-pregnancy-work-help-us-radicalise-politics-care/">’</a>:
|
||||
Might thinking through pregnancy as work help us radicalise the politics of care? <em>The New
|
||||
Socialist</em>. December 26.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2018. ‘<a
|
||||
href="http://bostonreview.net/forum/all-reproduction-assisted/sophie-lewis-mothering"><strong>All
|
||||
Reproduction is Assisted</strong></a>.’ <em>Boston Review </em>| <em>The Once and Future
|
||||
Feminist</em>, ed. Merve Emre.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2018. ‘<a href="https://www.versobooks.com/blogs/3654-gestators-of-all-genders-unite"><strong>Gestators
|
||||
of all Genders, Unite!</strong></a>’ – the Verso Books Blog. March 26.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2018. ‘<a
|
||||
href="https://www.versobooks.com/blogs/3845-not-a-workplace-julie-bindel-and-the-school-of-wrong-abolitionism"><strong>Not
|
||||
a Workplace: Julie Bindel and the school of wrong abolitionism’</strong></a> – Verso Books
|
||||
Blog. May 24.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2017. “<a href="http://viewpointmag.com/2017/05/08/cthulhu-plays-no-role-for-me"><strong>Cthulhu
|
||||
Plays No Role For Me</strong></a>” (on the oeuvre of Donna Haraway) –
|
||||
<em>Viewpoint</em>magazine, May 8.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2017. ‘<a href="http://thenewinquiry.com/amniotechnics"><strong>Amniotechnics</strong></a>’ – on a
|
||||
watery politics of holding and letting go – <em>The New Inquiry</em>. January 25.</p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p>2016. ‘<a href="https://salvage.zone/in-print/serf-n-terf-notes-on-some-bad-materialisms/"><strong>SERF
|
||||
‘n’ TERF: Notes on some Bad Materialisms</strong></a>’ – <em>Salvage Quarterly</em>, vol. 5.
|
||||
February 6.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="writing-section">
|
||||
<div class="thead">COLLECTIVE WRITING</div>
|
||||
<div class="writing-item">
|
||||
<p><strong><a href="https://www.commonnotions.org/buy/hope-against-hopa">Hope Against Hope: Writings on
|
||||
Ecological Crisis</a></strong>, as part of ecological writing collective <em><a
|
||||
href="https://twitter.com/out_woods">Out of the Woods</a></em>.</p>
|
||||
<p><i>Published in June 2020</i></p>
|
||||
</div>
|
||||
<div class="writing-item">
|
||||
<p><strong>End/And: Feminization in Unending Times</strong>, as part of feminist film criticism platform
|
||||
<em><a href="http://blindfieldjournal.com/">Blind Field: A Journal of Cultural Inquiry</a></em></p>
|
||||
<p><i>Published in 2017</i></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
180
content/writing/_index.md
Normal file
180
content/writing/_index.md
Normal file
@ -0,0 +1,180 @@
|
||||
---
|
||||
title: "Writing"
|
||||
octo: octo-4.webp
|
||||
essays:
|
||||
- title: Abortion Involves Killing - And That's OK!
|
||||
url: "https://www.thenation.com/article/society/abortion-ethics-gestation-reproduction/"
|
||||
publication: The Nation
|
||||
year: 2022
|
||||
date: June 22
|
||||
- title: "Free Anthrogenesis: Antiwork Abortion"
|
||||
url: https://salvage.zone/free-anthrogenesis-antiwork-abortion/
|
||||
publication: Salvage
|
||||
year: 2022
|
||||
date: June 1
|
||||
- title: A Woman is a Woman? Lillian Faderman's Selective Histories
|
||||
url: https://salvage.zone/free-anthrogenesis-antiwork-abortion/
|
||||
publication: The Baffler
|
||||
year: 2022
|
||||
date: March edition
|
||||
- title: "Mothering against motherhood: doula work, xenohospitality and the idea of the momrades"
|
||||
url: http://doi.org/10.1177/14647001211059520
|
||||
publication: Feminist Theory
|
||||
year: 2022
|
||||
date: January 10
|
||||
- title: Shebeen Queens
|
||||
url: https://lrb.co.uk/the-paper/v43/n22/sophie-lewis/shebeen-queens
|
||||
publication: LRB
|
||||
year: 2021
|
||||
date: November 18
|
||||
- title: How Domestic Labor Robs Women of Their Love
|
||||
url: https://bostonreview.net/arts-society-gender-sexuality/sophie-lewis-how-domestic-labor-robs-women-their-love
|
||||
publication: Boston Review
|
||||
year: 2021
|
||||
date: October 28
|
||||
- title: Shulamith Firestone Wanted to Abolish Nature
|
||||
url: https://www.thenation.com/article/society/shulamith-firestone-dialectic-sex/
|
||||
publication: The Nation
|
||||
year: 2021
|
||||
date: July 14
|
||||
- title: The Family Lottery
|
||||
url: https://www.dissentmagazine.org/article/
|
||||
publication: Dissent Magazine
|
||||
year: 2021
|
||||
date: Summer issue
|
||||
- title: My Octopus Girlfriend (on erotophobia)
|
||||
url: https://www.dissentmagazine.org/article/
|
||||
publication: n+1 magazine
|
||||
year: 2021
|
||||
date: Issue 39
|
||||
- title: Low-Tech Grassroots Ectogenesis
|
||||
url: https://brand-new-life.org/b-n-l/low-tech-grassroots-ectogenesis/
|
||||
publication: brand new life magazine
|
||||
year: 2021
|
||||
date: February 2
|
||||
- title: Utopia, No (on Entitled by Kate Manne)
|
||||
url: https://thebaffler.com/latest/utopia-no-lewis
|
||||
publication: The Baffler
|
||||
year: 2020
|
||||
date: November 19
|
||||
- title: "With-Women: Grieving in Capitalist Time"
|
||||
url: https://www.e-flux.com/journal/111/343916/with-women-grieving-in-capitalist-time/
|
||||
publication: e-flux journal
|
||||
year: 2020
|
||||
date: "#111, September"
|
||||
- title: Collective Turn-Off
|
||||
url: https://maljournal.com/5/sex-negative/sophie-lewis/collective-turn-off/
|
||||
publication: Mal Journal
|
||||
year: 2020
|
||||
date: "Issue 5 (“Sex-Negative”), August 14"
|
||||
- title: "Mothering Against the World: Momrades Against Motherhood"
|
||||
url: https://salvage.zone/in-print/mothering-against-the-world-momrades-against-motherhood/
|
||||
publication: Salvage Quarterly
|
||||
year: 2020
|
||||
date: September 18
|
||||
- title: Houses Into Homes
|
||||
url: https://uchri.org/foundry/houses-into-homes/
|
||||
publication: UCHRI
|
||||
year: 2020
|
||||
date: Foundry “Boiling Point” series
|
||||
- title: Grief-Circling
|
||||
url: https://www.thenation.com/article/society/family-covid-care-marriage/
|
||||
publication: Dissent magazine
|
||||
year: 2020
|
||||
date: (Summer issue)
|
||||
- title: Covid-19 Is Straining the Concept of the Family. Let’s Break It
|
||||
url: https://www.thenation.com/article/society/family-covid-care-marriage/
|
||||
publication: The Nation
|
||||
year: 2020
|
||||
date: June 3
|
||||
- title: The coronavirus crisis shows it's time to abolish the family
|
||||
url: https://www.opendemocracy.net/en/oureconomy/coronavirus-crisis-shows-its-time-abolish-family/
|
||||
publication: openDemocracy
|
||||
year: 2020
|
||||
date: March 24
|
||||
- title: "Hello to my Haters: Tucker Carlson’s Mob and Me"
|
||||
url: https://www.dissentmagazine.org/article/hello-to-my-haters-tucker-carlsons-mob-and-me
|
||||
publication: Dissent magazine
|
||||
year: 2020
|
||||
date: Winter issue
|
||||
- title: "Who Liberates the Slaves? (Review of The Testaments by Margaret Atwood)"
|
||||
url: http://www.thewhitereview.org/reviews/who-liberates-the-slaves/hello-to-my-haters-tucker-carlsons-mob-and-me
|
||||
publication: The White Review
|
||||
year: 2019
|
||||
date: December 22
|
||||
- title: The Satanic Death-Cult is Real – on familial trauma
|
||||
url: https://communemag.com/the-satanic-death-cult-is-real/
|
||||
publication: Commune magazine
|
||||
year: 2019
|
||||
date: Issue IV, August 28
|
||||
- title: Do Electric Sheep Dream of Water Babies? - on ectogenic bio-bags
|
||||
url: https://logicmag.io/bodies/do-electric-sheep-dream-of-water-babies
|
||||
publication: Logic magazine
|
||||
year: 2019
|
||||
date: Issue 8
|
||||
- title: Cyborg Sentiments – on xenofeminism
|
||||
url: https://www.redpepper.org.uk/cyborg-sentiments/
|
||||
publication: Red Pepper magazine
|
||||
year: 2019
|
||||
date: March 27
|
||||
- title: For One Another
|
||||
url: https://thenewinquiry.com/for-one-another/
|
||||
publication: The New Inquiry
|
||||
year: 2019
|
||||
date: January 23
|
||||
- title: "‘Labor Does You’: Might thinking through pregnancy as work help us radicalise the politics of care?"
|
||||
url: https://thenewinquiry.com/for-one-another/
|
||||
publication: The New Inquiry
|
||||
year: 2018
|
||||
date: January 23
|
||||
- title: All Reproduction is Assisted
|
||||
url: http://bostonreview.net/forum/all-reproduction-assisted/sophie-lewis-mothering
|
||||
publication: Boston Review | The Once and Future Feminist, ed. Merve Emre
|
||||
year: 2018
|
||||
- title: Gestators of all Genders, Unite!
|
||||
url: https://www.versobooks.com/blogs/3654-gestators-of-all-genders-unite
|
||||
publication: Verso Books Blog
|
||||
year: 2018
|
||||
date: March 26
|
||||
- title: "Not a Workplace: Julie Bindel and the school of wrong abolitionism"
|
||||
url: https://www.versobooks.com/blogs/3845-not-a-workplace-julie-bindel-and-the-school-of-wrong-abolitionism
|
||||
publication: Verso Books Blog
|
||||
year: 2018
|
||||
date: May 24
|
||||
- title: "“Cthulhu Plays No Role For Me” (on the oeuvre of Donna Haraway)"
|
||||
url: http://viewpointmag.com/2017/05/08/cthulhu-plays-no-role-for-me
|
||||
publication: Viewpoint magazine
|
||||
year: 2017
|
||||
date: May 8
|
||||
- title: "‘Amniotechnics’ – on a watery politics of holding and letting go"
|
||||
url: http://thenewinquiry.com/amniotechnics
|
||||
publication: The New Inquiry
|
||||
year: 2017
|
||||
date: January 25
|
||||
- title: "SERF ‘n’ TERF: Notes on some Bad Materialisms"
|
||||
url: https://salvage.zone/in-print/serf-n-terf-notes-on-some-bad-materialisms/
|
||||
publication: Salvage Quarterly
|
||||
year: 2017
|
||||
date: vol. 5. February 6
|
||||
books:
|
||||
- title: "Abolish the Family: A Manifesto for Care and Liberation"
|
||||
path: /writing/abolish-the-family
|
||||
imgsrc: /img/books/abolish-the-family.jpg
|
||||
body: Coming soon
|
||||
- title: "Full Surrogacy Now"
|
||||
path: /writing/full-surrogacy-now/
|
||||
imgsrc: /img/books/fsn-cover.jpg
|
||||
body: Published in May 2019
|
||||
collective:
|
||||
- title: "Hope Against Hope: Writings on Ecological Crisis"
|
||||
url: https://www.commonnotions.org/buy/hope-against-hopa
|
||||
blurb: as part of ecological writing collective
|
||||
publication: Out of the Woods
|
||||
puburl: https://twitter.com/out_woods
|
||||
year: 2020
|
||||
- title: "End/And: Feminization in Unending Times"
|
||||
blurb: as part of feminist film criticism platform
|
||||
publication: "Blind Field: A Journal of Cultural Inquiry"
|
||||
puburl: http://blindfieldjournal.com/
|
||||
year: 2017
|
||||
---
|
||||
16
layouts/partials/accordion-script.html
Normal file
16
layouts/partials/accordion-script.html
Normal file
@ -0,0 +1,16 @@
|
||||
<script>
|
||||
var acc = document.getElementsByClassName("accordion");
|
||||
var i;
|
||||
|
||||
for (i = 0; i < acc.length; i++) {
|
||||
acc[i].addEventListener("click", function() {
|
||||
this.classList.toggle("active");
|
||||
var panel = this.nextElementSibling;
|
||||
if (panel.style.maxHeight) {
|
||||
panel.style.maxHeight = null;
|
||||
} else {
|
||||
panel.style.maxHeight = panel.scrollHeight + "px";
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
23
layouts/partials/books-section.html
Normal file
23
layouts/partials/books-section.html
Normal file
@ -0,0 +1,23 @@
|
||||
<div id="books-section" class="columns">
|
||||
<div class="column is-one-fifth">
|
||||
<div class="thead">BOOKS</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="columns">
|
||||
{{ range .Params.Books }}
|
||||
<div class="column is-half">
|
||||
<div class="book-cell">
|
||||
<h3>{{ .title }}</h3>
|
||||
<div class="book-cover">
|
||||
<a href={{ .path }}>
|
||||
<img src={{ .imgsrc }} alt={{ .title }}>
|
||||
</a>
|
||||
</div>
|
||||
<p class="book-blurb"><b>{{ .body }}</b></p>
|
||||
<p class="book-detail"><a href={{ .path }}>Details</a></p>
|
||||
</div>
|
||||
</div>
|
||||
{{ end}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
20
layouts/partials/collective-accordion.html
Normal file
20
layouts/partials/collective-accordion.html
Normal file
@ -0,0 +1,20 @@
|
||||
<div class="level accordion">
|
||||
<div class="level-left">
|
||||
<div class="level-item">{{ .year }}</div>
|
||||
</div>
|
||||
<div class="level-right">
|
||||
<div class="level-item">
|
||||
<span class="icon">
|
||||
<i class="fa-sharp fa-solid fa-circle-arrow-down"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="acc-panel">
|
||||
<div class="acc-panel-content">
|
||||
{{ range where .collective "year" .year }}
|
||||
<p><a href={{ .url }}>{{ .title}}</a>, {{ .blurb }} <a
|
||||
href={{ .puburl}}>{{ .publication }}</a>.</p>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
12
layouts/partials/collective-section.html
Normal file
12
layouts/partials/collective-section.html
Normal file
@ -0,0 +1,12 @@
|
||||
<div class="writing-section">
|
||||
<div class="columns">
|
||||
<div class="column is-one-fifth">
|
||||
|
||||
<div class="thead">COLLECTIVE WRITING</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
{{ partial "collective-accordion" (dict "collective" .Params.Collective "year" 2020)}}
|
||||
{{ partial "collective-accordion" (dict "collective" .Params.Collective "year" 2017)}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
19
layouts/partials/essay-accordion.html
Normal file
19
layouts/partials/essay-accordion.html
Normal file
@ -0,0 +1,19 @@
|
||||
<div class="level accordion">
|
||||
<div class="level-left">
|
||||
<div class="level-item">{{ .year }}</div>
|
||||
</div>
|
||||
<div class="level-right">
|
||||
<div class="level-item">
|
||||
<span class="icon">
|
||||
<i class="fa-sharp fa-solid fa-circle-arrow-down"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="acc-panel">
|
||||
<div class="acc-panel-content">
|
||||
{{ range where .essays "year" .year }}
|
||||
<p><a href={{ .url }}>{{ .title }}</a>, {{ .publication }}, {{ .date }}.</p>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
15
layouts/partials/essay-section.html
Normal file
15
layouts/partials/essay-section.html
Normal file
@ -0,0 +1,15 @@
|
||||
<div class="writing-section">
|
||||
<div class="columns">
|
||||
<div class="column is-one-fifth" >
|
||||
<div class="thead">ESSAYS</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2022)}}
|
||||
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2021)}}
|
||||
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2020)}}
|
||||
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2019)}}
|
||||
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2018)}}
|
||||
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2017)}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
16
layouts/partials/head.html
Normal file
16
layouts/partials/head.html
Normal file
@ -0,0 +1,16 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{{ $title := print .Site.Title " | " .Title }}
|
||||
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
|
||||
{{/* scss compiling */}}
|
||||
{{ $options := (dict "targetPath" "css/style.css" "outputStyle" "compressed") }}
|
||||
{{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options }}
|
||||
{{ template "_internal/twitter_cards.html" . }}
|
||||
<link href='{{ $style.RelPermalink }}' rel="stylesheet">
|
||||
<title>{{ $title }}</title>
|
||||
{{- partial "octocss.html" . -}}
|
||||
{{ if eq .Title "Writing" }}
|
||||
{{ partial "writing-head"}}
|
||||
{{ end }}
|
||||
</head>
|
||||
83
layouts/partials/writing-head.html
Normal file
83
layouts/partials/writing-head.html
Normal file
@ -0,0 +1,83 @@
|
||||
<style>
|
||||
.accordion {
|
||||
cursor: pointer;
|
||||
margin-bottom: 0 !important;
|
||||
padding: 8px 0 8px 0;
|
||||
}
|
||||
|
||||
.acc-panel {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
border-bottom: 1px solid;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.acc-panel-content {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.acc-panel p{
|
||||
padding-bottom: 8px;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
}
|
||||
.acc-panel a {
|
||||
color: #0C84DC;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#writing-page .thead {
|
||||
font-family: IBMPlexSans, sans-serif;
|
||||
}
|
||||
|
||||
.accordion .level-item {
|
||||
font-family: IBMPlexSans, sans-serif;
|
||||
}
|
||||
|
||||
.accordion .icon {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.writing-section {
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
#books-section {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
#books-section h3 {
|
||||
font-size: 21px;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
height: 7rem;
|
||||
}
|
||||
|
||||
.book-cell {
|
||||
font-family: IBMPlexMono, monospace;
|
||||
text-align: center;
|
||||
}
|
||||
.book-cover img {
|
||||
max-width: 140px;
|
||||
}
|
||||
|
||||
.book-blurb {
|
||||
font-family: IBMPlexMono, monospace;
|
||||
font-size: 12px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.book-detail {
|
||||
font-family: IBMPlexMono, monospace;
|
||||
font-size: 18px;
|
||||
padding-top: 10px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.book-detail a {
|
||||
color: #000;
|
||||
}
|
||||
</style>
|
||||
<script src="https://kit.fontawesome.com/a42e899e51.js" crossorigin="anonymous"></script>
|
||||
10
layouts/writing/list.html
Normal file
10
layouts/writing/list.html
Normal file
@ -0,0 +1,10 @@
|
||||
{{ define "main"}}
|
||||
<div id="writing-page" class="section writing">
|
||||
<div>
|
||||
{{ partial "essay-section" . }}
|
||||
{{ partial "books-section" . }}
|
||||
{{ partial "collective-section" . }}
|
||||
{{ partial "accordion-script"}}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
{"Target":"css/style.css","MediaType":"text/css","Data":{}}
|
||||
@ -12,6 +12,7 @@
|
||||
|
||||
$sans_font: IBMPlexSans;
|
||||
$serif_font: IBMPlexSerif;
|
||||
$mono_font: IBMPlexMono;
|
||||
|
||||
@font-face {
|
||||
@include define-font-family($sans_font, normal, italic, 'IBMPlexSans-Italic.woff2')
|
||||
@ -40,4 +41,21 @@ $serif_font: IBMPlexSerif;
|
||||
@font-face {
|
||||
@include define-font-family($serif_font, lighter, italic, 'IBMPlexSerif-LightItalic.woff2')
|
||||
}
|
||||
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, normal, italic, 'IBMPlexMono-Italic.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, normal, null, 'IBMPlexMono-Regular.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, bold, italic, 'IBMPlexMono-BoldItalic.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, bold, null, 'IBMPlexMono-Bold.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, 700, italic, 'IBMPlexMono-MediumItalic.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, 700, null, 'IBMPlexMono-Medium.woff2')
|
||||
}
|
||||
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-Bold.ttf
Normal file
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-Bold.ttf
Normal file
Binary file not shown.
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-BoldItalic.ttf
Normal file
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-BoldItalic.ttf
Normal file
Binary file not shown.
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-Italic.ttf
Normal file
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-Italic.ttf
Normal file
Binary file not shown.
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-Medium.ttf
Normal file
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-Medium.ttf
Normal file
Binary file not shown.
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-MediumItalic.ttf
Normal file
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-MediumItalic.ttf
Normal file
Binary file not shown.
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-Regular.ttf
Normal file
BIN
themes/sophie-lewis/static/font/ttf/IBMPlexMono-Regular.ttf
Normal file
Binary file not shown.
BIN
themes/sophie-lewis/static/font/woff2/IBMPlexMono-Bold.woff2
Normal file
BIN
themes/sophie-lewis/static/font/woff2/IBMPlexMono-Bold.woff2
Normal file
Binary file not shown.
Binary file not shown.
BIN
themes/sophie-lewis/static/font/woff2/IBMPlexMono-Italic.woff2
Normal file
BIN
themes/sophie-lewis/static/font/woff2/IBMPlexMono-Italic.woff2
Normal file
Binary file not shown.
BIN
themes/sophie-lewis/static/font/woff2/IBMPlexMono-Medium.woff2
Normal file
BIN
themes/sophie-lewis/static/font/woff2/IBMPlexMono-Medium.woff2
Normal file
Binary file not shown.
Binary file not shown.
BIN
themes/sophie-lewis/static/font/woff2/IBMPlexMono-Regular.woff2
Normal file
BIN
themes/sophie-lewis/static/font/woff2/IBMPlexMono-Regular.woff2
Normal file
Binary file not shown.
Reference in New Issue
Block a user