Fl1tzi/fl1tzi.com
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

updated logo, improved css, new link style

Browse source
This commit is contained in:
Fl1tzi 2023-06-10 19:50:32 +02:00
parent f23d35eecb
commit da07e9b6d9
7 changed files with 72 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
pages/index.md
View file

@ -6,5 +6,5 @@ lang: en-us
Hi, I'm Fl1tzi.
I do stuff on the internet.
- [~/contact](/contact.html)
- [~/applications](/applications.html)
- [Contact](/contact.html)
- [Applications](/applications.html)

15
public/applications.html
View file

@ -27,12 +27,12 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<section id="header">
<a href="/">HOME</a>
<pre>
____ _ __ _____ _____ __
| _|| |/_ ||_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___| _| |_| /____|__|
____ _ __ _____ _____ __
| _|| |/_ |_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___|__| |_| /____|__|
</pre>
<p class="title">Applications</p>
<span class="title">Applications</span>
</section>
<!-- content -->
@ -49,11 +49,10 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<!-- footer -->
<section id="footer">
<hr/>
<a href="https://git.fl1tzi.com/data/data/src/fl1tzi.com-privacy.md">P R I V A C Y</a>
||
//
<a href="https://git.fl1tzi.com/Fl1tzi/fl1tzi.com">R E P O</a>
<p style="font-size: 7px;">If you hack one of my servers pls leave a funny note</p>
</section>
</body>
</html>

15
public/contact.html
View file

@ -27,12 +27,12 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<section id="header">
<a href="/">HOME</a>
<pre>
____ _ __ _____ _____ __
| _|| |/_ ||_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___| _| |_| /____|__|
____ _ __ _____ _____ __
| _|| |/_ |_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___|__| |_| /____|__|
</pre>
<p class="title">Contact</p>
<span class="title">Contact</span>
</section>
<!-- content -->
@ -48,11 +48,10 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<!-- footer -->
<section id="footer">
<hr/>
<a href="https://git.fl1tzi.com/data/data/src/fl1tzi.com-privacy.md">P R I V A C Y</a>
||
//
<a href="https://git.fl1tzi.com/Fl1tzi/fl1tzi.com">R E P O</a>
<p style="font-size: 7px;">If you hack one of my servers pls leave a funny note</p>
</section>
</body>
</html>

19
public/index.html
View file

@ -27,30 +27,29 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<section id="header">
<a href="/">HOME</a>
<pre>
____ _ __ _____ _____ __
| _|| |/_ ||_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___| _| |_| /____|__|
____ _ __ _____ _____ __
| _|| |/_ |_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___|__| |_| /____|__|
</pre>
<p class="title">Index</p>
<span class="title">Index</span>
</section>
<!-- content -->
<section id="content">
<p>Hi, I’m Fl1tzi. I do stuff on the internet.</p>
<ul>
<li><a href="/contact.html">~/contact</a></li>
<li><a href="/applications.html">~/applications</a></li>
<li><a href="/contact.html">Contact</a></li>
<li><a href="/applications.html">Applications</a></li>
</ul>
</section>
<!-- footer -->
<section id="footer">
<hr/>
<a href="https://git.fl1tzi.com/data/data/src/fl1tzi.com-privacy.md">P R I V A C Y</a>
||
//
<a href="https://git.fl1tzi.com/Fl1tzi/fl1tzi.com">R E P O</a>
<p style="font-size: 7px;">If you hack one of my servers pls leave a funny note</p>
</section>
</body>
</html>

26
public/style.css
View file

@ -11,31 +11,45 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
*/
:root {
--font-family: monospace;
--font-family-header-footer: monospace;
--font-family-content: system-ui;
--font-size: 16px;
}
body {
max-width: 100%;
margin: auto;
padding: 20px;
background-color: black;
color: white;
font: var(--font-size) var(--font-family);
}
/* on very large screens stop expanding */
@media (min-width: 1300px) {
body {
max-width: 1300px;
}
}
section#header {
font: var(--font-size) var(--font-family-header-footer);
text-align: center;
}
section#content {
font: var(--font-size) var(--font-family-content);
margin-top: 30px;
margin-bottom: 10px;
padding: 10px;
border-bottom: 2px solid white;
}
section#footer {
margin-top: 30px;
font: calc(var(--font-size) * 0.75) var(--font-family-header-footer);
}
a {
text-decoration: underline;
text-decoration: underline;
font-weight: 700;
color: white;
}
@ -45,8 +59,8 @@ pre {
margin-bottom: 0;
}
p.title {
letter-spacing: 10px;
.title {
letter-spacing: 5px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;

26
style.css
View file

@ -11,31 +11,45 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
*/
:root {
--font-family: monospace;
--font-family-header-footer: monospace;
--font-family-content: system-ui;
--font-size: 16px;
}
body {
max-width: 100%;
margin: auto;
padding: 20px;
background-color: black;
color: white;
font: var(--font-size) var(--font-family);
}
/* on very large screens stop expanding */
@media (min-width: 1300px) {
body {
max-width: 1300px;
}
}
section#header {
font: var(--font-size) var(--font-family-header-footer);
text-align: center;
}
section#content {
font: var(--font-size) var(--font-family-content);
margin-top: 30px;
margin-bottom: 10px;
padding: 10px;
border-bottom: 2px solid white;
}
section#footer {
margin-top: 30px;
font: calc(var(--font-size) * 0.75) var(--font-family-header-footer);
}
a {
text-decoration: underline;
text-decoration: underline;
font-weight: 700;
color: white;
}
@ -45,8 +59,8 @@ pre {
margin-bottom: 0;
}
p.title {
letter-spacing: 10px;
.title {
letter-spacing: 5px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;

15
template.html
View file

@ -27,12 +27,12 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<section id="header">
<a href="/">HOME</a>
<pre>
____ _ __ _____ _____ __
| _|| |/_ ||_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___| _| |_| /____|__|
____ _ __ _____ _____ __
| _|| |/_ |_ _|_ | |
| _|| |_| | | | / /_| |
|__| |___|__| |_| /____|__|
</pre>
<p class="title">$title$</p>
<span class="title">$title$</span>
</section>
<!-- content -->
@ -42,11 +42,10 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<!-- footer -->
<section id="footer">
<hr/>
<a href="https://git.fl1tzi.com/data/data/src/fl1tzi.com-privacy.md">P R I V A C Y</a>
||
//
<a href="https://git.fl1tzi.com/Fl1tzi/fl1tzi.com">R E P O</a>
<p style="font-size: 7px;">If you hack one of my servers pls leave a funny note</p>
</section>
</body>
</html>