Switch to EB Garamond for article paragraphs
Anirudh Oppiliappan x@icyphox.sh
Sat, 08 Aug 2020 10:54:54 +0530
8 files changed,
36 insertions(+),
27 deletions(-)
M
bin/openring.py
→
bin/openring.py
@@ -29,6 +29,7 @@
for f in random.sample(feeds, 3): fp = feedparser.parse(f) feed_link = fp.feed.link + print(fp.feed.link) feed_title = fp.feed.title print(feed_title) full_summ = str(html.fromstring(fp.entries[0].summary).text_content())
M
bin/plaintext.sh
→
bin/plaintext.sh
@@ -9,6 +9,9 @@ dir=${dir%"$2"}
base="${dir:-/}" } + +mkdir "build/txt/" + for p in pages/blog/*.md; do basename "$p" no_ext="${base%.*}"
M
static/style.css
→
static/style.css
@@ -1,13 +1,15 @@
-@import url('https://rsms.me/inter/inter.css'); +@import url('/static/fonts/Inter-V.otf'); +@import url('/static/fonts/EBGaramond-VariableFont_wght.ttf'); @supports (font-variation-settings: normal) { html { - font-family: 'Inter var', sans-serif; + font-family: 'Inter', sans-serif; font-feature-settings: 'ss01' 1, 'kern' 1, 'liga' 1, 'zero' 1, 'cv03' 1, 'cv02' 1, 'cv04' 1, 'tnum' 1; } } :root { + --dull: #f4f4f4; --cyan: #1e9191; --light-gray: #eee; --gray: gray;@@ -21,10 +23,18 @@ text-align: center;
} html { + background: var(--dull); font-size: 18px; line-height: 1.5; } +article > p, blockquote { + font-size: 21px; + line-height: 1.4; + font-family: 'EB Garamond'; + font-feature-settings: normal; +} + a { color: var(--gray); margin: 0;@@ -34,9 +44,8 @@ outline: 0;
} a:hover { - color: var(--dark); - background: var(--light-gray); - border-bottom: 1px solid var(--cyan); + color: var(--light-gray); + background: var(--dark); } .navbar {@@ -137,9 +146,6 @@ .content {
margin: 0 auto; } - html { - font-size: 18px; - } .openring { display: grid;
M
templates/openring.html
→
templates/openring.html
@@ -29,17 +29,17 @@ <div class="content">
<header> {{ header }} </header> - <div style="float: right"> + <section style="float: right"> view in <a href="/txt/{{ url }}.txt">plain-text</a> - </div> - <div style="float: left"> + </section> + <section style="float: left"> {{ date }} - </div> - <div style="clear: both" align="left"> + </section> + <article style="clear: both" align="left"> <h1>{{ title }}</h1> <h2 class="subtitle">{{ subtitle }}</h2> {{ body }} - </div> + </article> <p class="muted">Questions or comments? Send an email to <a href="mailto:~icyphox/x@lists.sr.ht?Subject=Re: {{ title }}">~icyphox/x@lists.sr.ht</a>—my <a href="https://lists.sr.ht/~icyphox/x">public inbox</a>.</p>
M
templates/text.html
→
templates/text.html
@@ -29,17 +29,17 @@ <div class="content">
<header> {{ header }} </header> - <div style="float: right"> + <section style="float: right"> view in <a href="/txt/{{ url }}.txt">plain-text</a> - </div> - <div style="float: left"> + </section> + <section style="float: left"> {{ date }} - </div> - <div style="clear: both" align="left"> + </section> + <article style="clear: both" align="left"> <h1>{{ title }}</h1> <h2 class="subtitle">{{ subtitle }}</h2> {{ body }} - </div> + </article> <p class="muted">Questions or comments? Send an email to <a href="mailto:~icyphox/x@lists.sr.ht?Subject=Re: {{ title }}">~icyphox/x@lists.sr.ht</a>—my <a href="https://lists.sr.ht/~icyphox/x">public inbox</a>.</p>@@ -48,10 +48,10 @@ <hr>
<div class="openring"> <div class="openring-feed"> - <h4><a href="https://k1ss.org/blog/20200803a">03/08/2020: This month in KISS (#4)</a></h4> - <p>Welcome to month 4!…</p> + <h4><a href="https://gru.gq/2020/07/17/propaganda-harder-than-it-looks/">Propaganda, harder than it looks</a></h4> + <p>A poor effort at “black propaganda” The success or failure of black propaganda depends on the receiver’s willingness to accept the credibility of the source and the content of the message. Care has to be taken to place the sources and messages within a soc…</p> - <p>via <a href="https://k1ss.org">KISS Linux Blog</a> on Aug 03, 2020</p> + <p>via <a href="https://gru.gq">grugq’s domain</a> on Jul 17, 2020</p> </div>@@ -74,10 +74,10 @@ </div>
<div class="openring-feed"> - <h4><a href="https://www.bellingcat.com/news/mena/2020/08/04/what-just-blew-up-in-beirut/">What Just Blew Up In Beirut?</a></h4> - <p>Shortly before 6 PM Beirut time reports began flooding Twitter of a fire and a series of explosions in Beirut. It rapidly became evident that event was far more than a small industrial fire. Shortly after, videos and images of a vast explosion flooded onto…</p> + <h4><a href="https://k1ss.org/blog/20200803a">03/08/2020: This month in KISS (#4)</a></h4> + <p>Welcome to month 4!…</p> - <p>via <a href="https://www.bellingcat.com">bellingcat</a> on Aug 04, 2020</p> + <p>via <a href="https://k1ss.org">KISS Linux Blog</a> on Aug 03, 2020</p> </div>