initial commit

This commit is contained in:
antifallobst 2023-08-24 13:13:06 +02:00
commit a04a9b248a
Signed by: antifallobst
GPG Key ID: 2B4F402172791BAF
3 changed files with 197 additions and 0 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
.fleet
.idea

96
index.css Normal file
View File

@ -0,0 +1,96 @@
body {
background: #191c2e;
}
.tabs li {
display: inline-block;
padding-left: 2px;
}
.tabs li a {
position: relative;
}
.tab-svg-path {
position: absolute;
fill: #21253c;
stroke: #690455;
stroke-width: 4;
stroke-miterlimit: 10;
pointer-events: all;
}
.tab-svg-text {
fill: #FFFFFF;
font-family: "Roboto";
font-size: 18px;
text-anchor: middle;
}
#tabs-main {
float: left;
margin-left: 32px;
padding: 0;
list-style: none;
}
#tabs-account {
float: right;
margin-right: 32px;
padding: 0;
list-style: none;
}
main {
position: absolute;
padding: 0;
margin-left: 32px;
margin-right: 32px;
margin-top: 86px;
width: calc(100% - 86px);
height: calc(100% - 150px);
border: 4px solid #690455;
border-radius: 12px;
}
.content {
margin: 12px;
height: calc(100% - 48px);
width: calc(100% - 24px);
}
#content-boxes {
columns: 3;
height: 100%;
display: flex;
list-style: none;
}
.content-box {
background: #21253c;
border: 4px solid #690455;
border-radius: 12px;
margin-right: 32px;
width: auto;
height: auto;
position: relative;
display: inline-block;
padding: 16px;
}
.content-box-heading {
font-family: Roboto;
font-weight: bold;
font-size: 24px;
color: #FFFFFF;
text-align: center;
width: 100%;
}
.content-box-paragraph {
font-family: Roboto;
font-size: 18px;
color: #FFFFFF;
text-align: center;
width: 100%;
}

99
index.html Normal file
View File

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Nerdcult </title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<header id="header">
<nav id="topbar">
<ul id="tabs-main" class="tabs">
<li><a href="#">
<svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg" ><g>
<path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z" class="tab-svg-path" />
<text x="67.010414" y="31.911449"><tspan class="tab-svg-text">Home</tspan></text>
</g></svg>
</a></li>
<li><a href="#">
<svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg" ><g>
<path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z" class="tab-svg-path" />
<text x="67.010414" y="31.911449"><tspan class="tab-svg-text">Services</tspan></text>
</g></svg>
</a></li>
<li><a href="#">
<svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg" ><g>
<path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z" class="tab-svg-path" />
<text x="67.010414" y="31.911449"><tspan class="tab-svg-text">Community</tspan></text>
</g></svg>
</a></li>
<li><a href="#">
<svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg" ><g>
<path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z" class="tab-svg-path" />
<text x="67.010414" y="31.911449"><tspan class="tab-svg-text">About</tspan></text>
</g></svg>
</a></li>
</ul>
<ul id="tabs-account" class="tabs">
<li><a href="#">
<svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg" ><g>
<path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z" class="tab-svg-path" />
<text x="67.010414" y="31.911449"><tspan class="tab-svg-text">Sign Up</tspan></text>
</g></svg>
</a></li>
<li><a href="#">
<svg width="136" height="54" viewBox="-0.5 -0.5 136 54" xmlns="http://www.w3.org/2000/svg" ><g>
<path d="m 123.5,11.5 5,5 c 3.33333,3.333333 5,8.333333 5,15 v 10 c 0,6.666667 -3.33333,10 -10,10 H 11.500001 c -6.6666667,0 -10,-3.333333 -10,-10 v -30 c 0,-6.6666666 3.3333333,-9.9999996 10,-9.9999996 H 103.5 c 6.66667,0 11.66667,1.666667 15,5 z" class="tab-svg-path" />
<text x="67.010414" y="31.911449"><tspan class="tab-svg-text">Sign In</tspan></text>
</g></svg>
</a></li>
</ul>
</nav>
</header>
<main>
<div class="content">
<ul id="content-boxes">
<li class="content-box">
<p class="content-box-heading">Community</p>
<p class="content-box-paragraph">
Nerdcult is a platform for (and by) open source
software developers, that aims to make collaboration
as comfortable as possible. We also want to make
it as easy as possible for users to find contributors
for their projects.
Join now by creating an account.
</p>
</li>
<li class="content-box">
<p class="content-box-heading">Tools</p>
<p class="content-box-paragraph">
We provide tools for software development, communication and project management.
This includes a git server, a matrix homeserver, pads and much more :)
</p>
</li>
<li class="content-box">
<p class="content-box-heading">Privacy</p>
<p class="content-box-paragraph">
We save as less personal data as possible and our logs are anonymized.
Your private data, is encrypted with a key that derives from your password.
By that we couldn't sell data and give attackers nothing they could steal.
</p>
</li>
</ul>
</div>
</main>
</body>
</html>