marty/marty.tf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UNTER BAUSTELLE

Browse source
This commit is contained in:
martyTF 2026-06-17 18:12:21 +02:00
parent 08510d9ccb
commit 93c19b1d81
7 changed files with 114 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

20
about.css Normal file
View file

@ -0,0 +1,20 @@
#contact_logobox {
flex-grow: 0;
}
#contact_logo {
max-width: 300px;
}
#contactbox {
flex-grow: 1;
}
.protocol {
flex-basis: 300px;
}
.contact {
flex-grow: 1;
}

50
about.html Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="english">
<head>
<meta name="viewport">
<meta charset="UTF-8">
<title>marty.tf - about</title>
<link rel="icon" href="src/marty_narklos.png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="about.css">
<script src="script.js"></script>
</head>
<body>
<div class="flexbox-v">
<div id="contact_logobox" class="box">
<img class="box" id="contact_logo" src="src/marty_narklos.png" alt="a drawing of me, by narklos">
<br>
<br>
headshot drawn by
<a class="link" href="https://linktr.ee/Narklos">narklos</a>
</div>
<div class="box links" id="contactbox">
<div class="flexbox-v">
<div class="box protocol">mail</div>
<div class="box contact">
<a href="mailto:marty@marty.tf"> marty@marty.tf </a>
</div>
</div>
<div class="flexbox-v">
<div class="box protocol">matrix</div>
<div class="box contact">
<a href="https://matrix.to/#/@marty:yap.marty.tf">
@marty:yap.marty.tf
</a>
</div>
</div>
<div class="flexbox-v">
<div class="box protocol">fediverse</div>
<div class="box contact">
<a rel="me" href="https://fedi.marty.tf/@marty">
@marty@fedi.marty.tf
</a>
</div>
</div>
</div>
</div>
</body>
</html>

4
base.css
View file

@ -5,10 +5,10 @@
* { * {
font-family: "Mono Code"; font-family: "Mono Code";
color: var(--mtf-font-color); color: #cdd6f4;
} }
body { #base {
background-color: #1e1e2e; background-color: #1e1e2e;
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;

20
boxes.css
View file

@ -10,12 +10,22 @@
height: inherit; height: inherit;
} }
/* - */
/* - */
/* - */
/* - */
/* - */
/* - */
.flexbox-h { .flexbox-h {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
flex-direction: column; flex-direction: column;
} }
/* - - - - - - */
.flexbox-v { .flexbox-v {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -35,4 +45,14 @@
#content { #content {
flex-grow: 7; flex-grow: 7;
min-width: 600px; min-width: 600px;
height: 70vh;
}
#content_embed {
width: 95%;
height: 100%;
}
#townsquare-root {
height: 20vh;
} }

17
git.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="english">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta charset="UTF-8">
<title>marty.tf - about</title>
<link rel="icon" href="src/marty_narklos.png">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
git
</body>
</html>

4
index.html
View file

@ -13,7 +13,7 @@
<!-- Body --> <!-- Body -->
<body> <body id="base">
<div class="flexbox-v"> <div class="flexbox-v">
<div class="flexbox-h"> <div class="flexbox-h">
@ -25,6 +25,8 @@
<p> </p> <p> </p>
</div> </div>
<div class="box" id="links"> <div class="box" id="links">
<p></p>
<a href="javascript:void(0)" onclick="show('about')">about</a>
<p></p> <p></p>
<a href="javascript:void(0)" onclick="show('fedi')">fedi</a> <a href="javascript:void(0)" onclick="show('fedi')">fedi</a>
<p></p> <p></p>

4
script.js
View file

@ -22,6 +22,6 @@ function getCookie(cname) {
}; };
function show(content) { function show(content) {
var cont = document.getElementById(content); var cont = document.getElementById("content");
cont.src=content cont.innerHTML="<embed src='" + content + ".html' id='content_embed'>";
}; };