---

A title

Some text

Some more text

:::: {layout="[[1,1,1], [1]]"}

:::{#skipjack}

Skipjack tuna 

:::{#yellowfin}
:::{style="text-align: center"}
Yellowfin tuna

:::
:::

:::{#bigeye}
:::{style="text-align: center"}
Bigeye tuna

:::
:::

:::{#text .fragment}
:::{style="text-align: center; color: red;"}
Some text
:::
:::

::::

:::::

::::::

---

Test r1

---

Test r2

---

適應文字

---

適應文字

可用於多個標題

---

Column 1	Column 2	Column 3
Text	Text	Text

---

Other notes

• Revealjs allows more than two columns
• PPT is limited to two columns
• PPT will ignore the column width
• Images will need newline before and after to get recognized
• Columns can only have one text element and can't occur before and after

---

---

參考的連結

I get 10 times more traffic from Google than from
Yahoo or MSN.

---

表格

預設靠左

編號	標題	說明
1

---

表格-置中

編號	標題	說明
100	100	100

|編號|標題|說明|
|:-:|:-:|:-:|
|100|100|100

---

表格-靠右

編號	標題	說明
100	100	100

|編號|標題|說明|
|-:|-:|-:|
|100|100|100

---

MathJax

• 使用 MathJax 語法 來產生 LaTeX 數學表達式
• 符號表參見此筆記
  
  $\sum _{i=1}^n(w_i{x}_i+b)$

---

Column 1	Column 2	Column 3
Text	Text	Text

---

蔡加尼克效應(Zeigarnik effect)

• 未完成的工作項目會一直佔據大腦短期記憶體，如果沒做完事情就容易分心。
• 也就是說，先記下來以清空大腦短期記憶體，其實就會減少分心!

---

4. 也有透過嵌入 Slido 讓使用者留言與講者互動

---

---

---

---

flowchart LR
    c[Client]
    s[Server]
    db[Database]
    
    c -- HTTP GET --> s
    s -- SQL Query --> db
    db -. Result Set .-> s
    s -. JSON .-> c

---

flowchart LR
    subgraph Azure
        s[Server]
        db[(Database)]
    end
    subgraph Netlify
        c[Client]
    end

    c -- HTTP GET --> s
    s -. JSON .-> c    
    db -. Result Set .-> s
    s -- SQL Query --> db

---

flowchart LR
    subgraph Azure
        s[fa:fa-code Server]
        db[(fa:fa-table Database)]
    end
    subgraph Netlify
        c[fa:fa-user Client]
    end

    subgraph Netlify
    end
    subgraph Azure
        direction LR
    end
    
    c -- HTTP GET --> s
    s -- SQL Query --> db
    db -. Result Set .-> s
    s -. JSON .-> c

---

flowchart RL
    A@{ shape: manual-file, label: "File Handling"}
    B@{ shape: manual-input, label: "User Input"}
    C@{ shape: docs, label: "Multiple Documents"}
    D@{ shape: procs, label: "Process Automation"}
    E@{ shape: paper-tape, label: "Paper Records"}
    

---

sequenceDiagram 
Brian->>+Ken: Authentication Request 
Ken-->>+Brian: Authentication Response 
Ken->>+RequestHandler: Valid Authentication Request 
RequestHandler-->>+Ken: Valid Authenticatication Response

---

gantt
    title A Survey Process Gantt Chart
    dateFormat  YYYY-MM-DD
    section Sect1
    Short Survey           :a1, 2023-01-01, 20d
    Data Processing     :after a1  , 20d
    section Sect2
    Periodical Feedback Report      :2023-01-12  , 12d
    User Testing and Data Exploration      : 20d
    

---

國立故宮博物院

---

-73.963246,40.779438,17

---

Column 1 Content

Column 2 Content

---

2x2

Motive

Time

Skill

Willingness

---

h2

- This is my first left element

- This is my second left element

- This is my first right element

- This is my second rightelement

---

Text going to the right
Text going on the left column

Text going to the right 2
Text going on the left column 2

---

test

1

2

3

4

---

Good1

Bad1

Good2

Bad2

Good3

Bad3

---

1

2

3

---

Header

Menu

Main

Right

Footer

---

Cats

 

 

---

Cats

---

Cats

---

資料來源-開放資料

• TDX
• 有公共自行車、公車站資料
• GNS
• 地址座標點位

• ETC

• 消防栓

• 直飲台

• 村里邊界

1

2

---

資料來源-開放資料

• TDX
• 有公共自行車、公車站資料

• ETC

• 消防栓

1

2

• 1
• 2

• 1
• 2