initial commit
This commit is contained in:
commit
a04a9b248a
GPG Key ID:
2B4F402172791BAF
|
|
@ -0,0 +1,2 @@
|
|||
.fleet
|
||||
.idea
|
||||
|
|
@ -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%;
|
||||
}
|
||||
|
|
@ -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>
|
||||
Reference in New Issue