Skip to content

Commit 07fa275

Browse files
sowelipililimutesowelipililimute
committed
feat: revamp
1 parent 8bff691 commit 07fa275

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+1305
-1333
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
public
22
_gen
3+
node_modules

‎assets/css/main.css

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap');
2+
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@100;200;300;400;500;600;700&display=swap');
3+
4+
@tailwind base;
5+
@tailwind components;
6+
@tailwind utilities;
7+
8+
@keyframes fading {
9+
0% { background-color: #E93D58; }
10+
25% { background-color: #EF973C; }
11+
50% { background-color: #3DAEE9; }
12+
75% { background-color: #00D485; }
13+
}
14+
15+
.fading-bg {
16+
background-color: #EF973C;
17+
animation: 60s fading infinite;
18+
animation-direction: alternate;
19+
}
20+
21+
.prose-wrapper {
22+
display: flex;
23+
flex-direction: column;
24+
align-items: center;
25+
padding-left: 1rem;
26+
padding-right: 1rem;
27+
}
28+
29+
.prose {
30+
max-width: 100ch;
31+
width: 100%;
32+
}
33+
34+
.prose h1 {
35+
@apply text-2xl;
36+
}
37+
.prose h2 {
38+
@apply text-xl;
39+
@apply mt-2;
40+
}
41+
.prose h3 {
42+
@apply text-lg;
43+
@apply mt-2;
44+
}
45+
.prose td, .prose th {
46+
@apply border;
47+
@apply border-gray-400;
48+
@apply px-4;
49+
@apply py-2;
50+
}
51+
.prose th {
52+
@apply font-bold;
53+
}
54+
.prose p {
55+
@apply dark:text-gray-400;
56+
}
57+

‎config.toml

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
baseURL = "http://harmonyapp.io"
22
languageCode = "en-us"
33
title = "Harmony"
4-
theme = "nu"
54

65
[params]
76
description = "Your place. Your communities. Your friends."
@@ -11,12 +10,6 @@ theme = "nu"
1110

1211
[menu]
1312

14-
[[menu.main]]
15-
identifier = "home"
16-
name = "Home"
17-
url = "/"
18-
weight = -110
19-
2013
[[menu.main]]
2114
identifier = "docs"
2215
name = "Docs"

‎content/_index.md

Lines changed: 29 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -6,33 +6,41 @@ date: 2020-06-29T21:07:15-04:00
66
{{< index/header >}}
77

88
{{< index/button "https://github.com/harmony-development" >}}
9-
Get Harmony
9+
Explore Harmony on GitHub
1010
{{< /index/button >}}
1111

12-
{{< index/cardcollection >}}
12+
<div class="prose-wrapper">
1313

14-
{{< index/card "Simple" >}}
15-
For users and devs alike, Harmony's so simple you already know how to use it.
16-
{{< /index/card >}}
14+
<div class="prose">
1715

18-
{{< index/card "Private" >}}
19-
Harmony chats belong to you and your friends, not to anyone else.
20-
{{< /index/card >}}
16+
## Why Harmony?
2117

22-
{{< index/card "Shareable" >}}
23-
Harmony lets you easily share your chats and media with your friends.
24-
{{< /index/card >}}
18+
### Simple
2519

26-
{{< index/card "Open Source" >}}
27-
Harmony is an open protocol with open code, free for everyone.
28-
{{< /index/card >}}
20+
For developers, the Harmony protocol is so simple writing a client is like child's play.
21+
For users, the official clients are so simple and familiar you already know how to use them.
2922

30-
{{< index/card "Secure" >}}
31-
Harmony protects your messages, safe from hackers.
32-
{{< /index/card >}}
23+
### Private
3324

34-
{{< index/card "Synchronised" >}}
35-
Harmony lets you stay in touch across all your devices.
36-
{{< /index/card >}}
25+
Conversations across Harmony belongs to you and your friends, not to anyone else.
3726

38-
{{< /index/cardcollection >}}
27+
### Shareable
28+
29+
Harmony lets you easily share your content on Harmony with friends.
30+
31+
### Open Source
32+
33+
Harmony was born in open source, and will be open source forever.
34+
Strong licensing on the servers and clients, as well as the protocol documentation guarantees this.
35+
36+
### Secure
37+
38+
Harmony mandates HTTPS, and features many safety guards to make sure that you can trust the servers you're connecting and federating to.
39+
40+
### Global
41+
42+
Harmony allows you to communicate from any device anywhere, with all your messages where you left them on the server.
43+
44+
</div>
45+
46+
</div>

‎content/docs/_index.md

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,8 @@
11
# Docs
22

3-
<br><br><br><br>
4-
5-
## Introduction
6-
73
Harmony is designed to be simple to implement, both for the server and client.
84

9-
## Pages
5+
It is documented using two styles of documentation: protobuf servce API
6+
documentation and Markdown documentation elaborating on concepts.
107

11-
This section contains the following pages:
8+
## Pages

‎themes/nu/layouts/404.html renamed to ‎layouts/404.html

File renamed without changes.

‎themes/nu/layouts/_default/baseof.html renamed to ‎layouts/_default/baseof.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<!DOCTYPE html>
22
<html lang="{{ .Site.LanguageCode }}">
33
{{- partial "head.html" . -}}
4-
<body>
4+
<body class="dark:text-white dark:bg-gray-900">
55
{{- partial "header.html" . -}}
6-
<main class="nu-content">
6+
<main>
77
{{- block "main" . }}{{- end }}
88
</main>
99
{{- partial "footer.html" . -}}

‎layouts/_default/list.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{{ define "main" }}
2+
3+
<div class="prose-wrapper">
4+
<article class="prose">
5+
<h1>{{ .Title }}</h1>
6+
<br>
7+
{{ .Content }}
8+
<ul class="list-disc list-inside">
9+
{{ range .Pages }}
10+
<li>
11+
<a class="underline" href="{{ .Permalink }}">{{ .Title }}</a> <br>
12+
</li>
13+
{{ end }}
14+
</ul>
15+
</article>
16+
</div>
17+
{{ end }}

‎layouts/_default/single.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{{ define "main" }}
2+
3+
<div class="prose-wrapper mt-4">
4+
<article class="prose">
5+
<h2 class="h1">{{ .Title }}</h2>
6+
7+
<details>
8+
<summary>Table Of Contents</summary>
9+
{{ .TableOfContents }}
10+
</details>
11+
12+
<br>
13+
{{ .Content }}
14+
</article>
15+
</div>
16+
17+
{{ end }}

‎themes/nu/layouts/index.html renamed to ‎layouts/index.html

File renamed without changes.

‎themes/nu/layouts/partials/footer.html renamed to ‎layouts/partials/footer.html

File renamed without changes.

‎themes/nu/layouts/partials/head.html renamed to ‎layouts/partials/head.html

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,19 @@
55
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with .Summary }}{{ . }}{{ else }}{{ .Site.Params.description }}{{end }}{{ end }} ">
66
<link rel="canonical" href="{{ .Permalink }}" />
77

8-
{{ $sass := resources.Get "sass/main.scss" }}
9-
{{ $style := $sass | resources.ToCSS }}
10-
<link rel="stylesheet" href="{{ $style.Permalink }}" />
8+
{{ $styles := resources.Get "css/main.css" | postCSS }}
9+
10+
{{ if .Site.IsServer }}
11+
<link rel="stylesheet" href="{{ $styles.RelPermalink }}"/>
12+
{{ else }}
13+
{{ $styles := $styles | minify | fingerprint | resources.PostProcess }}
14+
<link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}"/>
15+
{{ end }}
1116

1217
{{ template "_internal/opengraph.html" . }}
1318
{{ template "_internal/twitter_cards.html" . }}
14-
<meta name="theme-color" content="#E93D58">
15-
<meta property="og:image" content="https://harmonyapp.io/img/harmony-embed.png" />
19+
<meta name="theme-color" content="#E93D58">
20+
<meta property="og:image" content="https://harmonyapp.io/img/harmony-embed.png" />
1621

1722
<script src="https://unpkg.com/[email protected]/dist/quicklink.umd.js"></script>
1823
<script defer>

‎layouts/partials/header.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<header class="w-full bg-gray-200 dark:bg-gray-800 flex text-lg">
2+
<div class="flex flex-row w-full">
3+
<div class="flex-auto p-4 justify-start order-first inline-flex">
4+
<a class="font-header" href="/">
5+
<span class="font-light">Harmony </span><span class="font-bold">Chat</span>
6+
</a>
7+
</div>
8+
<div class="flex-auto p-4 justify-end order-last inline-flex">
9+
{{ range .Site.Menus.main }}
10+
<a href="{{ .URL }}" class="ml-2 nu-top-app-bar__link h1-minor-minor">
11+
<span>{{ .Name }}</span>
12+
</a>
13+
{{ end }}
14+
</div>
15+
</div>
16+
</header>

‎layouts/shortcodes/index/button.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
2+
<div class="text-center">
3+
<a class="p-2 bg-gray-100 dark:bg-gray-700 rounded text-lg" href="{{ .Get 0 }}">{{ .Inner }}</a>
4+
</div>

‎layouts/shortcodes/index/header.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<div class="w-full grid justify-items-center text-center pt-8 pb-8 pl-2 pr-2 bg-gray-900 text-white">
2+
<h1 class="text-center">
3+
<img src="/img/Harmony Logo Sized.svg" aria-hidden="true" class="w-32 inline-block">
4+
<br>
5+
<span class="text-4xl font-header">Harmony</span>
6+
</h1>
7+
<h2 class="text-xl opacity-90">
8+
An open protocol for open, harmonious communication.
9+
</h2>
10+
<h3 class="text-lg opacity-80 max-w-prose">
11+
Harmony facilitates easy, simple communication between people regardless of who or where they are.
12+
</h3>
13+
</div>
14+
15+
<div class="w-full bg-orangish fading-bg h-4">
16+
17+
</div>
18+
19+
<br>

‎package.json

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"name": "harmony",
3+
"version": "1.0.0",
4+
"description": "the harmony website",
5+
"main": "index.js",
6+
"dependencies": {
7+
"autoprefixer": "^10.3.1",
8+
"postcss": "^8.3.6",
9+
"postcss-cli": "^8.3.1",
10+
"tailwindcss": "^2.2.7"
11+
},
12+
"scripts": {}
13+
}

‎postcss.config.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = {
2+
plugins: {
3+
tailwindcss: {},
4+
autoprefixer: {}
5+
}
6+
}

‎themes/nu/static/img/Harmony Logo Sized.svg renamed to ‎static/img/Harmony Logo Sized.svg

File renamed without changes.

‎themes/nu/static/img/harmony-embed.png renamed to ‎static/img/harmony-embed.png

File renamed without changes.

‎stdin

Whitespace-only changes.

‎tailwind.config.js

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
module.exports = {
2+
purge: ['layouts/**/*.html'],
3+
darkMode: 'media', // or 'media' or 'class'
4+
theme: {
5+
extend: {
6+
fontFamily: {
7+
'sans': ['Roboto', 'Arial', 'sans-serif'],
8+
'header': ['Manrope', 'Noto Sans', 'Roboto', 'Arial', 'sans-serif'],
9+
},
10+
colors: {
11+
'redish': '#E93D58',
12+
'orangish': '#EF973C',
13+
'blueish': '#3DAEE9',
14+
'tealish': '#00D485',
15+
}
16+
},
17+
},
18+
variants: {
19+
extend: {},
20+
},
21+
plugins: [],
22+
}

0 commit comments

Comments
 (0)