<!DOCTYPE html>
<html lang="en">

<!--

    Hello! We're Known.

    If you've got questions, comments or ideas, we'd love to hear them:

    viewsource@withknown.com

    Check out our blog, which is powered by Known: http://stream.withknown.com

    And maybe tell us a joke. We like jokes. What's your favorite joke?

-->

<head>
    <meta charset="utf-8">
    
    <!-- Custom Google Web Font -->
	<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
    <link href='//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Alef' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Oxygen:400,300' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    
    
    <meta charset="utf-8">
    <meta name="msvalidate.01" content="4E81BD9129C552138C3064D4F30749F3" />
    <meta name="google-site-verification" content="Eyx0yHkERemj2s43eq8lJkA1NmDUbObwdq7qTFZlGYM" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Publish blog posts, photos and media to your own site, and syndicate it to your social networks. Keep everything on your own site.">
    <!-- <meta name="author" content=""> -->
    <link rel="icon" type="image/png" href="/img/Circle-K_Yel_rounded.png" />

    <title>Known: social publishing for groups and individuals</title>

    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@withknown">
    <meta name="twitter:creator" content="@withknown">
    <meta name="twitter:title" content="Known: social publishing for groups and individuals">
    <meta name="twitter:description" content="Publish blog posts, photos and media to your own site, and syndicate it to your social networks. Keep everything on your own site.">
    <meta name="twitter:image:src" content="https://withknown.com/img/home/hero-desk.jpg">
    
    <meta property="og:url"                content="https://withknown.com/" />
    <meta property="fb:app_id"             content="769542739776366" />
    <meta property="og:type"               content="website" />
    <meta property="og:title"              content="Known: social publishing for groups and individuals" />
    <meta property="og:description"        content="Publish blog posts, photos and media to your own site, and syndicate it to your social networks. Keep everything on your own site." />
    <meta property="og:image"              content="https://withknown.com/img/home/hero-desk.jpg" />

    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.css" rel="stylesheet">

    <!-- Add custom CSS here -->
    <link href="/css/landing-page.css" rel="stylesheet">
    <!--<link href="/css/new.css?20141107" rel="stylesheet">-->
    <!-- <link href="/css/pages.css" rel="stylesheet"> -->

    <!-- Feeds -->
    <link rel="alternate feed" type="application/rss+xml" title="Known Stream: all content"
          href="http://stream.withknown.com/content/all?_t=rss"/>
    <link rel="feed" type="text/html" title="Known Stream"
          href="http://stream.withknown.com/content/all"/>

    <!-- JavaScript -->
    <script src="/js/jquery-1.10.2.js"></script>
    <script src="/js/bootstrap.js"></script>

    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-50818211-1', 'withknown.com');
  ga('require', 'displayfeatures');
  ga('send', 'pageview');

</script></head>

<body>

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">Known</a>
        </div>

        <div class="collapse navbar-collapse navbar-right navbar-ex1-collapse">
            <ul class="nav navbar-nav">
                <li><a href="/opensource">Open Source</a></li>
                <li><a class="now" href="/signin/">Sign in</a></li>
            </ul>
        </div>

    </div>
    <!-- /.container -->
</nav>

    <div class="new-header">

        <div class="container">

            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-sm-8 col-sm-offset-2">
                    <div class="logo pagination-centered">
                        <img class="center-block img-responsive" src="img/full_logo_blk.png" alt="Known" style="max-width: 100%">
                    </div>

                    <form class="form" method="post" action="/beta/">
                        <div class="intro-message">
                            <h3>
                                A collaborative social publishing engine
                            </h3>

                            <p class="hero">
                                Known allows any number of users to post to a shared site with blog posts, status
                                updates, photographs, and more.
                            </p>
                            <p class="hero">
                                Its robust open source framework can be used to build fully-fledged community sites,
                                or a blog for a single user. It's up to you.
                            </p>

                            <a class="btn btn-primary btn-responsive btn-block btn-create-site submit"
                               href="opensource/">
                                Download &amp; Install
                            </a>

                        </div>
                    </form>
                </div>
            </div>

            <!--Row-->

        </div>
        <!--Container-->
        <!-- /.container -->

    </div>
    <!-- /.intro-header -->


    <div class="content-center content-section-middle">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <h2 class="section-heading center">Simple publishing</h2>

                    <p class="lead center">Known allows you to create and share
                        photos, notes, stories, songs, and more. It's easy to use and its web interface works on any device.</p>
                </div>

                <div class="col-lg-12">
                    <img class="img-responsive hidden-xs" src="img/home/screens.png"
                         alt="Known is a simple social blogging platform.">
                </div>
            </div>
        </div>

    </div>

    <!--Begin Features -->
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="features-heading">Features at a glance</h2>
            </div>
        </div>
        <div class="row">
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#bookmark" class="icon"></use>
                </svg>
                <h4>Bookmarklet</h4>

                <p>
                    Easily post to your site, save links, and respond to comments from any page on the web
                </p>
            </div>
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#tags" class="icon"></use>
                </svg>
                <h4>#Tags</h4>

                <p>
                    Use hashtags with any content to categorize and organize what you publish
                </p>
            </div>
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#phone" class="icon"></use>
                </svg>
                <h4>Responsive Layout</h4>

                <p>
                    View, edit, and post to your site from any device
                </p>
            </div>
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#chat" class="icon"></use>
                </svg>
                <h4>Decentralized Indieweb </h4>

                <p>
                    Sites can respond to each other, bookmark each others' content and leave comments
                    on each others' posts
                </p>
            </div>
        </div>
        <div class="row">
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#envelope-closed" class="icon"></use>
                </svg>
                <h4>Email Notifications</h4>

                <p>
                    Get updated whenever someone responds to a post
                </p>
            </div>
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#rss-alt" class="icon"></use>
                </svg>
                <h4>Feeds</h4>

                <p>
                    Get your latest updates via RSS, XML, JSON, or KML
                </p>
            </div>
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#people" class="icon"></use>
                </svg>
                <h4>Multi-Author</h4>

                <p>
                    Invite an unlimited number of collaborators and create a multi-user site
                </p>
            </div>
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#code" class="icon"></use>
                </svg>
                <h4>HTML & Rich Text Editor</h4>

                <p>
                    Handcraft your posts in HTML or save time with the WYSIWYG
                </p>
            </div>

        </div>
        <!---Begin Premium-->
        <div class="row">
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#link-intact" class="icon"></use>
                </svg>
                <h4>Custom URL</h4>

                <p>
                    Bring your own URL and really own your site with a custom domain
                </p>
            </div>
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#browser" class="icon"></use>
                </svg>
                <h4>Static Pages</h4>

                <p>
                    Round out your site with static content like an about page or a contact page
                </p>
            </div>
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#lock-locked" class="icon"></use>
                </svg>
                <h4>Privacy</h4>

                <p>
                    Keep your site private and create a space for your personal thoughts or a private group discussion
                </p>
            </div>
            <div class="features col-lg-3">
                <svg viewBox="0 0 8 8" class="icon">
                    <use xlink:href="/sprite/open-iconic.svg#terminal" class="icon"></use>
                </svg>
                <h4>Custom JavaScript & CSS</h4>

                <p>
                    Change your site's look and add your own analytics with JavaScript and CSS editors
                </p>

            </div>

        </div>


    </div>

    <!-- End Features -->

    <!-- Begin 'Any Device' -->

    <div class="content-center">

        <div class="container">

            <div class="row">
                <hr class="center-spacer">
                <div class="clearfix"></div>
                <div class="col-lg-12">
                    <img class="img-responsive hidden-xs" src="img/all-devices.png"
                         alt="Known works on all of your devices.">
                </div>
                <div class="col-lg-8 col-lg-offset-2">
                    <h2 class="section-heading center">Any device, any place</h2>

                    <p class="lead center">You already spend enough time in front of a computer, and inspiration can
                        strike
                        anywhere. Known is fully responsive and works on whatever device you’ve got in your hand.
                        Whether
                        you’re sharing a sunset picture from the beach or blogging from the road, Known is there for you. </p>
                </div>

            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- End 'Any Device' -->

    <!-- Begin 'News' -->

    <div class="content-center">

        <div class="container">

            <div class="row">
                <hr class="center-spacer">
                <div class="clearfix"></div>
                <div class="row">
                    <div class="features col-lg-4">
                        <a href="http://www.wired.com/2014/09/known/"><img class="img-responsive"
                                                                           src="img/home/wired.png"
                                                                           alt="Known in Wired"></a>
                        <p class="quote">
                            "more easily organize all your digital info in one place" </p>
                    </div>
                    <div class="features col-lg-4">
                        <a href="https://gigaom.com/2014/09/11/indieweb-advocates-launch-known-so-bloggers-can-be-social-and-still-control-their-content/"><img
                                    class="img-responsive" src="img/home/gigaom.png" alt="Known in GigaOM"></a>

                        <p class="quote">
                            "designed to give everyone a fully open publishing platform"
                        </p>
                    </div>
                    <div class="features col-lg-4">
                        <a href="http://twit.tv/show/this-week-in-google/266"><img class="img-responsive"
                                                                                   src="img/home/twit.png"
                                                                                   alt="Known on This Week in Google"></a>

                        <p class="quote">
                            "This is really how the web should be."
                        </p>

                    </div>

                </div>

            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- End 'News' -->

    <section id="intouch">
        <div class="keep-in-touch">

            <div class="container">

                <div class="row">
                    <hr class="center-spacer">
                    <div class="clearfix"></div>
                    <div class="col-lg-8 col-lg-offset-2">
                        <h2 class="section-heading center">We'll keep you up to date</h2>

                        <p class="lead center">To find out when we release new features, sign up for our low-volume newsletter.</p>

                        <form novalidate="" method="post" action="/subscribe/" class="form-inline"
                              style="text-align: center">
                            <input id="name" type="text" value="" placeholder="Your name" name="name"
                                   class="subscription-signup " style="">
                            <input id="email" type="email" value="" placeholder="Your email address" name="email"
                                   style=""
                                   class="subscription-signup ">
                            <input type="submit" class="btn btn-lg btn-github btn-responsive" value="Subscribe"
                                   style="font-size: 14px; padding: 10px; margin-bottom: 10px;">
                        </form>
                    </div>
                </div>

            </div>
            <!-- /.container -->

        </div>
        <!-- /.email -->
    </section>

        <footer>
            <div class="container">
	            <div class="row">
		          <div class="col-lg-3 footer-nav">
				  	<a href="/"><img class="center-block img-responsive" src="/img/logo_k.png" alt="Known"></a>
		          </div>		            
		          <div class="col-lg-3 footer-nav">
			          <strong>Company</strong>
			            <ul class="list-group">
                            <li><a href="/team">Team</a></li>                          
                            <li><a href="/contact">Contact</a></li>
                        </ul>
		          </div>
				  <div class="col-lg-3 footer-nav">
					  <strong>Resources</strong>
					  	<ul class="list-group">
                            <li><a href="/opensource">Open Source</a></li>
                            <li><a href="http://docs.withknown.com">Developer Docs</a></li>
							<li><a href="/guides">How-to Guides</a>
                            <li><a href="https://indieweb.org">Indieweb</a>
                            </li>
                        </ul>
		          </div>
				  <div class="col-lg-3 footer-nav">
					  <strong>Legal</strong>
					  <ul class="list-group">
                            <li><a href="/privacy">Privacy</a></li>                          
                            <li><a href="/terms">Terms</a></li>
                            <li><a href="/dmca">DMCA</a></li>
                        </ul>
		          </div>
	            </div>

                
                <div class="row copy-row">
                    <div class="col-lg-8 col-lg-offset-1"><p class="copyright text-muted small">Copyright &copy; Known, Inc.</p>
                    </div>
                    <div class="col-lg-2"><p class="social-footer"><a href="https://twitter.com/withknown"><img src="/img/twitter-footer.png" alt="Twitter" class="social-icon" /></a> <a href="https://facebook.com/withknown"><img src="/img/facebook-footer.png" alt="Facebook" class="social-icon" /></a></p>
                </div>

            </div>
        </footer>

    
</body>

</html>
