Skip to content

Commit 165933f

Browse files
moeeniomoeenio
authored
Merge pull request #1 from overcastchat/master
Merge latest changes to master
2 parents e4124c0 + 217193b commit 165933f

File tree

5 files changed

+395
-93
lines changed

5 files changed

+395
-93
lines changed

‎community-server.html

+30-9
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,13 @@
44
<title>Overcast | Community Server</title>
55
<link href="../icon.png" rel="icon">
66
<link href="./style.css" rel="stylesheet">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<meta name="description" content="Free, secure peer-to-peer internet chat">
79
</head>
810
<body>
9-
<nav>
10-
<a href="./"><img src="./icon.png"></a>
11+
<nav>
12+
<a href="./" class="logo"><img src="./logo-nav.png"></a>
13+
<!-- <a href="#!" class="toggle-nav-sm" onClick="toggleMenu()">Menu</a> -->
1114
<div class="right">
1215
<a href="./help">Help</a>
1316
<div class="dropdown">
@@ -21,13 +24,31 @@
2124
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download</a>
2225
</div>
2326
</nav>
24-
<section>
25-
<h2>Community Server</h2>
26-
<p>Community server coming soon...</p>
27-
</section>
28-
<footer>
29-
<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>
30-
<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>
27+
<main>
28+
<section>
29+
<h2>Community Server</h2>
30+
<p>Community server coming soon...</p>
31+
</section>
32+
<footer>
33+
<ul class="right">
34+
<li>
35+
<a href="https://github.com/overcastchat/overcast/releases">Download</a>
36+
</li>
37+
<li>
38+
<a href="./help">Help Center</a>
39+
</li>
40+
<li>
41+
<a href="https://github.com/overcastchat/translations">Translation</a>
42+
</li>
43+
<li>
44+
<a href="./community-server">Community Server</a>
45+
</li>
46+
<li>
47+
<a href="https://github.com/overcastchat">Github</a>
48+
</li>
49+
</ul>
50+
<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>
3151
</footer>
52+
</main>
3253
</body>
3354
</html>

‎help.html

+79-17
Original file line numberDiff line numberDiff line change
@@ -4,30 +4,92 @@
44
<title>Overcast | Help</title>
55
<link href="../icon.png" rel="icon">
66
<link href="./style.css" rel="stylesheet">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<meta name="description" content="Free, secure peer-to-peer internet chat">
79
</head>
810
<body>
911
<nav>
10-
<a href="./"><img src="./icon.png"></a>
12+
<a href="./" class="logo"><img src="./logo-nav.png"></a>
13+
<!-- <a href="#!" class="toggle-nav-sm" onClick="toggleMenu()">Menu</a> -->
1114
<div class="right">
12-
<a href="./help">Help</a>
13-
<div class="dropdown">
14-
<span>Community</span>
15-
<div class="dropdown-content">
16-
<a href="./community-server">Community Server</a>
17-
<a href="https://github.com/overcastchat">Overcast on Github</a>
18-
<a href="https://github.com/overcastchat/translations">Translations</a>
19-
</div>
20-
</div>
21-
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download</a>
15+
<ul class="mobile-nav">
16+
<li class="dropdown">
17+
<!-- Will change later -->
18+
<a href="#!">Menu</a>
19+
<div class="dropdown-content">
20+
<ul>
21+
<li>
22+
<a href="./help">Help</a>
23+
</li>
24+
<li>
25+
<a href="#!">Community</a>
26+
<ul>
27+
<li>
28+
<a href="./community-server">Community Server</a>
29+
</li>
30+
<li>
31+
<a href="https://github.com/overcastchat">Overcast on Github</a>
32+
</li>
33+
<li>
34+
<a href="https://github.com/overcastchat/translations">Translations</a>
35+
</li>
36+
</ul>
37+
</li>
38+
</ul>
39+
</div>
40+
</li>
41+
</ul>
42+
<ul class="desktop-md-nav">
43+
<li>
44+
<a href="./help">Help</a>
45+
</li>
46+
<li class="dropdown">
47+
<a href="#!">Community</a>
48+
<div class="dropdown-content">
49+
<ul>
50+
<li>
51+
<a href="./community-server">Community Server</a>
52+
</li>
53+
<li>
54+
<a href="https://github.com/overcastchat">Overcast on Github</a>
55+
</li>
56+
<li>
57+
<a href="https://github.com/overcastchat/translations">Translations</a>
58+
</li>
59+
</ul>
60+
</div>
61+
</li>
62+
<li>
63+
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download</a>
64+
</li>
65+
</ul>
2266
</div>
2367
</nav>
24-
<section>
25-
<h2>Help</h2>
26-
<p>Help coming soon... Wanna help make help? <a href="https://github.com/overcastchat/overcastchat.github.io">Overcast Website on Github</a></p>
27-
</section>
68+
<main>
69+
<section>
70+
<h2>Help</h2>
71+
<p>Help coming soon... Wanna help make help? <a href="https://github.com/overcastchat/overcastchat.github.io">Overcast Website on Github</a></p>
72+
</section>
73+
</main>
2874
<footer>
29-
<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>
30-
<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>
75+
<ul class="right">
76+
<li>
77+
<a href="https://github.com/overcastchat/overcast/releases">Download</a>
78+
</li>
79+
<li>
80+
<a href="./help">Help Center</a>
81+
</li>
82+
<li>
83+
<a href="https://github.com/overcastchat/translations">Translation</a>
84+
</li>
85+
<li>
86+
<a href="./community-server">Community Server</a>
87+
</li>
88+
<li>
89+
<a href="https://github.com/overcastchat">Github</a>
90+
</li>
91+
</ul>
92+
<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>
3193
</footer>
3294
</body>
3395
</html>

‎index.html

+129-39
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,71 @@
44
<title>Overcast | Free secure internet chat</title>
55
<link href="../icon.png" rel="icon">
66
<link href="./style.css" rel="stylesheet">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<meta name="description" content="Free, secure peer-to-peer internet chat">
79
</head>
810
<body>
9-
<nav>
10-
<a href="./"><img src="./icon.png"></a>
11+
<nav class="transparent">
12+
<a href="./" class="logo"><img src="./logo-nav.png"></a>
13+
<!-- <a href="#!" class="toggle-nav-sm" onClick="toggleMenu()">Menu</a> -->
1114
<div class="right">
12-
<a href="./help">Help</a>
13-
<div class="dropdown">
14-
<span>Community</span>
15-
<div class="dropdown-content">
16-
<a href="./community-server">Community Server</a>
17-
<a href="https://github.com/overcastchat">Overcast on Github</a>
18-
<a href="https://github.com/overcastchat/translations">Translations</a>
19-
</div>
20-
</div>
21-
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download</a>
15+
<ul class="mobile-nav">
16+
17+
<li class="dropdown">
18+
<!-- Will change later -->
19+
<a href="#!">
20+
<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>
21+
</svg></a>
22+
<div class="dropdown-content">
23+
<ul>
24+
<li>
25+
<a href="./help">Help</a>
26+
</li>
27+
<li>
28+
<a href="#!">Community</a>
29+
<ul>
30+
<li>
31+
<a href="./community-server">Community Server</a>
32+
</li>
33+
<li>
34+
<a href="https://github.com/overcastchat">Overcast on Github</a>
35+
</li>
36+
<li>
37+
<a href="https://github.com/overcastchat/translations">Translations</a>
38+
</li>
39+
</ul>
40+
</li>
41+
<li>
42+
<a href="https://github.com/overcastchat/overcast/releases">Download</a>
43+
</li>
44+
</ul>
45+
</div>
46+
</li>
47+
</ul>
48+
<ul class="desktop-md-nav">
49+
<li>
50+
<a href="./help">Help</a>
51+
</li>
52+
<li class="dropdown">
53+
<a href="#!">Community</a>
54+
<div class="dropdown-content">
55+
<ul>
56+
<li>
57+
<a href="./community-server">Community Server</a>
58+
</li>
59+
<li>
60+
<a href="https://github.com/overcastchat">Overcast on Github</a>
61+
</li>
62+
<li>
63+
<a href="https://github.com/overcastchat/translations">Translations</a>
64+
</li>
65+
</ul>
66+
</div>
67+
</li>
68+
<li>
69+
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download</a>
70+
</li>
71+
</ul>
2272
</div>
2373
</nav>
2474
<header>
@@ -27,41 +77,81 @@ <h1>Overcast</h1>
2777
<img src="./chat.PNG">
2878
</header>
2979
<section>
30-
<h2>Why Overcast?</h2>
31-
<div class="inline">
32-
<div>
33-
<h3>Secure</h3>
34-
<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>
35-
</div>
36-
<div>
37-
<h3>Free</h3>
38-
<p>Overcast is, and always will be free. And it's open surce too, check it out on Github!</p>
39-
</div>
40-
<div>
41-
<h3>No Accounts</h3>
42-
<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>
43-
</div>
44-
<div>
45-
<h3>Customisable</h3>
46-
<p>6 different themes to choose from. Custom themes coming soon!.</p>
80+
<div class="container">
81+
<h2>Why Overcast?</h2>
82+
<div class="inline">
83+
<div>
84+
<img class="landing-icons" src="landing-icons/secure.svg">
85+
<h3>Secure</h3>
86+
<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>
87+
</div>
88+
<div>
89+
<img class="landing-icons" src="landing-icons/free.svg">
90+
<h3>Free</h3>
91+
<p>Overcast is, and always will be free. And it's open surce too, check it out on Github!</p>
92+
</div>
93+
<div>
94+
<img class="landing-icons" src="landing-icons/no-account.svg">
95+
<h3>No Accounts</h3>
96+
<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>
97+
</div>
98+
<div>
99+
<img class="landing-icons" src="landing-icons/customisable.svg">
100+
<h3>Customisable</h3>
101+
<p>6 different themes to choose from. Custom themes coming soon!.</p>
102+
</div>
47103
</div>
104+
<p>*Web chat is only supported in Chrome. In Firefox, messages can be recieved but not sent.</p>
48105
</div>
49-
<p>*Web chat is only supported in Chrome. In Firefox, messages can be recieved but not sent.</p>
50106
</section>
51107
<section class="dark">
52-
<h3>Ready to try it?</h3>
53-
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download Overcast</a>
54-
<p>Version 0.0.1 | <a href="https://github.com/overcastchat/overcast/releases">Changelog</a></p>
108+
<div class="container">
109+
<h3>Ready to try it?</h3>
110+
<a class="button" href="https://github.com/overcastchat/overcast/releases">Download Overcast</a>
111+
<p>Version 0.0.1 | <a href="https://github.com/overcastchat/overcast/releases">Changelog</a></p>
112+
</div>
55113
</section>
56114
<section>
57-
<h3>Contribute to Overcast</h3>
58-
<p>Overcast is made by people like you.</p>
59-
<p>You can help us build, debug, and translate Overcast!</p>
60-
<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>
115+
<div class="container">
116+
<h3>Contribute to Overcast</h3>
117+
<p>Overcast is made by people like you.</p>
118+
<p>You can help us build, debug, and translate Overcast!</p>
119+
<div class="button-bar">
120+
<a class="button" href="https://github.com/overcastchat">Overcast on Github</a>
121+
<a href="https://github.com/overcastchat/translations" class="button">Translate Overcast</a>
122+
</div>
123+
</div>
61124
</section>
62125
<footer>
63-
<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>
64-
<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>
126+
<ul class="right">
127+
<li>
128+
<a href="https://github.com/overcastchat/overcast/releases">Download</a>
129+
</li>
130+
<li>
131+
<a href="./help">Help Center</a>
132+
</li>
133+
<li>
134+
<a href="https://github.com/overcastchat/translations">Translation</a>
135+
</li>
136+
<li>
137+
<a href="./community-server">Community Server</a>
138+
</li>
139+
<li>
140+
<a href="https://github.com/overcastchat">Github</a>
141+
</li>
142+
</ul>
143+
<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>
65144
</footer>
145+
<script>
146+
var defaultNavClass = document.querySelector("nav").className;
147+
window.addEventListener("scroll", function() {
148+
if (window.scrollY > 10) {
149+
document.querySelector("nav").className = "scrolled";
150+
}
151+
else {
152+
document.querySelector("nav").className = defaultNavClass;
153+
}
154+
});
155+
</script>
66156
</body>
67157
</html>

‎logo-nav.png

8.73 KB
Loading

0 commit comments

Comments
 (0)