Compare commits

...

9 Commits

Author SHA1 Message Date
b19b838422 Merge pull request 'Update frontpage content' (#9) from feature/frontpage_content into master
Reviewed-on: Kosmos/website#9
2022-09-04 19:28:14 +00:00
Râu Cao
b64a998a86 Update README 2022-09-04 21:21:44 +02:00
Râu Cao
ade75e9621 Update README 2022-09-04 21:14:50 +02:00
Râu Cao
e7f2ef9689 Update frontpage content
Add links to the new pages, embedded in additional copy.
2022-09-04 21:10:03 +02:00
fccdb83a9a Update release build 2022-07-11 13:27:53 +02:00
1ee4c3a3a9 Add relative link to home page in topbar 2022-07-11 13:27:17 +02:00
418669defb Merge pull request 'Set up Hugo, add new website/content' (#8) from feature/hugo into master
Reviewed-on: #8
2022-07-11 11:07:00 +00:00
b43721921b Update release build 2022-07-03 20:12:42 +02:00
05e2d5abd2 Add mobile nav
Pure CSS, baby!
2022-07-03 20:12:19 +02:00
11 changed files with 83 additions and 841 deletions

View File

@@ -1,10 +1,14 @@
# kosmos.org
This website (or rather foundation for a future website) is a simple static
site. It is built using the [Hugo](https://gohugo.io/) static site generator.
This website is a simple static site. It is built using the
[Hugo](https://gohugo.io/) static site generator.
## Getting started
1. Clone this Git repository
2. [Install Hugo](https://gohugo.io/getting-started/installing/)
3. Run `hugo server`
3. Run `npm run dev`
## Build for production
npm run build:release

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,10 +1,9 @@
<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.100.2"><meta charset=utf-8><title>Kosmos</title><meta content="width=device-width,minimum-scale=1,maximum-scale=1" name=viewport><link href=https://assets.kosmos.org/fonts/open-sans/open-sans.css rel=stylesheet><link href=/css/style.css rel=stylesheet></head><body><div id=wrapper><header><h1>Kosmos</h1><h2>Group communication for the 21st century</h2></header><main><p>We are an open co-operative of people, who are developing a free,
<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.101.0"><meta charset=utf-8><title>Kosmos</title><meta content="width=device-width,minimum-scale=1,maximum-scale=1" name=viewport><link href=https://assets.kosmos.org/fonts/open-sans/open-sans.css rel=stylesheet><link href=/css/style.css rel=stylesheet></head><body><div id=wrapper><header><h1>Kosmos</h1><h2>Group communication for the 21st century</h2></header><main><p>We are an open co-operative of people, who are developing a free,
open-source, and user-centric alternative to centralized group chat
platforms, based on widely used protocols and standards.</p><p>We also develop a system for rewarding contributors and enabling
governance based on contributions, called Kredits, which we started
using in production recently.</p><p>You can find all relevant information and further links in our
<a href=https://wiki.kosmos.org>wiki</a>.
We collaborate on source code on
platforms, based on widely used protocols and standards.
<a href=/projects>Learn more about our projects</a>.</p><p>We also offer <a href=/services>hosted services</a> for a variety of
applications on a not-for-profit basis. And we have recently created a
community-led <a href=/foundation>foundation</a> for this purpose.</p><p>We collaborate on source code on
<a href=https://github.com/67P rel=me>GitHub</a>
as well as our own
<a href=https://gitea.kosmos.org/kosmos rel=me>Gitea</a>.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -18,15 +18,14 @@
We are an open co-operative of people, who are developing a free,
open-source, and user-centric alternative to centralized group chat
platforms, based on widely used protocols and standards.
<a href="/projects">Learn more about our projects</a>.
</p>
<p>
We also develop a system for rewarding contributors and enabling
governance based on contributions, called Kredits, which we started
using in production recently.
We also offer <a href="/services">hosted services</a> for a variety of
applications on a not-for-profit basis. And we have recently created a
community-led <a href="/foundation">foundation</a> for this purpose.
</p>
<p>
You can find all relevant information and further links in our
<a href="https://wiki.kosmos.org">wiki</a>.
We collaborate on source code on
<a href="https://github.com/67P" rel="me">GitHub</a>
as well as our own

View File

@@ -1,17 +1,20 @@
<header class="max-w-5xl mx-auto px-8 text-left">
<div class="w-full flex items-center justify-items-stretch h-20">
<div class="grow-0 shrink-0">
<div class="w-full h-20 flex items-center justify-items-stretch">
<div class="grow md:grow-0 shrink-0">
<svg class="inline-block align-top -mt-0.5 mr-1.5 w-auto h-6" width="65.364" height="55.773" enable-background="new 0 0 100 100" version="1.1" viewBox="0 0 65.364 55.773" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="layer1" transform="translate(28.868 20.259)" fill="#000"><path id="path2" d="m22.81-9.2546-0.0137-0.0072c-0.0445-0.0196-0.0895-0.04052-0.13335-0.06078l-23.822-10.937s2.0034 9.219 2.914 11.778c0 0-27.292-8.1582-30.623-8.9354 1.0916 4.2618 20.006 40.848 20.006 40.848 3.8225 7.7608 12.677 12.083 21.912 12.083 12.949 0 23.446-10.497 23.446-23.446 6.6e-4 -9.4655-5.609-17.62-13.685-21.323z" fill="#000" stroke-width=".65365"/></g></svg>
<h1 class="inline-block uppercase font-bold">{{ .Site.Title }}</h1>
<h1 class="inline-block uppercase font-bold">
<a href="{{ .Site.Home.RelPermalink }}">{{ .Site.Title }}</a>
</h1>
</div>
<nav class="hidden md:block md:grow">
<ul class="ml-16 flex items-baseline space-x-8">
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}border-b-2 border-teal-500{{ end }}">
<li>
<a href="{{ .URL }}" class="font-bold">
{{ .Pre }}
<span>{{ .Name }}</span>
<span class="{{ if $currentPage.IsMenuCurrent "main" . }}border-b-2 border-teal-500{{ end }}">
{{ .Name }}
</span>
</a>
</li>
{{ end }}
@@ -43,5 +46,39 @@
</li>
</ul>
</nav>
<label class="-mr-2 block md:hidden" aria-hidden="true">
<input id="mobile-nav-is-open" type="checkbox" class="hidden" />
<div>
<a id="toggle-mobile-nav" tabindex="0" title="Open menu"
class="inline-flex items-center justify-center p-2 text-black
rounded-md bg-transparent hover:bg-zinc-100
focus:outline-none focus:ring-2 focus:ring-offset-2
focus:ring-offset-zinc-400 focus:ring-white">
<!-- Heroicon name: outline/menu -->
<svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
<!-- Heroicon name: outline/x -->
<svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</a>
<div class="backdrop absolute top-20 left-0 right-0 bottom-0 bg-zinc-800/70"></div>
<nav class="absolute top-20 left-0 right-0 bg-white px-8 pt-2 pb-8">
<ul class="flex flex-col items-start items-stretch space-y-6">
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
<li>
<a href="{{ .URL }}" class="block font-bold">
<span class="{{ if $currentPage.IsMenuCurrent "main" . }}border-b-2 border-teal-500{{ end }}">{{ .Name }}</span>
</a>
</li>
{{ end }}
</ul>
</div>
</div>
</label>
</div>
</header>

View File

@@ -38,4 +38,14 @@
.content a:hover { @apply text-sky-700 border-b border-zinc-400; }
.content a:visited { @apply text-indigo-600 }
.content a:active { @apply text-sky-500; }
input#mobile-nav-is-open + div > a svg:last-of-type { @apply hidden; }
input#mobile-nav-is-open:checked + div > a svg:first-of-type { @apply hidden; }
input#mobile-nav-is-open:checked + div > a svg:last-of-type { @apply block; }
input#mobile-nav-is-open + div > div.backdrop { @apply hidden; }
input#mobile-nav-is-open:checked + div > div.backdrop { @apply block; }
input#mobile-nav-is-open + div > nav { @apply hidden; }
input#mobile-nav-is-open:checked + div > nav { @apply block }
}