diff --git a/migrations/Version20240212183141.php b/migrations/Version20240212183141.php
new file mode 100644
index 0000000..7b6157c
--- /dev/null
+++ b/migrations/Version20240212183141.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20240212183141 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Symfony 7 update, with new entities n so on.';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE TABLE footer_link (id INT GENERATED BY DEFAULT AS IDENTITY NOT NULL, url VARCHAR(255) NOT NULL, title VARCHAR(255) NOT NULL, priority SMALLINT NOT NULL, PRIMARY KEY(id))');
+        $this->addSql('CREATE TABLE link_block (id INT GENERATED BY DEFAULT AS IDENTITY NOT NULL, title VARCHAR(255) NOT NULL, description VARCHAR(255) DEFAULT NULL, PRIMARY KEY(id))');
+        $this->addSql('CREATE TABLE sub_link_block (id INT GENERATED BY DEFAULT AS IDENTITY NOT NULL, url VARCHAR(255) NOT NULL, title VARCHAR(255) NOT NULL, link_block_id INT NOT NULL, PRIMARY KEY(id))');
+        $this->addSql('CREATE INDEX IDX_6B58312447E2C5 ON sub_link_block (link_block_id)');
+        $this->addSql('ALTER TABLE sub_link_block ADD CONSTRAINT FK_6B58312447E2C5 FOREIGN KEY (link_block_id) REFERENCES link_block (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('ALTER TABLE mascot_group ALTER id ADD GENERATED BY DEFAULT AS IDENTITY');
+        $this->addSql('ALTER TABLE mascot_group ALTER directories TYPE JSON USING (directories::JSON)');
+        $this->addSql('COMMENT ON COLUMN mascot_group.directories IS \'\'');
+        $this->addSql('ALTER TABLE rss__group ALTER id ADD GENERATED BY DEFAULT AS IDENTITY');
+        $this->addSql('ALTER TABLE rss__result ADD created_at TIMESTAMP(0) WITHOUT TIME ZONE NOT NULL');
+        $this->addSql('ALTER TABLE rss__result ALTER id ADD GENERATED BY DEFAULT AS IDENTITY');
+        $this->addSql('ALTER TABLE rss__result ALTER seen_at TYPE TIMESTAMP(0) WITHOUT TIME ZONE');
+        $this->addSql('COMMENT ON COLUMN rss__result.seen_at IS \'\'');
+        $this->addSql('ALTER TABLE rss__search ALTER id ADD GENERATED BY DEFAULT AS IDENTITY');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->addSql('CREATE SCHEMA public');
+        $this->addSql('ALTER TABLE sub_link_block DROP CONSTRAINT FK_6B58312447E2C5');
+        $this->addSql('DROP TABLE footer_link');
+        $this->addSql('DROP TABLE link_block');
+        $this->addSql('DROP TABLE sub_link_block');
+        $this->addSql('ALTER TABLE mascot_group ALTER id DROP IDENTITY');
+        $this->addSql('ALTER TABLE mascot_group ALTER directories TYPE TEXT');
+        $this->addSql('COMMENT ON COLUMN mascot_group.directories IS \'(DC2Type:array)\'');
+        $this->addSql('ALTER TABLE rss__group ALTER id DROP IDENTITY');
+        $this->addSql('ALTER TABLE rss__search ALTER id DROP IDENTITY');
+        $this->addSql('ALTER TABLE rss__result DROP created_at');
+        $this->addSql('ALTER TABLE rss__result ALTER id DROP IDENTITY');
+        $this->addSql('ALTER TABLE rss__result ALTER seen_at TYPE DATE');
+        $this->addSql('COMMENT ON COLUMN rss__result.seen_at IS \'(DC2Type:date_immutable)\'');
+    }
+}
diff --git a/package-lock.json b/package-lock.json
index 968c1fc..5484222 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,8 @@
         "pinia": "^2.1.7",
         "pinia-plugin-persistedstate": "^3.2.1",
         "vue": "^3.4.15",
-        "vue-router": "^4.2.5"
+        "vue-router": "^4.2.5",
+        "vue-safe-teleport": "^0.1.2"
       },
       "devDependencies": {
         "@rushstack/eslint-patch": "^1.3.3",
@@ -4841,6 +4842,14 @@
         "vue": "^3.2.0"
       }
     },
+    "node_modules/vue-safe-teleport": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/vue-safe-teleport/-/vue-safe-teleport-0.1.2.tgz",
+      "integrity": "sha512-L6S/ALd5I7hXWi2T5HETHKCW9bku0hNx4ocIWRsk46h1IfNvjXxtLE9ECV4SDJFkcTAn3pMf9yxftBYLoZ3USQ==",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
     "node_modules/vue-template-compiler": {
       "version": "2.7.16",
       "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz",
@@ -8177,6 +8186,12 @@
         "@vue/devtools-api": "^6.5.0"
       }
     },
+    "vue-safe-teleport": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/vue-safe-teleport/-/vue-safe-teleport-0.1.2.tgz",
+      "integrity": "sha512-L6S/ALd5I7hXWi2T5HETHKCW9bku0hNx4ocIWRsk46h1IfNvjXxtLE9ECV4SDJFkcTAn3pMf9yxftBYLoZ3USQ==",
+      "requires": {}
+    },
     "vue-template-compiler": {
       "version": "2.7.16",
       "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz",
diff --git a/package.json b/package.json
index a203944..4353830 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,8 @@
     "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
     "vue": "^3.4.15",
-    "vue-router": "^4.2.5"
+    "vue-router": "^4.2.5",
+    "vue-safe-teleport": "^0.1.2"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.3.3",
diff --git a/src/Controller/Admin/DashboardController.php b/src/Controller/Admin/DashboardController.php
index ad30ca6..2f8683d 100644
--- a/src/Controller/Admin/DashboardController.php
+++ b/src/Controller/Admin/DashboardController.php
@@ -2,6 +2,8 @@
 
 namespace App\Controller\Admin;
 
+use App\Entity\FooterLink;
+use App\Entity\LinkBlock;
 use App\Entity\MascotGroup;
 use App\Entity\Rss\Group;
 use App\Entity\Rss\Result;
@@ -38,6 +40,11 @@ public function configureMenuItems(): iterable
         yield MenuItem::linkToCrud('Groups', 'fa fa-home', Group::class);
         yield MenuItem::linkToCrud('Results', 'fa fa-home', Result::class);
         yield MenuItem::linkToCrud('Searches', 'fa fa-home', Search::class);
+
+        yield MenuItem::section();
+
+        yield MenuItem::linkToCrud('Link blocks', 'fa fa-home', LinkBlock::class);
+        yield MenuItem::linkToCrud('Footer links', 'fa fa-home', FooterLink::class);
     }
 
     public function configureCrud(): Crud
diff --git a/src/Controller/Admin/FooterLinkCrudController.php b/src/Controller/Admin/FooterLinkCrudController.php
new file mode 100644
index 0000000..68b0012
--- /dev/null
+++ b/src/Controller/Admin/FooterLinkCrudController.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Controller\Admin;
+
+use App\Entity\FooterLink;
+use EasyCorp\Bundle\EasyAdminBundle\Controller\AbstractCrudController;
+use EasyCorp\Bundle\EasyAdminBundle\Field\IdField;
+use EasyCorp\Bundle\EasyAdminBundle\Field\NumberField;
+use EasyCorp\Bundle\EasyAdminBundle\Field\TextField;
+
+class FooterLinkCrudController extends AbstractCrudController
+{
+    #[\Override]
+    public static function getEntityFqcn(): string
+    {
+        return FooterLink::class;
+    }
+
+    #[\Override]
+    public function configureFields(string $pageName): iterable
+    {
+        yield IdField::new('id')
+            ->hideOnForm();
+
+        yield TextField::new('url');
+        yield TextField::new('title');
+        yield NumberField::new('priority');
+    }
+}
\ No newline at end of file
diff --git a/src/Controller/Admin/LinkBlockCrudController.php b/src/Controller/Admin/LinkBlockCrudController.php
new file mode 100644
index 0000000..f020adf
--- /dev/null
+++ b/src/Controller/Admin/LinkBlockCrudController.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Controller\Admin;
+
+use App\Entity\LinkBlock;
+use App\Form\SubLinkBlockType;
+use EasyCorp\Bundle\EasyAdminBundle\Controller\AbstractCrudController;
+use EasyCorp\Bundle\EasyAdminBundle\Field\CollectionField;
+use EasyCorp\Bundle\EasyAdminBundle\Field\IdField;
+use EasyCorp\Bundle\EasyAdminBundle\Field\TextField;
+
+class LinkBlockCrudController extends AbstractCrudController
+{
+
+    #[\Override]
+    public static function getEntityFqcn(): string
+    {
+        return LinkBlock::class;
+    }
+
+    #[\Override]
+    public function configureFields(string $pageName): iterable
+    {
+        yield IdField::new('id')
+            ->hideOnForm();
+
+        yield TextField::new('title');
+        yield TextField::new('description');
+        yield CollectionField::new('subLinkBlocks')
+            ->setEntryType(SubLinkBlockType::class)
+            ->setFormTypeOption('by_reference', false)
+            ->allowAdd()
+            ->allowDelete();
+    }
+}
\ No newline at end of file
diff --git a/src/Controller/ApiController.php b/src/Controller/ApiController.php
index 36d83be..914c7cc 100644
--- a/src/Controller/ApiController.php
+++ b/src/Controller/ApiController.php
@@ -3,6 +3,8 @@
 namespace App\Controller;
 
 use App\Entity\Rss\Result;
+use App\Repository\FooterLinkRepository;
+use App\Repository\LinkBlockRepository;
 use App\Repository\Rss\ResultRepository;
 use App\Service\MascotService;
 use App\Service\QBitTorrentService;
@@ -68,4 +70,26 @@ public function getPageTitles(
     ): JsonResponse {
         return $this->json($service->getTitles());
     }
+
+    #[Route('/footer-links', name: 'footer_links', methods: ['GET'])]
+    public function getFooterLinks(
+        FooterLinkRepository $repository
+    ): JsonResponse {
+        return $this->json($repository->findBy([], ['priority' => 'DESC']), context: [
+            AbstractNormalizer::GROUPS => [
+                'api',
+            ],
+        ]);
+    }
+
+    #[Route('/link-blocks', name: 'link_blocks', methods: ['GET'])]
+    public function getLinkBlocks(
+        LinkBlockRepository $repository
+    ): JsonResponse {
+        return $this->json($repository->findAll(), context: [
+            AbstractNormalizer::GROUPS => [
+                'api',
+            ],
+        ]);
+    }
 }
diff --git a/src/Entity/FooterLink.php b/src/Entity/FooterLink.php
new file mode 100644
index 0000000..38a2f64
--- /dev/null
+++ b/src/Entity/FooterLink.php
@@ -0,0 +1,72 @@
+<?php
+
+namespace App\Entity;
+
+use App\Repository\FooterLinkRepository;
+use Doctrine\DBAL\Types\Types;
+use Doctrine\ORM\Mapping as ORM;
+use Symfony\Component\Serializer\Attribute\Groups;
+
+#[ORM\Entity(repositoryClass: FooterLinkRepository::class)]
+class FooterLink
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column]
+    private int|null $id = null;
+
+    #[ORM\Column(length: 255)]
+    #[Groups('api')]
+    private string|null $url = null;
+
+    #[ORM\Column(length: 255)]
+    #[Groups('api')]
+    private string|null $title = null;
+
+    #[ORM\Column(type: Types::SMALLINT)]
+    private int|null $priority = null;
+
+    public function getId(): int|null
+    {
+        return $this->id;
+    }
+
+    public function getUrl(): string|null
+    {
+        return $this->url;
+    }
+
+    public function setUrl(
+        string $url
+    ): static {
+        $this->url = $url;
+
+        return $this;
+    }
+
+    public function getTitle(): string|null
+    {
+        return $this->title;
+    }
+
+    public function setTitle(
+        string $title
+    ): static {
+        $this->title = $title;
+
+        return $this;
+    }
+
+    public function getPriority(): int|null
+    {
+        return $this->priority;
+    }
+
+    public function setPriority(
+        int $priority
+    ): static {
+        $this->priority = $priority;
+
+        return $this;
+    }
+}
diff --git a/src/Entity/LinkBlock.php b/src/Entity/LinkBlock.php
new file mode 100644
index 0000000..082960c
--- /dev/null
+++ b/src/Entity/LinkBlock.php
@@ -0,0 +1,98 @@
+<?php
+
+namespace App\Entity;
+
+use App\Repository\LinkBlockRepository;
+use Doctrine\Common\Collections\ArrayCollection;
+use Doctrine\Common\Collections\Collection;
+use Doctrine\ORM\Mapping as ORM;
+use Symfony\Component\Serializer\Attribute\Groups;
+
+#[ORM\Entity(repositoryClass: LinkBlockRepository::class)]
+class LinkBlock
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column]
+    private int|null $id = null;
+
+    #[ORM\Column(length: 255)]
+    #[Groups('api')]
+    private string|null $title = null;
+
+    #[ORM\Column(length: 255, nullable: true)]
+    #[Groups('api')]
+    private string|null $description = null;
+
+    #[ORM\OneToMany(targetEntity: SubLinkBlock::class, mappedBy: 'linkBlock', cascade: ['persist', 'remove'], orphanRemoval: true)]
+    #[Groups('api')]
+    private Collection $subLinkBlocks;
+
+    public function __construct()
+    {
+        $this->subLinkBlocks = new ArrayCollection();
+    }
+
+    public function getId(): int|null
+    {
+        return $this->id;
+    }
+
+    public function getTitle(): string|null
+    {
+        return $this->title;
+    }
+
+    public function setTitle(
+        string $title
+    ): static {
+        $this->title = $title;
+
+        return $this;
+    }
+
+    public function getDescription(): string|null
+    {
+        return $this->description;
+    }
+
+    public function setDescription(
+        string|null $description
+    ): static {
+        $this->description = $description;
+
+        return $this;
+    }
+
+    /**
+     * @return Collection<int, SubLinkBlock>
+     */
+    public function getSubLinkBlocks(): Collection
+    {
+        return $this->subLinkBlocks;
+    }
+
+    public function addSubLinkBlock(
+        SubLinkBlock $subLinkBlock
+    ): static {
+        if (!$this->subLinkBlocks->contains($subLinkBlock)) {
+            $this->subLinkBlocks->add($subLinkBlock);
+            $subLinkBlock->setLinkBlock($this);
+        }
+
+        return $this;
+    }
+
+    public function removeSubLinkBlock(
+        SubLinkBlock $subLinkBlock
+    ): static {
+        if ($this->subLinkBlocks->removeElement($subLinkBlock)) {
+            // set the owning side to null (unless already changed)
+            if ($subLinkBlock->getLinkBlock() === $this) {
+                $subLinkBlock->setLinkBlock(null);
+            }
+        }
+
+        return $this;
+    }
+}
diff --git a/src/Entity/Rss/Result.php b/src/Entity/Rss/Result.php
index 36e73c6..3940a13 100644
--- a/src/Entity/Rss/Result.php
+++ b/src/Entity/Rss/Result.php
@@ -37,10 +37,15 @@ class Result
     #[Groups('api')]
     private Search|null $search;
 
-    #[ORM\Column(type: Types::DATETIME_IMMUTABLE, options: ['default' => 'NOW()'])]
+    #[ORM\Column(type: Types::DATETIME_IMMUTABLE)]
     #[Groups('api')]
     private \DateTimeImmutable|null $createdAt = null;
 
+    public function __construct()
+    {
+        $this->createdAt = new \DateTimeImmutable();
+    }
+
     public function getId(): int|null
     {
         return $this->id;
diff --git a/src/Entity/SubLinkBlock.php b/src/Entity/SubLinkBlock.php
new file mode 100644
index 0000000..4f30c09
--- /dev/null
+++ b/src/Entity/SubLinkBlock.php
@@ -0,0 +1,72 @@
+<?php
+
+namespace App\Entity;
+
+use App\Repository\SubLinkBlockRepository;
+use Doctrine\ORM\Mapping as ORM;
+use Symfony\Component\Serializer\Attribute\Groups;
+
+#[ORM\Entity(repositoryClass: SubLinkBlockRepository::class)]
+class SubLinkBlock
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column]
+    private int|null $id = null;
+
+    #[ORM\ManyToOne(inversedBy: 'subLinkBlocks')]
+    #[ORM\JoinColumn(nullable: false)]
+    private LinkBlock|null $linkBlock = null;
+
+    #[ORM\Column(length: 255)]
+    #[Groups('api')]
+    private string|null $url = null;
+
+    #[ORM\Column(length: 255)]
+    #[Groups('api')]
+    private string|null $title = null;
+
+    public function getId(): int|null
+    {
+        return $this->id;
+    }
+
+    public function getLinkBlock(): LinkBlock|null
+    {
+        return $this->linkBlock;
+    }
+
+    public function setLinkBlock(
+        LinkBlock|null $linkBlock
+    ): static {
+        $this->linkBlock = $linkBlock;
+
+        return $this;
+    }
+
+    public function getUrl(): string|null
+    {
+        return $this->url;
+    }
+
+    public function setUrl(
+        string $url
+    ): static {
+        $this->url = $url;
+
+        return $this;
+    }
+
+    public function getTitle(): string|null
+    {
+        return $this->title;
+    }
+
+    public function setTitle(
+        string $title
+    ): static {
+        $this->title = $title;
+
+        return $this;
+    }
+}
diff --git a/src/Form/SubLinkBlockType.php b/src/Form/SubLinkBlockType.php
new file mode 100644
index 0000000..962ba42
--- /dev/null
+++ b/src/Form/SubLinkBlockType.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Form;
+
+use App\Entity\SubLinkBlock;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+class SubLinkBlockType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options)
+    {
+        $builder
+            ->add('title', TextType::class, [
+                'required' => true,
+            ])
+            ->add('url', TextType::class, [
+                'required' => true
+            ]);
+    }
+
+    public function configureOptions(OptionsResolver $resolver)
+    {
+        $resolver->setDefault('data_class', SubLinkBlock::class);
+    }
+}
diff --git a/src/Repository/FooterLinkRepository.php b/src/Repository/FooterLinkRepository.php
new file mode 100644
index 0000000..6bc8e60
--- /dev/null
+++ b/src/Repository/FooterLinkRepository.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Repository;
+
+use App\Entity\FooterLink;
+use Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepository;
+use Doctrine\Persistence\ManagerRegistry;
+
+/**
+ * @extends ServiceEntityRepository<FooterLink>
+ *
+ * @method FooterLink|null find($id, $lockMode = null, $lockVersion = null)
+ * @method FooterLink|null findOneBy(array $criteria, array $orderBy = null)
+ * @method FooterLink[]    findAll()
+ * @method FooterLink[]    findBy(array $criteria, array $orderBy = null, $limit = null, $offset = null)
+ */
+class FooterLinkRepository extends ServiceEntityRepository
+{
+    public function __construct(
+        ManagerRegistry $registry
+    ) {
+        parent::__construct($registry, FooterLink::class);
+    }
+}
diff --git a/src/Repository/LinkBlockRepository.php b/src/Repository/LinkBlockRepository.php
new file mode 100644
index 0000000..2432068
--- /dev/null
+++ b/src/Repository/LinkBlockRepository.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Repository;
+
+use App\Entity\LinkBlock;
+use Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepository;
+use Doctrine\Persistence\ManagerRegistry;
+
+/**
+ * @extends ServiceEntityRepository<LinkBlock>
+ *
+ * @method LinkBlock|null find($id, $lockMode = null, $lockVersion = null)
+ * @method LinkBlock|null findOneBy(array $criteria, array $orderBy = null)
+ * @method LinkBlock[]    findAll()
+ * @method LinkBlock[]    findBy(array $criteria, array $orderBy = null, $limit = null, $offset = null)
+ */
+class LinkBlockRepository extends ServiceEntityRepository
+{
+    public function __construct(
+        ManagerRegistry $registry
+    ) {
+        parent::__construct($registry, LinkBlock::class);
+    }
+}
diff --git a/src/Repository/SubLinkBlockRepository.php b/src/Repository/SubLinkBlockRepository.php
new file mode 100644
index 0000000..5d1b7e6
--- /dev/null
+++ b/src/Repository/SubLinkBlockRepository.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Repository;
+
+use App\Entity\SubLinkBlock;
+use Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepository;
+use Doctrine\Persistence\ManagerRegistry;
+
+/**
+ * @extends ServiceEntityRepository<SubLinkBlock>
+ *
+ * @method SubLinkBlock|null find($id, $lockMode = null, $lockVersion = null)
+ * @method SubLinkBlock|null findOneBy(array $criteria, array $orderBy = null)
+ * @method SubLinkBlock[]    findAll()
+ * @method SubLinkBlock[]    findBy(array $criteria, array $orderBy = null, $limit = null, $offset = null)
+ */
+class SubLinkBlockRepository extends ServiceEntityRepository
+{
+    public function __construct(
+        ManagerRegistry $registry
+    ) {
+        parent::__construct($registry, SubLinkBlock::class);
+    }
+}
diff --git a/vue/App.vue b/vue/App.vue
index 27af286..f1bc11e 100644
--- a/vue/App.vue
+++ b/vue/App.vue
@@ -2,19 +2,37 @@
 import RssResultList from "./components/RssResultList.vue";
 import PageTitle from "./components/PageTitle.vue";
 import Mascot from "./components/Mascot.vue";
+import Footer from "./components/Footer.vue";
+import LinkBlockList from "./components/LinkBlockList.vue";
 </script>
 
 <template>
-    <div class="container-fluid flex-grow-1 main-container">
+    <div class="container-fluid d-flex flex-column main-container h-100">
         <PageTitle/>
 
-        <div class="row">
+        <div class="row flex-grow-1">
             <div class="col-12 col-md-6">
                 <RssResultList/>
+                <LinkBlockList/>
             </div>
             <div class="col-12 col-md-6 mascot-container">
                 <Mascot/>
             </div>
         </div>
     </div>
+    <Footer/>
 </template>
+
+<style>
+[data-bs-theme="dark"] {
+    --bs-body-bg: #191919;
+}
+
+body {
+    height: 100vh;
+}
+
+#app {
+    height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/vue/components/Footer.vue b/vue/components/Footer.vue
new file mode 100644
index 0000000..9cf30f2
--- /dev/null
+++ b/vue/components/Footer.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import {onMounted, ref} from "vue";
+import {useFooterStore} from "../stores/footer";
+import {TeleportTarget} from "vue-safe-teleport";
+
+let links = ref([]);
+
+onMounted(async () => {
+    const store = useFooterStore();
+    await store.fetchUpdateAsNeeded();
+    links.value = store.links;
+})
+</script>
+
+<template>
+    <footer>
+        <a v-for="(d, i) in links" :href="d.url" :key="i">
+            {{d.title}}
+        </a>
+        <TeleportTarget id="mascot-select-container" />
+    </footer>
+</template>
+
+<style scoped lang="scss">
+footer {
+    text-align: center;
+    height: 35px;
+    z-index: 1;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+
+    a {
+        display: inline-block;
+        padding-left: 0.5rem;
+        padding-right: 0.5rem;
+
+        color: var(--bs-secondary);
+        font-size: 0.8rem;
+        text-decoration: none;
+    }
+
+    #mascot-select-container {
+        display: inline-block;
+        padding-left: 0.5rem;
+        padding-right: 0.5rem;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/vue/components/HeaderBlock.vue b/vue/components/HeaderBlock.vue
index 1cfe42a..a5dcf03 100644
--- a/vue/components/HeaderBlock.vue
+++ b/vue/components/HeaderBlock.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="header-block mb-3 pb-3 px-3 border-bottom border-info-subtle">
         <header>
             <slot name="header"/>
         </header>
diff --git a/vue/components/LinkBlockList.vue b/vue/components/LinkBlockList.vue
new file mode 100644
index 0000000..fe1dd44
--- /dev/null
+++ b/vue/components/LinkBlockList.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import {onMounted, ref} from "vue";
+import {useLinkStore} from "../stores/links";
+import HeaderBlock from "./HeaderBlock.vue";
+
+const links = ref([]);
+
+onMounted(async () => {
+    const store = useLinkStore();
+    await store.fetchUpdateAsNeeded();
+    links.value = store.links;
+})
+
+</script>
+
+<template>
+    <HeaderBlock v-for="(d, i) in links" :key="i" class="link-block">
+        <template v-slot:header>
+            {{d.title}}
+
+            <small v-if="d.description != null">{{d.description}}</small>
+        </template>
+        <template v-slot:default>
+            <a v-for="(sub, j) in d.subLinkBlocks" :key="j" :href="sub.url" class="btn btn-outline-info btn-sm">
+                {{sub.title}}
+            </a>
+        </template>
+    </HeaderBlock>
+</template>
+
+<style scoped lang="scss">
+small {
+    display: block;
+    font-size: 0.7rem;
+}
+
+a {
+    padding: 0.2rem 0.4rem;
+    border-radius: 0;
+    margin: 0 0.15rem;
+
+    &:first-child {
+        margin-left: 0;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/vue/components/Mascot.vue b/vue/components/Mascot.vue
index c27dd99..073be40 100644
--- a/vue/components/Mascot.vue
+++ b/vue/components/Mascot.vue
@@ -1,18 +1,33 @@
 <script setup lang="ts">
 import {onMounted, ref} from "vue";
 import {useMascotStore} from "./../stores/mascot";
+import {SafeTeleport} from "vue-safe-teleport";
 
 let mascot = ref(null);
+let currentGroup = ref(null);
+let store = ref(null);
 
 onMounted(async () => {
-    const store = useMascotStore();
-    await store.fetchUpdateAsNeeded();
-    mascot.value = store.getCurrentMascot();
+    store.value = useMascotStore();
+    await store.value.fetchUpdateAsNeeded();
+    mascot.value = store.value.getCurrentMascot();
+    currentGroup.value = store.value.currentGroup;
 });
+
+function onChange() {
+    store.value.changeGroup(currentGroup.value);
+    mascot.value = store.value.getCurrentMascot();
+}
 </script>
 
 <template>
-    <div v-if="mascot != null">
+    <SafeTeleport to="#mascot-select-container">
+        <select class="mascot-select form-select form-select-sm" v-if="currentGroup != null" v-model="currentGroup" @change="onChange">
+            <option v-for="(d, i) in store.groups" :value="d.name" >{{d.name}}</option>
+        </select>
+    </SafeTeleport>
+
+    <div class="mascot-container" v-if="mascot != null">
         <img v-if="['png', 'jpg', 'jpeg', 'gif', 'webp'].includes(mascot.ext)" :src="mascot.url" class="mascot img-mascot" />
         <video v-else :src="mascot.url" autoplay loop class="mascot video-mascot"></video>
     </div>
@@ -22,6 +37,10 @@ onMounted(async () => {
 </template>
 
 <style scoped lang="scss">
+    .mascot-container {
+        height: 100%;
+    }
+
     .mascot {
         object-fit: contain;
         object-position: bottom right;
@@ -29,4 +48,9 @@ onMounted(async () => {
         height: 100%;
         max-height: calc(100vh - 3rem - 50px);
     }
+
+    .mascot-select {
+        width: 100px;
+        border: 0;
+    }
 </style>
\ No newline at end of file
diff --git a/vue/main.ts b/vue/main.ts
index dc1fa6f..d73f869 100644
--- a/vue/main.ts
+++ b/vue/main.ts
@@ -1,5 +1,6 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
+import VueSafeTeleport from 'vue-safe-teleport';
 import piniaPluginPersistedState from 'pinia-plugin-persistedstate';
 
 import App from './App.vue'
@@ -9,5 +10,6 @@ const pinia = createPinia();
 
 pinia.use(piniaPluginPersistedState);
 app.use(pinia);
+app.use(VueSafeTeleport);
 
 app.mount('#app');
diff --git a/vue/stores/footer.ts b/vue/stores/footer.ts
new file mode 100644
index 0000000..a84f326
--- /dev/null
+++ b/vue/stores/footer.ts
@@ -0,0 +1,23 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+import moment from "moment";
+
+export const useFooterStore = defineStore('footer', () => {
+    const links = ref([]);
+    const lastUpdate = ref(null);
+
+    async function fetchUpdateAsNeeded() {
+        if (null === lastUpdate.value || moment.utc(lastUpdate.value).add(1, 'day').isBefore(moment().utc())) {
+            lastUpdate.value = moment().utc();
+        } else {
+            return;
+        }
+
+        const response = await fetch('/api/footer-links');
+        links.value = await response.json();
+    }
+
+    return {lastUpdate, links, fetchUpdateAsNeeded};
+}, {
+    persist: true
+});
diff --git a/vue/stores/links.ts b/vue/stores/links.ts
new file mode 100644
index 0000000..63ba545
--- /dev/null
+++ b/vue/stores/links.ts
@@ -0,0 +1,23 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+import moment from "moment";
+
+export const useLinkStore = defineStore('links', () => {
+    const links = ref([]);
+    const lastUpdate = ref(null);
+
+    async function fetchUpdateAsNeeded() {
+        if (null === lastUpdate.value || moment.utc(lastUpdate.value).add(1, 'day').isBefore(moment().utc())) {
+            lastUpdate.value = moment().utc();
+        } else {
+            return;
+        }
+
+        const response = await fetch('/api/link-blocks');
+        links.value = await response.json();
+    }
+
+    return {lastUpdate, links, fetchUpdateAsNeeded};
+}, {
+    persist: true
+});
diff --git a/vue/stores/mascot.ts b/vue/stores/mascot.ts
index 8ffc11b..7bbed15 100644
--- a/vue/stores/mascot.ts
+++ b/vue/stores/mascot.ts
@@ -11,8 +11,8 @@ export const useMascotStore = defineStore('mascot', () => {
     const lastGroupUpdate = ref(null);
 
     async function fetchUpdateAsNeeded() {
-        if (null === lastGroupUpdate.value || moment(lastGroupUpdate.value).add(1, 'day').isBefore(moment())) {
-            lastGroupUpdate.value = moment();
+        if (null === lastGroupUpdate.value || moment.utc(lastGroupUpdate.value).add(1, 'day').isBefore(moment().utc())) {
+            lastGroupUpdate.value = moment().utc();
         } else {
             return;
         }
@@ -55,7 +55,12 @@ export const useMascotStore = defineStore('mascot', () => {
     }
 
     function rollIndex() {
+        if (currentGroup.value === null) {
+            return;
+        }
 
+        const group = getGroupByName(currentGroup.value);
+        currentIndex.value = Math.floor(Math.random() * group.mascots.length);
     }
 
     function getCurrentMascot() {
@@ -66,15 +71,16 @@ export const useMascotStore = defineStore('mascot', () => {
         const group = getGroupByName(currentGroup.value);
 
         if (lastIndexUpdate.value === null) {
-            lastIndexUpdate.value = moment();
-        } else if (moment(lastIndexUpdate.value).add(1, 'minute').isBefore(moment())) {
+            lastIndexUpdate.value = moment().utc();
+        } else if (moment.utc(lastIndexUpdate.value).add(1, 'minute').isBefore(moment().utc())) {
+            lastIndexUpdate.value = moment().utc();
             rollIndex();
         }
 
         return group.mascots[currentIndex.value];
     }
 
-    return {groups, currentGroup, currentIndex, lastIndexes, fetchUpdateAsNeeded, changeGroup, getCurrentMascot};
+    return {groups, currentGroup, currentIndex, lastIndexes, lastIndexUpdate,lastGroupUpdate, fetchUpdateAsNeeded, changeGroup, getCurrentMascot};
 }, {
     persist: true
 });
diff --git a/vue/stores/title.ts b/vue/stores/title.ts
index 2cbd56a..a4f102e 100644
--- a/vue/stores/title.ts
+++ b/vue/stores/title.ts
@@ -7,8 +7,8 @@ export const useTitleStore = defineStore('title', () => {
     const lastUpdate = ref(null);
 
     async function fetchUpdateAsNeeded() {
-        if (null === lastUpdate.value || moment(lastUpdate.value).add(1, 'day').isBefore(moment())) {
-            lastUpdate.value = moment();
+        if (null === lastUpdate.value || moment.utc(lastUpdate.value).add(1, 'day').isBefore(moment().utc())) {
+            lastUpdate.value = moment().utc();
         } else {
             return;
         }
@@ -21,7 +21,7 @@ export const useTitleStore = defineStore('title', () => {
         return titles.value.length ? titles.value[Math.floor(Math.random() * titles.value.length)] : '~';
     }
 
-    return {getTitle, fetchUpdateAsNeeded};
+    return {lastUpdate, titles, getTitle, fetchUpdateAsNeeded};
 }, {
     persist: true
 });