Global Blocks

What's this page?

Notion has a recent(ish) feature that let's you sync blocks across all pages. It's an easy way to control content if you needed to update a link or add some new content to multiple pages.

I use it for global page blocks like backlinks, footers, menus, etc. and this page houses the blocks used in You.

The You template leverages the gray and yellow callouts for custom styling. Feel free to add your own global blocks to this page if you'd like!

Blocks with links for every page. Editing the below will affect every page these are on

Using a Gray callout, a custom CSS animation is applied to the link

Blocks for links on Home page

Using a Gray callout, a custom CSS animation is applied to the link

Styled but not sync'd

Using a Yellow callout, a custom CSS animation is applied to the callout but the link is editable on any page.

icon
Buy Me

Block for Table-based footer on every single site page

Table-based footer is enabled in CSS options. If you enable the table footer, make sure your code looks like this in the CSS options.

/* Table-based Footer - Enabled */
.notion-collection-table__wrapper {
	/*display:none;*/
}

/* Custom Footer in <body> - Disabled */
.footer {
   display:none;
}
Portfolio Instructions. This is hidden on your site
  • Portfolio pieces are served from the CONTENT DATABASE, based on a few properties:
    1. Type: Portfolio (sometimes Feature is also a type which means it serves to the home page as a "Featured" project.
    2. Status: Live - a project (or any entry) marked as Draft will not serve to a page.
    3. Order: 1 to whatever - this gallery is sorted by Order which means the project with Order 1 is served first, then 2, and so on.
  • Gallery images are from the hero cover photo in a post. Don't forget to set the image.
Post & Video Instructions - This is hidden on your site
  • Latest Posts & Videos, All Posts, and All Videos are served from the CONTENT DATABASE, based on a few properties:
  • Latest Posts & Videos
    1. Type: Post or Video plus Feature As a Feature post or video, it also serves to the home page as a Latest Post or Latest Video. Consider only having 1-3 Feature at a time to avoid cluttering the page.
    2. Status: Live - a post or video marked as Draft will not serve to this page or the home page.
    image
    All Posts or All Videos
    1. Type: Post or Video
    2. Status: Live
  • Make sure to replace the text in the properties: Title, Excerpt, and Published Date so Post display correctly like this:
  • image
Media Recs Instructions. This is hidden on your site
  • Media Recs are served from the CONTENT DATABASE, based on a few properties:
    1. Type: Media
    2. Status: Live
    3. Title: Put the title of the piece of media
    4. Excerpt: A 1-2 sentence summary of what it is and what you liked.
    5. (Optional) super:Link URL property - use this Notion property to attach an affiliate link (or link) to the content. You can comment out "pointer events" in the CSS options in the CSS tab so it looks like the below:
    6. /* Enable pointer-events to generate affliate links using super:so Link property in Notion */ 
      
      [id*="media-recs"] .notion-collection-card {
      /* pointer-events: none !important; */
          cursor: default !important;
      }
    7. If you enable pointer-events and DO NOT have a link in the super:so url field, Super/Notion will open a blank page for the Media Recommendation. You can use that to summarize or provide your thoughts on the content. Note the below Media Recommendation gallery's photo is from the Post Content NOT the Post Cover.
Downloads Instructions. This is hidden on your site
  • Downloads are served from the CONTENT DATABASE, based on a few properties:
    1. Type: Download
    2. Status: Live - a Download (or any entry) marked as Draft will not serve to a page.
    3. Price: Make that money
    4. Super:link - TBD whether or not you want to use this, but it's easiest if you have a Super:link set for product purchase. If it's a Gumroad product, the gumroad.js is in the <head> tab so the user clicks generates a purchase modal.
  • Gallery images are from the Download content image NOT the Hero cover image
  • You can link to Gumroad (or wherever) via the callout button below or through the super:link property field
  • Again - If the super:link is active, your product's page won't be viewable and instead the user will be sent directly to the purchasing site. If you don't want that and want to use you product page to really "sell" your product, you can! Just use the "Buy Me" callout to insert a link to your product

Content

NameExcerpt
1
2
© 2021 ThisIsYou
3
Made with Super & Notion

Icons from Super

Super Icons Link

Template Setup Instructions