leilukin-site/shrines/starwarskotor/resources/kotor2-female-exile-recruit.../index.html

560 lines
24 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en" dir="ltr" id="top">
<head>
2024-10-08 18:32:41 +00:00
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:title" content="List of Star Wars: Knights of the Old Republic II Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member | Resources | Star Wars: Knights of the Old Republic Shrine">
2024-10-08 18:32:41 +00:00
<link rel="canonical" href="https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/">
<meta name="generator" content="Eleventy v3.0.0">
<meta name="author" content="Leilukin">
<meta name="description" content="Disappointed that female Jedi Exiles cannot recruit the Handmaiden as a party member? Good news! That is what these mods are for!">
2024-10-08 18:32:41 +00:00
<meta name="fediverse:creator" content="@Leilukin@dragonscave.space">
<meta property="og:site_name" content="Leilukin's Hub">
2024-10-08 18:32:41 +00:00
<meta property="og:type" content="article">
<meta property="og:description" content="Disappointed that female Jedi Exiles cannot recruit the Handmaiden as a party member? Good news! That is what these mods are for!">
2024-10-08 18:32:41 +00:00
<meta property="og:url" content="https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/">
<meta property="og:locale" content="en_MY">
<link rel="alternate" type="application/rss+xml" title="Leilukin&#39;s Hub" href="/feed.xml">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin="">
<style>
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 400;
src: url('/assets/fonts/lexend/lexend-v19-latin-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 700;
src: url('/assets/fonts/lexend/lexend-v19-latin-700.woff2') format('woff2');
}
</style>
<link rel="stylesheet" href="/assets/fonts/fonts.css">
<link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
<style>.toc__wrapper {
max-height: 89vh;
overflow-x: auto;
background-color: var(--clr-content-bg);
padding: 1rem 1.3rem;
}
.toc__heading {
font-size: 1.3rem;
font-weight: 700;
color: var(--clr-sub-heading);
}
.toc ol,
.toc ol ol {
display: grid;
gap: 0.3em;
}
.toc ol {
border-top: 0.1em solid var(--clr-title-border);
padding-left: 1.3em;
padding-top: 1em;
}
.toc ol ol {
border-top: none;
list-style-type: disc;
padding-left: 1em;
padding-top: 0.3em;
}
.toc ol a {
font-size: 1.1rem;
padding-left: 0.3em;
}
.toc ol ol a {
padding: 0;
font-size: 1rem;
}
.right-sidebar {
background-color: var(--clr-content-bg);
font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
}
.shrine__info {
padding: 1rem;
overflow: auto;
}
.shrine__info h2 {
font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem);
margin-bottom: 0.2em;
}
.shrine__info h3 {
font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
margin-top: 1em;
}
.shrine__info ul { margin-top: 0.5em; }
.breadcrumbs {
list-style-type: "";
padding: 0;
margin: 0 0 0.7em 0;
display: flex;
gap: 0.5em;
flex-wrap: wrap;
justify-content: center;
}
.breadcrumbs li::after {
content: '➔';
padding-left: 0.3em;
}
.article__info--desc { margin-bottom: 1em; }
.blog__post--pagination {
padding-top: 1em;
margin-top: 2.5em;
border-top: 0.1em solid var(--clr-title-border);
}
.blog__post--nextprev {
list-style-type: "";
padding: 0;
margin: 0;
display: grid;
gap: 0.7em;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: 'prev next';
}
.blog__post--prev { grid-area: prev; }
.blog__post--next { grid-area: next; }
:root {
--clr-body-bg: #212121;
--img-body-bg: none;
--clr-body-txt: #fceaff;
--clr-content-bg: #000000;
--clr-top-btn-bg: #FFD05A;
--clr-top-btn-txt: #000000;
--clr-main-heading: #ffae00;
--clr-sub-heading: #ffae00;
--clr-title-border: #ffe387;
--clr-bold-txt: #ff9933;
--clr-link: #bb9671;
--clr-link-hover: #94575a;
--clr-quote-bg: #2f2d2d;
--clr-quote-border: #4d4385;
--clr-code-bg: #241445;
--clr-code-border: #e4dbbe;
--clr-dates: rgb(158, 203, 255);
--clr-link-btn-bg: #873eb5;
--clr-link-btn-txt: white;
--clr-link-btn-hover: #241445;
--clr-hero-bg: black;
--clr-navbar-bg: #171717;
--clr-navbar-link: white;
--clr-main-footer-bg: #171717;
}
.hero {
width: 100%;
background-color: var(--clr-hero-bg);
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0.7em;
}
.hero__img {
display: grid;
place-content: center;
}
.hero img {
object-fit: contain;
overflow: hidden;
max-height: 16rem;
}
.navbar {
background: var(--clr-navbar-bg);
width: 100%;
z-index: 998;
position: sticky;
top: 0;
padding: 0.6em;
}
.navbar__menu {
list-style-type: "";
margin: 0;
padding: 0;
display: flex;
gap: 1em;
flex-wrap: wrap;
text-align: center;
}
.navbar__menu a {
color: var(--clr-navbar-link);
text-decoration: none;
cursor: pointer;
display: inline-block;
}
.navbar__menu a:hover { color: var(--clr-link-hover); }
.navbar__menu a:focus { outline-offset: 0.2em; }
.navbar__links {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
gap: 0.5em;
}
.navbar__toggle {
background-color: inherit;
color: var(--clr-navbar-link);
border: none;
padding: 0;
font-size: 1.25rem;
font-weight: 700;
display: none;
align-items: center;
gap: 0.3em;
}
.navbar__toggle svg { fill: currentColor; }
.navbar__toggle:focus,
.navbar__menu a:focus { outline-offset: 0.1em; }
.navbar__toggle:focus,
.navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
.navbar__popover {
background-color: var(--clr-navbar-bg);
border: 0.15em solid var(--clr-navbar-link);
padding: 1.5em;
max-width: 85%;
}
.navbar__popover::backdrop {
background-color: black;
opacity: 0.5;
}
@supports selector([popover]) {
.navbar__toggle { display: flex; }
.navbar__links { display: none; }
}
/* Tablet screen size */
@media only screen and (min-width: 43.75rem) {
.navbar { padding: 1em 0.6em; }
.navbar__toggle, .navbar__popover { display: none; }
.navbar__links { display: flex; }
}
.top-btn,
.top-btn:hover {
color: var(--clr-top-btn-txt);
text-decoration: none;
}
.top-btn {
position: fixed;
bottom: 0.5rem;
right: 0.5rem;
z-index: 999;
background-color: var(--clr-top-btn-bg);
display: flex;
align-items: center;
border-radius: 50em;
padding: 0.3em 0.5em;
gap: 0.2em;
}
.top-btn:focus {
outline: 0.25em solid var(--clr-top-btn-bg);
outline-offset: 0.15em;
}
.top-btn__arrow {
display: inline-block;
width: 1em;
aspect-ratio: 1 / 1;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
:root { --footer-gap: 0.5em; }
.footer {
margin-top: auto;
width: 100%;
background: var(--clr-main-footer-bg);
padding: 1.5rem 1rem clamp(1.5rem, calc(100% - 1.5rem), 3.5rem);
text-align: center;
display: grid;
gap: var(--footer-gap);
}
.footer__links,
.footer__shrines {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: var(--footer-gap);
}
.footer__links { justify-self: center; }
.footer__shrines { align-self: center; }</style>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<link rel="me" href="mailto:contact@leilukin.com">
<link rel="me" href="https://dragonscave.space/@Leilukin">
<link rel="me" href="https://github.com/Leilukin">
<link rel="authorization_endpoint" href="https://indieauth.com/auth">
<script src="/assets/js/6W8gpmFSkt.js" defer=""></script>
<script src="/assets/js/details-utils.js" defer=""></script>
<title>
List of Star Wars: Knights of the Old Republic II Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member | Resources | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub
</title>
</head>
<body>
<div class="skip-btn"><a href="#content">Skip to content</a></div>
<header class="hero">
<div class="hero__top-bar hidden"></div>
<div class="hero__img">
<picture>
<source srcset="/assets/shrines/starwarskotor/images/swkotor-header-320.avif" media="(orientation: landscape)">
<img src="/assets/shrines/starwarskotor/images/swkotor-header.avif" alt="anner of Star Wars: Knights of the Old Republic Shrine">
</picture>
</div>
</header>
<nav class="navbar" aria-labelledby="top-level-nav-title">
<h2 class="visually-hidden" id="top-level-nav-title">Top Level</h2>
<ul class="navbar__menu navbar__links">
<li>
<a aria-current="page" href="">Shrine Home</a>
</li>
<li>
<a href="/shrines/starwarskotor/articles/">Articles</a>
</li>
<li>
<a href="/shrines/starwarskotor/guides/">Guides</a>
</li>
<li>
<a href="/shrines/starwarskotor/resources/">Resources</a>
</li>
<li>
<a href="/shrines/starwarskotor/universes/">Universes</a>
</li>
<li><a href="/shrines/">Shrine Directory</a></li>
<li><a href="/">Main Site</a></li></ul>
<button class="navbar__toggle" popovertarget="nav-menu" aria-label="Toggle navigation menu">
<svg aria-hidden="true" focusable="false" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"></path></svg>
Navigation
</button>
</nav>
<div popover="" id="nav-menu" class="navbar__popover">
<ul class="navbar__menu">
<li>
<a aria-current="page" href="">Shrine Home</a>
</li>
<li>
<a href="/shrines/starwarskotor/articles/">Articles</a>
</li>
<li>
<a href="/shrines/starwarskotor/guides/">Guides</a>
</li>
<li>
<a href="/shrines/starwarskotor/resources/">Resources</a>
</li>
<li>
<a href="/shrines/starwarskotor/universes/">Universes</a>
</li>
<li><a href="/shrines/">Shrine Directory</a></li>
<li><a href="/">Main Site</a></li></ul>
</div>
<main id="content">
<header class="main__header">
<nav aria-labelledby="breadcrumbs-title">
<h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
<ol class="breadcrumbs">
<li>
<a href="/shrines/">Shrines</a>
</li>
<li>
<a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
</li>
<li>
<a href="/shrines/starwarskotor/resources/">Resources</a>
</li>
</ol>
</nav>
<h1>List of Star Wars: Knights of the Old Republic II Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member</h1>
<p>Disappointed that female Jedi Exiles cannot recruit the Handmaiden as a party member? Good news! That is what these mods are for!</p>
</header>
<content-wrapper>
<aside class="left-sidebar" aria-label="Left sidebar">
<details-utils force-open="(min-width: 60rem)" force-restore="">
<details class="toc__wrapper sidebar--sticky">
<summary class="toc__heading" id="toc-heading">
Table of Contents
</summary>
<nav class="toc" aria-labelledby="toc-heading"><ol><li><a href="#handmaiden-choice-for-females-by-stoffe">Handmaiden Choice for Females by Stoffe</a></li>
<li><a href="#handmaiden-4-females-disciple-4-males-by-hassat-hunter">Handmaiden 4 Females - Disciple 4 Males by Hassat Hunter</a></li>
<li><a href="#partyswap-by-darthtyren">PartySwap by DarthTyren</a></li>
<li><a href="#handmaiden-and-female-exile-disciple-and-male-exile-romance-by-leilukin">Handmaiden and Female Exile - Disciple and Male Exile Romance by Leilukin</a></li>
<li><a href="#final-note">Final Note</a></li></ol></nav>
</details>
</details-utils>
</aside>
2024-10-08 18:32:41 +00:00
<article class="content">
<p>One of the flaws of <cite>Star Wars: Knights of the Old Republic II: The Sith Lords</cite> (<cite>KotOR 2</cite>) I believe everyone, regardless of how much you like the game (or not), will agree on, is that the Handmaiden, real name Brianna, will only join your party if you play as a male Jedi Exile. The idea of a potential party member only joins you based on your player character's gender already makes little to no sense to begin with, and it does not help that Star Wars Legends, the old Star Wars Expanded Universe, established that both Brianna the Handmaiden and Mical the Disciple join the female Exile's crew.</p>
<p>However, the good news is, there are actually mods that allow female Exiles to recruit Brianna the Handmaiden as a party member. Unfortunately, despite the fact that such mods have already existed since the 2000s, there are still <cite>KotOR 2</cite> fans who do not know the existence of such mods, which is why I am making this list. Brianna is an amazing character with an interesting story, so I highly recommend you to have at least one playthrough with Brianna as your companion regardless of your Exiles gender.</p>
<p>These are the mods that allow female Exiles to recruit Brianna the Handmaiden as a party member:</p>
<div class="heading-wrapper h2">
<h2 id="handmaiden-choice-for-females-by-stoffe">Handmaiden Choice for Females by Stoffe</h2>
<a class="heading-anchor" href="#handmaiden-choice-for-females-by-stoffe" aria-labelledby="handmaiden-choice-for-females-by-stoffe"><span hidden="">#</span></a></div>
<p>Released on 23 April 2005, Stoffe's <a href="https://www.gamefront.com/files/handmaiden-choice-for-females/">Handmaiden Choice for Females</a> was the very first mod that gives female Exiles the option to recruit the Handmaiden. However, it is not compatible with <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/">The Sith Lords Restored Content Mod (TSLRCM)</a>, as it was created and released years before TSLRCM. In addition, even with this mod, Handmaiden still refers to a female Exile with “he/him” pronouns, which some people (myself included) would find very immersion-breaking</p>
<div class="heading-wrapper h2">
<h2 id="handmaiden-4-females-disciple-4-males-by-hassat-hunter">Handmaiden 4 Females - Disciple 4 Males by Hassat Hunter</h2>
<a class="heading-anchor" href="#handmaiden-4-females-disciple-4-males-by-hassat-hunter" aria-labelledby="handmaiden-4-females-disciple-4-males-by-hassat-hunter"><span hidden="">#</span></a></div>
<p>Released on 14 March 2014, Hassat Hunter made <a href="https://www.moddb.com/videogamemods/the-sith-lords-restored-content-mod-tslrcm/addons/handmaiden-4-females-disciple-4-males-183">Handmaiden 4 Females - Disciple 4 Males</a> based on Stoffe's Handmaiden Choice for Females, so the mod would be compatible with The Sith Lords Restored Content Mod (TSLRCM). However, this version retains the flaw of Handmaiden still referring to a female Exile with “he/him” pronouns. Additioally, the mod is outdated and no longer supported.</p>
<div class="heading-wrapper h2">
<h2 id="partyswap-by-darthtyren">PartySwap by DarthTyren</h2>
<a class="heading-anchor" href="#partyswap-by-darthtyren" aria-labelledby="partyswap-by-darthtyren"><span hidden="">#</span></a></div>
<p>Released on 21 May 2015, DarthTyren's <a href="https://deadlystream.com/files/file/544-partyswap/">PartySwap</a> fixes any potential gender and pronouns mix-up by adding gender checks to dialogues that references the Exiles gender.</p>
<p>This in turn, however, also prevents female Exiles from getting any dialogue that references any potential romantic feelings between the female Exile and the Handmaiden or Atris (similarly, if you play as a male Exile, you will not get any dialogue that references any potential romance between you and the Disciple). Therefore, if you also want to romance the Handmaiden as a female Exile (or romance the Disciple as a male Exile), I would recommend checking out the below mod as well.</p>
<p>(Note that tarting from 11 July 2023, I had <a href="/shrines/starwarskotor/articles/partyswap-management-takeover">taken over the development of PartySwap</a> due to DarthTyren's departure from the KotOR modding scene)</p>
<div class="heading-wrapper h2">
<h2 id="handmaiden-and-female-exile-disciple-and-male-exile-romance-by-leilukin">Handmaiden and Female Exile - Disciple and Male Exile Romance by Leilukin</h2>
<a class="heading-anchor" href="#handmaiden-and-female-exile-disciple-and-male-exile-romance-by-leilukin" aria-labelledby="handmaiden-and-female-exile-disciple-and-male-exile-romance-by-leilukin"><span hidden="">#</span></a></div>
<p>My mod, released on 2 January 2017 and can be downloaded form both <a href="https://deadlystream.com/files/file/977-handmaiden-and-female-exile-disciple-and-male-exile-romance/">Deadly Stream</a> and <a href="https://www.nexusmods.com/kotor2/videogamemods/927">Nexus Mods</a>. As the mod name suggests, this mod allows you to recruit and romance the Handmaiden as a female Exile, ditto for the Disciple as a male Exile. My mod also requires <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/">The Sith Lords Restored Content Mod (TSLRCM)</a> to work.</p>
<p>My mod fixes any potential gender/pronouns mix-up by editing dialogue and splicing audio, so users of my mod can fully enjoy the Handmaiden and the Disciple's romance content without worrying about their Exile getting misgendered.</p>
<p>The default installation option of my mod will make the Handmaiden automatically joins a female Exile, and the Disciple automatically joins a male Exile. That said, my mod also provides an installation option to make my mod compatible with DarthTyren's PartySwap mod.</p>
<div class="heading-wrapper h2">
<h2 id="final-note">Final Note</h2>
<a class="heading-anchor" href="#final-note" aria-labelledby="final-note"><span hidden="">#</span></a></div>
<p>It is very important to note when it comes to installing mods for KotOR 2, <strong>I do NOT recommend using the Steam Workshop</strong>, including the Steam Workshop version of The Sith Lords Restored Contente Mod. because frankly, the Steam Workshop is a mod compatibility nightmare for games like KotOR 2. I recommend reading this post: <a href="https://deadlystream.com/topic/7321-why-not-to-use-the-steam-workshop/">Why NOT to Use the Steam Workshop</a>.</p>
2024-10-08 18:32:41 +00:00
</article>
<aside class="right-sidebar" aria-label="Right sidebar">
<div class="shrine__info sidebar--sticky">
<h2>About</h2>
<p>Welcome to Leilukin's shrine for <cite>Star Wars: Knights of the Old Republic</cite>, a series of role-playing video games set in the <cite>Star Wars</cite> universe, taking place almost 4,000 years before the events of the Skywalker film saga.</p>
<h3>Links</h3>
<ul>
<li><a href="https://kotor.neocities.org/">KOTOR Community Portal</a></li>
</ul>
</div>
</aside>
</content-wrapper>
</main>
<footer class="footer">
<p>
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"></path></svg>
<a href="mailto:contact@leilukin.com">Contact me by email</a> (<a href="https://useplaintext.email/">plain text email</a> encouraged)
</p>
<p>Made with ♥ and the Force by Leilukin • Shrine Launched: 17 February 2023</p>
<nav class="footer__shrines" aria-labelledby="backto-title">
<p id="backto-title">Back to:</p>
<ul class="inline-nav footer__links">
<li><a href="/shrines/">Shrine Directory</a></li>
<li><a href="/">Leilukin&#39;s Hub</a></li>
</ul>
</nav><p>
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M96 64c0-17.7 14.3-32 32-32l320 0 64 0c70.7 0 128 57.3 128 128s-57.3 128-128 128l-32 0c0 53-43 96-96 96l-192 0c-53 0-96-43-96-96L96 64zM480 224l32 0c35.3 0 64-28.7 64-64s-28.7-64-64-64l-32 0 0 128zM32 416l512 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path></svg>
<a href="https://ko-fi.com/leilukin">Support me on Ko-Fi</a>
</p><div class="h-card hidden">
<span class="p-name p-nickname">Leilukin</span>
<a href="/" class="u-url">Home page</a>
<img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo" loading="lazy">
<span class="p-country-name">Malaysia</span>
<span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span>
</div><a href="#top" class="top-btn">
<svg class="top-btn__arrow" focusable="false" aria-hidden="true" viewBox="0 0 26 28">
<path d="M25.172 15.172c0 0.531-0.219 1.031-0.578 1.406l-1.172 1.172c-0.375 0.375-0.891 0.594-1.422 0.594s-1.047-0.219-1.406-0.594l-4.594-4.578v11c0 1.125-0.938 1.828-2 1.828h-2c-1.062 0-2-0.703-2-1.828v-11l-4.594 4.578c-0.359 0.375-0.875 0.594-1.406 0.594s-1.047-0.219-1.406-0.594l-1.172-1.172c-0.375-0.375-0.594-0.875-0.594-1.406s0.219-1.047 0.594-1.422l10.172-10.172c0.359-0.375 0.875-0.578 1.406-0.578s1.047 0.203 1.422 0.578l10.172 10.172c0.359 0.375 0.578 0.891 0.578 1.422z"></path>
</svg>
Back to Top
</a>
</footer>
</body>
</html>