|
|
@@ -0,0 +1,305 @@ |
|
|
{% set rss_feed_url = base_url + "feed/" %}
|
|
|
|
|
|
{% extends "h:templates/layouts/base.html.jinja2" %}
|
|
|
|
|
|
{% block page_title %}Hypothesis | The Internet, peer reviewed.{% endblock %}
|
|
|
|
|
|
{% block meta %}
|
|
|
{{ super() }}
|
|
|
<link rel='canonical' href='{{ base_url }}'>
|
|
|
<link href="{{ rss_feed_url }}" rel="alternate" type="application/rss+xml">
|
|
|
{% endblock %}
|
|
|
|
|
|
{% block styles %}
|
|
|
{% assets "front_page_css" %}
|
|
|
<link rel="stylesheet" href="{{ ASSET_URL }}">
|
|
|
{% endassets %}
|
|
|
{% endblock %}
|
|
|
|
|
|
{% block content %}
|
|
|
<header class="banner hiring">
|
|
|
<div class="container">
|
|
|
<span>
|
|
|
We're hiring
|
|
|
<a href="{{ base_url }}jobs/#developer">developers</a>.
|
|
|
</span>
|
|
|
</div>
|
|
|
</header>
|
|
|
|
|
|
<header class="navbar navbar-default navbar-static-top">
|
|
|
<div class="container">
|
|
|
<div class="navbar-header">
|
|
|
<button type="button" class="navbar-toggle collapsed"
|
|
|
data-toggle="collapse" data-target=".navbar-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="{{ base_url }}">
|
|
|
Hypothes<span class="red">.</span>is
|
|
|
</a>
|
|
|
</div>
|
|
|
<nav class="collapse navbar-collapse">
|
|
|
<div class="menu-main-menu-container">
|
|
|
<ul id="menu-main-menu" class="nav navbar-nav">
|
|
|
<li id="menu-item-3607"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3607">
|
|
|
<a href="{{ base_url }}about/">About</a>
|
|
|
</li>
|
|
|
<li id="menu-item-3609"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3609">
|
|
|
<a href="{{ base_url }}blog/">Blog</a>
|
|
|
</li>
|
|
|
<li id="menu-item-3608"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3608">
|
|
|
<a href="{{ base_url }}contribute/">Contribute</a>
|
|
|
</li>
|
|
|
<li id="menu-item-4372"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4372">
|
|
|
<a href="{{ base_url }}education/">Education</a>
|
|
|
</li>
|
|
|
<li id="menu-item-3615"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3615">
|
|
|
<a href="{{ base_url }}jobs/">Jobs</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<ul class="nav navbar-nav pull-right login">
|
|
|
{% if username %}
|
|
|
<li><a href="{{ user_profile_link }}">{{ username }}</a></li>
|
|
|
<li><a href="{{ request.route_url("logout") }}">Sign out</a></li>
|
|
|
{% else %}
|
|
|
<li><a href="{{ base_url }}login">Sign in</a></li>
|
|
|
<li><a href="{{ base_url }}register">Create an account</a></li>
|
|
|
{% endif %}
|
|
|
</ul>
|
|
|
</nav>
|
|
|
</div>
|
|
|
</header>
|
|
|
|
|
|
<div class="wrap container" role="document">
|
|
|
<div class="content row">
|
|
|
<main class="main">
|
|
|
<div class="jumbotron">
|
|
|
<div class="row">
|
|
|
<div class="col-sm-6">
|
|
|
<div id="video"
|
|
|
class="embed-responsive embed-responsive-16by9">
|
|
|
<iframe allowfullscreen class="embed-responsive-item"
|
|
|
src="https://www.youtube.com/embed/QCkm0lL-6lc?showinfo=0&autohide=1">
|
|
|
</iframe>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-sm-6 call-to-action">
|
|
|
|
|
|
<h2>Annotate with anyone, anywhere</h2>
|
|
|
<p>
|
|
|
<a href="{{ base_url }}about/">Our mission</a> is to
|
|
|
bring a new layer to the web. Use Hypothesis to discuss,
|
|
|
collaborate, organize your research, or take personal notes.
|
|
|
</p>
|
|
|
|
|
|
<section class="installer">
|
|
|
|
|
|
<span class="hidden unhide-in-chrome">
|
|
|
<a class="btn btn-primary hidden-xs"
|
|
|
href="https://chrome.google.com/webstore/detail/bjfhmglciegochdpefhhlphglcehbmek"
|
|
|
onclick="chrome.webstore.install();return false;"
|
|
|
data-chromeext-button="">
|
|
|
<img alt="" class="installer__browser-logo--chrome"
|
|
|
src="{{ base_url }}assets/images/browser-chrome-64x64.png">
|
|
|
Install
|
|
|
</a>
|
|
|
</span>
|
|
|
<span class="hide-in-chrome">
|
|
|
<a class="btn btn-primary hidden-xs" href="#"
|
|
|
data-toggle="modal" data-target="#bookmarklet">
|
|
|
Get Bookmarklet
|
|
|
</a>
|
|
|
</span>
|
|
|
|
|
|
<em class="or hidden-xs">Or...</em>
|
|
|
<form class="via" onsubmit="url = document.getElementById('search').value; if (url != '') { window.location.href = 'https://via.hypothes.is/h/' + url; } return false;">
|
|
|
<span class="input-group"
|
|
|
title="Insert a URL to annotate that page.">
|
|
|
<input id="search" class="form-control" type="text"
|
|
|
name="search" placeholder="Paste a link...">
|
|
|
<span class="input-group-btn" data-via-button="">
|
|
|
<button class="btn btn-primary" type="submit">
|
|
|
Annotate!
|
|
|
</button>
|
|
|
</span>
|
|
|
</span>
|
|
|
</form>
|
|
|
</section>
|
|
|
|
|
|
<p class="hide-in-chrome">
|
|
|
There's also a
|
|
|
<a href="https://chrome.google.com/webstore/detail/bjfhmglciegochdpefhhlphglcehbmek">
|
|
|
Chrome extension
|
|
|
</a>
|
|
|
or you can
|
|
|
<a href="#" class="" data-toggle="modal" data-target="#addtoyoursite" data-addtosite-button="">
|
|
|
add it to your website</a>.
|
|
|
</p>
|
|
|
<p class="hidden unhide-in-chrome">
|
|
|
There's also a
|
|
|
<a href="#" class="" data-toggle="modal" data-target="#bookmarklet">
|
|
|
bookmarklet
|
|
|
</a>
|
|
|
or you can
|
|
|
<a href="#" class="" data-toggle="modal" data-target="#addtoyoursite" data-addtosite-button="">
|
|
|
add it to your website</a>.
|
|
|
</p>
|
|
|
<script>
|
|
|
if (window.chrome !== undefined) {
|
|
|
var elements = document.getElementsByClassName(
|
|
|
"unhide-in-chrome");
|
|
|
for (var i=0; i<elements.length; i++) {
|
|
|
elements[i].classList.remove("hidden");
|
|
|
}
|
|
|
elements = document.getElementsByClassName(
|
|
|
"hide-in-chrome");
|
|
|
for (var i=0; i<elements.length; i++) {
|
|
|
elements[i].classList.add("hidden");
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<div class="modal fade" id="bookmarklet" tabindex="-1"
|
|
|
role="dialog" aria-hidden="true">
|
|
|
<div class="modal-dialog">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close"
|
|
|
data-dismiss="modal" aria-label="Close">
|
|
|
<span aria-hidden="true">×</span>
|
|
|
</button>
|
|
|
<h4 class="modal-title">Bookmarklet</h4>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div>
|
|
|
<a title="Drag me to the bookmarks bar"
|
|
|
data-bookmarklet-button=""
|
|
|
class="btn btn-primary btn-lg installer__button--draggable"
|
|
|
href="javascript:(function(){window.hypothesisConfig=function(){return{showHighlights:true};};var d=document,s=d.createElement('script');s.setAttribute('src','{{ request.route_url("embed") }}');d.body.appendChild(s)})();"
|
|
|
onclick="alert('Drag me to the bookmarks bar');return false;">Launch Hypothesis
|
|
|
</a>
|
|
|
<p><i class="fa fa-arrows"></i> Drag the button into
|
|
|
your bookmarks bar then click it to launch the
|
|
|
Hypothesis application.</p>
|
|
|
<p>Alternatively, right click and select
|
|
|
"bookmark this link." To load Hypothesis on a webpage
|
|
|
or PDF, simply click on the bookmarklet in your
|
|
|
bookmarks.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="modal fade" id="addtoyoursite" tabindex="-1"
|
|
|
role="dialog" aria-hidden="true">
|
|
|
<div class="modal-dialog">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
|
aria-label="Close">
|
|
|
<span aria-hidden="true">×</span>
|
|
|
</button>
|
|
|
<h4 class="modal-title">Add Hypothesis to a web site</h4>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div class="installer__section--addtosite">
|
|
|
<p>
|
|
|
<input class="form-control" type="text"
|
|
|
value='<script async defer src="//hypothes.is/embed.js"></script>'>
|
|
|
</p>
|
|
|
<p>Add the above script tag to your web site's HTML to load
|
|
|
the Hypothesis sidebar on your site.</p>
|
|
|
|
|
|
<p>To show highlights by default, also add:</p>
|
|
|
<p>
|
|
|
<input class="form-control" type="text"
|
|
|
value='<script>window.hypothesisConfig=function(){return{showHighlights:true};</script>'>
|
|
|
</p>
|
|
|
|
|
|
<p>Alternatively, if you use WordPress, checkout the
|
|
|
<a href="https://wordpress.org/plugins/hypothesis/">
|
|
|
Hypothesis WordPress plugin</a>.
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</main>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<footer class="content-info">
|
|
|
<div class="container">
|
|
|
<nav class="navbar navbar-default">
|
|
|
<div class="nav navbar-nav social-media pull-right">
|
|
|
<a href="https://github.com/hypothesis">
|
|
|
<i class="fa fa-github"></i>
|
|
|
</a>
|
|
|
<a href="https://twitter.com/hypothes_is">
|
|
|
<i class="fa fa-twitter"></i>
|
|
|
</a>
|
|
|
<a href="{{ rss_feed_url }}"><i class="fa fa-rss"></i></a>
|
|
|
</div>
|
|
|
<div class="menu-footer-container">
|
|
|
<ul id="menu-footer" class="nav navbar-nav">
|
|
|
<li id="menu-item-3613"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3613">
|
|
|
<a href="{{ base_url }}contact/">Contact</a>
|
|
|
</li>
|
|
|
<li id="menu-item-3623"
|
|
|
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3623">
|
|
|
<a href="{{ base_url }}fund/">Grant opportunities</a>
|
|
|
</li>
|
|
|
<li id="menu-item-3611"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3611">
|
|
|
<a href="{{ base_url }}roadmap/">Roadmap</a>
|
|
|
</li>
|
|
|
<li id="menu-item-3614"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3614">
|
|
|
<a href="{{ base_url }}press/">Press</a>
|
|
|
</li>
|
|
|
<li id="menu-item-3610"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3610">
|
|
|
<a href="{{ base_url }}team/">Our team</a>
|
|
|
</li>
|
|
|
<li id="menu-item-3612"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3612">
|
|
|
<a href="{{ base_url }}terms-of-service/">
|
|
|
Terms of Service
|
|
|
</a>
|
|
|
</li>
|
|
|
<li id="menu-item-4123"
|
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4123">
|
|
|
<a href="{{ base_url }}for-publishers/">
|
|
|
For Publishers
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</nav>
|
|
|
</div>
|
|
|
</footer>
|
|
|
{% endblock %}
|
|
|
|
|
|
{% block scripts %}
|
|
|
{% assets "front_page_js" %}
|
|
|
<script src="{{ ASSET_URL }}"></script>
|
|
|
{% endassets %}
|
|
|
{% assets "bootstrap" %}
|
|
|
<script src="{{ ASSET_URL }}"></script>
|
|
|
{% endassets %}
|
|
|
{% endblock %}
|
