Skip to content

Commit dec71d3

Browse files
mekanixmekanix
committed
Unify footer
1 parent 2024ba8 commit dec71d3

4 files changed

Lines changed: 262 additions & 96 deletions

File tree

‎features.html‎

Lines changed: 46 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -952,7 +952,7 @@ <h3 class="text-xl font-semibold text-white mb-4">
952952
</section>
953953
<section class="py-16 bg-slate-900">
954954
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
955-
<div class="grid lg:grid-cols-2 gap-12 items-center">
955+
<div class="flex justify-center">
956956
<div>
957957
<h2 class="text-3xl font-bold text-white mb-6">
958958
Track Freeze and Performance
@@ -1153,41 +1153,39 @@ <h2 class="text-3xl font-bold text-white mb-4">
11531153
recovery tools.
11541154
</p>
11551155
</div>
1156-
<div class="grid md:grid-cols-2 gap-8 items-start">
1157-
<div class="space-y-6">
1158-
<div class="bg-slate-950 border border-slate-800 rounded-xl p-6">
1159-
<h3 class="text-lg font-semibold text-white mb-2">
1160-
Autosave Snapshots
1161-
</h3>
1162-
<p class="text-slate-300 text-sm">
1163-
Automatic session snapshots protect your work without
1164-
interruption.
1165-
</p>
1166-
</div>
1167-
<div class="bg-slate-950 border border-slate-800 rounded-xl p-6">
1168-
<h3 class="text-lg font-semibold text-white mb-2">
1169-
Unsaved Changes Protection
1170-
</h3>
1171-
<p class="text-slate-300 text-sm">
1172-
Smart change detection helps prevent accidental loss of work.
1173-
</p>
1174-
</div>
1175-
<div class="bg-slate-950 border border-slate-800 rounded-xl p-6">
1176-
<h3 class="text-lg font-semibold text-white mb-2">
1177-
Startup Recovery Prompts
1178-
</h3>
1179-
<p class="text-slate-300 text-sm">
1180-
Recovery options appear after unexpected closures.
1181-
</p>
1182-
</div>
1183-
<div class="bg-slate-950 border border-slate-800 rounded-xl p-6">
1184-
<h3 class="text-lg font-semibold text-white mb-2">
1185-
Fallback Snapshot Recovery
1186-
</h3>
1187-
<p class="text-slate-300 text-sm">
1188-
Multiple recovery points let you restore earlier states.
1189-
</p>
1190-
</div>
1156+
<div class="space-y-6">
1157+
<div class="bg-slate-950 border border-slate-800 rounded-xl p-6">
1158+
<h3 class="text-lg font-semibold text-white mb-2">
1159+
Autosave Snapshots
1160+
</h3>
1161+
<p class="text-slate-300 text-sm">
1162+
Automatic session snapshots protect your work without
1163+
interruption.
1164+
</p>
1165+
</div>
1166+
<div class="bg-slate-950 border border-slate-800 rounded-xl p-6">
1167+
<h3 class="text-lg font-semibold text-white mb-2">
1168+
Unsaved Changes Protection
1169+
</h3>
1170+
<p class="text-slate-300 text-sm">
1171+
Smart change detection helps prevent accidental loss of work.
1172+
</p>
1173+
</div>
1174+
<div class="bg-slate-950 border border-slate-800 rounded-xl p-6">
1175+
<h3 class="text-lg font-semibold text-white mb-2">
1176+
Startup Recovery Prompts
1177+
</h3>
1178+
<p class="text-slate-300 text-sm">
1179+
Recovery options appear after unexpected closures.
1180+
</p>
1181+
</div>
1182+
<div class="bg-slate-950 border border-slate-800 rounded-xl p-6">
1183+
<h3 class="text-lg font-semibold text-white mb-2">
1184+
Fallback Snapshot Recovery
1185+
</h3>
1186+
<p class="text-slate-300 text-sm">
1187+
Multiple recovery points let you restore earlier states.
1188+
</p>
11911189
</div>
11921190
</div>
11931191
</div>
@@ -1249,10 +1247,10 @@ <h3 class="text-lg font-semibold text-white mb-3">
12491247
</section>
12501248
<section class="py-16 bg-slate-950">
12511249
<div class="max-w-6xl mx-auto px-6">
1252-
<div class="grid lg:grid-cols-2 gap-12 items-center">
1250+
<div class="flex justify-center">
12531251
<div class="space-y-6">
1254-
<h2 class="text-3xl font-bold text-white">Platform Notes</h2>
1255-
<div class="space-y-4">
1252+
<h2 class="text-3xl font-bold text-white text-center">Platform Notes</h2>
1253+
<div class="flex justify-center space-x-4">
12561254
<div
12571255
class="p-4 bg-slate-900/50 rounded-lg border border-slate-800"
12581256
>
@@ -1301,7 +1299,7 @@ <h2 class="text-3xl font-bold text-white mb-4">Known Boundaries</h2>
13011299
active areas of improvement.
13021300
</p>
13031301
</div>
1304-
<div class="grid md:grid-cols-2 gap-8 items-start">
1302+
<div class="flex justify-center">
13051303
<div class="space-y-6">
13061304
<div
13071305
class="p-6 bg-slate-950/50 rounded-xl border border-slate-800"
@@ -1427,7 +1425,7 @@ <h2 class="text-4xl font-bold text-white mb-6">Explore Maolan</h2>
14271425
</div>
14281426
</div>
14291427
<div>
1430-
<h3 class="text-white font-semibold mb-4">Product</h3>
1428+
<h3 class="text-white font-semibold mb-4">Pages</h3>
14311429
<ul class="space-y-2">
14321430
<li>
14331431
<a
@@ -1438,82 +1436,34 @@ <h3 class="text-white font-semibold mb-4">Product</h3>
14381436
</li>
14391437
<li>
14401438
<a
1441-
href="/download"
1442-
class="text-slate-400 hover:text-white transition-colors"
1443-
>Download</a
1444-
>
1445-
</li>
1446-
<li>
1447-
<a
1448-
href="/docs"
1449-
class="text-slate-400 hover:text-white transition-colors"
1450-
>Documentation</a
1451-
>
1452-
</li>
1453-
<li>
1454-
<a
1455-
href="/roadmap"
1456-
class="text-slate-400 hover:text-white transition-colors"
1457-
>Roadmap</a
1458-
>
1459-
</li>
1460-
</ul>
1461-
</div>
1462-
<div>
1463-
<h3 class="text-white font-semibold mb-4">Community</h3>
1464-
<ul class="space-y-2">
1465-
<li>
1466-
<a
1467-
href="/community"
1468-
class="text-slate-400 hover:text-white transition-colors"
1469-
>Community</a
1470-
>
1471-
</li>
1472-
<li>
1473-
<a
1474-
href="/contribute"
1439+
href="/workflow.html"
14751440
class="text-slate-400 hover:text-white transition-colors"
1476-
>Contribute</a
1441+
>Workflow</a
14771442
>
14781443
</li>
14791444
<li>
14801445
<a
1481-
href="/support"
1446+
href="/shortcuts.html"
14821447
class="text-slate-400 hover:text-white transition-colors"
1483-
>Support</a
1448+
>Shortcuts</a
14841449
>
14851450
</li>
14861451
<li>
14871452
<a
1488-
href="/blog"
1453+
href="/#faq"
14891454
class="text-slate-400 hover:text-white transition-colors"
1490-
>Blog</a
1455+
>FAQ</a
14911456
>
14921457
</li>
14931458
</ul>
14941459
</div>
14951460
</div>
14961461
<div
1497-
class="border-t border-slate-800 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center"
1462+
class="border-t border-slate-800 mt-8 pt-8 flex flex-col md:flex-row justify-center items-center"
14981463
>
14991464
<p class="text-slate-400 text-sm">
15001465
© 2026 Maolan. Open source under BSD-2-Clause License.
15011466
</p>
1502-
<div class="flex space-x-6 mt-4 md:mt-0">
1503-
<a
1504-
href="/privacy"
1505-
class="text-slate-400 hover:text-white text-sm transition-colors"
1506-
>Privacy</a
1507-
><a
1508-
href="/terms"
1509-
class="text-slate-400 hover:text-white text-sm transition-colors"
1510-
>Terms</a
1511-
><a
1512-
href="/license"
1513-
class="text-slate-400 hover:text-white text-sm transition-colors"
1514-
>License</a
1515-
>
1516-
</div>
15171467
</div>
15181468
</div>
15191469
</footer>

‎index.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -867,5 +867,77 @@ <h2 class="text-4xl font-bold mb-12 text-center">
867867
</div>
868868
</div>
869869
</section>
870+
<footer class="bg-slate-900 border-t border-slate-800 mt-16">
871+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
872+
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
873+
<div class="col-span-1 md:col-span-2">
874+
<div class="flex items-center space-x-2 mb-4">
875+
<div
876+
class="w-8 h-8 bg-accent-cyan rounded-lg flex items-center justify-center"
877+
></div>
878+
<span class="text-xl font-bold text-white">Maolan</span>
879+
</div>
880+
<p class="text-slate-400 mb-4 max-w-md">
881+
A modern open-source digital audio workstation built with Rust for
882+
flexible music production and transparent development.
883+
</p>
884+
<div class="flex space-x-4">
885+
<a
886+
href="https://github.com/maolan/maolan"
887+
class="text-slate-400 hover:text-accent-cyan transition-colors"
888+
></a
889+
><a
890+
href="#"
891+
class="text-slate-400 hover:text-accent-cyan transition-colors"
892+
></a
893+
><a
894+
href="#"
895+
class="text-slate-400 hover:text-accent-cyan transition-colors"
896+
></a>
897+
</div>
898+
</div>
899+
<div>
900+
<h3 class="text-white font-semibold mb-4">Pages</h3>
901+
<ul class="space-y-2">
902+
<li>
903+
<a
904+
href="/features.html"
905+
class="text-slate-400 hover:text-white transition-colors"
906+
>Features</a
907+
>
908+
</li>
909+
<li>
910+
<a
911+
href="/workflow.html"
912+
class="text-slate-400 hover:text-white transition-colors"
913+
>Workflow</a
914+
>
915+
</li>
916+
<li>
917+
<a
918+
href="/shortcuts.html"
919+
class="text-slate-400 hover:text-white transition-colors"
920+
>Shortcuts</a
921+
>
922+
</li>
923+
<li>
924+
<a
925+
href="/#faq"
926+
class="text-slate-400 hover:text-white transition-colors"
927+
>FAQ</a
928+
>
929+
</li>
930+
</ul>
931+
</div>
932+
</div>
933+
<div
934+
class="border-t border-slate-800 mt-8 pt-8 flex flex-col md:flex-row justify-center items-center"
935+
>
936+
<p class="text-slate-400 text-sm">
937+
© 2026 Maolan. Open source under BSD-2-Clause License.
938+
</p>
939+
</div>
940+
</div>
941+
</footer>
870942
</body>
871943
</html>

‎shortcuts.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -660,5 +660,77 @@ <h2 class="mb-4 text-3xl font-bold text-white">Notes</h2>
660660
</div>
661661
</section>
662662
</main>
663+
<footer class="bg-slate-900 border-t border-slate-800 mt-16">
664+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
665+
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
666+
<div class="col-span-1 md:col-span-2">
667+
<div class="flex items-center space-x-2 mb-4">
668+
<div
669+
class="w-8 h-8 bg-accent-cyan rounded-lg flex items-center justify-center"
670+
></div>
671+
<span class="text-xl font-bold text-white">Maolan</span>
672+
</div>
673+
<p class="text-slate-400 mb-4 max-w-md">
674+
A modern open-source digital audio workstation built with Rust for
675+
flexible music production and transparent development.
676+
</p>
677+
<div class="flex space-x-4">
678+
<a
679+
href="https://github.com/maolan/maolan"
680+
class="text-slate-400 hover:text-accent-cyan transition-colors"
681+
></a
682+
><a
683+
href="#"
684+
class="text-slate-400 hover:text-accent-cyan transition-colors"
685+
></a
686+
><a
687+
href="#"
688+
class="text-slate-400 hover:text-accent-cyan transition-colors"
689+
></a>
690+
</div>
691+
</div>
692+
<div>
693+
<h3 class="text-white font-semibold mb-4">Pages</h3>
694+
<ul class="space-y-2">
695+
<li>
696+
<a
697+
href="/features.html"
698+
class="text-slate-400 hover:text-white transition-colors"
699+
>Features</a
700+
>
701+
</li>
702+
<li>
703+
<a
704+
href="/workflow.html"
705+
class="text-slate-400 hover:text-white transition-colors"
706+
>Workflow</a
707+
>
708+
</li>
709+
<li>
710+
<a
711+
href="/shortcuts.html"
712+
class="text-slate-400 hover:text-white transition-colors"
713+
>Shortcuts</a
714+
>
715+
</li>
716+
<li>
717+
<a
718+
href="/#faq"
719+
class="text-slate-400 hover:text-white transition-colors"
720+
>FAQ</a
721+
>
722+
</li>
723+
</ul>
724+
</div>
725+
</div>
726+
<div
727+
class="border-t border-slate-800 mt-8 pt-8 flex flex-col md:flex-row justify-center items-center"
728+
>
729+
<p class="text-slate-400 text-sm">
730+
© 2026 Maolan. Open source under BSD-2-Clause License.
731+
</p>
732+
</div>
733+
</div>
734+
</footer>
663735
</body>
664736
</html>

0 commit comments

Comments
 (0)