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";
color: var(--mtf-font-color);
color: #cdd6f4;
}
body {
#base {
background-color: #1e1e2e;
background-repeat: no-repeat;
background-attachment: fixed;

20
boxes.css
View file

@ -10,12 +10,22 @@
height: inherit;
}
/* - */
/* - */
/* - */
/* - */
/* - */
/* - */
.flexbox-h {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
}
/* - - - - - - */
.flexbox-v {
display: flex;
flex-wrap: wrap;
@ -35,4 +45,14 @@
#content {
flex-grow: 7;
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 id="base">
<div class="flexbox-v">
<div class="flexbox-h">
@ -25,6 +25,8 @@
<p> </p>
</div>
<div class="box" id="links">
<p></p>
<a href="javascript:void(0)" onclick="show('about')">about</a>
<p></p>
<a href="javascript:void(0)" onclick="show('fedi')">fedi</a>
<p></p>

4
script.js
View file

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