delete '-file test modify about page

content/pages/about/index.md

@@ -16,9 +16,7 @@ Welcome to the demo page.
 
 **tabi** is the creation of Óscar Fernández ([welpo](https://github.com/welpo/) on GitHub), initially designed for [his personal site](https://osc.garden/). It is a feature-rich, modern theme that provides sane (and safe) defaults.
 
-
-<iframe width="560" height="315" src="https://www.youtube.com/embed/DdeXWPF8Dog?si=uohgopfroOAvDKV_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-
+{{ youtube(id="DdeXWPF8Dog") }}
 
 Looking for detailed instructions or tips on using **tabi**? The [blog](https://welpo.github.io/tabi/blog/) and [archive](https://welpo.github.io/tabi/archive/) sections feature the theme's documentation, offering a variety of articles from feature overviews to step-by-step guides.
 

themes/tabi/sass/parts/'

@@ -1,91 +0,0 @@
-footer {
-    margin-top: auto;
-    margin-block-end: 1.4rem;
-    color: var(--meta-color);
-    font-size: 0.88rem;
-    font-family: var(--post-font-family);
-    text-align: center;
-
-    .nav-links {
-        color: var(--primary-color);
-    }
-
-    p {
-        margin: 0;
-    }
-}
-
-footer section {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 0rem;
-}
-
-footer nav {
-    display: flex;
-    margin: 0 0rem;
-}
-
-.socials {
-    display: flex;
-    flex-grow: 0;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: flex-end;
-
-    svg {
-        max-height: 15px;
-    }
-
-    ul {
-        gap: 5px;
-    }
-}
-
-.social {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-image: unset;
-    padding: 0.5vmin;
-}
-
-.social > img {
-    aspect-ratio: 1/1;
-    width: 1.5rem;
-    height: auto;
-    color: #000000;
-}
-
-.social {
-    &:hover {
-        & > img {
-            filter: invert(1);
-        }
-    }
-}
-
-@mixin dark-theme-social {
-    .social {
-        &:hover {
-            & > img {
-                filter: invert(0);
-            }
-        }
-
-        & > img {
-            filter: invert(1);
-        }
-    }
-}
-
-[data-theme="dark"] {
-    @include dark-theme-social;
-}
-
-@media (prefers-color-scheme: dark) {
-    :root:not([data-theme="light"]) {
-        @include dark-theme-social;
-    }
-}