The lips the heart / The heart the soul / illuminated
❀ Terminology | Timeline
from 有希吃书笔记
#还活着 #queerwriter 中国跨男自传。作者现居广州，从未出国但有一定英文能力，并且获得了一个美国人的编辑支持，全书被一个基于oakland的出版社以英文出版。中文版我妹找到，看那意思应该是没有。感觉对于西人来说中国农村的经历很exotic才得以出版，不过就，嘛…… 作者出身黑龙江农村所以有一些很惨的农村描写，但是因为是小天才所以得以到北京上学之后开始北漂。当然因为是跨男所以漂的比别人还惨点儿。讲到了很多人证不符的大惨事，包括用了假id结果被抓进局子。一直没能改成证，做到top surgery也是去地方医院报自己是男性乳腺增生，这样才做成了。 看之前没预料到的是因为作者是基督徒，所以有很多关于自己的信仰和自己的跨性别身份的思考。截止全书结尾的时候作者还是在广州的一个教会学校教书，大抵stealth，只有校长知道他的跨性别身份。希望作者生活安稳吧。
from 有希吃书笔记
#还活着 #queerwriter #womenwriter 推荐程度：★★★★★ 阅读难度：★★☆☆☆ 有星是因为讲的话题比较沉重，文字本身是不难读的
Cecilia Gentili 是阿根廷出生，现居美国的跨性别活动家，今年52岁，做了很多跨性别人权和性工作者权益方面的工作。这本书是她老人家自己的回忆录，关于她在阿根廷长大的经历的。 本书副标题叫letters to everyone in my hometown who isn't my rapist 给我家乡所有不是我的强奸犯的人的书信。你们感受一下就是。这本书的形式如题所述就是给老家的人的书信，其中有的还活着有的已经去世了，有的还有联系关系还很好，有的已经断联了。其中除了家人，好友，也有过去有意无意对她造成了伤害的各色人物。 大家大概可以猜到作者是跨女。本书体现的一个重要部分就是跨儿在阿根廷生长的困难，和世界其他地方的跨儿当然是有相似之处的。拉美文化比起北美在性的方面要更开放一些，因此拉美人谈性会更容易，但跨儿遭受的性创伤并不会因此而减少。本书就是一个作者去直面自己所受的伤害的一种企图。我作为读者很感谢的一点是作者有一种很幽默乐观的态度，所以读这样的经历会稍微容易一点。但这并不是说她会轻描淡写或者sugarcoat自己的经历，发生的确实是很残忍的事情。不仅仅是性侵害本身的发生，也包括周围人特别是应该是她的朋友的人和她自己的母亲，当时不仅没有阻止侵害的发生，而是假装没有看到（母亲），或者鼓励她向性侵者要钱，然后把钱从她手里拿走（朋友）。当然她成长过程中也是有好人的：她有一个男同性恋小伙伴，经常抱团取暖；她的外婆对她也很好，让她女装，本地教堂的牧师说她的时候外婆就会干牧师，从回忆叙述里能看出来外婆本人曾经有过一位很重要的人，是一位女性间性别者。因此外婆的爱和外婆的经历给了作者很大力量。 对于创伤来讲有的人选择原谅，有的人选择不原谅。作者说她坚定的选择不原谅，fuck you. 当然创伤处理消化是以本人怎样好就怎么来处理的，讲道理寻求reconcillation的声音一般被认为在道德上是更高尚的。所以这种作者其实比较well-adjusted了但也去你妈的的叙述还是很宝贵的。
from 街のロックな相談屋
#歌词翻译 #TheBirthday #Sunburst
火星に落ちた カミナリみたいさ 如同落在火星，那一道突降的闪电 君白目むいて プールサイド 你的眼神迷离，靠在泳池边上 だだ漏れ欲望 ここまで匂うぜ 肆意散发的欲望，就连这边都能闻到 アイラブユーは 言わないでおくよ 像我爱你这种话，也不需要再说了吧
バナナジュース とろける気分 如同香蕉果汁般，濒临融化的心情 ビキニがタオルを 投げてよこした 穿比基尼那个女孩，将毛巾扔了过来
空気抜けた 浮き輪寝そべって 空气都跑完了，救生圈瘫在一旁 4時5時頃か ブラックアウト 四点还是五点，眼前突然的黑暗 プール浮かんだ 花飾り 在泳池里还漂着，鲜花的装饰 やわらかなグラマー 谷間に埋まる 感受柔软的迷人魅力，深埋那沟壑之中
バナナジュース とろける気分 如同香蕉果汁般，濒临融化的心情 ビキニがタオルを 投げてよこした 穿比基尼那个女孩，将毛巾扔了过来 太陽のネックレス 焦がれる感じ 阳光洒落如同项链，炽热难耐的渴望 ああこのまんま プールサイド 就顺着这份感觉，去往泳池边上
ナイフ持った その激情は 手里紧握着尖刀，其中的激情啊 終わらないだろう 并不会就这样结束 ナイフ持った その激痛は 手里紧握着尖刀，其中的剧痛啊 消えないだろう 也无法就这样消失
from 街のロックな相談屋
#歌词翻译 #TheBirthday #Sunburst
おいそこのでくのぼう なんなら俺と一緒にいこうぜ 喂、那边的那个大笨蛋，愿意的话你就跟着我一块走吧 こんなビルとはおさらばしてさ 和这样的高楼大厦就此说再见吧 免許？そんなもんいらねーよ 驾照？这样的东西才不需要哟 踏みゃーいい とびゃーいい 踩下去就完事，只管飞就好啦 お前とぶの得意じゃん 你这不是还挺会飞的嘛 東京上空 真っ黒け Ah 东京上空，一片漆黑，啊
高いところは平気だろ？ 没有恐高之类的问题吧？ それでも地球は美しいなんて 就算这样地球仍然是很漂亮的 どこのどいつが言いやがった？ 哪来的哪个家伙好意思说这话？ 宇宙からこの星見てみたいよねぇ 想从宇宙那边好好看看这颗行星啊 せせこましいよな俺達はってさ 想想我们还真是活得有够狭隘吧
けどそこにはすげーたくさんの 但是在那儿还真的是有非常多的 愛があんのよ 非常多的爱啊 絶滅なんてしない すげー小さな愛が 那些都是不会灭绝的，特别微小的爱啊
小さな愛だ！小さな愛だ！ 微小的爱啊！微小的爱啊！ 小さな愛だ！小さな愛だ！oh oh ～ 微小的爱啊！微小的爱啊！哦哦～
青い蝶のブローチを彼女とお揃いで作ってさ 这枚蓝色蝴蝶胸针是以前和女朋友一起制作的 革ジャンにつけてたんだけどねぇ 之前在皮夹克上一直好好别着的呢 バイクで転んで無くしちゃってさ 但是在骑摩托车时摔一跤就不见了 あーあって思ってたんだ したら 唉～本来我都想着算了吧，结果呢 しばらくしてカレーパン食ってたらさ 后面过了一会，就在吃咖喱面包的时候 中に入ってたのよ！ガリって歯に当たって 它居然藏进里面了！嘎吱嘎吱地硌到了牙齿 びっくりだよね なぁ 真是吓我一跳啊，真的
小さな愛だ！小さな愛だ！ 微小的爱啊！微小的爱啊！ 小さな愛だ！小さな愛だ！ 微小的爱啊！微小的爱啊！
Ah！人間は結局この星の敵になっちゃったけどさ 啊！虽然人类到最后还是成为了这颗行星的敌人吧 人間を創ったのは 但是创造了人类的 やっぱりこの星なんだって思いたいよね 想来想去果然还是这颗行星它自己吧 支離滅裂なのは百も承知さ 支离破碎的事当然心知肚明 さぁ！さぁ！さぁ！ 就来吧！来吧！来吧！
東京上空 真っ黒け さぁどこ行こうか？ 东京上空，一片漆黑，那么我们去哪里呢？ グラホにはグラホのさ プライドってもんがあってさ 小角色就该有小角色样，这里可是有名为骄傲的东西啊 外道には外道のスジってもんがあんのよ 就是连邪魔外道也会有邪魔外道的规矩啊 それが無い奴は落とすよ 没有的家伙就得被淘汰了 どこまでもね 无论哪都是呢
なぁ ギムレットには きっと後悔とか 我想，金酒吉姆雷特的话，一定是用后悔 塩味とか あとほんの少しの希望が 还有一点苦涩，以及极少的一点希望 入ってるんだよ なぁ 混合调制成的吧，大概
小さな愛だ！小さな愛だ！ 微小的爱啊！微小的爱啊！ 小さな愛だ！小さな愛だ！ 微小的爱啊！微小的爱啊！ 小さな愛だ！小さな愛だ！ 微小的爱啊！微小的爱啊！ 小さな愛だ！小さな愛だ！oh oh～ 微小的爱啊！微小的爱啊！哦哦～
おいそこのでくのぼう 喂、那边的那个大笨蛋 小さな愛だ 是微小的爱啊
from 街のロックな相談屋
#歌词翻译 #TheBirthday #Sunburst
ショートカットの あの娘言うには 留着一头短发的，那女孩她这么说了 言葉の幻想はもう終わったって 语言的幻想如今已经宣告结束了 髪の毛 一本の 重さくらいの 愛は？ 就只有，一缕发，这么点份量的，算爱吗？
ショートカットの あの娘言うには 留着一头短发的，那女孩她这么说了 暴発した100の魂は 爆发之后的一百个灵魂是 最後は 何も 生まなかった 生まなかった 愛は？ 到最后，什么都，没有生出来啊，没有生出来的，是爱吗？
髪の毛 一本の 重さくらいの 愛は？ 就只有，一缕发，这么点份量的，算爱吗？ 何を 生んだか？何か 生んだか？ 有什么，生下来吗？有什么，生出过吗？ 髪の毛 一本の 重さくらいの 愛は？ 就只有，一缕发，这么点份量的，是爱吗？
from 街のロックな相談屋
#歌词翻译 #TheBirthday #Sunburst
コカコーラのみさし あきびんにスイセンカ 可口可乐只剩一小口，空瓶子里还插着水仙花 マフユの体温と 指からませながら 感受着寒冬的体温，感受着手指的交织 so sweet oh yeah so sweet 太甜蜜了，真的是，太心动了 so sweet oh yeah so sweet 太甜蜜了，真的是，太心动了
遊牧民と鷹の関係性について 对游牧民和鹰之间的关系问题 あなたはどう思うって 聞かれたけど俺は 如果你问我是怎么看的，其实我也只会回答 「好きならそれでいいーんじゃん？」 「只要喜欢的话就没有什么问题吧？」 so sweet oh yeah so sweet 太甜蜜了，真的是，太心动了
コウモリが集まって良からぬ相談 蝙蝠们都聚在一起、商量着什么坏事 海辺の彼女 寝そべってる 海边的那女孩，仍然躺在那里 ピーナッツバターの香りがした 空气里弥散着、花生酱的清香 ココナッツかな ああ 但也许是椰子吧，啊啊
笑って右に曲がったホイールでかい 边笑着边往右拐了、那车轮大得夸张 車に君はコーヒー投げつけて 你对着车将咖啡用力扔了过去 「エディの店行こうよ」 「到艾迪的店里去看看吧」 so sweet oh yeah so sweet 太甜蜜了，真的是，太心动了
ハカイが始まったその瞬間に 在一切都开始破坏的那个瞬间 海辺の彼女 寝そべってる 海边的那女孩，仍然躺在那里 ピーナッツバターの香りがした 空气里弥散着、花生酱的清香 ココナッツかな ああ 但也许是椰子吧，啊啊
コカコーラのみさし あきびんにスイセンカ 可口可乐只剩一小口，空瓶子里还插着水仙花
from 街のロックな相談屋
#歌词翻译 #TheBirthday #Sunburst
キャンキャン喚く犬がいて 汪汪叫个不停、这里有一条狗 サンダルで蹴とばした 晴れた午後 于是我用凉鞋踹飞了它，多晴朗的午后 お前鳥になって飛んだだとか 听说你变成鸟、从此就要飞走 撃ち落としてやった 晴れた午後 所以我就将你给击落了，多晴朗的午后
キャンキャン喚く犬がいて 汪汪叫个不停、这里有一条狗 サンダルで蹴とばした 晴れた午後 于是我用凉鞋踹飞了它，多晴朗的午后 お前鳥になって飛んだだとか 听说你变成鸟、从此就要飞走 撃ち落としてやった 晴れた午後 所以我就将你给击落了，多晴朗的午后
弾丸ナイト その先にあった 在那子弹之夜后，会在前方等待着的 真実だけが 俺にとっては 就只剩真实了吧，对我而言就只有它
「世界が意味を取り戻した」 「世界如今已经找回了意义」 風天が叫んだ 晴れた午後 风天正在咆哮着，多晴朗的午后 君に空いていたナイフの穴 你身上还留着、刀刺穿的空洞 光が差し込んだ 晴れた午後 这里照进了光芒，多晴朗的午后
空っぽの愛が 俺にとっては 虽是空洞的爱吧，对我而言却只有它 全てだったんだ それでも俺は 这已是我的全部，即便如此我也仍然
心臓の奥 刺さってたのは 在心脏的深处，有什么刺了进来 天使の歌さ 晴れた午後 是天使的歌声吧，多晴朗的午后
from 聖飢魔II
http://www.ariaguitars.com/jp/featured/2025/10/jail2025.html
聖飢魔Ⅱのギタリスト/使用ギター機材と音作りの方法 https://www.ethmusica.jp/seikimatsu-guitarist#google_vignette
from melonella
railway template踩坑記
https://railway.com/deploy/OZSdEw
OAUTH_ENABLED 預設是false要改成true（不然一直crash）
綁上custom domain以後（刪掉railway自帶的）再redeploy一次
ENABLE_CONFIG_CACHE 應該要改成true否則設置都沒法保存（但可能要結合指定管理員+管理員已通過2FA等等一系列操作）
How do you create an admin account from the command line in Pixelfed? https://forum.yunohost.org/t/how-do-you-create-an-admin-account-from-the-command-line-in-pixelfed/26033
Manage Pixelfed users on the command line https://www.knthost.com/pixelfed/manage-pixelfed-users-command-line
Instagram import stuck #5569 php artisan app:transform-imports
https://github.com/pixelfed/pixelfed/issues/5569
<iframe title="Pixelfed Profile Embed" src="https://ekho.violaine.xyz/c-41/embed" class="pixelfed__embed" style="max-width: 100%; border: 0" width="500" height="400" allowfullscreen="allowfullscreen"></iframe>
https://www.reddit.com/r/PixelFed/comments/1j7adox/settings_when_embedding_pixelfed
from 有希吃书笔记
阅读难度：★★☆☆☆
Washington Square 华盛顿广场 1880 不好意思说但是看了《在德哈兰读洛丽塔》之后决定去看的，， 感觉有奥斯丁风味但是（比较）坏结局，这样的一本小说。描述的人物可以说都不讨人喜欢，可能只有一类特定的女权主义者会喜欢的小说。情节大概就是有钱人家的不聪明也不漂亮的女儿被一个gold digger男的追求，她老父亲言辞禁止并且威胁说你嫁给他我就不给你遗产，在这样的前提下各方来来回回的故事。最终结果是没结成婚然后主角终身未嫁。 作者自己说开始写作本书的时候对于主角Catherine有强烈的鄙视情绪，但是写着写着把自己给带跑了，后来甚至说不喜欢自己这本书，里面唯一好的就是女主角。确实Catherine让人想到《简·爱》的主角的著名发言： > Do you think, because I am poor, obscure, plain, and little, I am soulless and heartless? > 难道你认为，因为我贫穷，无名，不美，又渺小，我就没有灵魂和心吗？
Catherine这个人确实看起来是被垃圾男的来骗钱了而且没有她爹拦着的话就骗成功了。但是在这整个过程中读者会发现这个爹也满垃圾的，完全是把她当成了所有物，对于她好或者说礼貌的地方完全是出于体面，而不是对孩子的爱。虽然周围的人一个不拉全都是垃圾，但是Catherine在这个过程中表现出了最大程度的尊严，没有任何时候把自己降低到烂人的level和烂人打的。当然对于这样的人物大家可以自行插入radfem大女主发言；不过我读到最后确实可以说整本书我只尊敬不漂亮也不聪明（最后也没有钱）的Catherine，只有她是在正直而真诚的生活。
大家可以想象到就是对于这本书情节的争议，上面也说了可能只有很特定的一类女权主义者会喜欢这部书。大家想要看一些主角贫穷，无名，不美，又渺小的反大女主作品的话可以选择阅读。
from Sin-é
from 有希吃书笔记
#还活着 #womenwriter #queerwriter 阅读难度：★☆☆☆☆
本书alternative title: How I picked a fight with Mark Zuckerberg
目前有台版，未见中国发行译本(估计不太能有吧冷笑)。 是回忆录，作者和另一位毛熊记者分享2021年炸药和平奖。Maria Ressa是菲律宾出生美国长大然后又回菲律宾去干了记者，组建了新闻社Rappler。从回忆录看来人很轴很顽强，感觉在美国受的教育也挺重要的。在菲律宾办报社然后被独裁者干这个也是我们听了就很熟悉的展开，甚至觉得菲律宾监狱可能还没那哪儿能打。比较吃惊的一点是提到当代信息战和操控选举的打法，在发达国家搞之前会先在菲律宾试点。当年菲律宾人的Facebook使用率达到了97%，老么吓人，但扎克伯格也不当回事。Rappler出的报告提交给FB估计都被直接archive了，后来想要通过谷歌发布社交媒体操控民意的报告，谷歌也不给发布。关于社交媒体对政治的影响Rappler其实做了很多最早的研究但是没被重视，我怀疑除了被扎克伯格给压下来了，另外很大一部分也是因为orientalism。美国人谁在乎菲律宾发生了啥呢，好的你们现在也扑街了吧。
from Kunst der Fuge
The subtitle of the work, commonly referred to as “The Wedge”, refers to the first half of the fugue subject, which opens up as a sort of widening, chromatic wedge around the tonic point. The tradition of descending chromatic fourths in Bach's E minor fugue subjects include the BWV 914 harpsichord Toccata, the BWV 855 Prelude and Fugue from the Well Tempered Clavier, Book 1, as well as the “Un poco Allegro” movement from the BWV 528 Organ Sonata. The fugue, clocking at 231 measures, is among Bach's longest and most elaborate organ fugues. The movement is unique in that it is in a three-part structure, with the third da capo section being a note-for-note reprise of the first. The second section suddenly thrusts the piece into an over-one-hundred measure episode of rapid, toccata-like passages of great virtuosity, with the cascading passagework occasionally giving way to the subject.
Albert Schweitzer described both movements as being “so mighty in design, and have so much harshness blended with their power, that the hearer can only grasp them after several hearings.” Philipp Spitta referred to the work as a “two-movement symphony”, commenting on the work's “life energy” and the “extreme daring” nature of the fugue subject. Peter Williams attributed the work's “riveting power” to the “easily felt balance between the two movements.”
from sic itur ad astra
Who so loveth me that he Will give his precious life for me? I shall be set free from the stone If some one drowns for me in the sea, I shall have life, life of my own,— For life I ache.
I long for the singing blood, The stone is so still and cold. I dream of life, life is good. Will no one love me and be bold And me awake?
·······
I weep and weep alone, Weep always for my stone. What joy is my blood to me If it ripens like red wine? It cannot call back from the sea The life that was given for mine, Given for Love's sake.
https://en.wikisource.org/wiki/Poems_of_Rainer_Maria_Rilke_(1918)/Song_of_the_Statue > I need to be alone to heal this bleeding stone
“A work of art is good if it has arisen out of necessity.”
“Read as little as possible of literary criticism — such things are either partisan opinions, which have become petrified and meaningless, hardened and empty of life, or else they are just clever word-games, in which one view wins today, and tomorrow the opposite view. Works of art are of an infinite solitude, and no means of approach is so useless as criticism.”
“And perhaps the sexes are more akin than people think, and the great renewal of the world will perhaps consist in one phenomenon: that man and woman, freed from all mistaken feelings and aversions, will seek each other not as opposites but as brother and sister, as neighbors, and will unite as human beings, in order to bear in common, simply, earnestly, and patiently, the heavy sex that has been laid upon them.”
— Letters To A Young Poet by Rilke Rainer Maria
from uhpc
Yet the absence of the imagination had Itself to be imagined. The great pond, The plain sense of it, without reflections, leaves, Mud, water like dirty glass, expressing silence
Of a sort, silence of a rat come out to see, The great pond and its waste of the lilies, all this Had to be imagined as an inevitable knowledge, Required, as necessity requires.
The sun is an example. What it seems It is and in such seeming all things are.
Thus things are like a seeming of the sun Or like a seeming of the moon or night
Or sleep.
from melonella
Minimalist Themes created by manus.im
> Philosophy: Warm, seasonal comfort
> Color Palette: Warm oranges, reds, browns, and golds
Features:
Copy Theme
:root {
--autumn-rust: #d2691e;
--autumn-amber: #ff8c00;
--autumn-crimson: #dc143c;
--autumn-gold: #daa520;
--autumn-brown: #8b4513;
--autumn-bark: #654321;
--autumn-cream: #fdf5e6;
--autumn-parchment: #f5deb3;
--autumn-shadow: #2f1b14;
--autumn-text: #3e2723;
--autumn-light: #6d4c41;
--autumn-lighter: #8d6e63;
}
body {
font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;
color: var(--autumn-text);
background: linear-gradient(135deg, var(--autumn-cream) 0%, var(--autumn-parchment) 100%);
background-attachment: fixed;
}
/* Subtle leaf pattern background */
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
radial-gradient(circle at 25% 25%, rgba(210, 105, 30, 0.05) 0%, transparent 50%),
radial-gradient(circle at 75% 75%, rgba(255, 140, 0, 0.05) 0%, transparent 50%),
radial-gradient(circle at 50% 50%, rgba(220, 20, 60, 0.03) 0%, transparent 50%);
z-index: -1;
}
/* Header and Navigation */
body h1 a,
body h1 a:visited,
body h1 a:link,
body header h2 a,
body header h2 a:visited,
body header h2 a:link {
color: var(--autumn-bark);
text-decoration: none;
font-weight: 700;
font-family: 'Playfair Display', Georgia, serif;
text-shadow: 0 1px 2px rgba(139, 69, 19, 0.1);
}
body header p.description {
color: var(--autumn-light);
font-size: 15px;
font-weight: 400;
margin-top: 0.5rem;
font-style: italic;
}
body header nav a,
#post nav a:not(.home) {
color: var(--autumn-rust);
text-decoration: none;
font-size: 14px;
transition: all 0.3s ease;
padding: 0.5rem 1rem;
border-radius: 8px;
position: relative;
}
body header nav a:hover,
#post nav a:not(.home):hover {
color: var(--autumn-amber);
background: rgba(210, 105, 30, 0.1);
transform: translateY(-1px);
}
body#post article h2#title::after {
display: block;
}
.post-title a:link,
.post-title a:visited {
font-family: 'Playfair Display', Georgia, serif;
color: var(--autumn-bark);
}
.post-title a:hover {
color: var(--autumn-rust);
}
/* Content Areas */
body#post,
body#collection,
body#subpage {
color: var(--autumn-text);
max-width: 700px;
margin: 0 auto;
padding: 2.5rem;
background: rgba(253, 245, 230, 0.95);
backdrop-filter: blur(5px);
border-radius: 16px;
margin-top: 2rem;
margin-bottom: 2rem;
box-shadow:
0 8px 32px rgba(139, 69, 19, 0.15),
0 2px 8px rgba(139, 69, 19, 0.1);
border: 1px solid rgba(210, 105, 30, 0.2);
position: relative;
}
body#post::before,
body#collection::before,
body#subpage::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--autumn-rust), var(--autumn-amber), var(--autumn-gold));
border-radius: 16px 16px 0 0;
}
/* Links */
body article p a:not(.hashtag),
body article ul a:not(.hashtag),
body article table a:not(.hashtag),
p a {
color: var(--autumn-rust);
text-decoration: none;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
font-weight: 500;
}
body article p a:not(.hashtag):hover,
body article ul a:not(.hashtag):hover,
body article table a:not(.hashtag):hover,
p a:hover {
color: var(--autumn-amber);
border-bottom-color: var(--autumn-gold);
}
/* Timestamps and Meta */
body#post article time.dt-published,
body#collection article time.dt-published,
body#subpage article time.dt-published,
#collection #wrapper time,
#subpage #wrapper time {
color: var(--autumn-lighter);
font-size: 14px;
font-weight: 400;
opacity: 0.8;
}
/* Blockquotes */
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
color: var(--autumn-light);
border-left: 4px solid var(--autumn-gold);
padding: 1.5rem 2rem;
margin: 2rem 0;
font-style: italic;
background: linear-gradient(135deg, rgba(218, 165, 32, 0.1), rgba(245, 222, 179, 0.3));
border-radius: 0 12px 12px 0;
position: relative;
box-shadow: 0 4px 16px rgba(139, 69, 19, 0.1);
}
body#post blockquote::before,
body#collection blockquote::before,
body#subpage blockquote::before {
content: '"';
font-size: 3rem;
color: var(--autumn-gold);
position: absolute;
top: 0.5rem;
left: 1rem;
font-family: 'Playfair Display', Georgia, serif;
opacity: 0.6;
}
/* Code */
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
background: rgba(139, 69, 19, 0.08);
color: var(--autumn-bark);
font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
font-size: 14px;
border: 1px solid rgba(210, 105, 30, 0.2);
}
body#post pre,
body#collection pre,
body#subpage pre {
padding: 1.5rem;
border-radius: 10px;
overflow-x: auto;
border-left: 4px solid var(--autumn-rust);
}
/* Hashtags */
a.hashtag span:first-child {
color: var(--autumn-lighter);
}
a.hashtag span,
span.p-category {
color: var(--autumn-rust);
font-weight: 500;
}
Philosophy: Designed for comfortable night reading Color Palette: Deep blues, purples, and silver tones
Features:
Copy Theme
:root {
--moon-deep: #1a1d29;
--moon-night: #252936;
--moon-shadow: #2f3349;
--moon-mist: #3d4463;
--moon-silver: #a8b2d1;
--moon-glow: #c8d2f1;
--moon-light: #e8f0ff;
--moon-accent: #7c8db8;
--moon-highlight: #9bb0e8;
--moon-warm: #b8a8c8;
}
body {
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 16px;
line-height: 1.6;
color: var(--moon-glow);
background: linear-gradient(135deg, var(--moon-deep) 0%, var(--moon-night) 100%);
margin: 0;
padding: 0;
min-height: 100vh;
}
/* Header and Navigation */
body h1 a,
body h1 a:visited,
body h1 a:link,
body header h2 a,
body header h2 a:visited,
body header h2 a:link {
color: var(--moon-light);
text-decoration: none;
font-weight: 500;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
body header p.description {
color: var(--moon-silver);
font-size: 14px;
font-weight: 300;
margin-top: 0.5rem;
opacity: 0.9;
}
body header nav a,
#post nav a:not(.home) {
color: var(--moon-accent);
text-decoration: none;
font-weight: 400;
font-size: 14px;
transition: all 0.3s ease;
padding: 0.25rem 0.5rem;
border-radius: 4px;
}
body header nav a:hover,
#post nav a:not(.home):hover {
color: var(--moon-highlight);
background: rgba(124, 141, 184, 0.1);
}
/* Typography */
body#post article h2#title {
font-family: 'Source Serif Pro', Georgia, serif;
font-size: 2.4rem;
font-weight: 600;
color: var(--moon-light);
line-height: 1.2;
margin-bottom: 1.5rem;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.post-title a:link,
.post-title a:visited {
font-family: 'Source Serif Pro', Georgia, serif;
color: var(--moon-light);
text-decoration: none;
transition: color 0.3s ease;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.post-title a:hover {
color: var(--moon-highlight);
}
/* Content Areas */
body#post,
body#collection,
body#subpage {
color: var(--moon-glow);
max-width: 720px;
margin: 0 auto;
padding: 2.5rem 2rem;
background: rgba(37, 41, 54, 0.6);
backdrop-filter: blur(10px);
border-radius: 12px;
margin-top: 2rem;
margin-bottom: 2rem;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
/* Links */
body article p a:not(.hashtag),
body article ul a:not(.hashtag),
body article table a:not(.hashtag),
p a {
color: var(--moon-highlight);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: all 0.3s ease;
position: relative;
}
body article p a:not(.hashtag):hover,
body article ul a:not(.hashtag):hover,
body article table a:not(.hashtag):hover,
p a:hover {
color: var(--moon-warm);
border-bottom-color: var(--moon-warm);
text-shadow: 0 0 8px rgba(184, 168, 200, 0.4);
}
/* Timestamps and Meta */
body#post article time.dt-published,
body#collection article time.dt-published,
body#subpage article time.dt-published,
#collection #wrapper time,
#subpage #wrapper time {
color: var(--moon-silver);
font-size: 14px;
font-weight: 300;
opacity: 0.8;
}
/* Blockquotes */
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
color: var(--moon-silver);
border-left: 3px solid var(--moon-accent);
padding: 1.5rem;
margin: 2rem 0;
font-style: italic;
background: rgba(61, 68, 99, 0.4);
border-radius: 8px;
backdrop-filter: blur(5px);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
/* Code */
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
background: rgba(47, 51, 73, 0.8);
color: var(--moon-glow);
font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
font-size: 14px;
border: 1px solid rgba(124, 141, 184, 0.2);
}
body#post pre,
body#collection pre,
body#subpage pre {
padding: 1.25rem;
border-radius: 8px;
overflow-x: auto;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3);
}
/* Hashtags */
a.hashtag span:first-child {
color: var(--moon-silver);
}
a.hashtag span,
span.p-category {
color: var(--moon-accent);
}
/* Horizontal Rules */
hr {
background: linear-gradient(90deg, transparent 0%, var(--moon-accent) 50%, transparent 100%);
height: 1px;
border: none;
margin: 3rem 0;
opacity: 0.6;
}
/* Footer */
body footer a.home:link,
body footer a.home:visited {
color: var(--moon-accent);
text-decoration: none;
font-size: 14px;
transition: color 0.3s ease;
}
body footer a.home:hover {
color: var(--moon-highlight);
}
/* Light Mode Override */
@media (prefers-color-scheme: light) {
:root {
--moon-deep: #f8f9fc;
--moon-night: #ffffff;
--moon-shadow: #e8eaf0;
--moon-mist: #d8dae6;
--moon-silver: #6b7280;
--moon-glow: #374151;
--moon-light: #1f2937;
--moon-accent: #4f46e5;
--moon-highlight: #6366f1;
--moon-warm: #8b5cf6;
}
body {
background: linear-gradient(135deg, var(--moon-deep) 0%, var(--moon-night) 100%);
}
body#post,
body#collection,
body#subpage {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
background: rgba(248, 249, 252, 0.8);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
background: rgba(232, 234, 240, 0.8);
border: 1px solid rgba(79, 70, 229, 0.2);
}
}
Philosophy: Fresh, coastal-inspired design Color Palette: Cool blues, teals, and ocean foam
Features:
Copy Theme
:root {
--ocean-deep: #0f4c75;
--ocean-blue: #3282b8;
--ocean-teal: #0fb9b1;
--ocean-foam: #a8e6cf;
--ocean-mist: #f0f8ff;
--ocean-wave: #e6f3ff;
--ocean-sand: #faf7f2;
--ocean-coral: #ff6b6b;
--ocean-text: #2c3e50;
--ocean-light: #7f8c8d;
--ocean-lighter: #bdc3c7;
}
body {
font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 16px;
line-height: 1.7;
color: var(--ocean-text);
background: linear-gradient(135deg, var(--ocean-mist) 0%, var(--ocean-wave) 100%);
background-attachment: fixed;
margin: 0;
padding: 0;
min-height: 100vh;
}
/* Animated wave background */
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
radial-gradient(circle at 20% 80%, rgba(15, 185, 177, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(50, 130, 184, 0.1) 0%, transparent 50%),
radial-gradient(circle at 40% 40%, rgba(168, 230, 207, 0.1) 0%, transparent 50%);
z-index: -1;
animation: wave 20s ease-in-out infinite;
}
@keyframes wave {
0%, 100% { transform: translateY(0px) rotate(0deg); }
50% { transform: translateY(-10px) rotate(1deg); }
}
/* Header and Navigation */
body h1 a,
body h1 a:visited,
body h1 a:link,
body header h2 a,
body header h2 a:visited,
body header h2 a:link {
color: var(--ocean-deep);
text-decoration: none;
font-weight: 600;
font-family: 'Merriweather', Georgia, serif;
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
body header p.description {
color: var(--ocean-blue);
font-size: 15px;
font-weight: 400;
margin-top: 0.5rem;
opacity: 0.9;
}
body header nav a,
#post nav a:not(.home) {
color: var(--ocean-teal);
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: all 0.3s ease;
padding: 0.5rem 1rem;
border-radius: 20px;
position: relative;
overflow: hidden;
}
body header nav a:hover,
#post nav a:not(.home):hover {
color: var(--ocean-deep);
background: rgba(168, 230, 207, 0.3);
transform: translateY(-1px);
}
body header nav a::before,
#post nav a:not(.home)::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transition: left 0.5s ease;
}
body header nav a:hover::before,
#post nav a:not(.home):hover::before {
left: 100%;
}
/* Typography */
body#post article h2#title {
font-family: 'Merriweather', Georgia, serif;
color: var(--ocean-deep);
}
body#post article h2#title::after {
background: linear-gradient(90deg, var(--ocean-teal), var(--ocean-foam));
}
.post-title a:link,
.post-title a:visited {
font-family: 'Merriweather', Georgia, serif;
color: var(--ocean-deep);
text-decoration: none;
transition: all 0.3s ease;
}
.post-title a:hover {
color: var(--ocean-blue);
transform: translateX(5px);
}
/* Content Areas */
body#post,
body#collection,
body#subpage {
color: var(--ocean-text);
max-width: 720px;
margin: 0 auto;
padding: 2.5rem;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
border-radius: 20px;
margin-top: 2rem;
margin-bottom: 2rem;
box-shadow:
0 8px 32px rgba(15, 76, 117, 0.1),
0 2px 8px rgba(15, 76, 117, 0.05);
border: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
}
/* Links */
body article p a:not(.hashtag),
body article ul a:not(.hashtag),
body article table a:not(.hashtag),
p a {
color: var(--ocean-blue);
text-decoration: none;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
position: relative;
font-weight: 500;
}
body article p a:not(.hashtag):hover,
body article ul a:not(.hashtag):hover,
body article table a:not(.hashtag):hover,
p a:hover {
color: var(--ocean-deep);
border-bottom-color: var(--ocean-teal);
}
/* Timestamps and Meta */
body#post article time.dt-published,
body#collection article time.dt-published,
body#subpage article time.dt-published,
#collection #wrapper time,
#subpage #wrapper time {
color: var(--ocean-light);
font-size: 14px;
font-weight: 400;
opacity: 0.8;
}
/* Blockquotes */
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
color: var(--ocean-blue);
border-left: 4px solid var(--ocean-teal);
padding: 1.5rem 2rem;
margin: 2rem 0;
font-style: italic;
background: linear-gradient(135deg, rgba(168, 230, 207, 0.1), rgba(240, 248, 255, 0.3));
border-radius: 0 15px 15px 0;
position: relative;
box-shadow: 0 4px 16px rgba(15, 185, 177, 0.1);
}
body#post blockquote::before,
body#collection blockquote::before,
body#subpage blockquote::before {
position: absolute;
top: 1rem;
right: 1.5rem;
font-size: 1.2rem;
opacity: 0.6;
}
/* Code */
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
background: rgba(15, 76, 117, 0.05);
color: var(--ocean-deep);
font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
font-size: 14px;
border: 1px solid rgba(15, 185, 177, 0.2);
}
body#post pre,
body#collection pre,
body#subpage pre {
padding: 1.5rem;
border-radius: 12px;
overflow-x: auto;
border-left: 4px solid var(--ocean-teal);
}
/* Hashtags */
a.hashtag span:first-child {
color: var(--ocean-light);
}
a.hashtag span,
span.p-category {
color: var(--ocean-teal);
font-weight: 500;
}
/* Horizontal Rules */
hr {
background: none;
height: 2px;
border: none;
margin: 3rem 0;
background: linear-gradient(90deg, transparent 0%, var(--ocean-teal) 50%, transparent 100%);
border-radius: 1px;
}
/* Footer */
body footer a.home:link,
body footer a.home:visited {
color: var(--ocean-light);
text-decoration: none;
font-size: 14px;
transition: color 0.3s ease;
}
body footer a.home:hover {
color: var(--ocean-teal);
}
Philosophy: Classic print-inspired design Color Palette: High contrast black and white with gold accents
Features:
Copy Theme
:root {
--paper-white: #fefefe;
--paper-cream: #faf9f7;
--paper-gray: #f5f4f2;
--paper-ink: #1a1a1a;
--paper-charcoal: #2d2d2d;
--paper-slate: #4a4a4a;
--paper-silver: #6a6a6a;
--paper-light: #8a8a8a;
--paper-accent: #d4af37;
--paper-shadow: rgba(0, 0, 0, 0.1);
}
body {
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 17px;
line-height: 1.65;
color: var(--paper-ink);
background-color: var(--paper-cream);
background-image:
radial-gradient(circle at 1px 1px, rgba(0,0,0,0.02) 1px, transparent 0);
background-size: 20px 20px;
margin: 0;
padding: 0;
}
/* Header and Navigation */
body h1 a,
body h1 a:visited,
body h1 a:link,
body header h2 a,
body header h2 a:visited,
body header h2 a:link {
color: var(--paper-ink);
text-decoration: none;
font-weight: 700;
font-family: 'Libre Baskerville', Georgia, serif;
letter-spacing: -0.01em;
}
body header p.description {
color: var(--paper-slate);
font-size: 15px;
font-weight: 400;
margin-top: 0.5rem;
font-style: italic;
}
body header nav a,
#post nav a:not(.home) {
color: var(--paper-charcoal);
text-decoration: none;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: color 0.2s ease;
position: relative;
}
body header nav a:hover,
#post nav a:not(.home):hover {
color: var(--paper-accent);
}
body header nav a::after,
#post nav a:not(.home)::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background: var(--paper-accent);
transition: width 0.3s ease;
}
body header nav a:hover::after,
#post nav a:not(.home):hover::after {
width: 100%;
}
/* Typography */
body#post article h2#title {
font-family: 'Libre Baskerville', Georgia, serif;
color: var(--paper-ink);
line-height: 1.2;
text-align: center;
position: relative;
}
body#post article h2#title::after {
content: '';
width: 60px;
height: 2px;
background: var(--paper-accent);
}
.post-title a:link,
.post-title a:visited {
font-family: 'Libre Baskerville', Georgia, serif;
color: var(--paper-ink);
text-decoration: none;
line-height: 1.3;
transition: color 0.2s ease;
}
.post-title a:hover {
color: var(--paper-charcoal);
}
/* Content Areas */
body#post,
body#collection,
body#subpage {
color: var(--paper-ink);
max-width: 700px;
margin: 0 auto;
padding: 3rem 2rem;
background: var(--paper-white);
box-shadow: 0 0 40px var(--paper-shadow);
margin-top: 2rem;
margin-bottom: 2rem;
position: relative;
}
/* Paragraphs */
body#post p,
body#collection p,
body#subpage p {
margin-bottom: 1.5rem;
hyphens: auto;
}
/* First paragraph drop cap */
body#post article p:first-of-type::first-letter,
body#collection article p:first-of-type::first-letter,
body#subpage article p:first-of-type::first-letter {
font-family: 'Libre Baskerville', Georgia, serif;
font-size: 4rem;
font-weight: 700;
line-height: 1;
margin: 0.1rem 0.5rem 0 0;
color: var(--paper-accent);
}
/* Links */
body article p a:not(.hashtag),
body article ul a:not(.hashtag),
body article table a:not(.hashtag),
p a {
color: var(--paper-ink);
text-decoration: none;
border-bottom: 1px solid var(--paper-accent);
transition: all 0.2s ease;
font-weight: 500;
}
body article p a:not(.hashtag):hover,
body article ul a:not(.hashtag):hover,
body article table a:not(.hashtag):hover,
p a:hover {
color: var(--paper-accent);
border-bottom-color: var(--paper-ink);
}
/* Timestamps and Meta */
body#post article time.dt-published,
body#collection article time.dt-published,
body#subpage article time.dt-published,
#collection #wrapper time,
#subpage #wrapper time {
color: var(--paper-silver);
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1em;
display: block;
margin-bottom: 2rem;
}
/* Blockquotes */
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
color: var(--paper-slate);
border-left: 4px solid var(--paper-accent);
padding: 1.5rem 2rem;
margin: 2.5rem 0;
font-family: 'Libre Baskerville', Georgia, serif;
font-style: italic;
font-size: 1.1rem;
background: var(--paper-gray);
position: relative;
}
body#post blockquote::before,
body#collection blockquote::before,
body#subpage blockquote::before {
content: '"';
font-size: 4rem;
color: var(--paper-accent);
position: absolute;
top: -0.5rem;
left: 1rem;
font-family: 'Libre Baskerville', Georgia, serif;
}
/* Code */
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
background: var(--paper-gray);
color: var(--paper-charcoal);
font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
font-size: 14px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
body#post pre,
body#collection pre,
body#subpage pre {
padding: 1.5rem;
border-radius: 0;
overflow-x: auto;
border-left: 4px solid var(--paper-accent);
}
/* Hashtags */
a.hashtag span:first-child {
color: var(--paper-silver);
}
a.hashtag span,
span.p-category {
color: var(--paper-accent);
font-weight: 500;
}
/* Horizontal Rules */
hr {
background: none;
height: auto;
border: none;
margin: 3rem 0;
text-align: center;
position: relative;
}
/* Footer */
body footer a.home:link,
body footer a.home:visited {
color: var(--paper-silver);
text-decoration: none;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.1em;
transition: color 0.2s ease;
}
body footer a.home:hover {
color: var(--paper-accent);
}
Philosophy: Inspired by Japanese aesthetics and zen philosophy Color Palette: Soft greens, natural stones, and mist
Features:
Copy Theme
:root {
--zen-stone: #8B9A8B;
--zen-moss: #6B7B6B;
--zen-charcoal: #2C3E2C;
--zen-mist: #F8FAF8;
--zen-cloud: #F0F4F0;
--zen-accent: #7A8B7A;
--zen-text: #2D3D2D;
--zen-text-light: #5A6B5A;
--zen-text-lighter: #8A9B8A;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 16px;
line-height: 1.7;
color: var(--zen-text);
background-color: var(--zen-mist);
margin: 0;
padding: 0;
}
/* Header and Navigation */
body h1 a,
body h1 a:visited,
body h1 a:link,
body header h2 a,
body header h2 a:visited,
body header h2 a:link {
color: var(--zen-charcoal);
text-decoration: none;
font-weight: 500;
letter-spacing: -0.02em;
}
body header p.description {
color: var(--zen-text-light);
font-size: 14px;
font-weight: 300;
margin-top: 0.5rem;
}
body header nav a,
#post nav a:not(.home) {
color: var(--zen-accent);
text-decoration: none;
font-weight: 400;
font-size: 14px;
transition: color 0.2s ease;
}
body header nav a:hover,
#post nav a:not(.home):hover {
color: var(--zen-moss);
}
/* Typography */
body#post article h2#title {
font-family: 'Crimson Text', Georgia, serif;
color: var(--zen-charcoal);
line-height: 1.3;
margin-bottom: 1rem;
letter-spacing: -0.01em;
}
.post-title a:link,
.post-title a:visited {
font-family: 'Crimson Text', Georgia, serif;
color: var(--zen-charcoal);
text-decoration: none;
line-height: 1.4;
transition: color 0.2s ease;
}
.post-title a:hover {
color: var(--zen-moss);
}
/* Content Areas */
body#post,
body#collection,
body#subpage {
color: var(--zen-text);
max-width: 680px;
margin: 0 auto;
padding: 2rem 1.5rem;
}
/* Links */
body article p a:not(.hashtag),
body article ul a:not(.hashtag),
body article table a:not(.hashtag),
p a {
color: var(--zen-accent);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease, color 0.2s ease;
}
body article p a:not(.hashtag):hover,
body article ul a:not(.hashtag):hover,
body article table a:not(.hashtag):hover,
p a:hover {
color: var(--zen-moss);
border-bottom-color: var(--zen-moss);
}
/* Timestamps and Meta */
body#post article time.dt-published,
body#collection article time.dt-published,
body#subpage article time.dt-published,
#collection #wrapper time,
#subpage #wrapper time {
color: var(--zen-text-lighter);
font-size: 14px;
font-weight: 300;
}
/* Blockquotes */
body#post blockquote,
body#collection blockquote,
body#subpage blockquote {
color: var(--zen-text-light);
border-left: 3px solid var(--zen-accent);
padding-left: 1.5rem;
margin: 2rem 0;
font-style: italic;
background: var(--zen-cloud);
padding: 1.5rem;
border-radius: 4px;
}
/* Code */
body#post pre,
body#post code,
body#collection pre,
body#collection code,
body#subpage pre,
body#subpage code {
background: var(--zen-cloud);
color: var(--zen-text);
font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
font-size: 14px;
}
body#post pre,
body#collection pre,
body#subpage pre {
padding: 1rem;
border-radius: 6px;
overflow-x: auto;
}
/* Hashtags */
a.hashtag span:first-child {
color: var(--zen-text-lighter);
}
a.hashtag span,
span.p-category {
color: var(--zen-accent);
}
/* Horizontal Rules */
hr {
background: var(--zen-accent);
height: 1px;
border: none;
margin: 3rem 0;
opacity: 0.3;
}
/* Footer */
body footer a.home:link,
body footer a.home:visited {
color: var(--zen-accent);
text-decoration: none;
font-size: 14px;
}