Add i18n to skiplink

.gitignore

@@ -1,3 +1,4 @@
 .hugo_build.lock
 .DS_Store
-resources/
+resources/
+todo.md

assets/style.css

@@ -146,17 +146,16 @@ h3.blog-filter {
   opacity: 0.7;
 }
 
-/*  "skip to main content"  link */
-.skiplink {
+/* "Skip to main content" link */
+.skip-link {
   position: absolute;
   top: 5;
   transform: translateY(-600%);
   transition: transform 0.5s;
-  background-color: #121212;
-  font-size: larger;
+  background-color: #1d1f27;
   padding: 6px;
 }
 
-.skiplink:focus {
+.skip-link:focus {
   transform: translateY(0%);
-}
+}

i18n/en.toml

@@ -5,4 +5,7 @@
   other = "No posts yet"
 
 [email-subject]
-  other = "Reply to "
+  other = "Reply to "
+
+[skip-link]
+  other = "Skip to main content"

i18n/pt.toml

@@ -5,4 +5,7 @@
   other = "Nenhum post ainda"
 
 [email-subject]
-  other = "Resposta a "
+  other = "Resposta a "
+
+[skip-link]
+  other = "Pular para conteúdo principal"

layouts/_default/baseof.html

@@ -36,7 +36,7 @@
   <header>
     {{- partial "header.html" . -}}
   </header>
-  <main id="maincontent">
+  <main id="main-content">
     {{- block "main" . }}{{- end }}
   </main>
   <footer>

layouts/partials/header.html

@@ -1,4 +1,4 @@
-<a class="skiplink" href="#maincontent">Skip to Main Content</a>
+<a class="skip-link" href="#main-content">{{ i18n "skip-link" }}</a>
 
 <a href="{{ relURL .Site.Home.Permalink }}" class="title"><h1>{{ .Site.Title }}</h1></a>
 <nav>{{- partial "nav.html" . -}}</nav>