styling
This commit is contained in:
parent
2abf5501ea
commit
af769d17cb
56
index.css
56
index.css
|
@ -1,9 +1,19 @@
|
|||
:root {
|
||||
--side-padding: 15px;
|
||||
--dark: #393646;
|
||||
--dark-alt: #4F4557;
|
||||
--dark-light: #6D5D6E;
|
||||
--light: #F4EEE0;
|
||||
--highlight: #29b37dff;
|
||||
}
|
||||
|
||||
|
||||
/* TEXT STUFF */
|
||||
|
||||
body {
|
||||
font-family: Arial;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
margin: 0;
|
||||
background-color: var(--dark-alt);
|
||||
}
|
||||
|
||||
span {}
|
||||
|
@ -19,8 +29,50 @@ p.narrow {
|
|||
margin-top: 5px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--highlight);
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: var(--highlight);
|
||||
}
|
||||
|
||||
/* COLORS */
|
||||
|
||||
.grey {
|
||||
color: grey;
|
||||
}
|
||||
|
||||
/* GENERAL STYLING */
|
||||
|
||||
.title {
|
||||
padding: var(--side-padding);
|
||||
background-color: var(--dark);
|
||||
}
|
||||
|
||||
.main-body {
|
||||
padding-left: var(--side-padding);
|
||||
padding-right: var(--side-padding);
|
||||
color: var(--light);
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 50px;
|
||||
background-color: var(--dark);
|
||||
padding: var(--side-padding);
|
||||
color: var(--light);
|
||||
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
41
index.html
41
index.html
|
@ -7,28 +7,35 @@
|
|||
<meta name="author" content="Fl1tzi<git@tgerber.net>">
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="display: inline-block;">Fl1tzi</h1>
|
||||
<span class="subtitle grey">.com</span>
|
||||
<div class="title">
|
||||
<img src="logo.svg" alt="Logo: Fl1tzi" height="30">
|
||||
<span class="subtitle grey">.com</span>
|
||||
</div>
|
||||
<div class="main-body">
|
||||
|
||||
<hr/>
|
||||
<h2>Contact</h2>
|
||||
|
||||
<h2>Socials</h2>
|
||||
<ul>
|
||||
<li><a href="mailto:git@tgerber.net">E-Mail</a></li>
|
||||
<li><a href="https://matrix.to/#/@fl1tzi:matrix.fl1tzi.com">Matrix</a></li>
|
||||
<li><a href="https://codeberg.org/fl1tzi">Codeberg</a></li>
|
||||
<li><a href="https://github.com/fl1tzi">GitHub</a></li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
<li><a href="mailto:git@tgerber.net">E-Mail</a></li>
|
||||
<li><a href="https://codeberg.org/fl1tzi">Codeberg</a></li>
|
||||
<li><a href="https://github.com/fl1tzi">GitHub</a></li>
|
||||
<li><a href="https://matrix.to/#/@fl1tzi:matrix.fl1tzi.com">Matrix</a></li>
|
||||
</ul>
|
||||
<h2>Services</h2>
|
||||
|
||||
<h2>Services</h2>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://git.fl1tzi.com/">G1T</a> - Git server</li>
|
||||
<li><a href="https://matrix.fl1tzi.com/">Matrix</a> - E2EE federated communication</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://git.fl1tzi.com/">G1T</a>
|
||||
Git server
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://matrix.fl1tzi.com/">Matrix</a>
|
||||
E2EE federated communication
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<hr/>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="narrow">LICENSE: <a href="LICENSE.txt">MIT</a></p>
|
||||
|
|
79
logo.svg
Normal file
79
logo.svg
Normal file
|
@ -0,0 +1,79 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="474.79993"
|
||||
height="142.80003"
|
||||
viewBox="0 0 474.79993 142.80003"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs2">
|
||||
<rect
|
||||
x="65.044289"
|
||||
y="96.074593"
|
||||
width="826.71655"
|
||||
height="431.11584"
|
||||
id="rect839" />
|
||||
</defs>
|
||||
<g
|
||||
id="layer1"
|
||||
transform="translate(-18.600025,-184.59999)">
|
||||
<g
|
||||
aria-label="Fl1tzi"
|
||||
transform="translate(-59.644897,52.093806)"
|
||||
id="text837"
|
||||
style="font-size:200px;font-family:'Space Grotesk';-inkscape-font-specification:'Space Grotesk, @wght=700';font-variation-settings:'wght' 700;white-space:pre;shape-inside:url(#rect839);display:inline;fill:#b3b3b3;stroke:#b3b3b3;stroke-width:0">
|
||||
<path
|
||||
d="m 78.244922,275.30619 v -140 h 87.999998 v 24 h -61.6 v 33.8 h 56.8 v 24 h -56.8 v 58.2 z"
|
||||
id="path1973" />
|
||||
<path
|
||||
d="m 185.845,275.30619 v -140 h 25.2 v 140 z"
|
||||
id="path1975" />
|
||||
<path
|
||||
d="m 276.64515,275.30619 v -121.2 h -3.6 l -18.8,44.4 h -26.8 l 28.6,-63.2 h 46.2 v 140 z"
|
||||
style="fill:#29b37d"
|
||||
id="path1977" />
|
||||
<path
|
||||
d="m 367.44508,275.30619 q -9.8,0 -16,-6 -6,-6.2 -6,-16.4 v -56 h -24.8 v -20.8 h 24.8 v -30.8 h 25.2 v 30.8 h 27.2 v 20.8 h -27.2 v 51.6 q 0,6 5.6,6 h 19.2 v 20.8 z"
|
||||
id="path1979" />
|
||||
<path
|
||||
d="m 417.04496,275.30619 v -30 l 54.4,-45.2 v -3.2 h -52.4 v -20.8 h 80 v 30 l -54.4,45.2 v 3.2 h 56 v 20.8 z"
|
||||
id="path1981" />
|
||||
<path
|
||||
d="m 524.24487,275.30619 v -99.2 h 25.2 v 99.2 z m 12.6,-110.8 q -6.8,0 -11.6,-4.4 -4.6,-4.4 -4.6,-11.6 0,-7.2 4.6,-11.6 4.8,-4.4 11.6,-4.4 7,0 11.6,4.4 4.6,4.4 4.6,11.6 0,7.2 -4.6,11.6 -4.6,4.4 -11.6,4.4 z"
|
||||
id="path1983" />
|
||||
</g>
|
||||
<rect
|
||||
style="font-variation-settings:'wght' 700;fill:#b3b3b3;fill-opacity:1;stroke:#b3b3b3;stroke-width:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
|
||||
id="rect1971"
|
||||
width="25.199999"
|
||||
height="90.800148"
|
||||
x="302.20001"
|
||||
y="-217.00026"
|
||||
transform="rotate(90)" />
|
||||
<rect
|
||||
style="font-variation-settings:'wght' 700;fill:#b3b3b3;fill-opacity:1;stroke:#b3b3b3;stroke-width:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
|
||||
id="rect1986"
|
||||
width="43.199924"
|
||||
height="20.800005"
|
||||
x="242.60025"
|
||||
y="228.2" />
|
||||
<rect
|
||||
style="font-variation-settings:'wght' 700;fill:#b3b3b3;fill-opacity:1;stroke:#b3b3b3;stroke-width:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
|
||||
id="rect2040"
|
||||
width="51.72451"
|
||||
height="20.799999"
|
||||
x="331.53781"
|
||||
y="306.60001" />
|
||||
<rect
|
||||
style="font-variation-settings:'wght' 700;fill:#b3b3b3;fill-opacity:1;stroke:#b3b3b3;stroke-width:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
|
||||
id="rect2042"
|
||||
width="77.999908"
|
||||
height="20.799999"
|
||||
x="411.80005"
|
||||
y="228.2" />
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 3.1 KiB |
Loading…
Reference in a new issue