skip to content
🏡 Yingwei Guo’s Webtrotion

Testing Content Unpublished

Last Updated:
Footnote testing

[^abr3a]: footnote much before the mention itself

this is a normal footnote [^abra1]

[^abra1]: footnote content on a new block

this is a normal footnote marker with no space[^abra2]
[^abra2]: footnote content on new line, same block

this is a common invalid footnote [^ abr3a]

this is a common valid footnote with no attached footnote content [^abra3]

double mention of same footnote marker [^abra2]

footnote marker for multiline footnote [^abra4]

[^abra4]: hey how are you?

multiline comment using indented blocks

what if it has a callout?

random info in footnote

footnote marker for multiline again? [^abra5]
[^abra5]: hey? how are you doing? multiline comment but in same block
what is up?


Code test
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.') [!code focus]
console.log('hello') 
console.log('goodbye') // hellllaaaaa [!code --] blah blah come!
console.log('goodbye') // [!code  --] blah blah come!
console.log('use \//  [!code ++]') 
console.log('hey normal stuufff')
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.') 
console.log('hello') blah blah come!
console.log('goodbye') # hellllaaaaa [!code --] blah blah come!
console.log('goodbye') # [!code  --] blah blah come!
console.log('') 
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.') % [!code --]
console.log('hello') % [!code --] blah blah come!
console.log('goodbye') % hellllaaaaa [!code --] blah blah come!
console.log('goodbye') % [!code  --] blah blah come!
console.log('\% [!code --]') % [!code ++]
<h1>Welcome to My Website</h1> 
<h1>Welcome to My Website</h1> blah blah come! -->
<h1>Welcome to My Website</h1> <!--  helllaaa [!code --] -->
<h1>Welcome to My Website</h1> <!-- [!code  --] blah blah come! -->
<h1>Welcome  [!code ++] to My Website</h1> 
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.') 
console.log('hello') 
console.log('goodbye')
console.log('Not highlighted')
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.') 
console.log('Not highlighted')

console.log('Highlighted')
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.')
console.log('Not highlighted')
const message = 'Hello World'
console.log(message) // prints Hello World
const message = 'Hello World'
console.log(message) // prints Hello World
console.log('Not focused');
console.log('Focused') 
console.log('Not focused');

console.log('Focused')
console.log('Focused')
console.log('Not focused')
console.log('No errors or warnings')
console.error('Error') 
console.warn('Warning') here?

Heading 2

Empty block below


Testing code errors based on mention permissions

This block is not shared with integration

Below is a synced block from a page that this integration does not have permission for

Below mentions a page not accessible to integration — this gives a warning but does not crash!

This text links to a page not accessible to integration — this gives a warning but does not crash!

This text links to a another web page not accessible to integration using notion.so link — we are fine because it just considers it a web link

This text links to heading in another page not accessible to integration using copy block method - FIXED!

And this text has a block mention of a heading from a page not accessible to integration — Even this works!

Link to heading

This links to heading X: (API does not support this!)

Link to block

Link to block man (API does not support this!)

Loom

Table

Table column/row colors do not show up in Notion API

Simple Table Ika Tako Shake
1 2 3 4 5
a b c d e
A B C D E
Code test
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.') [!code focus]
console.log('hello') blah blah come!
console.log('goodbye') // hellllaaaaa [!code --] blah blah come!
console.log('goodbye') // [!code  --] blah blah come!
console.log('use \//  [!code ++]') 
console.log('hey normal stuufff')
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.') 
console.log('hello') blah blah come!
console.log('goodbye') # hellllaaaaa [!code --] blah blah come!
console.log('goodbye') # [!code  --] blah blah come!
console.log('') 
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.') % [!code --]
console.log('hello') % [!code --] blah blah come!
console.log('goodbye') % hellllaaaaa [!code --] blah blah come!
console.log('goodbye') % [!code  --] blah blah come!
console.log('\% [!code --]') % [!code ++]
<h1>Welcome to My Website</h1> 
<h1>Welcome to My Website</h1> blah blah come! -->
<h1>Welcome to My Website</h1> <!--  helllaaa [!code --] -->
<h1>Welcome to My Website</h1> <!-- [!code  --] blah blah come! -->
<h1>Welcome  [!code ++] to My Website</h1> 
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.') 
console.log('hello') 
console.log('goodbye')
console.log('Not highlighted')
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.') 
console.log('Not highlighted')

console.log('Highlighted')
console.log('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.')
console.log('Not highlighted')
const message = 'Hello World'
console.log(message) // prints Hello World
const message = 'Hello World'
console.log(message) // prints Hello World
console.log('Not focused');
console.log('Focused') 
console.log('Not focused');

console.log('Focused')
console.log('Focused')
console.log('Not focused')
console.log('No errors or warnings')
console.error('Error') 
console.warn('Warning') here?