From ab3ba562605fb8fc08ebb694f0a0c14cc720702f Mon Sep 17 00:00:00 2001 From: martyTF Date: Tue, 16 Jun 2026 19:42:03 +0200 Subject: [PATCH] yeah we doin a new webby site now --- animations.css | 65 ------ base.css | 3 +- boxes.css | 252 ++------------------ index.html | 270 +++------------------- index2.html | 168 ++++++++++++++ rest.css | 5 + script.js | 48 +--- src/FiraCodeNerdFont-Bold.ttf | Bin 2212360 -> 0 bytes src/FiraCodeNerdFont-Light.ttf | Bin 2181336 -> 0 bytes src/FiraCodeNerdFont-Medium.ttf | Bin 2176664 -> 0 bytes src/FiraCodeNerdFont-Retina.ttf | Bin 2178400 -> 0 bytes src/FiraCodeNerdFont-SemiBold.ttf | Bin 2197200 -> 0 bytes src/{LICENSE => LICENSE_FiraCodeNerdFont} | 0 src/marty_narklos.png | Bin 1650965 -> 1444276 bytes src/marty_narklos_old.png | Bin 943629 -> 1650965 bytes src/marty_narklos_old_2.png | Bin 0 -> 943629 bytes style.css | 2 +- 17 files changed, 232 insertions(+), 581 deletions(-) delete mode 100644 animations.css create mode 100644 index2.html create mode 100644 rest.css delete mode 100644 src/FiraCodeNerdFont-Bold.ttf delete mode 100644 src/FiraCodeNerdFont-Light.ttf delete mode 100644 src/FiraCodeNerdFont-Medium.ttf delete mode 100644 src/FiraCodeNerdFont-Retina.ttf delete mode 100644 src/FiraCodeNerdFont-SemiBold.ttf rename src/{LICENSE => LICENSE_FiraCodeNerdFont} (100%) create mode 100644 src/marty_narklos_old_2.png diff --git a/animations.css b/animations.css deleted file mode 100644 index 3079d77..0000000 --- a/animations.css +++ /dev/null @@ -1,65 +0,0 @@ -@keyframes appearheader { - 0% { - transform: translateY(-100vw); - } - 50% { - transform: translateY(-100vw); - } - 100% { - transform: translateY(0); - } -} - -@keyframes appearlinksrow { - 0% { - transform: translateX(-100vw); - - } - 50% { - transform: translateX(0); - } - 100% { - transform: translateX(0); - } -} - - -@keyframes appearcontent { - 0% { - transform: translateX(100vw); - } - 50% { - transform: translateX(0); - } - 100% { - transform: translateX(0); - } -} - - - -@keyframes disappearcontent { - 0% { - transform: translateX(0); - } - - 50% { - transform: translateX(-100vw); - } - - 100% { - transform: translateX(-100vw); - } -} - -@keyframes appearfooter { - 0% { - transform: translate(-100vw, 100vw); - } - 50% { - transform: translate(0, 100vw); - } - 100% { - transform: translate(0, 0); - } -} diff --git a/base.css b/base.css index 87d7fc3..db38f0f 100644 --- a/base.css +++ b/base.css @@ -9,8 +9,7 @@ } body { - background-color: var(--mtf-background-color); - /* background-image: var(--mtf-background-image); */ + background-color: #1e1e2e; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; diff --git a/boxes.css b/boxes.css index b2cbe58..2fe0c12 100644 --- a/boxes.css +++ b/boxes.css @@ -1,246 +1,38 @@ .box { - color: var(--mtf-font-color); + color: #cdd6f4; text-align: center; - background-color: var(--mtf-background-2-color); - border-style: solid; - border-color: var(--mtf-accent-color); + background-color: #181825df; + border-style:ridge; + border-color: #f5e0dc; border-radius: 5px; - padding: 20px; - margin: 20px; - flex-basis: 100%; - transition: background-color 0.5s ease, color 0.5s ease; + padding: 5px; + margin: 5px; height: inherit; - } -.box a { - color: var(--mtf-font-color); - text-decoration: none; - display: inline-flex; - padding: 0.5% 0.5%; - border: solid; - border-radius: 10px; - border-color: #ffffff00; - transition: background-color 0.5s ease, color 0.5s ease; +.flexbox-h { + display: flex; + flex-wrap: nowrap; + flex-direction: column; } -.links a { - text-decoration: underline var(--mtf-accent-color) 2px; +.flexbox-v { + display: flex; + flex-wrap: wrap; + flex-direction: row; } -.box a:visited { - color: var(--mtf-font-color); -} - -.box a:hover { - background-color: var(--mtf-accent-color); - color: var(--mtf-background-color); -} #header { - position: relative; - display: flex; - padding-bottom: 0px; + min-width: 300px; + flex-grow: 0; } -#linksrow { - position: relative; - padding-bottom: 0px; - +#links { + flex-grow: 3; } -.footnote { - position: relative; - margin-top: 1%; - padding-bottom: 0px; - -} - -#mainmain { - position: relative; - } - -#main { - width: 100%; - position: relative; -} - -.box-shower { - width: 100%; - height: 0px; - position: relative; - overflow: hidden; - transition: height 0.5s ease; -} - - -#lightdark { - align-self: right; - font-size: 40px; - border-color: #ffffff00; -} - -#lightdark a:hover { - background-color: #ffffff00; - color: var(--mtf-font-color); -} - -#darkmode -{ - display:none; -} - -#lightmode { - display:inline; -} - -#service_icons { - margin-left: 25%; - width: 50%; - position: relative; - align-self: right; - margin-right: 25%; -} - -a.service_icon { - color: var(--mtf-font-color); - font-size: 30px; - min-width: 30px; - min-height: 30px; - text-align: center; - text-justify: auto; - background-color: var(--mtf-background-2-color); - border-style: solid; - border-color: var(--mtf-accent-color); - border-radius: 5px; - padding: 20px; - margin: 20px; - transition: background-color 0.5s ease, color 0.5s ease; -} - -#bookmarks { - left: 0; - right: 0; - top: -200px; - margin-left: auto; - margin-right: auto; - width: 60%; - height: calc(auto + 20%); - position: absolute; - display: none; - opacity: 0; - transition: opacity 1s ease; - z-index: 10000; -} - -bookmarks_close { - left: 20px; -} - - - -@media only screen and (max-width: 860px) { - .box-wrapper { - display: block; - } - - .headersplit { - display: block; - } - - #contact_logobox { - max-width: none; - } - - .contact_logo { - min-width: 200px; - } - - .dotfiles_image { - min-width: 200px; - } - - a.bmks { - display: none; - } - - #bmks_mtf, - #bmks_scl { - display: none; - } - - #hdrbx2 { - border: none; - background: none; - } - - #hdrbx1 { - display: none; - } - - -} - -@media only screen and (min-width: 861px) { - body { - width: 89vw; - padding: 5vw; - } - .box-wrapper { - display: flex; - justify-content: space-evenly; - } - - .headersplit { - display: none; - } - - #contact_logobox { - max-width: 35%; - } - - .contact_logo { - max-height: 100%; - min-width: 200px; - } - - .dotfiles_image { - max-height: 100%; - max-width: 0.4vw; - min-width: 200px; - } - - a.bmks { - display: block; - } - - -#hdrbx1, -#hdrbx2 { - border: none; - background: none; -} - -} - - - -.search-box input { - outline: none; - width: calc(100% - 150px); - height: 30px; -} - -.search-box button { - height: 30px; -} - -.contact_logo, -.dotfiles_image { - max-width: 100%; - background-color: var(--mtf-background-2-color); - border-style: solid; - border-color: var(--mtf-accent-color); - border-radius: 5px; - margin: 10px 0px 0px 0px; - } +#content { + flex-grow: 7; + min-width: 600px; +} \ No newline at end of file diff --git a/index.html b/index.html index 4223d5d..6e0d427 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,11 @@ - - Marty.TF + marty.tf @@ -14,247 +13,44 @@ - + - -