feat: footer with source code link
This commit is contained in:
@@ -593,6 +593,58 @@ button:hover:not(:disabled) {
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
margin-top: 8px;
|
||||||
|
padding: 14px 18px;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 14px;
|
||||||
|
background: var(--surface);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.version-pill {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 6px 10px;
|
||||||
|
border-radius: 999px;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 12px;
|
||||||
|
letter-spacing: 0.03em;
|
||||||
|
background: var(--pill);
|
||||||
|
border: 1px solid var(--pill-border);
|
||||||
|
color: var(--pill-text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-link {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
color: var(--ink);
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-link:hover {
|
||||||
|
color: var(--link);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gitea-icon {
|
||||||
|
width: 26px;
|
||||||
|
height: 26px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 640px) {
|
@media (max-width: 640px) {
|
||||||
body {
|
body {
|
||||||
padding: 18px;
|
padding: 18px;
|
||||||
|
|||||||
@@ -56,6 +56,9 @@
|
|||||||
"from": "Von",
|
"from": "Von",
|
||||||
"to": "An"
|
"to": "An"
|
||||||
},
|
},
|
||||||
|
"footer": {
|
||||||
|
"repo": "Quellcode auf Gitea"
|
||||||
|
},
|
||||||
"status": {
|
"status": {
|
||||||
"waiting": "Warten auf Verbindung…",
|
"waiting": "Warten auf Verbindung…",
|
||||||
"preparingConnect": "Verbindung wird vorbereitet…",
|
"preparingConnect": "Verbindung wird vorbereitet…",
|
||||||
|
|||||||
@@ -56,6 +56,9 @@
|
|||||||
"from": "From",
|
"from": "From",
|
||||||
"to": "To"
|
"to": "To"
|
||||||
},
|
},
|
||||||
|
"footer": {
|
||||||
|
"repo": "Source on Gitea"
|
||||||
|
},
|
||||||
"status": {
|
"status": {
|
||||||
"waiting": "Waiting to connect…",
|
"waiting": "Waiting to connect…",
|
||||||
"preparingConnect": "Preparing to connect…",
|
"preparingConnect": "Preparing to connect…",
|
||||||
|
|||||||
@@ -56,6 +56,9 @@
|
|||||||
"from": "De",
|
"from": "De",
|
||||||
"to": "Para"
|
"to": "Para"
|
||||||
},
|
},
|
||||||
|
"footer": {
|
||||||
|
"repo": "Código fuente en Gitea"
|
||||||
|
},
|
||||||
"status": {
|
"status": {
|
||||||
"waiting": "Esperando conexión…",
|
"waiting": "Esperando conexión…",
|
||||||
"preparingConnect": "Preparando conexión…",
|
"preparingConnect": "Preparando conexión…",
|
||||||
|
|||||||
@@ -56,6 +56,9 @@
|
|||||||
"from": "De",
|
"from": "De",
|
||||||
"to": "À"
|
"to": "À"
|
||||||
},
|
},
|
||||||
|
"footer": {
|
||||||
|
"repo": "Code source sur Gitea"
|
||||||
|
},
|
||||||
"status": {
|
"status": {
|
||||||
"waiting": "En attente de connexion…",
|
"waiting": "En attente de connexion…",
|
||||||
"preparingConnect": "Préparation de la connexion…",
|
"preparingConnect": "Préparation de la connexion…",
|
||||||
|
|||||||
@@ -56,6 +56,9 @@
|
|||||||
"from": "Da",
|
"from": "Da",
|
||||||
"to": "A"
|
"to": "A"
|
||||||
},
|
},
|
||||||
|
"footer": {
|
||||||
|
"repo": "Codice sorgente su Gitea"
|
||||||
|
},
|
||||||
"status": {
|
"status": {
|
||||||
"waiting": "In attesa di connessione…",
|
"waiting": "In attesa di connessione…",
|
||||||
"preparingConnect": "Preparazione della connessione…",
|
"preparingConnect": "Preparazione della connessione…",
|
||||||
|
|||||||
@@ -56,6 +56,9 @@
|
|||||||
"from": "Från",
|
"from": "Från",
|
||||||
"to": "Till"
|
"to": "Till"
|
||||||
},
|
},
|
||||||
|
"footer": {
|
||||||
|
"repo": "Källkod på Gitea"
|
||||||
|
},
|
||||||
"status": {
|
"status": {
|
||||||
"waiting": "Väntar på anslutning…",
|
"waiting": "Väntar på anslutning…",
|
||||||
"preparingConnect": "Förbereder anslutning…",
|
"preparingConnect": "Förbereder anslutning…",
|
||||||
|
|||||||
28
app/page.tsx
28
app/page.tsx
@@ -563,6 +563,34 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<footer className="footer">
|
||||||
|
<div className="footer-left">
|
||||||
|
<span className="version-pill">1</span>
|
||||||
|
</div>
|
||||||
|
<a
|
||||||
|
className="footer-link"
|
||||||
|
href="https://gitea.wittrail.com/wittrail/polynote"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"
|
||||||
|
>
|
||||||
|
<svg className="gitea-icon" viewBox="0 0 64 64" role="img" aria-hidden="true">
|
||||||
|
<path
|
||||||
|
fill="#61b872"
|
||||||
|
d="M8 14.5c0-2 1.6-3.5 3.5-3.5h32c1.9 0 3.5 1.5 3.5 3.5l-1.7 15.4C44.5 38.9 37 45 28.6 45h-8.9c-6.5 0-11.9-4.8-12.7-11.3L8 14.5Z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
fill="#4a7c59"
|
||||||
|
d="M44 18h5.6c3.7 0 6.5 3.4 5.7 7-0.8 3.6-4.1 6-7.8 6H44"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
fill="#9adf72"
|
||||||
|
d="M22.8 19.2c4 1.2 7.7 4.3 8.9 8.6-4.1-1-7.8-4.2-8.9-8.6Z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span>{t("footer.repo")}</span>
|
||||||
|
</a>
|
||||||
|
</footer>
|
||||||
</main>
|
</main>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user