Форк Rambox
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

513 lines
35 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rambox : Free and Open Source app for Slack, WhatsApp, Messenger, Skype and much more...</title>
<meta name="description" content="Free and Open Source messaging and emailing app that combines common web applications into one.">
<meta name="keywords" content="rambox, messages, slack, whatsapp, messenger, skype, gmail, inbox, outlook, hipchat, hangouts, steam, telegram">
<meta name="author" content="Ramiro Saenz">
<meta property="og:title" content="Rambox : Free and Open Source app for Slack, WhatsApp, Messenger, Skype and much more..."/>
<meta property="og:image" content="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/Icon.png"/>
<meta property="og:site_name" content="Rambox"/>
<meta property="og:url" content="http://rambox.pro"/>
<meta property="og:description" content="Free and Open Source messaging and emailing app that combines common web applications into one."/>
<meta property="fb:app_id" content="1280363035314814"/>
<link rel="icon" type="image/png" href="favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#0675A0">
<meta name="theme-color" content="#0675A0">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="fonts/font-awesome-4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/all.css">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="wrapper">
<header id="header">
<div class="container">
<div class="logo"><a href="#"><img src="images/logo.png" alt="Rambox"></a></div>
<nav id="nav">
<div class="opener-holder">
<a href="#" class="nav-opener"><span></span></a>
</div>
<a href="#download" class="downloadBtn btn btn-primary rounded">Download</a>
<div class="nav-drop">
<ul>
<li class="active visible-sm visible-xs"><a href="#">Home</a></li>
<li><a href="https://github.com/saenzramiro/rambox" target="_blank">GitHub</a></li>
<li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=WU75QWS7LH2CA" target="_blank">Donate</a></li>
</ul>
<div class="drop-holder visible-sm visible-xs">
<span>Follow Us</span>
<ul class="social-networks">
<li><a class="fa fa-github" href="#"></a></li>
<li><a class="fa fa-twitter" href="#"></a></li>
<li><a class="fa fa-facebook" href="#"></a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<section class="visual">
<div class="container">
<div class="text-block">
<div class="heading-holder">
<h1>Rambox</h1>
</div>
<p class="tagline">Free and Open Source messaging and emailing app that combines common web applications into one.</p>
<span class="info">Available for Windows, Mac and Linux</span>
</div>
</div>
<img src="images/img-decor-01.jpg" alt="" class="bg-stretch">
</section>
<section class="main">
<div class="container">
<div id="cta">
<a href="#download" class="downloadBtn btn btn-primary rounded">Download For Free Now</a>
<p>More than 20 common services!</p>
</div>
<div class="row">
<div class="text-box col-md-offset-1 col-md-10">
<h2>The new way to organize your services</h2>
<p>Rambox gives you the possibility to add common services many times you need, all in one place. It's perfect for people who work with many services for business and private accounts.</p>
<div class="social-placeholder">
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/saenzramiro/rambox" data-icon="octicon-eye" data-style="mega" data-count-href="/saenzramiro/rambox/watchers" data-count-api="/repos/saenzramiro/rambox#subscribers_count" data-count-aria-label="# watchers on GitHub" aria-label="Watch saenzramiro/rambox on GitHub">Watch</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/saenzramiro/rambox" data-icon="octicon-star" data-style="mega" data-count-href="/saenzramiro/rambox/stargazers" data-count-api="/repos/saenzramiro/rambox#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star saenzramiro/rambox on GitHub">Star</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/saenzramiro/rambox/fork" data-icon="octicon-repo-forked" data-style="mega" data-count-href="/saenzramiro/rambox/network" data-count-api="/repos/saenzramiro/rambox#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork saenzramiro/rambox on GitHub">Fork</a>
</div>
</div>
</div>
</div>
</section>
<section class="area features">
<div class="container">
<div class="row">
<div class="col-md-5">
<h2 class="visible-xs visible-sm text-primary">&lt;Here is what you get&gt;</h2>
<ul class="visual-list">
<li>
<div class="img-holder fa fa-bell"></div>
<div class="text-holder">
<h3>Notifications</h3>
<p>Displays notifications natively if the messaging service supports it.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-refresh"></div>
<div class="text-holder">
<h3>Sync Services</h3>
<p>If you use Rambox in different computers, you can synchronize your configuration.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-lock"></div>
<div class="text-holder">
<h3>Lock</h3>
<p>You can lock Rambox if you will be away for a period of time.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-bell-slash"></div>
<div class="text-holder">
<h3>Don't Disturb</h3>
<p>Disable all sounds and notifications.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-plus-circle"></div>
<div class="text-holder">
<h3>Add Custom Services</h3>
<p>You can add any custom service of your choice.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-exchange"></div>
<div class="text-holder">
<h3>Reorder and grouping</h3>
<p>Reorder services in the tab bar and group into two groups (left and right).</p>
</div>
</li>
<li>
<div class="img-holder fa fa-bookmark"></div>
<div class="text-holder">
<h3>Badges</h3>
<p>Every time you have something new to check, you will see a badge in the tab of the service.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-power-off"></div>
<div class="text-holder">
<h3>System Tray</h3>
<p>Rambox always runs and can be accessed in the system tray.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-rocket"></div>
<div class="text-holder">
<h3>Start automatically on system startup</h3>
<p>You can configure to open Rambox automatically.</p>
</div>
</li>
<li>
<div class="img-holder fa fa-code"></div>
<div class="text-holder">
<h3>Custom Code Injection</h3>
<p>You can add custom behaviours if you want.</p>
</div>
</li>
</ul>
</div>
<div class="col-md-7">
<div class="slide-holder">
<h2 class="hidden-xs hidden-sm text-primary">&lt;Here is what you get&gt;</h2>
<div class="img-slide scroll-trigger"><img src="images/img-01.png" height="624" width="1184" alt=""></div>
</div>
</div>
</div>
</div>
</section>
<section class="main services">
<div class="container">
<div class="content">
<h1 class="text-center">Services #44</h1>
<div class="row">
<div class="col-xs-12 col-md-12">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/whatsapp.png" alt="WhatsApp" title="WhatsApp">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/messenger.png" alt="Messenger" title="Messenger">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/skype.png" alt="Skype" title="Skype">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/slack.png" alt="Slack" title="Slack">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/hangouts.png" alt="Hangouts" title="Hangouts">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/telegram.png" alt="Telegram" title="Telegram">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/wechat.png" alt="WeChat" title="WeChat">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/gmail.png" alt="Gmail" title="Gmail">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/inbox.png" alt="Inbox" title="Inbox">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/hipchat.png" alt="HipChat" title="HipChat">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/chatwork.png" alt="ChatWork" title="ChatWork">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/groupme.png" alt="GroupMe" title="GroupMe">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/grape.png" alt="Grape" title="Grape">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/gitter.png" alt="Gitter" title="Gitter">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/steam.png" alt="Steam" title="Steam">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/discord.png" alt="Discord" title="Discord">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/noysi.png" alt="Noysi" title="Noysi">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/outlook.png" alt="Outlook" title="Outlook">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/tutanota.png" alt="TutaNota" title="TutaNota">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/hushmail.png" alt="Hushmail" title="Hushmail">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/bearychat.png" alt="BearyChat" title="BearyChat">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/sync.png" alt="Sync" title="Sync">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/wire.png" alt="Wire" title="Wire">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/rocketchat.png" alt="Rocket Chat" title="Rocket Chat">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/missive.png" alt="Missive" title="Missive">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/yahoo.png" alt="Yahoo! Mail" title="Yahoo! Mail">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/office365.png" alt="OFfice 365" title="Office 365">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/dasher.png" alt="Dasher" title="Dasher">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/dingtalk.png" alt="DingTalk" title="DingTalk">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/flowdock.png" alt="FlowDock" title="FlowDock">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/mattermost.png" alt="Mattermost" title="Mattermost">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/voxer.png" alt="Voxer" title="Voxer">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/yahoomessenger.png" alt="Yahoo! Messenger" title="Yahoo! Messenger">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/mysms.png" alt="mysms" title="mysms">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/icq.png" alt="ICQ" title="ICQ">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/tweetdeck.png" alt="TweetDeck" title="TweetDeck">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/zinc.png" alt="Zinc" title="Zinc">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/freenode.png" alt="FreeNode" title="FreeNode">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/mightytext.png" alt="MightyText" title="MightyText">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/zohoemail.png" alt="Zoho Email" title="Zoho Email">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/zohochat.png" alt="Zoho Chat" title="Zoho Chat">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/roundcube.png" alt="Roundcube" title="Roundcube">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/horde.png" alt="Horde" title="Horde">
<img src="https://raw.githubusercontent.com/saenzramiro/rambox/master/resources/icons/squirrelmail.png" alt="SquirrelMail" title="SquirrelMail">
<i class="custom text-center fa fa-question-circle" aria-hidden="true"></i>
<div class="customtext text-center">Add more services manually!</div>
</div>
</div>
</div>
</div>
</section>
<hr />
<a name="privacy"></a>
<section class="main privacy">
<div class="container">
<div class="content">
<h1 class="text-center">Privacy</h1>
<div class="row">
<div class="col-xs-12 col-md-12">
<h3 class="text-center">
No personal information will be saved
<br>
<small>Sessions will persist using the <a href="http://electron.atom.io/docs/api/web-view-tag/#partition" target="_blank">partition:persist</a> attribute for Webviews. So every time you open Rambox, your sessions will keep alive until you remove the service.<br>Sync feature use Auth0 for Single Sign On &amp; Token Based Authentication with the integration with Firebase to store the services that user is using (and the configuration for each service like Name, Align, Icon, etc).<br><br>You are always welcome to check the code! ;)</small>
</h3>
</div>
</div>
<a name="download"></a>
</div>
</div>
</section>
<section class="area">
<div class="container">
<div class="content">
<div class="row download-section">
<div class="col-md-12">
<div class="row">
<div class="col-md-12 text-center">
<h2><a id="download_all"></a>Download Rambox</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-xs-12 download-container">
<i class="fa fa-windows os text-center"></i>
<h4 class="card-title text-center">Rambox for Windows<br><small>Requires Windows 7 or newer</small></h4>
<div class="download-group text-center">
<a href="https://getrambox.herokuapp.com/download/win32_x64" class="btn btn-primary btn-download"><i class="fa fa-download"></i> Download 64-bit</a>
<a href="https://getrambox.herokuapp.com/download/win32_ia32" class="btn btn-secondary btn-download"><i class="fa fa-download"></i> Download 32-bit</a>
<div>
<a href="https://getrambox.herokuapp.com/download/win32_x64?filetype=zip" style="margin:10px;font-size:10px;"><i class="fa fa-file-archive-o"></i> 64-bit</a>
<a href="https://getrambox.herokuapp.com/download/win32_ia32?filetype=zip" style="margin:10px;font-size:10px;"><i class="fa fa-file-archive-o"></i> 32-bit</a>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12 download-container">
<i class="fa fa-apple os text-center"></i>
<h4 class="card-title text-center">Rambox for Mac<br><small>Requires 10.9 or newer</small></h4>
<div class="download-group text-center">
<a href="https://getrambox.herokuapp.com/download/osx" class="btn btn-primary btn-download"><i class="fa fa-download"></i> Download</a>
<div>
<a href="https://getrambox.herokuapp.com/download/osx?filetype=zip" style="margin:10px;font-size:10px;"><i class="fa fa-file-archive-o"></i> ZIP</a>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12 download-container">
<i class="fa fa-linux os text-center"></i>
<h4 class="card-title text-center">Rambox for Linux<br><small>&nbsp;</small></h4>
<div class="download-group text-center">
<a href="https://getrambox.herokuapp.com/download/x64?filetype=AppImage" class="btn btn-primary btn-download"><i class="fa fa-download"></i> Download AppImage 64-bit</a><br />
<a href="https://getrambox.herokuapp.com/download/linux_64?filetype=deb" class="btn btn-primary btn-download"><i class="fa fa-download"></i> Download Deb 64-bit</a><br />
<a href="https://getrambox.herokuapp.com/download/ia32?filetype=AppImage" class="btn btn-secondary btn-download"><i class="fa fa-download"></i> Download AppImage 32-bit</a><br />
<a href="https://getrambox.herokuapp.com/download/linux_32?filetype=deb" class="btn btn-secondary btn-download"><i class="fa fa-download"></i> Download Deb 32-bit</a>
<div>
<a href="https://github.com/saenzramiro/rambox/releases/latest" target="_blank" style="margin:10px;font-size:10px;"><i class="fa fa-chevron-circle-down"></i> MORE</a>
</div>
</div>
</div>
</div>
<div class="row text-center">Latest version: v0.4.1</div>
<div class="row text-center">
<!-- Sharingbutton Facebook -->
<a class="resp-sharing-button__link" href="https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Frambox.pro" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/>
</g>
</svg>
</div>
</div>
</a>
<!-- Sharingbutton Twitter -->
<a class="resp-sharing-button__link" href="https://twitter.com/intent/tweet/?text=adsadsadsasdasdads&amp;url=http%3A%2F%2Frambox.pro" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/>
</g>
</svg>
</div>
</div>
</a>
<!-- Sharingbutton Google+ -->
<a class="resp-sharing-button__link" href="https://plus.google.com/share?url=http%3A%2F%2Frambox.pro" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--google resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="M11.366,12.928c-0.729-0.516-1.393-1.273-1.404-1.505c0-0.425,0.038-0.627,0.988-1.368 c1.229-0.962,1.906-2.228,1.906-3.564c0-1.212-0.37-2.289-1.001-3.044h0.488c0.102,0,0.2-0.033,0.282-0.091l1.364-0.989 c0.169-0.121,0.24-0.338,0.176-0.536C14.102,1.635,13.918,1.5,13.709,1.5H7.608c-0.667,0-1.345,0.118-2.011,0.347 c-2.225,0.766-3.778,2.66-3.778,4.605c0,2.755,2.134,4.845,4.987,4.91c-0.056,0.22-0.084,0.434-0.084,0.645 c0,0.425,0.108,0.827,0.33,1.216c-0.026,0-0.051,0-0.079,0c-2.72,0-5.175,1.334-6.107,3.32C0.623,17.06,0.5,17.582,0.5,18.098 c0,0.501,0.129,0.984,0.382,1.438c0.585,1.046,1.843,1.861,3.544,2.289c0.877,0.223,1.82,0.335,2.8,0.335 c0.88,0,1.718-0.114,2.494-0.338c2.419-0.702,3.981-2.482,3.981-4.538C13.701,15.312,13.068,14.132,11.366,12.928z M3.66,17.443 c0-1.435,1.823-2.693,3.899-2.693h0.057c0.451,0.005,0.892,0.072,1.309,0.2c0.142,0.098,0.28,0.192,0.412,0.282 c0.962,0.656,1.597,1.088,1.774,1.783c0.041,0.175,0.063,0.35,0.063,0.519c0,1.787-1.333,2.693-3.961,2.693 C5.221,20.225,3.66,19.002,3.66,17.443z M5.551,3.89c0.324-0.371,0.75-0.566,1.227-0.566l0.055,0 c1.349,0.041,2.639,1.543,2.876,3.349c0.133,1.013-0.092,1.964-0.601,2.544C8.782,9.589,8.363,9.783,7.866,9.783H7.865H7.844 c-1.321-0.04-2.639-1.6-2.875-3.405C4.836,5.37,5.049,4.462,5.551,3.89z"/>
<polygon points="23.5,9.5 20.5,9.5 20.5,6.5 18.5,6.5 18.5,9.5 15.5,9.5 15.5,11.5 18.5,11.5 18.5,14.5 20.5,14.5 20.5,11.5 23.5,11.5 "/>
</g>
</svg>
</div>
</div>
</a>
<!-- Sharingbutton Tumblr -->
<a class="resp-sharing-button__link" href="https://www.tumblr.com/widgets/share/tool?posttype=link&amp;title=adsadsadsasdasdads&amp;caption=adsadsadsasdasdads&amp;content=http%3A%2F%2Frambox.pro&amp;canonicalUrl=http%3A%2F%2Frambox.pro&amp;shareSource=tumblr_share_button" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--tumblr resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="M13.5,0.5v5h5v4h-5v5.515c0,5.028,3.52,4.427,6,2.798v4.433c-6.728,3.172-12-0.064-12-4.255V9.5h-3V6.668 c0.903-0.293,2.245-0.714,2.889-1.261c0.646-0.551,1.162-1.208,1.551-1.976C9.331,2.664,9.6,1.686,9.746,0.5H13.5z"/>
</g>
</svg>
</div>
</div>
</a>
<!-- Sharingbutton E-Mail -->
<a class="resp-sharing-button__link" href="mailto:?subject=adsadsadsasdasdads&amp;body=http%3A%2F%2Frambox.pro" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--email resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"/>
</svg>
</div>
</div>
</a>
<!-- Sharingbutton Pinterest -->
<a class="resp-sharing-button__link" href="https://pinterest.com/pin/create/button/?url=http%3A%2F%2Frambox.pro&amp;media=http%3A%2F%2Frambox.pro&amp;summary=adsadsadsasdasdads" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--pinterest resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path d="M12.137,0.5C5.86,0.5,2.695,5,2.695,8.752c0,2.272,0.8 ,4.295,2.705,5.047c0.303,0.124,0.574,0.004,0.661-0.33 c0.062-0.231,0.206-0.816,0.271-1.061c0.088-0.331,0.055-0.446-0.19-0.736c-0.532-0.626-0.872-1.439-0.872-2.59 c0-3.339,2.498-6.328,6.505-6.328c3.548,0,5.497,2.168,5.497,5.063c0,3.809-1.687,7.024-4.189,7.024 c-1.382,0-2.416-1.142-2.085-2.545c0.397-1.675,1.167-3.479,1.167-4.688c0-1.081-0.58-1.983-1.782-1.983 c-1.413,0-2.548,1.461-2.548,3.42c0,1.247,0.422,2.09,0.422,2.09s-1.445,6.126-1.699,7.199c-0.505,2.137-0.076,4.756-0.04,5.02 c0.021,0.157,0.224,0.195,0.314,0.078c0.13-0.171,1.813-2.25,2.385-4.325c0.162-0.589,0.929-3.632,0.929-3.632 c0.459,0.876,1.801,1.646,3.228,1.646c4.247,0,7.128-3.871,7.128-9.053C20.5,4.15,17.182,0.5,12.137,0.5z"/>
</svg>
</div>
</div>
</a>
<!-- Sharingbutton Linkedin -->
<a class="resp-sharing-button__link" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Frambox.pro&amp;title=adsadsadsasdasdads&amp;summary=adsadsadsasdasdads&amp;source=http%3A%2F%2Frambox.pro" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="M6.527,21.5h-5v-13h5V21.5z M4.018,6.5H3.988C2.478,6.5,1.5,5.318,1.5,4.019c0-1.329,1.008-2.412,2.547-2.412 c1.541,0,2.488,1.118,2.519,2.447C6.565,5.354,5.588,6.5,4.018,6.5z M15.527,12.5c-1.105,0-2,0.896-2,2v7h-5c0,0,0.059-12,0-13h5 v1.485c0,0,1.548-1.443,3.938-1.443c2.962,0,5.062,2.144,5.062,6.304V21.5h-5v-7C17.527,13.396,16.632,12.5,15.527,12.5z"/>
</g>
</svg>
</div>
</div>
</a>
<!-- Sharingbutton Reddit -->
<a class="resp-sharing-button__link" href="https://reddit.com/submit/?url=http%3A%2F%2Frambox.pro" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--reddit resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path d="M24,11.5c0-1.654-1.346-3-3-3c-0.964,0-1.863,0.476-2.422,1.241c-1.639-1.006-3.747-1.64-6.064-1.723 c0.064-1.11,0.4-3.049,1.508-3.686c0.72-0.414,1.733-0.249,3.01,0.478C17.189,6.317,18.452,7.5,20,7.5c1.654,0,3-1.346,3-3 s-1.346-3-3-3c-1.382,0-2.536,0.944-2.883,2.217C15.688,3,14.479,2.915,13.521,3.466c-1.642,0.945-1.951,3.477-2.008,4.551 C9.186,8.096,7.067,8.731,5.422,9.741C4.863,8.976,3.964,8.5,3,8.5c-1.654,0-3,1.346-3,3c0,1.319,0.836,2.443,2.047,2.844 C2.019,14.56,2,14.778,2,15c0,3.86,4.486,7,10,7s10-3.14,10-7c0-0.222-0.019-0.441-0.048-0.658C23.148,13.938,24,12.795,24,11.5z M2.286,13.366C1.522,13.077,1,12.351,1,11.5c0-1.103,0.897-2,2-2c0.635,0,1.217,0.318,1.59,0.816 C3.488,11.17,2.683,12.211,2.286,13.366z M6,13.5c0-1.103,0.897-2,2-2s2,0.897,2,2c0,1.103-0.897,2-2,2S6,14.603,6,13.5z M15.787,18.314c-1.063,0.612-2.407,0.949-3.787,0.949c-1.387,0-2.737-0.34-3.803-0.958c-0.239-0.139-0.321-0.444-0.182-0.683 c0.139-0.24,0.444-0.322,0.683-0.182c1.828,1.059,4.758,1.062,6.59,0.008c0.239-0.138,0.545-0.055,0.683,0.184 C16.108,17.871,16.026,18.177,15.787,18.314z M16,15.5c-1.103,0-2-0.897-2-2c0-1.103,0.897-2,2-2s2,0.897,2,2 C18,14.603,17.103,15.5,16,15.5z M21.713,13.365c-0.397-1.155-1.201-2.195-2.303-3.048C19.784,9.818,20.366,9.5,21,9.5 c1.103,0,2,0.897,2,2C23,12.335,22.468,13.073,21.713,13.365z"/>
</svg>
</div>
</div>
</a>
<!-- Sharingbutton XING -->
<a class="resp-sharing-button__link" href="https://www.xing.com/app/user?op=share;url=http%3A%2F%2Frambox.pro;title=adsadsadsasdasdads" target="_blank" aria-label="">
<div class="resp-sharing-button resp-sharing-button--xing resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="M10.221,9.711L7.228,4.259C7.14,4.1,6.972,4,6.789,4H1.723c-0.177,0-0.34,0.093-0.43,0.245 c-0.09,0.153-0.093,0.341-0.008,0.496l2.854,5.198l-3.84,6.301c-0.094,0.154-0.098,0.348-0.009,0.505 C0.377,16.902,0.544,17,0.725,17h5.066c0.174,0,0.336-0.091,0.427-0.239l3.991-6.548C10.302,10.06,10.307,9.869,10.221,9.711z"/>
<path d="M23.933,0.249C23.843,0.095,23.678,0,23.5,0h-5.374c-0.18,0-0.345,0.096-0.434,0.252L9.708,14.235 c-0.088,0.154-0.088,0.342,0,0.496l5.145,9.017C14.942,23.904,15.107,24,15.287,24h5.374c0.178,0,0.343-0.095,0.432-0.249 c0.09-0.154,0.09-0.344,0.002-0.499l-5.003-8.769l7.842-13.736C24.022,0.593,24.022,0.403,23.933,0.249z"/>
</g>
</svg>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="main">
<div class="container">
<div class="content">
<div class="row">
<div class="col-md-4">
<h3>Some links</h3>
<h4><a href="https://github.com/saenzramiro/rambox/wiki" target="_blank">Wiki</a></h4>
<h4><a href="https://github.com/saenzramiro/rambox/issues" target="_blank">Support via Github</a></h4>
<h4><a href="https://gitter.im/saenzramiro/rambox" target="_blank">Ask for help in Gitter</a></h4>
<h4><a href="mailto:&#114;&#097;&#109;&#098;&#111;&#120;&#064;&#112;&#114;&#111;&#116;&#111;&#110;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;">Ask for help by Email</a></h4>
<h4><a href="https://github.com/saenzramiro/rambox/wiki/CHANGELOG" target="_blank">CHANGELOG</a></h4>
<h4><a href="https://github.com/saenzramiro/rambox/wiki/Getting-Started" target="_blank">Getting Started</a></h4>
<h4><a href="https://github.com/saenzramiro/rambox/wiki/TODO" target="_blank">TODO</a></h4>
</div>
<div class="col-md-4">
<h3>Technology used</h3>
<h4><a href="https://www.sencha.com/products/extjs/" target="_blank">Sencha Ext JS</a></h4>
<p>Used for UI and UX.</p>
<h4><a href="https://www.sencha.com/products/sencha-cmd/" target="_blank">Sencha Cmd</a></h4>
<p>Tool for deployment.</p>
<h4><a href="http://electron.atom.io/" target="_blank">Electron</a></h4>
<p>Framework for creating native application.</p>
<h4><a href="https://nodejs.org/" target="_blank">Node JS</a></h4>
<p>Packaging, auto update and installers.</p>
</div>
<div class="col-md-4">
<h3>Mentions</h3>
<div class="media">
<div class="media-left media-middle">
<a href="https://twitter.com/rpsaenz" target="_blank">
<img class="img-circle media-object" src="images/rsaenz.jpeg" height="85" width="85" alt="" />
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Developed by Ramiro Saenz</h4>
</div>
</div>
<div class="media">
<div class="media-left media-middle">
<a href="http://andyur.com/">
<img class="img-circle media-object" src="images/andriy.jpg" height="85" width="85" alt="" />
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Logo designed by Andriy Yurchenko</h4>
</div>
</div>
<div class="media">
<div class="media-left media-middle">
<a href="http://codrops.com/">
<img class="img-circle media-object" src="images/logo-codrops.png" height="85" width="85" alt="" />
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Website template provided by Codrops</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="footer-holder">
<div class="row">
<div class="col-md-3">
<div class="logo"><a href="#"><img src="images/logo.png" alt="Rambox"></a> Rambox</div>
<p>Free and Open Source messaging and emailing app that combines common web applications into one.</p>
<p>&#114;&#097;&#109;&#098;&#111;&#120;&#064;&#112;&#114;&#111;&#116;&#111;&#110;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</p>
</div>
<div class="col-md-7" style="text-align:center;">
<a width="150" height="50" href="https://auth0.com/?utm_source=oss&utm_medium=gp&utm_campaign=oss" target="_blank" alt="Single Sign On & Token Based Authentication - Auth0"><img width="150" height="50" alt="JWT Auth for open source projects" src="//cdn.auth0.com/oss/badges/a0-badge-light.png"/></a>
<p>Rambox is not affiliated with any of the messaging apps offered.</p>
</div>
<div class="col-md-2">
<h4>Navigation</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="https://github.com/saenzramiro/rambox" target="_blank">GitHub</a></li>
<li><a href="#download">Download</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.main.js"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-80680424-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>