Making a NowNowNow page

Share the things that you're focused on right now

Now pages are a neat initiative started by Greg Albritton and Derek Sivers. They are a simple variation on the ubiquitous 'about' and 'contact' pages you see all over the web. The point of the 'now' page is to share what you're focused on right now, at this stage of your life.

For more of back-story and aims of the project, feel free to jump over to nownownow.com.

This guide is written for folks who've never created a webpage from scratch but are keen to do so. It's just five simple steps that will take roughly fifteen minutes.

If you're already up and running with Knownly, feel free to skip to Step 4 and grab our 'now' page template.

1. Sign up and install Dropbox

First up you'll need to sign up for a Dropbox account and install the app. This will allow you to work on your website on your laptop, or PC, and the Dropbox app will take care of sending your files up to the cloud. With your website files in the Dropbox cloud, Knownly can access them and make them accessible as a website.

Just head over to Dropbox to register.

After you have your Dropbox account, you'll want to install the Dropbox app on your laptop or PC. The instructions should show up immediately after you register.

2. Register with Knownly

Knownly registration is simple. All you'll be asked to do is to grant the Knownly service permission to setup a new area within your Dropbox. This is where you can create a website folder that will hold your now page.

Once you've authorized Dropbox, the final step is to select your Knownly plan. Now you're up and running!

Go for it!

3. Create a Knownly Website

After you've got your Knownly account, you'll be shown the Knownly Console where you can manage your websites. It's time to create your website.

That's just a matter of deciding what domain you'd like to use, and the submitting it via the form in the Knownly console:

Create website form

Shortly after receiving confirmation in the Knownly console that your website has been created, a new folder for your website will be created within your Dropbox folder on your machine. Inside you'll see a placeholder file called "index.html".

Dropbox Recent Changes shows 'index.html'

You can type your chosen website domain into your web browser and this HTML page will be displayed. Congratulations on getting the first page of your website online!

4. Add the 'now' page template

Following the 'now' page convention, we need to create a page that will be accessible from a url that looks like: http://mysite.knownly.net/now/

Knownly sites, like many websites, treat URLs that end in a '/' as a shorthand for the 'index.html' file in the corresponding sub-directory. Whenever visitors use a URL that ends in '/', Knownly will serve up the file named 'index.html' in that directory.

First, create a sub-folder named 'now' within your Knownly website folder. It should sit along side the placeholder 'index.html' that was automatically generated for the website. Then, inside the 'now' folder create a new file called index.html.

'now' sub-directory and index.html

Copy the following HTML template into the 'index.html' file and fill in the blanks.

<html>
  <head>
    <title></title>
  </head>
  <body>
    <h1>My current status</h1>
    <h2>Where am I now?</h2>
      <p>...</p>
    <h2>What am I reading?</h2>
      <p>...</p>
    <h2>What am I working on?</h2>
      <p>...</p>
    <h2>What do I look like?</h2>
      <img src="me.png" alt="A photo of me">
    <h2>What am I planning?</h2>
      <p>...</p>
    <hr>
    <p><em>Last updated:</em> ...</p>
  </body>
</html>

Check that you can view your new 'now' page at: http://mysite.knownly.net/now/

From there, styling your 'now' page with CSS is the logical next step. That's a topic worthy of a separate guide (several guides in fact). Right now, the best place to learn CSS is Codecademy's HTML & CSS course. Be sure to check it out some time.

5. Submit your 'now' page to the listing

To have your 'now' page listed, just follow the simple instructions:

If you already have your own website with a /now page on it, as described and defined above, just email the URL to me at derek@sivers.org. After you do, I’ll email you back with a link to log in and answer a few questions, which, when done, will create a profile page for you.

Don't forget to spread the word on Facebook, Twitter and emailing your friends!

Wrapping up

Now that you're all done, follow nownownow on Twitter and keep an eye out for your profile to appear.

Published on
Written by Dwight Gunning
Keen to try out what you've learned? Sign up to Knownly for free and give it a shot!