Skip to content

Commit

Permalink
Merge pull request #1 from overcastchat/master
Browse files Browse the repository at this point in the history 
Merge latest changes to master
  • Loading branch information
@moeenio
moeenio authored Mar 12, 2019
2 parents e4124c0 + 217193b commit 165933f
Show file tree
Hide file tree
Showing 5 changed files with 395 additions and 93 deletions.
39 changes: 30 additions & 9 deletions community-server.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,13 @@
<title>Overcast | Community Server</title>
<link href="../icon.png" rel="icon">
<link href="./style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free, secure peer-to-peer internet chat">
</head>
<body>
<nav>
<a href="./"><img src="./icon.png"></a>
<nav>
<a href="./" class="logo"><img src="./logo-nav.png"></a>
<!-- <a href="#!" class="toggle-nav-sm" onClick="toggleMenu()">Menu</a> -->
<div class="right">
<a href="./help">Help</a>
<div class="dropdown">
Expand All @@ -21,13 +24,31 @@
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download</a>
</div>
</nav>
<section>
<h2>Community Server</h2>
<p>Community server coming soon...</p>
</section>
<footer>
<p class="right"><a href="https://github.com/overcastchat/overcast/releases">Download</a> <a href="./help">Help Center</a> <a href="https://github.com/overcastchat/translations">Translation</a> <a href="./community-server">Community Server</a> <a href="https://github.com/overcastchat">Github</a></p>
<p class="right">Brought to you by <a href="https://github.com/overcastchat/overcast/graphs/contributors">the Overcast contributers</a>. Powered by Electron and PeerJS</p>
<main>
<section>
<h2>Community Server</h2>
<p>Community server coming soon...</p>
</section>
<footer>
<ul class="right">
<li>
<a href="https://github.com/overcastchat/overcast/releases">Download</a>
</li>
<li>
<a href="./help">Help Center</a>
</li>
<li>
<a href="https://github.com/overcastchat/translations">Translation</a>
</li>
<li>
<a href="./community-server">Community Server</a>
</li>
<li>
<a href="https://github.com/overcastchat">Github</a>
</li>
</ul>
<p class="right">Brought to you by <a href="https://github.com/overcastchat/overcast/graphs/contributors">the Overcast contributers</a>. Powered by Electron and PeerJS. Landing page icons (partly modified) by <a href="https://tilda.cc">Tilda</a>.</p>
</footer>
</main>
</body>
</html>
96 changes: 79 additions & 17 deletions help.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,30 +4,92 @@
<title>Overcast | Help</title>
<link href="../icon.png" rel="icon">
<link href="./style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free, secure peer-to-peer internet chat">
</head>
<body>
<nav>
<a href="./"><img src="./icon.png"></a>
<a href="./" class="logo"><img src="./logo-nav.png"></a>
<!-- <a href="#!" class="toggle-nav-sm" onClick="toggleMenu()">Menu</a> -->
<div class="right">
<a href="./help">Help</a>
<div class="dropdown">
<span>Community</span>
<div class="dropdown-content">
<a href="./community-server">Community Server</a>
<a href="https://github.com/overcastchat">Overcast on Github</a>
<a href="https://github.com/overcastchat/translations">Translations</a>
</div>
</div>
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download</a>
<ul class="mobile-nav">
<li class="dropdown">
<!-- Will change later -->
<a href="#!">Menu</a>
<div class="dropdown-content">
<ul>
<li>
<a href="./help">Help</a>
</li>
<li>
<a href="#!">Community</a>
<ul>
<li>
<a href="./community-server">Community Server</a>
</li>
<li>
<a href="https://github.com/overcastchat">Overcast on Github</a>
</li>
<li>
<a href="https://github.com/overcastchat/translations">Translations</a>
</li>
</ul>
</li>
</ul>
</div>
</li>
</ul>
<ul class="desktop-md-nav">
<li>
<a href="./help">Help</a>
</li>
<li class="dropdown">
<a href="#!">Community</a>
<div class="dropdown-content">
<ul>
<li>
<a href="./community-server">Community Server</a>
</li>
<li>
<a href="https://github.com/overcastchat">Overcast on Github</a>
</li>
<li>
<a href="https://github.com/overcastchat/translations">Translations</a>
</li>
</ul>
</div>
</li>
<li>
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download</a>
</li>
</ul>
</div>
</nav>
<section>
<h2>Help</h2>
<p>Help coming soon... Wanna help make help? <a href="https://github.com/overcastchat/overcastchat.github.io">Overcast Website on Github</a></p>
</section>
<main>
<section>
<h2>Help</h2>
<p>Help coming soon... Wanna help make help? <a href="https://github.com/overcastchat/overcastchat.github.io">Overcast Website on Github</a></p>
</section>
</main>
<footer>
<p class="right"><a href="https://github.com/overcastchat/overcast/releases">Download</a> <a href="./help">Help Center</a> <a href="https://github.com/overcastchat/translations">Translation</a> <a href="./community-server">Community Server</a> <a href="https://github.com/overcastchat">Github</a></p>
<p class="right">Brought to you by <a href="https://github.com/overcastchat/overcast/graphs/contributors">the Overcast contributers</a>. Powered by Electron and PeerJS</p>
<ul class="right">
<li>
<a href="https://github.com/overcastchat/overcast/releases">Download</a>
</li>
<li>
<a href="./help">Help Center</a>
</li>
<li>
<a href="https://github.com/overcastchat/translations">Translation</a>
</li>
<li>
<a href="./community-server">Community Server</a>
</li>
<li>
<a href="https://github.com/overcastchat">Github</a>
</li>
</ul>
<p class="right">Brought to you by <a href="https://github.com/overcastchat/overcast/graphs/contributors">the Overcast contributers</a>. Powered by Electron and PeerJS. Landing page icons (partly modified) by <a href="https://tilda.cc">Tilda</a>.</p>
</footer>
</body>
</html>
168 changes: 129 additions & 39 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,71 @@
<title>Overcast | Free secure internet chat</title>
<link href="../icon.png" rel="icon">
<link href="./style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free, secure peer-to-peer internet chat">
</head>
<body>
<nav>
<a href="./"><img src="./icon.png"></a>
<nav class="transparent">
<a href="./" class="logo"><img src="./logo-nav.png"></a>
<!-- <a href="#!" class="toggle-nav-sm" onClick="toggleMenu()">Menu</a> -->
<div class="right">
<a href="./help">Help</a>
<div class="dropdown">
<span>Community</span>
<div class="dropdown-content">
<a href="./community-server">Community Server</a>
<a href="https://github.com/overcastchat">Overcast on Github</a>
<a href="https://github.com/overcastchat/translations">Translations</a>
</div>
</div>
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download</a>
<ul class="mobile-nav">

<li class="dropdown">
<!-- Will change later -->
<a href="#!">
<svg class="menu-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g data-name="Layer 2"><g data-name="menu-2" fill="#ffffff"><rect width="24" height="24" transform="rotate(180 12 12)" opacity="0"/><circle cx="4" cy="12" r="1"/><rect x="7" y="11" width="14" height="2" rx=".94" ry=".94"/><rect x="3" y="16" width="18" height="2" rx=".94" ry=".94"/><rect x="3" y="6" width="18" height="2" rx=".94" ry=".94"/></g></g>
</svg></a>
<div class="dropdown-content">
<ul>
<li>
<a href="./help">Help</a>
</li>
<li>
<a href="#!">Community</a>
<ul>
<li>
<a href="./community-server">Community Server</a>
</li>
<li>
<a href="https://github.com/overcastchat">Overcast on Github</a>
</li>
<li>
<a href="https://github.com/overcastchat/translations">Translations</a>
</li>
</ul>
</li>
<li>
<a href="https://github.com/overcastchat/overcast/releases">Download</a>
</li>
</ul>
</div>
</li>
</ul>
<ul class="desktop-md-nav">
<li>
<a href="./help">Help</a>
</li>
<li class="dropdown">
<a href="#!">Community</a>
<div class="dropdown-content">
<ul>
<li>
<a href="./community-server">Community Server</a>
</li>
<li>
<a href="https://github.com/overcastchat">Overcast on Github</a>
</li>
<li>
<a href="https://github.com/overcastchat/translations">Translations</a>
</li>
</ul>
</div>
</li>
<li>
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download</a>
</li>
</ul>
</div>
</nav>
<header>
Expand All @@ -27,41 +77,81 @@ <h1>Overcast</h1>
<img src="./chat.PNG">
</header>
<section>
<h2>Why Overcast?</h2>
<div class="inline">
<div>
<h3>Secure</h3>
<p>Since Overcast uses peer-to-peer, no chat data ever goes to the server. And with the app, you can even start your own server.</p>
</div>
<div>
<h3>Free</h3>
<p>Overcast is, and always will be free. And it's open surce too, check it out on Github!</p>
</div>
<div>
<h3>No Accounts</h3>
<p>You only need the app to create servers. Other people can go to your server's link, and chat from a web browser*.</p>
</div>
<div>
<h3>Customisable</h3>
<p>6 different themes to choose from. Custom themes coming soon!.</p>
<div class="container">
<h2>Why Overcast?</h2>
<div class="inline">
<div>
<img class="landing-icons" src="landing-icons/secure.svg">
<h3>Secure</h3>
<p>Since Overcast uses peer-to-peer, no chat data ever goes to the server. And with the app, you can even start your own server.</p>
</div>
<div>
<img class="landing-icons" src="landing-icons/free.svg">
<h3>Free</h3>
<p>Overcast is, and always will be free. And it's open surce too, check it out on Github!</p>
</div>
<div>
<img class="landing-icons" src="landing-icons/no-account.svg">
<h3>No Accounts</h3>
<p>You only need the app to create servers. Other people can go to your server's link, and chat from a web browser*.</p>
</div>
<div>
<img class="landing-icons" src="landing-icons/customisable.svg">
<h3>Customisable</h3>
<p>6 different themes to choose from. Custom themes coming soon!.</p>
</div>
</div>
<p>*Web chat is only supported in Chrome. In Firefox, messages can be recieved but not sent.</p>
</div>
<p>*Web chat is only supported in Chrome. In Firefox, messages can be recieved but not sent.</p>
</section>
<section class="dark">
<h3>Ready to try it?</h3>
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download Overcast</a>
<p>Version 0.0.1 | <a href="https://github.com/overcastchat/overcast/releases">Changelog</a></p>
<div class="container">
<h3>Ready to try it?</h3>
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download Overcast</a>
<p>Version 0.0.1 | <a href="https://github.com/overcastchat/overcast/releases">Changelog</a></p>
</div>
</section>
<section>
<h3>Contribute to Overcast</h3>
<p>Overcast is made by people like you.</p>
<p>You can help us build, debug, and translate Overcast!</p>
<p><a class="button" href="https://github.com/overcastchat">Overcast on Github</a> <a href="https://github.com/overcastchat/translations" class="button">Translate Overcast</a></p>
<div class="container">
<h3>Contribute to Overcast</h3>
<p>Overcast is made by people like you.</p>
<p>You can help us build, debug, and translate Overcast!</p>
<div class="button-bar">
<a class="button" href="https://github.com/overcastchat">Overcast on Github</a>
<a href="https://github.com/overcastchat/translations" class="button">Translate Overcast</a>
</div>
</div>
</section>
<footer>
<p class="right"><a href="https://github.com/overcastchat/overcast/releases">Download</a> <a href="./help">Help Center</a> <a href="https://github.com/overcastchat/translations">Translation</a> <a href="./community-server">Community Server</a> <a href="https://github.com/overcastchat">Github</a></p>
<p class="right">Brought to you by <a href="https://github.com/overcastchat/overcast/graphs/contributors">the Overcast contributers</a>. Powered by Electron and PeerJS</p>
<ul class="right">
<li>
<a href="https://github.com/overcastchat/overcast/releases">Download</a>
</li>
<li>
<a href="./help">Help Center</a>
</li>
<li>
<a href="https://github.com/overcastchat/translations">Translation</a>
</li>
<li>
<a href="./community-server">Community Server</a>
</li>
<li>
<a href="https://github.com/overcastchat">Github</a>
</li>
</ul>
<p class="right">Brought to you by <a href="https://github.com/overcastchat/overcast/graphs/contributors">the Overcast contributers</a>. Powered by Electron and PeerJS. Landing page icons (partly modified) by <a href="https://tilda.cc">Tilda</a>.</p>
</footer>
<script>
var defaultNavClass = document.querySelector("nav").className;
window.addEventListener("scroll", function() {
if (window.scrollY > 10) {
document.querySelector("nav").className = "scrolled";
}
else {
document.querySelector("nav").className = defaultNavClass;
}
});
</script>
</body>
</html>
Binary file added logo-nav.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 165933f

Please sign in to comment.