Rilkean Heart Reader

How does a pipe organ actually work? | Anna Lapwood | Classic FM

0:32 Ravel - Le Tombeau de Couperin 
3:26 Fugue in G-minor BWV 578
5:50 Prelude & Fugue in A Minor BWV 543

Pipe Organ (An instrument the size of a building)

The Great Stalacpipe Organ (a cave that you play)

Fugue improvisation for beginners

How to learn Bach Fugues on the piano- effective and useful methods

“some people jump out of airplanes, some deep ocean dive, we musicians sightread the fugues”

How to Learn Bach's Fugues

Beyond the Notes: BWV 543

最天真爛漫甜美的巴赫賦格

Fugue no. 21 – J. S. Bach //Musical analysis with structure

Fuga XXI

有好奇過地獄之門緩緩開啟是什麼聲音嗎

Jeanne Demessieux – Octaves

“Next to Jeanne Demessieux we all play the pedals like elephants!” (MARCEL DUPRE)

IV-XXI-MMXXV

April 21, 2025

from It's a perfect day for kiss and swell

🎉🎉HBD to Robert Smith!!

Timeline: /budd/the-cure

Stream: /melonella/bob-bday-stream

Goods: /goods/cure-phone-case-and-sticker

Hair History @ sweetruberth https://www.redbubble.com/i/hoodie/Robert-Smith-of-The-Cure-Hair-History-by-sweetruberth/164851905.R76QN

CD Photos from tumblr: https://www.tumblr.com/seankinney/72376853

THE GREAT BLACK MASS TOUR 1987

April 19, 2025

from 聖飢魔II

https://m.weibo.cn/status/4963210012656337

HTML


<div class="gallery-wrapper">
<div class="gallery-scroll">
    <img src="https://seaswallow.me/media/01cb1a9bd822ca071dc77ea7ac49ad1e83bd3401d0357f74b16e660a5f0c0cea.jpg" style="--angle:-2deg; --scale:1.05;">
    <img src="https://seaswallow.me/media/dfa2796b97f41eb7d3d4823685f0d957f9f2a0b54702e31739f9ccbb2b8a20c9.jpg" style="--angle:3deg;">
    <img src="https://seaswallow.me/media/1da44780b9a41065205d010b5aeedcd1f915497187b722dd55d218bbf9751bad.jpg" style="--angle:-1.5deg; --scale:0.98;">
    <img src="https://seaswallow.me/media/c8f3228b2410a3245c1980b9e2472aad584db57503b2e082781784acba84e2e7.jpg" style="--angle:2.5deg;">
    <img src="https://seaswallow.me/media/b52bcfe410702c9160bbd87783daa614a0b8db91339d0f5d0541986110a19036.jpg" style="--angle:-3deg;">
    <img src="https://seaswallow.me/media/0f240db858dee110145788fb74cfeb27283aabaa8fab39616ddc3c7c4acbcdd8.jpg" style="--angle:4deg;">
</div>
</div>

CSS

.gallery-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 2rem 0;
  background: transparent;
}

.gallery-scroll {
  display: flex;
  gap: 2rem;
  animation: scrollLoop 35s linear infinite;
  width: max-content;
}

.gallery-scroll img {
  height: 500px;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0;
  transition: transform 0.4s ease;
  transform: rotate(calc(var(--angle, 0deg))) scale(calc(var(--scale, 1)));
  box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}

.gallery-scroll img:hover {
  transform: scale(1.2) rotate(0deg);
  z-index: 10;
}

@keyframes scrollLoop {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
  body#collection .gallery-scroll img {
    height: 500px;
  }
  body#collection .gallery-scroll {
    gap: 1rem;
  }

Image Map

April 17, 2025

from w3schools

Map: https://watabou.itch.io/medieval-fantasy-city-generator Find Image coordinates: https://www.image-map.net

Workplace

HTML

<img src="https://cdn.masto.host/pinkorangered/media_attachments/files/114/352/177/239/547/846/original/e568e17289193b2f.png" alt="Workplace" usemap="#map">

<map name="map">
  <area target="_blank" alt="mastodon" title="Pink Orange Red" href="https://pinkorange.red" coords="460,162,396,47,237,78,224,252,365,344,429,307,384,287" shape="poly">
  <area target="_blank" alt="pleroma" title="Sea, Swallow Me" href="https://seaswallow.me" coords="237,128,220,179,226,255,184,270,132,195,67,84,126,59,168,78,189,99,239,87" shape="poly">
  <area target="_blank" alt="writefreely" title="Rilkean Heart" href="https://tale.violaine.xyz" coords="460,171,420,219,388,284,431,304,500,261,506,223,471,171" shape="poly">
  <area target="_blank" alt="nextcloud" title="Violaine" href="https://violaine.xyz" coords="224,278,271,288,235,356,179,346,180,310" shape="poly">
   <area target="_blank" alt="nextcloud talk" title="Milk And Kisses" href="https://chat.violaine.xyz" coords="276,290,238,357,297,367,345,356,316,312,292,291" shape="poly">
  <area target="_blank" alt="owncast" title="Eyes Are Mosaics" href="https://tv.seaswallow.me" coords="436,85,485,100,526,129,488,156,460,131" shape="poly">
 <area target="_blank" alt="status" title="uptimerobot" href="https://stats.uptimerobot.com/kvPVxIYx30" coords="342,8,253,37" shape="rect">
</map>

https://www.w3schools.com/html/html_images_imagemap.asp

《玲音》梳理（*含劇透）

April 16, 2025

from recycle

在劇中有兩個組織，就是為了爭奪網絡世界protocol的控制權而互相鬥爭。其中一個組織橘總研，另一個就是以英利政美為首的騎士集團。這形成了題目中所指的『一個對立面』。而玲音就正正站在這個對立面之中，成為騎士集團的鬥爭工具。

Protocol 7: 英利還在橘總研工作時寫的協議—利用舒曼共振，不需要NAVI電腦，只用Psyche晶片就可以連線到WIRED網絡世界（連接網絡世界和現實世界）

英利對這個協議進行了非法改寫並內嵌了自己的意識，以便隨心所欲地控制這個協議和成為WIRED世界中的神，橘總研知情之後解僱了他並全力阻止他的計劃（+為了重新掌握Protocol 7的控制權）

玲音有三個：現實世界的玲音（Ego 自我）、網絡的玲音（Superego 超我）、反派「邪惡玲音」（Id 本我）

1) 作為程序的玲音

玲音借助自己强大的计算机天赋寻找着自己身份的真相，最终揭开了隐藏于互联网中的阴谋：知名科技公司橘综研的前任CEO英利政美，将霍奇森教授所开发的收集儿童集体潜意识的机器加以改进。通过这一机器，他试图收集和串联起全部人类的集体潜意识，使自己成为互联网世界的“神”。而玲音，则是英利政美通过这一套系统所创造的，存在于他人记忆中的人工智能。

Lain最初的人格是レイン而不是岩倉玲音。在最初教授用孩童的脑电波进行试验时，也就是kight开发lain程序时，レイン就诞生了。它的本质是基于人类集体无意识网络与物质世界中的信息交互平台internet存在的，是程式

2) 現實世界的玲音

接下来的突破就是把玲音放入现实物质世界。加入了跨界软体，玲音就拥有一个物质的身体，而且也可以移动实物。她就被安排进入了一个「家庭」和上学。在Layer01，玲音的反应缓慢，因為她只是个初版，软体执行速度未曾优化。但是当她遇上危险的时候，网上玲音的性格就会取代反应缓慢的玲音，作出反击。

3) 奸笑的惡玲音

恶lain，knights制造出用于对原lain进行试验的观测性人格

附注：

玲音的「家人」：橘組織監視玲音的工具（引導她成長&防止她失控） 'given instructions to regulate her growth and keep her from using her godlike potential to break the borders between worlds as this is something they deemed dangerous.'

姐姐美香的古怪表現：在跟太郎接觸以後被污染成了騎士團的傳真機（被太郎濺到可樂，要使用他（們？）送的紙巾 'In episode 5 Mika receives a tissue pack from a man at the Shibuya intersection who we can assume was secretly a member of the Knights in disguise . . . Taro (who is also of the Knights) spills his drink on her, forcing her to open the tissues she received to wipe her sleeve dry . . . Following this, she starts to lose her perception of time.'

自殺：將意識上傳到網絡玲音：人類的集體潛意識；英利希望玲音和他一樣自殺/放棄肉身，控制玲音=成為全知全能的神（至於為什麼要給她肉體，一方面可以視為程序研發的進步，而二是更全面徹底的操控可能需要她有人類情感/自我意識*）騎士團：與英利合作或者被利用的組織橘總研：要阻止英利太郎：騎士團一員，負責操縱改變記憶

Why do they need her to abandon her body if she technically already resides in the Wired then? What’s the point of this loop back?

I believe the key to this is in Eiri’s claim that he was the one who gave Lain ego. Running off the story that Lain was originally a loose consciousness emanating from the Earth, then she would have been completely unanchored as a jumble of unrefined, unconscious feelings and desires without the capability for recognition of self or conscious thought. I believe that by placing her inside a body and letting her live like a human she would have started to develop a sense of identity and the capacity to use her perception-altering powers at will. In order for Deus to achieve his goals he needed to utilise Lain’s powers. He wanted to have Lain first become self-aware, and then pressure her into undergoing ego death and suicide, so that she would return to the Wired as an empty shell which he could effectively use as a control terminal to take over the collective unconscious and rewrite reality/perception. This would require him to take control of Lain’s psyche, an act which would only be possible if she first had the potential for sapient thought.

Work Cited

[1] 玲音研究所：三個世界、兩個組織、一個對立面 https://www.oocities.org/tinylittle.geo/Lain/theory/theory1.htm

[2] Protocol Seven – Serial Experiments Lain wiki https://lain.wiki/wiki/Protocol_Seven

[3] Serial Experiments Lain – Plot https://en.wikipedia.org/wiki/Serial_Experiments_Lain

[4] Explaining Iwakura Lain https://mynameismitchell.wordpress.com/2018/02/19/explaining-iwakura-lain

[5] 韩烽的回答 – 怎样解读《玲音》（Serial Experiments Lain）这部动画？ https://www.zhihu.com/question/22575701/answer/837510813

[6] 松惑的回答 – 怎样解读《玲音》（Serial Experiments Lain）这部动画？ https://www.zhihu.com/question/22575701/answer/54580732

[7] 玲音研究所：玲音是誰 https://www.oocities.org/tinylittle.geo/Lain/theory/theory4.htm

BWV 1004

2025年4月16日

from Kunst der Fuge

無法更滿意。這首樂章的地位想必不用多說。起初使我深刻的是僅僅是小提琴獨奏卻能二重奏甚至有一支樂隊的效果，意境深邃，樂理結構充滿數理的嚴謹慎密，感情有如宗教和哲學般直指人心、撼動靈魂。單純冠以好不好聽的評價無疑是低估了它的偉大、神聖和超越性。

再談這個版本。如果說演奏中沒有出現過技術上的差錯叫flawless，那Hilary Hahn這個版本在我心中從感情到技術都是perfect。沒有一點點紊亂地、忠實地還原了巴赫的初衷。開首就把那段極具挑戰性的多重和弦拉得飽滿而細膩，音色圓潤厚實，節奏不急不緩，在有那麼多橫跨四條弦的音符仍能保持從弓尾到弓尖一樣有力，充分顯示了她的功力深厚。少許具個人特色的演繹也是恰到好處，基調深沉卻不刻意煽情，不同部分之間的過渡流暢自然同時也不忘營造對比。尤其喜歡9分那裡，感情如急泉噴湧而出後的安詳寧靜一一像是映照著作曲者一生的苦難、掙扎、又像是睿智的長者對人生有了充分的感悟，一個虔誠的信徒在死亡將至時看見天堂溫暖的曙光。

另一個很喜歡的位置在13:30，好幾次在外面聽得熱淚盈眶。彷彿前面一層一層、無處安放的迴迂感情累積起來，終在這裡尋到了它的出口和答案，美麗得使人為之屏息。聽前面的部分心情隨著樂章跌宕起伏、為之動容，而後面就像被洗滌過一樣平靜，最後結局與開首互相呼應，悠長而完滿地收結，言有盡而意無窮。

總之是我在希望在喪禮上播的歌#1。

2016.06.27

如何製作日落

April 16, 2025

from recycle

撕開包裝，固定在兩端握著畫筆從隨意角落開始指尖發力緩緩拖過去一邊旋轉手上的素胚材料方面需要你發揮創意粉紅葡萄酒或西柚紅茶多餘的閃粉記得灑進海裡適當地加水注意不要攪拌漸變的位置這些位置可以用玫瑰花瓣點綴

心血來潮

April 16, 2025

from recycle

一直想為這在我心中留下~~無法磨滅的傷~~的神作，和我稱為本命cp的月L寫些什麼，儘管也只是看了許多分析後拾人牙慧的陳腔濫調。不過還是希望能找到跟我一樣到現在還念念不忘的人。

前幾天一時衝動跑去複習了死亡筆記第二部。當年L死了以後就喪失看下去的動力了，確實也有人說他死了以後就沒那麼好看了，夜神月智商下降了，不過心中惦記著一直都想補回來。雖然早就知道結局感受還是複雜得一言難盡。沒有那麼好看，也許指的是沒有與L對決那雙方精神緊繃到極限一觸即發的緊張感。我卻會想，這種“不精彩”也許是刻意的，比如說作為他失敗的伏筆。和L對決時不知鹿死誰手，兩人平分秋色；L死後他表面上像是贏了，能夠為所欲為。但世界已經從核心——也就是他最初的信念開始崩壞，他不再為正義制裁，變得無所顧忌，也墮落成不擇手段殺人狂魔。他創造的世界，儘管表面上和平卻是恐懼之下的偽裝，那麼腐朽和死氣沉沉，這樣的世界注定要失敗。這個轉變從op裡也能聽出來，第一季的是兩人的黑白對決，有種命運性的淒美壯烈，第二季是毀滅性的黑嗓，這是因為世界失去了秩序而他的下場打從一開始就是注定的。又或者從夜神月這個人本身來說，第一季裡他還保有一絲良知，甚至失憶時的白月是個正義感極強的人，但第二季他已經不需掙扎就能將親情友情愛情都毫不猶疑地捨棄。

最後的夜神月是可悲而可笑的，沒有預期的勝利，手上再無底牌，所有事都直指他是基拉的事實。他氣急敗壞之下幾乎展現了所有人性的醜惡，自私冷漠，暴戾無情，貪生怕死，歇斯底里地將責任一個勁地推到將他視為信仰的魅上身上。魅上口中的神此刻像是諷剌。因為打從一開始，他就不可能成為神，他不過是一個人類。這個神理所當然地在最後也沒有救贖自己。在第二種意義上這是多麼的人性化。

結局我只能說虐得毫無人性。基拉的死本應大快人心，但是我只感到悲涼。面對即使已經失敗也要拼命逃離的他，其他人也像是意識到什麼一樣，不再憤怒，而是喊他，月，焦急地追了出去。在橘紅夕陽注視下他捂住肩，血就那麼一直流，一直流，隨著他狼狽吃力的步伐在地上留下了觸目驚心的印記。迎面而來的是十七歲剛撿到筆記陷入苦思的自己，一個純粹乾淨的少年。他幾乎是心裡一驚的，然後意識到離那時的初衷是走遠了多少。他也許終於發現自己早就被徹底被筆記侵蝕了人性所有光輝的一面。再也不是那個眼神堅定富正義感的自己。他妄想用死亡筆記操控世界，卻渾然不覺地被這種力量操控，變得腐化。人又怎麼能駕馭神的力量呢。一直看起來愚蠢可笑的死神此刻冷漠得使人發寒。即使被玩弄調侃，他畢竟是個掌控生死的死神，往筆記上寫幾個字就能結束一個人的生命。甚至打從一開始他就是抱著打發時間，看好戲的心態玩弄世界。

扯遠了，最後夜神月癱倒在樓梯中靜待死亡，隔住一段距離他看到L的身影默默地俯視著他，正如他俯視在他懷裡逐漸闔上眼的L。他們始終是孤單的，儘管比誰都能理解對方，比誰都要相似，但又有著背道而馳的信念不得不站在對立面，同時兩人都將信念凌駕於別的一切。死亡筆記的音樂，不是震撼人心那種龐大的管弦樂和合唱團，便是簡單的結他或鋼琴獨奏，冰冷而孤獨。但兩人死的時候，都沒有音樂，只有震懾人心的死寂。

一切都結束了。

#DeathNote

修改Writefreely光标

April 16, 2025

from 人机

光标CSS

修改默认光标：

* {
    cursor: url(cursorImage.png), auto;
}

修改指针光标：

a:hover {
    cursor: url(pointerImage.png), auto;
}

光标素材

160+ Cursors Crosshairs – Pack (32x32)

光标灵感

part.archi

Timeline

April 15, 2025

from w3schools

https://www.w3schools.com/howto/howto_css_timeline.asp

Sep 2020

粉橙紅🍊 v3.0

Dec 2020

Violaine ☁️

Mar 2021

🌊 Sea, Swallow Me

Jan 2022

🐤 Milk & Kisses

Apr 2022

Rilkean Heart🍃

Oct 2022

Eyes are Mosaics⚡

HTML

<div class="timeline">
  <div class="container left">
    <div class="content">
      <h2>Sep 2020</h2>
      <p>粉橙紅🍊 v3.0</p>
    </div>
  </div>
  <div class="container right">
    <div class="content">
      <h2>Dec 2020</h2>
      <p>Violaine ☁️</p>
    </div>
  </div>
  <div class="container left">
    <div class="content">
      <h2>Mar 2021</h2>
      <p>🌊 Sea, Swallow Me</p>
    </div>
  </div>
  <div class="container right">
    <div class="content">
      <h2>Jan 2022</h2>
      <p>Milk & Kisses 🐤</p>
    </div>
  </div>
  <div class="container left">
    <div class="content">
      <h2>Apr 2022</h2>
      <p>🍃 Rilkean Heart</p>
    </div>
  </div>
  <div class="container right">
    <div class="content">
      <h2>Oct 2022</h2>
      <p>Eyes are Mosaics⚡</p>
    </div>
  </div>
</div>

CSS

* {
  box-sizing: border-box;
}


/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: slategrey;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: white;
  border: 4px solid aliceblue;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}


/* Fix the circle for containers on the right side */
.right::after {
  left: -16px;
}

/* The actual content */
.content {
  padding: 20px 30px;
  background-color: aliceblue;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .container {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .container::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
  left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
  .right {
  left: 0%;
  }
}

Animation

@keyframes mymove {
  from {top: 200px;}
  to {top: 0px;}
}
#collection .container {  animation: mymove 8s infinite;
}

https://www.w3schools.com/cssref/atrule_keyframes.php https://www.w3schools.com/css/css3_animations.asp

Quick Guide

April 15, 2025

from w3schools

Portfolio (Image Grid layout) https://www.w3schools.com/howto/howto_js_image_grid.asp

Example:

/35mm/vienna

Horizontal Scrollable Image Gallery https://www.w3schools.com/howto/howto_css_image_gallery_scroll.asp

Example:

/sweet-haze/hbd-to-robert-smith

Image Map https://www.w3schools.com/html/html_images_imagemap.asp

Example: /sin-e/jeff-bootleg-map

HTML Colours – 140 standard color names https://www.w3schools.com/colors/colors_names.asp

Opacity on hover

img:hover {
  filter: opacity(70%);
}

Change cursor (smaller than 50px)

* {
 cursor: url(XXX.png), auto !important;
}

Code block markup

html

<pre><code class="language-css">
</code></pre>

markdown

段落（的前一行和最後一行，用三個反引號 ``` 包裹著）

``` 第一行後面寫html/css

Owncast 排片日程

April 13, 2025

from melonella

https://tv.seaswallow.me

Year	Title
1970	Led Zeppelin – Live at the Royal Albert Hall
1973	Ladies and Gentlemen: The Rolling Stones
1986	SEIKIMA-II – THE GREAT BLACK MASS TOUR
1995	Jeff Buckley – Live in Frankfurt
1998	Portishead – Roseland NYC Live