Welcome
Thank you for purchasing this theme and template. The installation guide is just a scroll down away.
Contact me
Wherever possible, please reach out to me first for template-related support before reaching out to the Super team. They already got a lot on their hands. Note that I’m currently at a GMT+8 timezone, so I might be asleep when I got your message, but I’ll make sure to reply to you as soon as I can.
Extras
Here are some products and services that might be of use to you when creating your sites:
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2b9b5ebe-ee2a-43f3-98ad-a68193afaca5/Layout.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2b9b5ebe-ee2a-43f3-98ad-a68193afaca5/Layout.svg" width="40px" /> INSTALLATION GUIDE
Open the page and duplicate the template to your own Notion workspace.
Select a theme, open the toggle, and copy the line of code.
Head over to your site on Super and click Code to enter the 'Global site code' page.
Paste the code into the Head section of your page on Super. Then, click save.
Make sure that in Super > Options > Page properties are enabled.
Now you can edit and create content on your newly designed site!
Make sure to check out the HOW TO USE section below. </aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9f9ac23b-bbcb-49ec-a8c4-3904cf6347c1/Layout.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9f9ac23b-bbcb-49ec-a8c4-3904cf6347c1/Layout.svg" width="40px" /> HOW TO USE
Blocks
All Notion blocks that Super supports can be used. However, there are a couple of blocks that I have modified to fit the design of Aimée. I'll note them here, so please be aware of it, okay?
Here are the blocks that I have modified:
Inline Code
(By selecting a text and pressing ⌘ + E or CTRL + E)
Using inline code
on a text will render a special text that is left-aligned
Using inline code
and applying color brown on the text will render a special text that is center-aligned
Adding a link to [inline code](<https://twitter.com/yusufgiftworks>)
will cause the special text to be underlined. If you would like to remove the underline, apply the inline code to the text first and then, add the link to it. If your text has been linked, use ⌘ + E or CTRL + E twice on the text like so:
Toggle block with Brown background
Use this block to hide pages or add hidden notes. For example, if you prefer to use underlined links instead of Notion's document icon with link (newpage), you can use this block to hide them.
Hide pages like this one ⤵️
Quote block with Brown background
Quote block with Orange background
Quote block with Gray background
Use this block to create a small navigation bar on the left side of the page. Perfect as a back or home link.
Tags Feature (e.g. https://super.yusuf.is/aimee/tags)
Page Title & Database Properties
The page's Title is hidden by default to fit Aimée's design. If you like to show it, copy the code below and add it to the CSS section of the page.
.notion-header__title {
display: flex !important;
}
In a database page, the page's Title is hidden and replaced with a database's text property. This is to allow you some flexibility to re-arrange the page’s Title on a database page. Like on this page, the page Title is below the published date. This is only possible by replacing the page Title with a database text property. However, you can remove this feature by using the code above.
Card Properties
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/49ebbe02-fd3f-49c1-97a2-bff3a90a18f9/Lightbulb.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/49ebbe02-fd3f-49c1-97a2-bff3a90a18f9/Lightbulb.svg" width="40px" /> TIPS & EXTRAS
Redirecting full database pages
Notion's full database page doesn't allow us to add blocks inside them, limiting how we can customize the page.
A roundabout way is to create a new normal page and create an inline database. This way, we can customize the page while still have a database block in it (useful for a posts page, like this one here).
Since the database page still lives on our site and has a working URL, we want visitors who visit the full database page to be redirected to the new page with an inline database that we created.
To do this, insert this code in the 'head' section of the database page's code page in Super (replace the URL with your database page's URL):
<script>
window.location.href = "<https://yourwebsite.com/posts>";
</script>
</aside>