New Fables Collective

New Fables Collective

New Fables Collective

New Fables is a collective of dreamers, deep thinkers and change makers, working across a wide range of industries, sectors and disciplines.

Over the next two years, we will come together to host a reflective, restorative and regenerative space to explore our collective experiences, energies and intuition as racially-minoritised people. Through this, we hope to channel our experiences to envision new ways of being that can be passed onto future generations.

We orientate towards three objectives:

Collective being

Holding space for care, being critical friends and feeding into our collective wisdom, experience and perspectives, deepening connections, building trust and togetherness.

Collective sense-making

Exploring what we see, think and feel, and reflecting on our practice, learning and strengths we embody. Surfacing synergies together and delving into questions.

Collective envisioning

Co-creating ideas, exploring ways of being and envisioning futures together. Driven by our hopes, immersed in our shared energy, and led by our intuition.

We look forward to sharing our stories with you on our blog, The Fireplace.

Contact us at newfablescollective@gmail.com

Follow us on Twitter

Instructions
  1. Duplicate this template to your Notion workspace
  2. Create a site using Super, using your newly created page as the Notion URL.
  3. Set up your fonts and add the code to your Super settings:
  4. Fonts

    The fonts used in the template are: PS Fournier: Light Reason New: Regular and Medium You’ll need to add these fonts to a new web project in your Adobe Typekit account and paste the Unique ID into the code below.

    If you don’t have a Typekit account you can rely on the chosen Google Webfonts as a fallback instead. They’re a pretty good match, here’s the difference:

    image
    Using your own font choices

    If you want to change the fonts you’ll need to add custom overrides in the CSS editor. You can see the original CSS at the following link: https://iamsamsmall.github.io/cy/style.css

    /* Here are the font stacks in the code. Search for them so you know which lines to override in your customisations. */
    font-family: reason-new, 'Work Sans', sans-serif !important;
    font-family: psfournier-std, 'Nanum Myeongjo', serif !important;

    Code for Beta (new) Super Editor

    1. Go to Options > Global Site Injection > Edit Code 2. Paste the following code into HTML (Head)

    <!-- Google fonts for fallback -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600&family=Nanum+Myeongjo&display=swap" rel="stylesheet">
    
    <!-- Typekit: Update the link below with your Typekit ID -->
    <link rel="stylesheet" href="https://use.typekit.net/gnx8fcu.css">
    
    <!-- Add your analytics script here -->
    <!-- I use Fathom, it’s a great alternative to Google Analytics with a minimal dashboard and a focus on privacy. Please consider using my referral link when creating an account: https://usefathom.com/ref/CSKBJR -->
    
    <!--- Cy template styles: This is the CSS file that contains all the styles for the template. It is centrally hosted via GitHub. If you’d like to make changes to the style of your website you can add custom overrides in the style tag below. -->
    <link rel="stylesheet" href="https://iamsamsmall.github.io/cy/style.css">

    3. Paste the following code into HTML (Body)

    <!-- Navigation -->
    <nav class="nav">
      <div class="left">
        <a class="nav-link" href="/">Cy</a>
      </div>
      <div class="right">
        <a class="nav-link" href="/projects">Projects</a>
        <a class="nav-link" href="/about">About</a>
        <a class="nav-link" href="/writing">Writing</a>
      </div>
    </nav>

    Code for original Super editor (Now old please ignore)

    Paste the code below into the Snippet Injection field in your Super settings.

    <!-- Google fonts for fallback -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600&family=Nanum+Myeongjo&display=swap" rel="stylesheet">
    
    <!-- Typekit: Update the link below with your Typekit ID -->
    <link rel="stylesheet" href="https://use.typekit.net/gnx8fcu.css">
    
    <!-- Add your analytics script here -->
    <!-- I use Fathom, it’s a great alternative to Google Analytics with a minimal dashboard and a focus on privacy. Please consider using my referral link when creating an account: https://usefathom.com/ref/CSKBJR -->
    
    <!-- Favicon: Having a custom nav breaks the Favicon that you can upload in the Super settings. To change it, update the link here -->
    <link rel="icon" href="https://s3.amazonaws.com/super-notion/images/8a28f49c-9631-4450-89f2-b87a3a60099e.png">
    
    <!-- Meta Description: Having a custom nav breaks the site description that you can edit in the Super settings. To change it, update the text here -->
    <meta property="og:description" content="Cy, a minimal portfolio template built on Notion and powered by Super.">
    
    <!-- Share image: Having a custom nav breaks the site share image that you can edit in the Super settings. To change it, update the url and the alt description below -->
    <meta property="og:image" content="https://s3.amazonaws.com/super-notion/images/ca38c918-dbcb-4cdf-ae61-35a0f6415764.jpg">
    <meta property="og:image:alt" content="Screenshot of the Cy demo site">
    
    <!--- Cy template styles: This is the CSS file that contains all the styles for the template. It is centrally hosted via GitHub. If you’d like to make changes to the style of your website you can add custom overrides in the style tag below. -->
    <link rel="stylesheet" href="https://iamsamsmall.github.io/cy/style.css">
    
    <!-- Add your own custom overrides here -->
    <style>
    
    </style>
    <!-- End of custom overrides -->
    
    <!-- Navigation -->
    <nav class="nav">
      <div class="left">
        <a class="nav-link" href="/">Cy</a>
      </div>
      <div class="right">
        <a class="nav-link" href="/projects">Projects</a>
        <a class="nav-link" href="/about">About</a>
        <a class="nav-link" href="/writing">Writing</a>
      </div>
    </nav>

4. Make sure you’ve done these things before you go live

Go live checklist
Change all links in the footer database
Check the favicon, update if necessary in the snippet code
Amend the meta description in the snippet code
Update the share image in the snippet code
Check that the Show or hide page properties option in Super settings is set to ‘Show’
Check that all navigation labels and links are correct and that they point to the right pages. Note, they do not automatically update when you amend page names or add new pages.
Add pretty links for your pages, projects, and articles into Super’s pretty URL settings. By default you’ll need to use projects/ and writing/, you can amend these if you want but you’ll need to add CSS overrides.
Example of pretty links and url structure
image

Our Storytellers

Storytellers database

Our blog - The Fireplace

Writing database

New Fables at Frank Gathering 2022
June 23, 2022
New Fables at Frank Gathering 2022
Listen to our talk at Frank Gathering 2022, where we encourage listeners to look beyond perceived deficits in communities, to allow stories of strength to emerge.
Our book recommendations from 2021
December 4, 2021
Our book recommendations from 2021
A selection of our favourite reads from the last year
Our emerging themes
September 9, 2021
Our emerging themes
In Autumn 2020, we set up a series of discursive sessions to explore what we felt we needed from our new space and what excited us by coming together. Below are some of the themes that emerged from those conversations.
What new forms of colonisation are we seeing in our industries?
September 9, 2021
What new forms of colonisation are we seeing in our industries?
Notes, themes and links following our collective sense-making session, exploring the question of new forms of colonisation we are seeing in our industries
Our terms of reference
September 9, 2021
Our terms of reference
An overview of our aims, objectives, and terms of engagement

Footer

NameRows
1
2
Made with Super + Notion · Cy template
Hide your pages in this toggle menu, only you will see it