first commit

08-Inbox/marp/samples/Academic.md

@@ -0,0 +1,84 @@
+---
+theme: academic
+paginate: true
+math: latex
+created: 2025-09-08T22:43
+updated: 2025-09-09T18:22
+---
+
+<!-- _class: lead -->
+# Create lab presentation slides with Marp
+
+#### ~Let's graduate from Beamer~
+
+<br />
+
+**Author Taro**
+Hogehoge Laboratory M2
+YYYY/MM/DD
+
+---
+
+<!-- _header: table of contents -->
+
+1. First of all
+1. Code block
+1. Formula
+1. Figure
+
+---
+
+<!-- _header: Introduction -->
+
+- Marp is software for creating **slides** in **Markdown**.
+  - Basic Markdown syntax is supported.
+- You can move to the next page just by putting `---` in Markdown. $^1$
+
+> 1: Marp is developed according to the Markdown specification called CommonMark, so the "footnote" grammar (using `[^1]`), which is not included in CommonMark, is not provided. Therefore, by referring to https://github.com/marp-team/marp/discussions/150#discussioncomment-1302384, a pseudo-footnote was realized.
+
+---
+
+<!-- _header: code block -->
+
+```python
+import torch
+print(torch.cuda.is_available())
+```
+
+You can write a code block like this.
+
+```python
+from transformers import AutoModelForMaskedLM, AutoTokenizer
+model = AutoModelForMaskedLM.from_pretrained("cl-tohoku/bert-base-japanese-whole-word-masking")
+tokenizer = AutoTokenizer.from_pretrained("cl-tohoku/bert-base-japanese-whole-word-masking")
+
+inputs = tokenizer.encode_plus("I'm very [MASK]", return_tensors='pt')
+outputs = model(**inputs)
+tokenizer.convert_ids_to_tokens(outputs.logits[0][1:-1].argmax(axis=-1))
+```
+
+The width is automatically adjusted (see [Auto-scaling](https://github.com/marp-team/marp-core#auto-scaling-features) in the document).
+
+---
+
+<!-- _header: formula -->
+
+$$I_{xx}=\int\int_Ry^2f(x,y)\cdot{}dydx$$
+
+$$
+f(x) = \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi
+$$
+
+You can write the formula like this. Of course you can also use inline $\LaTeX$.
+You can also use emojis :smile:
+
+---
+
+<!-- _header: Figure -->
+
+1. First, right-click to download the image (`kenkyu_woman_seikou.png`) from [This Irasutoya link](https://www.irasutoya.com/2018/10/blog-post_723.html).
+2. Create a directory named `images` in this directory with Markdown, and place the image you downloaded earlier. You are now ready to go.
+
+![w:300 center](../attachments/kenkyu_woman_seikou.png)

08-Inbox/marp/samples/Beamer.md

@@ -0,0 +1,56 @@
+---
+marp: true
+theme: beamer
+paginate: true
+size: 16:9
+header: This is a header
+footer: This is a footer
+title: Marp custom themes
+created: 2025-09-09T18:22
+updated: 2025-09-22T13:27
+---
+<!-- _class: title -->
+
+# A very long title of my beamer presentation
+<br/>
+
+Author's name
+University of XYZ
+2022-26-03
+(Only normal text is centered now)
+
+---
+
+# A normal slide
+
+# H1 again
+## H2
+### H3
+- bullet
+> quote
+```
+code
+```
+text
+
+---
+# Title page ad hoc fix
+
+If the title of your presentation is too long and the border intersects with the text underneath, use the following
+
+```html
+# Title
+<br/>
+<!-- empty line here --->
+Author's name
+University of XYZ
+...
+```
+make sure to leave an empty line below the `<br/>` tag
+
+---
+<!-- _class: tinytext -->
+# Tinytext class
+
+- use `<!-- _class: tinytext -->` to make some text tiny
+- might be useful for References

08-Inbox/marp/samples/Deck.md

@@ -0,0 +1,48 @@
+---
+created: 2025-09-09T18:22
+updated: 2025-09-22T13:27
+---
+<!--  _class: lead -->
+# Title
+
+
+---
+<!--  _class: divider -->
+# Agenda
+
+- title 1
+- title 2
+- title 3
+
+---
+
+# Content
+
+![bg right](../attachments/placeholder-circle.png)
+
+## Content 1
+### Content 2
+
+Content 3
+
+---
+
+# Content 1
+
+![bg right](../attachments/placeholder-circle.png)
+
+## Content 1
+### Content 2
+
+Content 3
+
+---
+
+# Content 2
+
+![bg right](../attachments/placeholder-circle.png)
+
+## Content 1
+### Content 2
+
+Content 3

08-Inbox/marp/samples/Issue-96.md

@@ -0,0 +1,24 @@
+---
+theme: gaia
+paginate: true
+backgroundColor: #fff
+backgroundImage: url('https://marp.app/assets/hero-background.svg')
+style: @import url('https://unpkg.com/tailwindcss@^2/dist/utilities.min.css')
+---
+
+<div class="grid grid-cols-2 gap-4">
+<div>
+
+## Column 1
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas eveniet, corporis commodi vitae accusamus obcaecati dolor corrupti eaque id numquam officia velit sapiente incidunt dolores provident laboriosam praesentium nobis culpa.
+
+</div>
+<div>
+
+## Column 2
+
+Tempore ad exercitationem necessitatibus nulla, optio distinctio illo non similique? Laborum dolor odio, ipsam incidunt corrupti quia nemo quo exercitationem adipisci quidem nesciunt deserunt repellendus inventore deleniti reprehenderit at earum.
+
+</div>
+</div>

08-Inbox/marp/samples/Sample 1.md

@@ -0,0 +1,25 @@
+---
+theme: default
+footer: Samuele Cozzi
+created: 2025-09-09T18:22
+updated: 2025-09-22T13:27
+---
+
+# First Slide
+
+--- 
+
+# Second Slide
+
+## subtitle
+
+![bg right 50%](../attachments/placeholder-circle.png)
+
+---
+
+# Third Slide
+
+## second subtitle
+
+
+![](../attachments/placeholder-circle.png)

08-Inbox/marp/samples/Sample 2.md

@@ -0,0 +1,94 @@
+---
+theme: default
+footer: Samuele Cozzi
+created: 2025-09-09T18:22
+updated: 2025-09-22T13:27
+---
+
+# <!-- fit --> First Slide
+
+
+ciao
+
+--- 
+
+# Second Slide
+
+##  subtitle
+
+![bg right 50%](../attachments/placeholder-circle.png)
+
+---
+
+# Third Slide
+
+## second subtitle
+
+
+![](../attachments/placeholder-circle.png)
+
+---
+
+# Autoscaling Code
+
+```
+bool getBit(int num, int i) {
+    return ((num & (1<<i)) != 0);
+}
+
+bool getBit(int num, int i) {
+    return ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0);
+}
+
+bool getBit(int num, int i) {
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;int i = 0;
+	int i = 0;
+	int i = 0;int i = 0;
+
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;int i = 0;
+	int i = 0;
+	int i = 0;int i = 0;
+
+    return ((num & (1<<i)) != 0);
+    popo
+    
+}
+```
+
+--- 
+
+# Autoscaling Math
+
+$$
+f(x) = \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi + \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi + \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi + \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi + \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi + \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi
+$$

08-Inbox/marp/samples/Sample Markdown-it Plugins.md

@@ -0,0 +1,100 @@
+---
+theme: minimal-container-turquoise
+created: 2025-09-09T18:22
+updated: 2025-09-22T13:27
+---
+<!-- _class: lead -->
+# Title
+
+## Subtitle
+
+---
+
+<!-- _class: box-flex -->
+# Columns Containers
+
+**[markdown-it-container](https://github.com/markdown-it/markdown-it-container)**
+
+::: container
+## Colum 1
+
+text dadadas text text text text text text text text text text 
+
+:::
+
+::: container
+## Colum 2
+
+text
+
+:::
+
+
+---
+
+# Text Highlights
+
+**[markdown-it-mark](https://github.com/markdown-it/markdown-it-mark)**
+
+This is ==marked== text
+
+---
+
+
+![bg](../attachments/kroki_cheatsheet_20210515_v1.1_EN.jpeg)
+
+---
+
+# PlantUML Diagram
+
+**[markdown-it-kroki](https://github.com/kazumatu981/markdown-it-kroki)**
+
+```plantuml[platuml image]
+@startuml
+left to right direction
+actor Guest as g
+package Professional {
+actor Chef as c
+actor "Food Critic" as fc
+}
+package Restaurant {
+usecase "Eat Food" as UC1
+usecase "Pay for Food" as UC2
+usecase "Drink" as UC3
+usecase "Review" as UC4
+}
+fc --> UC4
+g --> UC1
+g --> UC2
+g --> UC3
+@enduml
+```
+
+
+---
+# Mermaid Gant Diagram
+
+**[markdown-it-kroki](https://github.com/kazumatu981/markdown-it-kroki)**
+
+```mermaid
+gantt
+	
+	title A Gant Diagram  
+	dateFormat YYYY-MM-DD  
+	section Section  
+	Initial milestone : milestone, m1, 2014-01-01,
+	Final milestone : milestone, m1, 2014-02-16,
+	A task :a1, 2014-01-01, 30d  
+	Another task :after a1, 20d  
+	section Another
+	Task in sec :2014-01-12, 12d  
+	another task : 24d
+	
+```
+
+---
+
+# CallOuts (Work in Progress)
+
+https://github.com/ebullient/markdown-it-obsidian-callouts
+

08-Inbox/marp/samples/Sample Minimal.md

@@ -0,0 +1,353 @@
+---
+theme: minimal-turquoise
+paginate: true
+_paginate: false
+header: Title of deck
+_header:
+footer: this is footer
+_footer: ""
+created: 2025-09-09T18:22
+updated: 2025-09-22T13:27
+---
+
+<!-- _class: lead -->
+
+# <!-- fit --> Title of Deck
+
+## <!-- fit --> Subtitle Subtitle Subtitle Subtitle Subtitle 
+
+**Author**
+Milan, Marp Demo
+YYYY/MM/DD
+
+
+---
+
+<!-- _class: divider -->
+
+## Agenda 
+
+1. text
+1. text
+1. text
+1. text
+
+---
+
+
+<!-- _class: divider -->
+
+### Introduction
+
+text
+
+![bg right:33%](../attachments/placeholder-circle.png)
+
+---
+
+
+<!-- _class: divider -->
+
+### Introduction
+
+text
+
+![bg right:33%](https://t3.ftcdn.net/jpg/02/48/42/64/360_F_248426448_NVKLywWqArG2ADUxDq6QprtIzsF82dMF.jpg)
+
+---
+
+<!-- _class:  divider -->
+
+## Section Header
+
+Section Details
+
+
+
+---
+
+## Content
+
+### Subsection 1
+
+#### Subsection 2
+
+##### Subsection 3
+
+###### Subsection 4
+
+Text
+
+---
+
+## Two Columns Image
+
+### column 1
+
+text
+
+![bg right](../attachments/placeholder-circle.png)
+
+
+--- 
+
+<!-- _class: 'box-flex' -->
+
+## Two Columns 
+
+- ### column 1
+
+	text
+
+- ### column 2
+
+	text
+
+
+---
+
+<!-- _class: 'box-flex center' -->
+## Two Columns With Centered Pictures
+
+- ### picture 1
+	![center h:400](../attachments/placeholder-circle.png)
+ - ![center](../attachments/placeholder-circle.png)
+
+
+---
+
+<!-- _class: 'box-flex box-bg' -->
+
+## Three Columns 
+
+- ### column 1
+
+	text
+
+- ### column 2
+
+	text
+	
+- ### column 3
+	text
+
+---
+
+<!-- _class: 'box-flex box-bg' -->
+
+## Four Columns 
+
+- ### column 1
+
+	text
+
+- ### column 2
+
+	text
+	
+- ### column 3
+	text
+
+- ### column 4
+	lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum 
+
+---
+
+<!-- _class: 'box-flex box-bg' -->
+
+## Six Columns 
+
+- ### column 1
+
+	text
+
+- ### column 2
+
+	text
+	
+- ### column 3
+	text
+
+- ### column 4
+	text
+
+- ### column 5
+	text
+
+- ### column 6
+	text
+
+---
+
+<!-- _class: 'box-flex box-bg' -->
+
+## Eight Columns 
+
+- ### column 1
+
+	text
+
+- ### column 2
+
+	text
+	
+- ### column 3
+	text
+
+- ### column 4
+	text
+
+- ### column 5
+	text
+
+- ### column 6
+	text
+
+- ### column 7
+	text
+
+- ### column 8
+	text
+
+
+---
+
+<!-- _class: center -->
+## Picture 
+
+![center](../attachments/placeholder-circle.png)
+
+---
+
+## Table
+
+| text | text | text | text |
+|---|---|---|---|
+| text | text | text | text |
+| text | text | text | text |
+| text | text | text | text |
+
+---
+<!-- _class: divider-->
+
+
+> Quote of the day
+
+
+---
+
+## Code
+
+``` javascript
+var foo = ""
+```
+
+
+---
+
+<!-- _footer: '' -->
+<!-- _paginate: false -->
+
+## Autoscaling Code
+
+```
+bool getBit(int num, int i) {
+    return ((num & (1<<i)) != 0);
+}
+
+bool getBit(int num, int i) {
+    return ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0);
+}
+
+bool getBit(int num, int i) {
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;int i = 0;
+	int i = 0;
+	int i = 0;int i = 0;
+
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;
+	int i = 0;int i = 0;
+	int i = 0;
+	int i = 0;int i = 0;
+
+    return ((num & (1<<i)) != 0);
+    popo
+    
+}
+```
+
+---
+
+## Math
+
+Text text .....:
+
+$$ I_{xx}=\int\int_Ry^2f(x,y)\cdot{}dydx $$
+
+Text text .....:
+
+$$
+f(x) = \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi
+$$
+
+Conclusion
+
+--- 
+
+## Autoscaling Math
+
+$$
+f(x) = \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi + \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi + \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi + \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi + \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi + \int_{-\infty}^\infty
+    \hat f(\xi)\,e^{2 \pi i \xi x}
+    \,d\xi
+$$
+---
+<!-- _class: divider  -->
+<!-- _footer: '' -->
+<!-- _paginate: false -->
+
+![bg left:33%](../attachments/placeholder-circle.png)
+
+### Summary
+
+This is the summary of presentation
+
+
+---
+
+<!-- _class: divider -->
+
+## Thank You
+
+Author
+mail@email.com
+www.author.com
+@Twitter

08-Inbox/marp/samples/Sample absolute path.md

@@ -0,0 +1,15 @@
+---
+theme: minimal-turquoise
+created: 2025-09-09T18:22
+updated: 2025-09-22T13:27
+---
+<!-- _class: lead -->
+# Title
+
+---
+
+![](attachments/placeholder-circle.png)
+
+---
+
+![bg](attachments/placeholder-circle.png)