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 @@
-
+
-
-