Update.

Browse Source
This commit is contained in:
retoor 2025-06-07 08:31:23 +02:00
parent bb9d763416
commit b65ec449a0
1 changed files with 64 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/snek/templates/about.html
View File

@ -57,20 +57,78 @@
.section ul { .section ul {
list-style: disc inside; list-style: disc inside;
} }
footer { .topnav {
text-align: center; width: 100%;
font-size: .9rem; background: #181818;
padding: 2rem 0; box-shadow: 0 2px 8px rgba(0,0,0,0.28);
color: #888; padding: 0.6rem 0;
margin-bottom: 2rem;
}
.topnav .container {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0;
}
.topnav a {
color: #7ef;
font-weight: 600;
font-size: 1.05rem;
padding: 0.5rem 1rem;
border-radius: 4px;
margin-right: 0.35rem;
transition: background 0.14s;
text-decoration: none;
display: inline-block;
}
.topnav a:hover, .topnav a.active {
background: #222b;
text-decoration: underline;
}
.topnav .home-link {
display: flex;
align-items: center;
gap: 0.4em;
font-size: 1.1rem;
font-weight: bold;
letter-spacing: 0.02em;
}
.topnav .home-link img {
width: 28px;
height: 28px;
margin: 0 0.1em 0 0;
vertical-align: middle;
border-radius: 5px;
background: #222;
} }
@media (max-width: 480px) { @media (max-width: 480px) {
.about-hero h1 { font-size: 2rem; } .about-hero h1 { font-size: 2rem; }
.about-hero img { width: 48px; height: 48px; } .about-hero img { width: 48px; height: 48px; }
.section { padding: 1rem; } .section { padding: 1rem; }
.topnav .container {
flex-direction: column;
align-items: flex-start;
}
.topnav a {
padding: 0.5rem 0.7rem;
font-size: 1rem;
margin-bottom: 0.15rem;
}
.topnav .home-link img {
width: 22px; height: 22px;
}
} }
</style> </style>
</head> </head>
<body> <body>
<nav class="topnav">
<div class="container">
<a class="home-link" href="/">
<img src="/image/snek_logo_256x256.png" alt="Snek Home Logo" />
Snek Community
</a>
</div>
</nav>
<header class="container about-hero"> <header class="container about-hero">
<img src="/image/snek_logo_256x256.png" alt="Snek Logo" /> <img src="/image/snek_logo_256x256.png" alt="Snek Logo" />
<h1>About Snek</h1> <h1>About Snek</h1>
@ -134,7 +192,7 @@
</section> </section>
</main> </main>
<footer> <footer>
<p>&copy; 2025 Snek – Precision Engineering for the Web. Serious software for serious people.</p> <p>&copy; 2025 Snek – Precision Engineering for the Web. Serious software for serious people. &mdash; <a href="/">Back to Home</a></p>
</footer> </footer>
</body> </body>
</html> </html>