Compare commits

...

4 Commits

Author SHA1 Message Date
Pau f0adfc7427 line space
continuous-integration/drone/push Build is passing Details
2023-01-06 12:11:22 +00:00
Pau d80b0690b7 button always red 2023-01-06 12:03:48 +00:00
Pau 21801b963e fonts 2023-01-06 11:58:28 +00:00
Pau 7cec329315 mark events as past 2023-01-05 00:57:35 +00:00
33 changed files with 31 additions and 66 deletions

View File

@ -25,44 +25,44 @@ title: Events
<small>28 Sep 2022 (Wed) 7pm EST</small> <small>28 Sep 2022 (Wed) 7pm EST</small>
</li> </li>
<li> <li class="past-event">
<p class="event-title">Abolish the Family launch LRB Bookshop with Lola Olufemi </p> <p class="event-title">Abolish the Family launch LRB Bookshop with Lola Olufemi </p>
<small>4 Oct 2022 (Tues) 7pm</small> <small>4 Oct 2022 (Tues) 7pm</small>
</li> </li>
<li> <li class="past-event">
<p class="event-title">Lecture on mothering against motherhood at Gropius Bau, Berlin</p> <p class="event-title">Lecture on mothering against motherhood at Gropius Bau, Berlin</p>
<small>7-8 Oct 2022 (Fri-Sat)</small> <small>7-8 Oct 2022 (Fri-Sat)</small>
</li> </li>
<li> <li class="past-event">
<p class="event-title">Abolish the Family seminar, ISJPS, Sorbonne, Paris.</p> <p class="event-title">Abolish the Family seminar, ISJPS, Sorbonne, Paris.</p>
<small>14 Oct 2022 (Fri) 2pm CET</small> <small>14 Oct 2022 (Fri) 2pm CET</small>
</li> </li>
<li> <li class="past-event">
<p class="event-title">Jindřich Chalupecký Society (SJCH) curatorial collective, Display, Prague</p> <p class="event-title">Jindřich Chalupecký Society (SJCH) curatorial collective, Display, Prague</p>
<small>15-16 Oct 2022 (Sat-Sun)</small> <small>15-16 Oct 2022 (Sat-Sun)</small>
</li> </li>
<li> <li class="past-event">
<p class="event-title">Abolish the Family launch discussion, Making Worlds bookstore, Philadelphia</p> <p class="event-title">Abolish the Family launch discussion, Making Worlds bookstore, Philadelphia</p>
<small> 29 October 2022, 7pm</small> <small> 29 October 2022, 7pm</small>
</li> </li>
<li> <li>
<p class="event-title">Abolish the Family launch event, UMass Boston, University Hall 2120</p> <p class="event-title">Abolish the Family launch event, UMass Boston, University Hall 2120</p>
<small>16 November 2022, 4pm</small> <small>16 November 2022, 4pm</small>
</li> </li>
<li> <li class="past-event">
<p class="event-title">University of Pittsburgh</p> <p class="event-title">University of Pittsburgh</p>
<small>1 Dec 2022 (Thur)</small> <small>1 Dec 2022 (Thur)</small>
</li> </li>
<li> <li class="past-event">
<p class="event-title">Diane di Prima and Acid Communism, Culture Nights at the Bishop Bar, Bloomington, Indiana</p> <p class="event-title">Diane di Prima and Acid Communism, Culture Nights at the Bishop Bar, Bloomington, Indiana</p>
<small>7 December 2022, 5pm</small> <small>7 December 2022, 5pm</small>
</li> </li>
</ul> </ul>
</section> </section>

View File

@ -5,9 +5,9 @@ title: abolish-the-family
<div id="abolish-the-family"> <div id="abolish-the-family">
<div class="column is-three-fifths"> <div class="column is-three-fifths">
<div class="book-cover has-text-centered"> <div class="book-cover has-text-centered">
<h1 class="red-text">Abolish The Family: A Manifesto For Care And Liberation</h1> <h1 class="red-text">Abolish The Family: A Manifesto For Care And Liberation</h1><br>
<img class="medium" src="/img/books/abolish-the-family.jpg" alt="Abolish the Family Cover"> <img class="medium" src="/img/books/abolish-the-family.jpg" alt="Abolish the Family Cover"><br>
<p class="book-stats"><a class="order-link red-text" href="https://versobooks.com/books/4075-abolish-the-family">Pre-order now</a></p> <a class="order-link red-text" href="https://versobooks.com/books/4075-abolish-the-family">Pre-order now</a>
</div> </div>
</div> </div>
@ -23,8 +23,8 @@ title: abolish-the-family
<hr /> <hr />
<section class="testimonials"> <section class="testimonials">
<article class="testimonial-card"> <article>
<p class="testimonial-text"> <p class="testimonial-card">
“I am consistently dazzled by Sophie Lewis's work, which is both intellectually capacious and heart-expanding. Abolish the Family is a liberatory demand and a world-making project proposed here with revolutionary love and inimitable style. Without fail, Lewis clarifies, disrupts and inspires.” “I am consistently dazzled by Sophie Lewis's work, which is both intellectually capacious and heart-expanding. Abolish the Family is a liberatory demand and a world-making project proposed here with revolutionary love and inimitable style. Without fail, Lewis clarifies, disrupts and inspires.”
</p> </p>
<p class="testimonial-author">Natasha Lennard, <i>Being Numerous: Essays on Non-Fascist Life</i></p> <p class="testimonial-author">Natasha Lennard, <i>Being Numerous: Essays on Non-Fascist Life</i></p>

View File

@ -14,32 +14,11 @@ $sans_font: IBMPlexSans;
$serif_font: IBMPlexSerif; $serif_font: IBMPlexSerif;
$mono_font: IBMPlexMono; $mono_font: IBMPlexMono;
@font-face {
@include define-font-family($sans_font, normal, italic, 'IBMPlexSans-Italic.woff2')
}
@font-face {
@include define-font-family($sans_font, normal, null, 'IBMPlexSans-Regular.woff2')
}
@font-face {
@include define-font-family($sans_font, 200, null, 'IBMPlexSans-Light.woff2')
}
@font-face {
@include define-font-family($sans_font, bold, italic, 'IBMPlexSans-BoldItalic.woff2')
}
@font-face {
@include define-font-family($sans_font, 700, null, 'IBMPlexSans-Medium.woff2')
}
@font-face {
@include define-font-family($sans_font, lighter, italic, 'IBMPlexSans-LightItalic.woff2')
}
@font-face { @font-face {
@include define-font-family($serif_font, normal, italic, 'IBMPlexSerif-Italic.woff2') @include define-font-family($serif_font, normal, italic, 'IBMPlexSerif-Italic.woff2')
} }
@font-face { @font-face {
@include define-font-family($serif_font, lighter, null, 'IBMPlexSerif-Light.woff2') @include define-font-family($sans_font, normal, null, 'IBMPlexSans-Regular.woff2')
}
@font-face {
@include define-font-family($serif_font, lighter, italic, 'IBMPlexSerif-LightItalic.woff2')
} }
@font-face { @font-face {
@include define-font-family($mono_font, normal, null, 'IBMPlexMono-Regular.woff2') @include define-font-family($mono_font, normal, null, 'IBMPlexMono-Regular.woff2')
@ -47,3 +26,9 @@ $mono_font: IBMPlexMono;
@font-face { @font-face {
@include define-font-family($mono_font, 700, null, 'IBMPlexMono-Medium.woff2') @include define-font-family($mono_font, 700, null, 'IBMPlexMono-Medium.woff2')
} }
@font-face {
@include define-font-family($serif_font, normal, null, 'IBMPlexSerif-Regular.woff2')
}
@font-face {
@include define-font-family($serif_font, normal, bold, 'IBMPlexSerif-Bold.woff2')
}

View File

@ -13,7 +13,7 @@ $text-colour: #1F1F1F;
body { body {
color: $text-colour; color: $text-colour;
font-family: $serif_font; font-family: $serif_font;
line-height: 1.4; line-height: 1.7;
h1{ h1{
font-family: $mono_font; font-family: $mono_font;
@ -23,6 +23,14 @@ body {
color: #eb2b2b; color: #eb2b2b;
} }
} }
.order-link {
font-family: $mono_font !important;
font-size: 1.1rem;
text-align: center;
//display: inline-block;
@media (max-width: 480px) { padding-top: 1em; }
}
} }
.red-text{ .red-text{
@ -103,12 +111,6 @@ hr {
font-family: $mono_font; font-family: $mono_font;
} }
.is-outlined{
background: rgba(0,0,0,0);
border-color: #eb2b2b;
color: #eb2b2b;
}
#content { #content {
font-size: 1.1rem; font-size: 1.1rem;
strong,i,b,em { strong,i,b,em {
@ -365,20 +367,10 @@ footer {
h1{ h1{
text-align: center; text-align: center;
color: #eb2b2b; color: #eb2b2b;
} }
.book-cover { margin-top: 2em; } .book-cover { margin-top: 2em; }
.order-link {
text-decoration: underline;
font-size: 1.2rem;
color: #eb2b2b;
text-align: center;
//display: inline-block;
@media (max-width: 480px) { padding-top: 1em; }
}
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
@ -389,7 +381,6 @@ footer {
font-size: 2rem; font-size: 2rem;
font-weight: 300; font-weight: 300;
font-style: italic; font-style: italic;
line-height: 1.4;
} }
ol { ol {
@ -399,19 +390,12 @@ footer {
} }
.testimonial-card { .testimonial-card {
font-family: $mono_font;
font-size: 16px; font-size: 16px;
text-transform: capitalize; text-transform: capitalize;
font-weight: bold;
border: 1px solid; border: 1px solid;
color: #eb2b2b; color: #eb2b2b;
padding: 1em; padding: 1em;
margin-bottom: 2rem; margin-bottom: 2rem;
.testimonial-author {
font-weight: normal;
font-family: $serif_font;
font-size: 16px;
}
} }
} }

View File

@ -1,11 +1,7 @@
<div class="hero header octopus-mobile"> <div class="hero header octopus-mobile">
<div class="hero-body"> <div class="hero-body">
{{ $content_class := $.Page.Params.title | lower }} {{ $content_class := $.Page.Params.title | lower }}
{{ if eq (.Title | lower) "abolish-the-family" }} <a class="button button-book no-underline" href="/writing/abolish-the-family/">NEW BOOK&nbsp;<b>Abolish The Family</b></a><br />
<a class="button is-outlined button-book no-underline" href="/writing/abolish-the-family/">NEW BOOK&nbsp;<b>Abolish The Family</b></a><br />
{{else}}
<a class="button button-book no-underline" href="/writing/abolish-the-family/">NEW BOOK&nbsp;<b>Abolish The Family</b></a><br />
{{end}}
<a class="no-underline" href="/"> <a class="no-underline" href="/">
<p class="title is-size-0-1"> <p class="title is-size-0-1">
{{ site.Params.header.name }} {{ site.Params.header.name }}