Bubbens-Organisation
/
qwik-site-bubben
forked from qwik/qwik-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
qwik-site-bubben/content/pages/index.njk

200 lines
7.2 KiB
Plaintext
Raw Blame History

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
<head>
{% include "templates/defaultTags.njk" %}
<link rel="stylesheet" type="text/css" href="/assets/css/landing.css" />
<title>qwik</title>
</head>
<body>
{# <div style="background-color: var(--blue); padding: 1rem 2rem;">
<h1 style="margin-top: 0; color: var(--surface)">
About the war in Ukraine...
</h1>
<p style="color: var(--surface)">
We at qwik stand with the Ukrainian people against Putin's complete and utter bullshit. Putin has no right to take Ukraine. <span style="color: var(--yellow);">#FuckPutin</span>
<br><br>
-- Team qwik <span style="font-size: 1.5rem; color: inherit; left: -.25rem; top: .1rem; position: relative;">&nbsp; &lt;3 &nbsp;</span>
</p>
</div>
<div style="background-color: var(--yellow); padding: 1rem 2rem;">
<h1 style="margin-top: 0; color: var(--surface)">
What can I do?
</h1>
<p style="color: var(--surface)">
One can not do everything, but together we are strong. Protesting and donating to help organisations <i style="color: inherit;">can</i> help.<span style="color: var(--blue);">#SaveUkraine</span>
<br><br>
-- Team qwik <span style="font-size: 1.5rem; color: inherit; left: -.25rem; top: .1rem; position: relative;">&nbsp; &lt;3 &nbsp;</span>
</p>
</div> #}
<div id="header">
<img class="logo" src="/assets/images/logo.svg" alt="qwik logo" />
<h1>
Welcome to <span style="color: var(--primary)">qwik</span><span style="color: var(--accent)">.</span><span style="color: var(--primary)">space</span>!
</h1>
<p>
"A comfy little corner of the internet..."
</p>
<div id="nav">
<a href="#toolbox">TOOLBOX</a>
<a href="#services">SERVICES</a>
<a href="#contact">CONTACT</a>
</div>
</div>
<div class="box">
<h1>
<a id="toolbox"></a>
TOOLBOX
</h1>
<div class="card">
<h2>Nitter</h2>
<p>
Nitter is a Twitter frontend. Use it to browse Twitter without getting tracked.
</p>
<a href="https://nitter.qwik.space">BROWSE</a>
</div>
<div class="card">
<h2>Bibliogram</h2>
<p>
Bibliogram is an Instagram frontend. Use it to browse Instagram without getting tracked.
</p>
<a href="https://bibliogram.qwik.space">BROWSE</a>
</div>
<div class="card">
<h2>Libreddit</h2>
<p>
Libreddit is a Reddit frontend. Use it to browse Reddit without getting tracked.
</p>
<a href="https://libreddit.qwik.space">BROWSE</a>
</div>
<div class="card">
<h2>Invidious</h2>
<p>
Invidious is a YouTube frontend. Use it to browse YouTube without getting tracked.
</p>
<a href="https://invidious.qwik.space">WATCH</a>
</div>
</div>
<div class="separator"></div>
<div class="box">
<h1>
<a id="services"></a>
SERVICES
</h1>
<p>
These services requires an account, which you can create <a href="https://qam.qwik.space">here</a>.
</p>
<div class="card">
<h2>Gitea</h2>
<p>
Gitea is an alternative to Github, Gitlab, etc.
We host our own instance, but feel free to use it as well (if you're brave enough).
</p>
<a href="https://git.qwik.space">CODE</a>
</div>
<div class="card">
<h2>XMPP</h2>
<p>
XMPP is an instant messaging protocol. You can find more info in the article below.
</p>
<a href="/articles/xmpp/intro">READ MORE</a>
</div>
<div class="card">
<h2>Zulip</h2>
<p>
Zulip is a chat service. The UI <i>somewhat</i> resembles Discord.
It is quite advanced/bloated and we might switch it out for something else.
</p>
<a href="https://chat.qwik.space">CHAT</a>
</div>
<div class="card">
<h2>Hedgedoc</h2>
<p>
Hedgedoc is an online markdown editor featuring real-time collaboration.
</p>
<a href="https://docs.qwik.space">WRITE</a>
</div>
<div class="card">
<h2>CryptPad</h2>
<p>
We run an instance of CryptPad. As of now, accounts are supplied as per request. See contact options below.
</p>
<a href="https://pad.qwik.space">WRITE</a>
</div>
</div>
<div class="separator"></div>
<div class="box">
<h1>
<a id="contact"></a>
CONTACT
</h1>
<p>
If you have any questions, feedback, ideas, or anything else, feel free to contact us.
</p>
<div class="card maintainer">
<h2>BurnyLlama</h2>
<div class="contact-options">
<p class="contact-type">XMPP</p>
<p>burnyllama@qwik.space</p>
<p class="contact-type">Matrix</p>
<p>@burnyllama:matrix.org</p>
<p class="contact-type">Email</p>
<p>burnyllama [at] protonmail [dot] com</p>
</div>
<p style=" margin: .5rem .2rem 0 .2rem;">You can read about news for qwik.space, rants, and other stuffs over at my <a style="font-size: inherit;" href="https://blog.qwik.space">blog</a>.</p>
</div>
</div>
<div id="footer">
<p class="love">
Made with <span class="heart">&nbsp; &lt;3 &nbsp;</span> by team qwik!
</p>
<p class="footer-header">Attributions &amp; Credits</p>
<p>
The font used on this page is <a href="https://manropefont.com/">Manrope</a>.
</p>
<p>
The <a href="/assets/images/logo.svg">logo</a> is made by BurnyLlama and is available under the <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> license.
</p>
<p class="footer-header">Policies</p>
<p>
Feel free to read our <a href="/articles/privacy_policy">Privacy Policy</a> or <a href="/articles/terms_of_service">Terms of Service</a>.
</p>
<p class="footer-header">Resources</p>
<p>
We provide qwik's resources <a href="/articles/graphical-profile/intro">here</a>. (This includes logo, colours, fonts, etc.)
</p>
<p class="footer-header">Contribution</p>
<p>
If you want to contribute, feel free to <a href="#contact">contact us</a>.
</p>
<p class="footer-header">Visit us on TOR</p>
<p>
Coming soon...
</p>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink