Compare commits

...

2 commits

Author SHA1 Message Date
Fl1tzi f386671a10 added missing things 2023-04-14 04:39:24 +02:00
Fl1tzi e91ae62da6 new website with fomantic 2023-04-14 04:25:37 +02:00
33 changed files with 99 additions and 113 deletions

View file

@ -0,0 +1,8 @@
# The MIT License
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

11
fomantic-ui/fomantic-ui.min.css vendored Normal file

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -1,78 +0,0 @@
:root {
--side-padding: 15px;
--dark: #393646;
--dark-alt: #4F4557;
--dark-light: #6D5D6E;
--light: #F4EEE0;
--highlight: #29b37dff;
}
/* TEXT STUFF */
body {
font-family: Arial;
margin: 0;
background-color: var(--dark-alt);
}
span {}
span.subtitle {
font-size: 12px;
}
p{}
p.narrow {
margin-bottom: 5px;
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%;
}

View file

@ -1,46 +1,91 @@
<!DOCTYPE html>
<html>
<head>
<title>fl1tzi.com</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" type="text/css" href="fomantic-ui/fomantic-ui.min.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Fl1tzi<git@tgerber.net>">
</head>
<body>
<div class="title">
<img src="logo.svg" alt="Logo: Fl1tzi" height="30">
<span class="subtitle grey">.com</span>
<div class="ui container">
<div class="ui hidden divider"></div>
<img class="ui small image" src="logo.svg" alt="Fl1tzi"/>
<div class="ui hidden divider"></div>
<div class="ui two stackable cards">
<div class="ui card">
<div class="content">
<div class="ui small center aligned icon header">
<i class="circular user icon"></i>
Socials
</div>
</div>
<div class="content ui relaxed divided list">
<div class="item">
<i class="envelope icon"></i>
<div class="content">
<a href="mailto:git@tgerber.net">E-Mail</a>
</div>
</div>
<div class="item">
<i class="user shield icon"></i>
<div class="content">
<a href="https://matrix.to/#/@fl1tzi:matrix.fl1tzi.com">Matrix</a>
</div>
</div>
<div class="item">
<i class="git alternate icon"></i>
<div class="content">
<a href="https://codeberg.org/fl1tzi">Codeberg</a>
</div>
</div>
<div class="item">
<i class="github icon"></i>
<div class="content">
<a href="https://github.com/fl1tzi">Github</a>
</div>
</div>
</div>
</div>
<div class="ui card">
<div class="content">
<div class="ui small center aligned icon header">
<i class="circular server icon"></i>
Services
</div>
</div>
<div class="content ui relaxed divided list">
<div class="item">
<i class="large code branch middle aligned icon"></i>
<div class="content">
<a class="header" href="https://git.fl1tzi.com/">G1T</a>
<div class="description">Git server</div>
</div>
</div>
<div class="item">
<i class="large user shield middle aligned icon"></i>
<div class="content">
<a class="header" href="https://matrix.fl1tzi.com/">Matrix</a>
<div class="description">E2EE decentralized communication</div>
</div>
</div>
</div>
</div>
</div>
<div class="ui horizontal small divided link list">
<a class="item" href="https://git.fl1tzi.com/data/data/src/fl1tzi.com-privacy.md">Privacy Policy</a>
<a class="item" href="https://git.fl1tzi.com/Fl1tzi/fl1tzi.com">Repository</a>
</div>
</div>
<div class="main-body">
<h2>Contact</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>
<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>
</div>
<footer>
<p class="narrow">LICENSE: <a href="LICENSE.txt">MIT</a></p>
<p class="narrow"><a href="https://git.fl1tzi.com/data/data/src/fl1tzi.com-privacy.md">Privacy Policy</a></p>
<p class="grey" style="font-size: 12px">Thank you for visiting!</p>
</footer>
</body>
</html>