Added first bullet point

This commit is contained in:
Luis Hebendanz 2024-05-21 17:00:58 +02:00
parent 025ede5603
commit 79ede8a657
9 changed files with 3177 additions and 3010 deletions

1
.gitignore vendored
View File

@ -1,4 +1,5 @@
/public
.vscode
.direnv
result*
.pre-commit-config.yaml

View File

@ -8,8 +8,10 @@
}: {
devShells.default = pkgs.mkShell {
packages = [
];
shellHook = ''
ln -snf "$PWD"/static "$PWD"/website/static
'';
};
};
}

View File

@ -21,6 +21,7 @@
'base_url = "${baseUrl}"' \
cp -r website/* website/.* $out
cp -r static/* static/.* $out
'';
in
{

BIN
static/logo/128x128.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 471 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

View File

@ -5,63 +5,61 @@
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Directive by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<div id="header">
<span class="logo icon fa-paper-plane"></span>
<h1>Hi. This is Directive.</h1>
<p>A responsive HTML5 + CSS3 site template designed by <a href="http://html5up.net">HTML5 UP</a>
<br />
and released for free under the <a href="http://html5up.net/license">Creative Commons license</a>.</p>
</div>
<head>
<title>Clan - Build you own Darknet</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<!-- Main -->
<div id="main">
<body class="is-preload">
<header class="major container medium">
<h2>We conduct experiments that
<br />
may or may not seriously
<br />
break the universe</h2>
<!--
<p>Tellus erat mauris ipsum fermentum<br />
etiam vivamus nunc nibh morbi.</p>
-->
</header>
<!-- Header -->
<div id="header">
<img src="static/logo/clan-white.png" alt="Clan White" id="clan-logo">
<h1>Build your own Darknet</h2>
<div class="box alt container">
<section class="feature left">
<a href="#" class="image icon solid fa-signal"><img src="images/pic01.jpg" alt="" /></a>
<div class="content">
<h3>The First Thing</h3>
<p>Vitae natoque dictum etiam semper magnis enim feugiat amet curabitur tempor orci penatibus. Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis fusce lacus.</p>
</div>
</section>
<section class="feature right">
<a href="#" class="image icon solid fa-code"><img src="images/pic02.jpg" alt="" /></a>
<div class="content">
<h3>The Second Thing</h3>
<p>Vitae natoque dictum etiam semper magnis enim feugiat amet curabitur tempor orci penatibus. Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis fusce lacus.</p>
</div>
</section>
<section class="feature left">
<a href="#" class="image icon solid fa-mobile-alt"><img src="images/pic03.jpg" alt="" /></a>
<div class="content">
<h3>The Third Thing</h3>
<p>Vitae natoque dictum etiam semper magnis enim feugiat amet curabitur tempor orci penatibus. Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis fusce lacus.</p>
</div>
</section>
<br />
</div>
<!-- Main -->
<div id="main">
<header class="major container medium">
<h2>Decentralized self-hosting
<br /> made easy for everyone
</h2>
</header>
<div class="box alt container">
<section class="feature left">
<a href="#" class="image icon solid fa-code"><img src="images/open-source.webp" alt="" /></a>
<div class="content">
<h3>Open Source</h3>
<p>Clan is a proudly open-source project, inviting everyone to contribute and collaborate. Join us
in shaping the future of secure, decentralized computing.</p>
</div>
</section>
<section class="feature right">
<a href="#" class="image icon solid fa-code"><img src="images/pic02.jpg" alt="" /></a>
<div class="content">
<h3>The Second Thing</h3>
<p>Vitae natoque dictum etiam semper magnis enim feugiat amet curabitur tempor orci penatibus.
Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis fusce lacus.</p>
</div>
</section>
<section class="feature left">
<a href="#" class="image icon solid fa-mobile-alt"><img src="images/pic03.jpg" alt="" /></a>
<div class="content">
<h3>The Third Thing</h3>
<p>Vitae natoque dictum etiam semper magnis enim feugiat amet curabitur tempor orci penatibus.
Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis fusce lacus.</p>
</div>
</section>
</div>
<!--
<!--
<div class="box container">
<header>
<h2>A lot of generic stuff</h2>
@ -204,67 +202,42 @@
</div>
-->
<footer class="major container medium">
<h3>Get shady with science</h3>
<p>Vitae natoque dictum etiam semper magnis enim feugiat amet curabitur tempor orci penatibus. Tellus erat mauris ipsum fermentum etiam vivamus.</p>
<ul class="actions special">
<li><a href="#" class="button">Join our crew</a></li>
</ul>
</footer>
<footer class="major container medium">
<h3>Join the Revolution</h3>
<p>Ready to take control of your digital world? Clan is more than a tool—it's a movement. Secure your data,
manage machines effortlessly, and connect with others on your terms.</p>
<ul class="actions special">
<li><a href="https://docs.clan.lol" class="button">Get Started</a></li>
</ul>
</footer>
</div>
</div>
<!-- Footer -->
<div id="footer">
<div class="container medium">
<!-- Footer -->
<div id="footer">
<div class="container medium">
<header class="major last">
<h2>Questions or comments?</h2>
</header>
<ul class="icons">
<p>Vitae natoque dictum etiam semper magnis enim feugiat amet curabitur tempor
orci penatibus. Tellus erat mauris ipsum fermentum etiam vivamus.</p>
<li><a href="https://github.com/clan-lol/clan-core" class="icon brands fa-github"><span
class="label">Github</span></a></li>
</ul>
<form method="post" action="#">
<div class="row">
<div class="col-6 col-12-mobilep">
<input type="text" name="name" placeholder="Name" />
</div>
<div class="col-6 col-12-mobilep">
<input type="email" name="email" placeholder="Email" />
</div>
<div class="col-12">
<textarea name="message" placeholder="Message" rows="6"></textarea>
</div>
<div class="col-12">
<ul class="actions special">
<li><input type="submit" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
<ul class="copyright">
<li>&copy; Clan. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
</ul>
</div>
</div>
<ul class="copyright">
<li>&copy; Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</div>
</div>
</body>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>

1
website/static Symbolic link
View File

@ -0,0 +1 @@
/home/lhebendanz/Projects/clan-homepage/static