mirror of
https://github.com/bitinflow/server.git
synced 2026-03-13 13:35:53 +00:00
update landing page
- restyle - add sponsors
This commit is contained in:
Roman Shtylman
142
views/index.html
142
views/index.html
@@ -6,6 +6,9 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
||||
<meta name="description" content="localtunnel : expose yourself to the world" />
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/css/font-awesome.css">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/css/style.css">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/css/grid.css">
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/css/widgets.css">
|
||||
@@ -15,84 +18,87 @@
|
||||
|
||||
<body>
|
||||
|
||||
<!-- HEADER -->
|
||||
<div id="header_wrap" class="outer">
|
||||
<header class="inner">
|
||||
<a id="forkme_banner" href="https://github.com/shtylman/localtunnel">View on GitHub</a>
|
||||
|
||||
<h1 id="project_title">localtunnel</h1>
|
||||
<h2 id="project_tagline">expose yourself to the world</h2>
|
||||
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<!-- MAIN CONTENT -->
|
||||
<div id="main_content_wrap" class="outer">
|
||||
|
||||
<section id="main_content" class="inner">
|
||||
|
||||
<div class="row">
|
||||
<div class="half">
|
||||
<h3>Requests</h3>
|
||||
<div id="request-count" class="flip-counter"></div>
|
||||
</div>
|
||||
|
||||
<div class="half">
|
||||
<h3>Tunnels</h3>
|
||||
<div id="user-count" class="flip-counter"></div>
|
||||
</div>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="sponsors">
|
||||
<small>sponsored by</small>
|
||||
<h3><a href="https://courseoff.com/" target="_blank">courseoff</a> <small><a href="https://twitter.com/courseoff" target="_blank"><i class="fa fa-twitter"></i></a></small></h3>
|
||||
<h3><a href="http://www.epicodus.com/" target="_blank">epicodus</a> <small><a href="https://twitter.com/epicodus" target="_blank"><i class="fa fa-twitter"></i></a></small></h3>
|
||||
</div>
|
||||
|
||||
<p>Ever wish you could get feedback from friends or colleagues about a web project without deploying it? Localtunnel helps you do just that! Run the simple proxy and get a web facing url which you can share with anyone.</p>
|
||||
<h1>localtunnel</h1>
|
||||
<h2>expose yourself to the world</h2>
|
||||
|
||||
<h3>install</h3>
|
||||
</div>
|
||||
|
||||
<div class="highlight"><pre>npm install -g localtunnel
|
||||
</pre></div>
|
||||
<a href="https://github.com/defunctzombie/localtunnel"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
|
||||
|
||||
<p>Lets say I have a local webserver running on port 8000. I can expose it to the world just by running</p>
|
||||
|
||||
<div class="highlight"><pre><span class="nv">$ </span>lt --port 8000
|
||||
your url is: http://gqgh.localtunnel.me
|
||||
</pre></div>
|
||||
|
||||
<p>You can now share <a href="http://gqgh.localtunnel.me">http://gqgh.localtunnel.me</a> with anyone. As long as your local instance of <code>lt</code> is running, this url will remain active. Any requests to that url will be routed to your service on port 8000.</p>
|
||||
|
||||
<h3>uses</h3>
|
||||
|
||||
<p>Beyond sharing with friends, localtunnel makes a great tool for testing with any service which needs to hit internet visible URLs.</p>
|
||||
|
||||
<ul>
|
||||
<li>browserling.com</li>
|
||||
<li>twillio testing</li>
|
||||
<li>sendgrid web api</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<div id="footer_wrap" class="outer">
|
||||
<footer class="inner">
|
||||
<p class="copyright">localtunnel maintained by <a href="https://github.com/shtylman">shtylman</a></p>
|
||||
<p>Theme from <a href="http://pages.github.com">GitHub Pages</a></p>
|
||||
</footer>
|
||||
<div class="container">
|
||||
|
||||
<p>
|
||||
Localtunnel allows you to easily share a web service on your local development machine without messing with DNS and firewall settings.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Localtunnel will assign you a unique publicly accessible url that will proxy all requests to your locally running webserver.
|
||||
</p>
|
||||
|
||||
<h2>quickstart</h2>
|
||||
|
||||
<p>
|
||||
Localtunnel command line script allows you to manually setup a sharing tunnel to a local webserver.
|
||||
</p>
|
||||
|
||||
<div class="highlight"><pre>npm install -g localtunnel</pre></div>
|
||||
|
||||
<p>Start a webserver on some local port (in our example we have a server running on port 8000).</p>
|
||||
|
||||
<p>Make sure everything is working locally first by visiting http://localhost:8000.</p>
|
||||
|
||||
<p>Now use the command line app to request a tunnel to your local server.</p>
|
||||
|
||||
<div class="highlight"><pre><span class="nv">$ </span>lt --port 8000
|
||||
your url is: https://gqgh.localtunnel.me</pre></div>
|
||||
|
||||
<p>You can now share <em>https://gqgh.localtunnel.me</em> with anyone. As long as your local instance of <strong>lt</strong> is running, this url will remain active. Any requests to that url will be routed to your service on port 8000.</p>
|
||||
|
||||
<p>When you start and stop your tunnel, you will see it reflected in the active tunnel count below.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="half">
|
||||
<h3>Tunnels</h3>
|
||||
<div id="user-count" class="flip-counter"></div>
|
||||
</div>
|
||||
|
||||
<div class="half">
|
||||
<h3>Requests</h3>
|
||||
<div id="request-count" class="flip-counter"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<h2>other cool stuff</h2>
|
||||
<h3><i class="fa fa-lock"></i> Secure https for all tunnels</h3>
|
||||
<h3><i class="fa fa-desktop"></i> Show your work to anyone</h3>
|
||||
<h3><i class="fa fa-cloud"></i> Use the API to test webhooks</h3>
|
||||
<h3><i class="fa fa-globe"></i> Test your UI in cloud browsers</h3>
|
||||
|
||||
<h2>developers</h2>
|
||||
<p>
|
||||
See the <a href="https://github.com/defunctzombie/localtunnel">github page</a> or <a href="https://github.com/defunctzombie/localtunnel/wiki">wiki</a> for info on clients in other languages and API for the tunnel proxy.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<p>localtunnel is maintained by <a href="https://twitter.com/defunctzombie">@defunctzombie</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/js/index.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-574889-7']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user