Jan 15, 2022

Example post

In this blog post, you can play around with different Notion blocks to test if they get synced to Webflow properly.

Hello! This is a paragraph that showcases the different text styles that are available in this document.

You can make text bold.

To make text italic, you can use the italic style.

To underline text, you can use the underline style.

To strikethrough text, you can use the strikethrough style.

We also can present code styles: var num = 1;

Finally, to create a link, you can use the link style.

You can combine these styles to create rich and interesting text!


In addition to these styles, you can also change the color of your text. The available colors are gray, brown, orange, yellow, green, blue, purple, pink, and red.

Also available as background colors: gray, brown, orange, yellow, green, blue, purple, pink, and red.



It supports block with children too

Testing a quote block




  1. list 1

  2. list 2

  3. list 3


A block between. Should clean reset list counter


  1. List Item

  2. List Item





  • list item 1

  • list item 2

  • list item 3



This is a heading 1

This is a heading 2

This is a heading 3


This is a toggle heading 1

This is a toggle heading 2

This is a toggle heading 3



this is a katex inline equation 1. style 1 $2x =2 \mathcal{C} \mathfrak{c}$

  1. style two \( x =2 \mathcal{C} \mathfrak{c}\)

and this is a katex block equation

style 1 (PITA with notion)

$$2x =2 \mathcal{C} \mathfrak{c}$$

style 2

\[ 2x =2 \mathcal{C} \mathfrak{c}\]


style 3

\{{ 2x =2 \mathcal{C} \mathfrak{c} \}}


vanilla notion equations do not work

2x = 2 \mathcal{C} \mathfrak{c} this is an inline equation

this is an integral


Need to use spaces as code indentations and manually do syntax highlighting

function <span style="color:orange">test</span>() {
	var test = "2";
	return test;
}

  <

Target

Method

Time (s)

Hemolysis (↓)

Non-Fouling

Solubility

Half-Life

Affinity

1B8Q

MOPSO

8.54

0.1066

0.4763

0.4684

4.449

6.0594


NSGA-III

33.13

0.0862

0.5715

0.5825

7.324

7.2178


SMS-EMOA

8.21

0.1196

0.3450

0.3511

3.023

5.955


SPEA2

17.48

0.0819

0.4973

0.5057

4.126

7.324


MOG-DFM

43.00

0.0785

0.8445

0.8455

27.227

5.9094

PPP5

MOPSO

11.34

0.0883

0.4711

0.4255

1.769

6.6958


NSGA-III

37.30

0.0479

0.7138

0.7066

2.901

7.3789


SMS-EMOA

8.43

0.1242

0.4269

0.4334

1.031

6.2854


SPEA2

19.02

0.0555

0.6221

0.6098

2.613

7.6253


MOG-DFM

90.00

0.0617

0.7738

0.751

27.775

6.8197

Target

Header 2

Header 3

Cell 11

Cell 12

Cell 13

Cell 12

Cell 22

Cell 23


Image from file


Image from URL


Gif uploaded to Notion



Figma embed from URL


Figma embed from embed script


YT https://www.youtube.com/watch?v=O7DpooCF2OI


YT with autoplay https://www.youtube.com/watch?v=O7DpooCF2OI&autoplay=1


YT embed with autoplay & mute https://www.youtube.com/embed/O7DpooCF2OI&autoplay=1&mute1


YT short link https://youtu.be/sU010R6T0ak


Giphy


Gfycat


Vimeo https://vimeo.com/841341290


MOV (60 MB) upload


MP4 (1 MB) upload




<script src="https://3Dmol.org/build/3Dmol-min.js"></script>     
<script src="https://3Dmol.org/build/3Dmol.ui-min.js"></script>     

<div style="height: 400px; width: 400px; position: relative;" class="viewer_3Dmoljs" data-pdb="2POR" data-backgroundcolor="0xffffff" data-style="stick" data-ui="true"></div>