REEF with Cards

card.md

搬家、換平台，帶著它走就好。

---
title: REEF with Cards
tagline: 它是什麼，由你定義。
accent: "#ff6b4a"
avatar: reef-mark.svg
lang: zh-TW
locales: [en-US, ja-JP]
---

- [ ] %% card: profile w=6 avatar=reef-mark.svg back=#what %% 它是什麼，由你定義。
- [ ] %% card: feature w=6 img=deck-art.png back=#why %% 認識一個人，不必先加入同一個平台。
- [ ] %% card: embed w=6 icon=layers back=#layouts %%
	<div class="trio"></div>
	<p>同樣的內容，三種看法。翻面試試。</p>
- [ ] %% card: embed w=6 icon=sparkles back=#ai %%
	<div class="say"></div>
	<p>用你自己的 AI。Claude、ChatGPT 的網頁版接上就能改。</p>
- [ ] %% card: embed w=6 back=#src-clock %%
	<div class="flipclock"></div>
	<p>這個時鐘是貼進來的一段 HTML。你也可以貼你的。</p>
- [ ] %% card: text icon=file-text back=#cardmd %% 你做的，都在一個檔案裡，隨時帶得走。
- [ ] %% card: embed w=6 icon=link back=#domain %%
	<div class="urlbar">你的名字<span class="tld">.com</span></div>
	<script>/* 880 個後綴輪著翻 */</script>
- [ ] %% card: text icon=gift back=#free %% 真的，這些免費。
- [ ] %% card: dock side=left icon=compass href=/draw %% 其他人的 Cards
- [ ] %% card: inbox side=right %%

%% drawer: ai %%
在 Claude 或 ChatGPT 的網頁版加上 feelreef 的連接器（MCP），然後用說的。

%% drawer: cardmd %%
（這份檔案本身）

下載我的檔案

你貼的就是這個

<div class="flipclock" id="reef-flip">
<div class="fc-group" data-u="h">
</div>
<div class="fc-sep">:</div>
<div class="fc-group" data-u="m">
</div>
<div class="fc-sep">:</div>
<div class="fc-group" data-u="s">
</div>
</div>

<p>這個時鐘是貼進來的一段 HTML。<br>你也可以貼你的。</p>
<script>…</script>

也可以是你自己的網址

已經有網域？免費接上。reef.cards 的地址會自動轉過去，QR 不用重印。

還沒有？這裡可以買一個，買了就接好。

三種看法

按一下就切過去。訪客的選擇會被他的瀏覽器記住；你也可以只留你要的。

這是什麼？

一個網站、一疊名片、一副卡牌、一份簡報⋯⋯

怎麼用，都可以；有深度，可把玩。

免費註冊，不插廣告，不綁住你。

REEF — Rise, Emerge, Evolve, Flourish, with Cards.

別人看不看得到你，不該由演算法決定。

這裡給你一個自己的地址。拿到的人，直接看到你。

地址不會過期。

你的 Cards，比想像中能裝。

• 共 25 MB
• 約 870 萬字
• 約 60 張圖

裝滿是什麼樣子？去抽一個數字

用你自己的 AI

在 Claude 或 ChatGPT 的網頁版加上 feelreef 的連接器，然後用說的。

把我的 Instagram 放到第一格。

換一張大頭貼，用這張。

加一個會動的時鐘。

改好了，沒有編輯器要學。