ohouse_id

Template instructions (start here)

First of all, thanks for purchasing Folio — I'm thrilled! If you have any questions as you go through the setup process, please don't hesitate to shoot me an email. Let's get started!

⚡️UPDATES⚡️

09/07/21: Light and Dark Versions

I've added the ability to choose between both dark and light versions of the template. Check out the Head tab section below to see how to use activate it.

05/02/22: Styling the CTA button at the top
  • When you create the link in Notion, make the text a link first and then make it bold. Depending on the container, this should trigger the large black button instead of a text link.
  • If that doesn’t work, do the opposite — make the text bold first and then make it a link. Again, it depends on the container you’re in sometimes (and honestly it’s just sometimes Notion and Super being weird together).

  1. Duplicate this template to your own Notion workspace
  2. Create your site on Super and use your newly created page as the Notion URL
  3. Add your code to your Super settings: Sites > Settings (Gear Icon) > Code
  4. Under the Head tab, add the following code:
    <!-- Product Theme styles -->
    
    <link rel="stylesheet" href="https://mattdowney.github.io/folio/style.css">
    
    <!-- Light Theme -->
    
    <!-- Remove this HTML comment to use the light theme
    
    <link rel="stylesheet" href="https://mattdowney.github.io/folio/light-styles.css">
    
    Remove this HTML comment to use the light theme -->
    
    <!-- jQuery v3.2.1 -->
    
    <script type='text/javascript' src='https://code.jquery.com/jquery-3.2.1.min.js' id='script-name-js'></script>
    
    <!-- Product Theme javascript -->
    
    <script defer="defer" async src="https://mattdowney.github.io/folio/site-min.js"></script>
    
    <!-- Add Analytics here (optional) -->

    Here's a short video showing how to activate the light theme:

    Under the Body tab, add the following code:
    <!-- 
    Desktop navigation
    Important: Make sure to swap out the img link to your logo and update the pixel width accordingly
     -->
    
    <nav class="desktop-nav">
      <div class="left">
        <a href="/">
          <img style="width: 65px; height: auto;" src="https://mattdowney.github.io/folio/img/img-logo.svg" />
          </a>
      </div>
      <div class="right">
        <a class="nav-link-1" href="/about/">About</a>
        <a class="nav-link-2" href="/projects/">Projects</a>
        <a class="nav-link-3" href="/blog/">Blog</a>
        <a class="nav-link-4" href="mailto:hey@mattdowney.co">Contact</a>
      </div>
    </nav>
    
    <!-- 
    Mobile navigation
    Important: Make sure to swap out the img link to your logo and update the pixel width accordingly
     -->
    
    <div class="mobile-nav">
      <div class="left">
        <a href="/">
          <img src="https://mattdowney.github.io/folio/img/img-logo.svg" />
          </a>
      </div>
      <div class="right">
        <input id="nav" type="checkbox" />
        <label for="nav">
            <span></span>
            <span></span>
            <span></span>
        </label>
        <nav>    
            <ul>
                <li><a class="nav-link-1" href="/about/">About</a></li>
    				    <li><a class="nav-link-2" href="/projects/">Projects</a></li>
    				    <li><a class="nav-link-3" href="/blog/">Blog</a></li>
    				    <li><a class="nav-link-4" href="mailto:hey@mattdowney.co">Contact</a></li>
            </ul>  
        </nav>
      </div>
    </div>
  5. Set up your pages on Super
  6. Sync URLs

    You can use Sync URLs if you like, but we find that adding pages manually to Super is a much more reliable way to handle page integration. This may change in the future, but we recommend doing this for now.

    image
  7. Before you launch, have a look at this checklist:
  8. Checklist
    Change the links in the Footer database
    Update your favicon in Super

Aplikasi home styling No.1 Indonesia🏡

Dimulai dari proses pembangunan hingga dekorasi rumah dalam satu klik. Semuanya lengkap di dalam aplikasi Ohouse!

💡
Aplikasi Android Ohouse lagi dibikin ya. Kamu bisa isi formulir di bawah biar O!Min bisa infoin kalau sudah ready!

image

Tentang O!House

Di aplikasi Ohouse, ada berbagai macam rekomendasi produk yang membuat rumahku semakin cantik!

Hobiku mendekorasi rumah diapresiasi. Aku merasa termotivasi supaya jadi lebih kreatif. - Ambassador Ohouse Season 1

image

Get the look dengan rekomendasi produk dari Ohouse

Dalam satu klik, kalian bisa melihat berbagai macam penempatan produk di berbagai ruangan.

Latest Stories

Words From Our Community

Footer

RowFooter rows
Terms ‎/‎ Privacy ‎/‎ Help / ‎Contact / Instagram
Copyright 2014. bucketplace, Co., Ltd. All rights reserved.