Skip to content

Commit 363288d

Browse files
MatisseADMatisseAD
authored
Merge pull request #40 from MatisseAD/copilot/add-multilingual-docs-and-responsive-ui
2 parents 30a9cfd + e455621 commit 363288d

56 files changed

Lines changed: 20360 additions & 6 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎docs/api.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,9 @@
1414
<i class="fas fa-heart-pulse"></i>
1515
<span>ReanimateMC</span>
1616
</div>
17+
<button class="nav-toggle" aria-label="Toggle navigation">
18+
<i class="fas fa-bars"></i>
19+
</button>
1720
<div class="nav-links">
1821
<a href="index.html">Home</a>
1922
<a href="commands.html">Commands</a>

‎docs/assets/css/style.css‎

Lines changed: 142 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -500,25 +500,68 @@ body {
500500
color: #95a5a6;
501501
}
502502

503+
/* Mobile Menu Toggle */
504+
.nav-toggle {
505+
display: none;
506+
background: none;
507+
border: none;
508+
color: white;
509+
font-size: 1.5rem;
510+
cursor: pointer;
511+
padding: 0.5rem;
512+
}
513+
503514
/* Responsive Design */
504515
@media (max-width: 768px) {
505516
.nav-container {
506-
flex-direction: column;
507-
gap: 1rem;
517+
flex-wrap: wrap;
518+
padding: 1rem;
519+
}
520+
521+
.nav-toggle {
522+
display: block;
523+
order: 2;
524+
}
525+
526+
.nav-brand {
527+
order: 1;
528+
font-size: 1.2rem;
529+
}
530+
531+
.language-selector {
532+
order: 3;
508533
}
509534

510535
.nav-links {
536+
order: 4;
537+
width: 100%;
511538
flex-direction: column;
512539
gap: 0.5rem;
513540
text-align: center;
541+
max-height: 0;
542+
overflow: hidden;
543+
transition: max-height 0.3s ease-out;
544+
}
545+
546+
.nav-links.active {
547+
max-height: 500px;
548+
margin-top: 1rem;
549+
}
550+
551+
.hero {
552+
padding: 3rem 1rem;
514553
}
515554

516555
.hero-title {
517-
font-size: 2.5rem;
556+
font-size: 2rem;
518557
}
519558

520559
.hero-subtitle {
521-
font-size: 1.3rem;
560+
font-size: 1.2rem;
561+
}
562+
563+
.hero-description {
564+
font-size: 1rem;
522565
}
523566

524567
.hero-stats {
@@ -528,13 +571,108 @@ body {
528571

529572
.hero-buttons {
530573
flex-direction: column;
574+
width: 100%;
575+
}
576+
577+
.btn {
578+
width: 100%;
579+
justify-content: center;
580+
}
581+
582+
.container {
583+
padding: 1rem;
584+
}
585+
586+
.section {
587+
padding: 2rem 0;
588+
}
589+
590+
.section-title {
591+
font-size: 1.8rem;
531592
}
532593

533594
.features-grid,
534595
.quick-start-grid,
535596
.compatibility-grid,
536597
.resources-grid {
537598
grid-template-columns: 1fr;
599+
gap: 1.5rem;
600+
}
601+
602+
.feature-card,
603+
.quick-start-step,
604+
.compatibility-card,
605+
.resource-card,
606+
.gameplay-item {
607+
padding: 1.5rem;
608+
}
609+
610+
.bg-light {
611+
margin: 0 -1rem;
612+
padding: 2rem 1rem;
613+
}
614+
615+
table {
616+
font-size: 0.85rem;
617+
}
618+
619+
th, td {
620+
padding: 0.75rem 0.5rem;
621+
}
622+
623+
pre {
624+
font-size: 0.85rem;
625+
padding: 0.75rem;
626+
}
627+
628+
.footer-content {
629+
grid-template-columns: 1fr;
630+
gap: 1.5rem;
631+
}
632+
633+
.language-selector select {
634+
padding: 0.4rem 0.8rem;
635+
font-size: 0.85rem;
636+
}
637+
}
638+
639+
@media (max-width: 480px) {
640+
.hero-title {
641+
font-size: 1.5rem;
642+
}
643+
644+
.hero-subtitle {
645+
font-size: 1rem;
646+
}
647+
648+
.hero-description {
649+
font-size: 0.9rem;
650+
}
651+
652+
.section-title {
653+
font-size: 1.5rem;
654+
}
655+
656+
.stat-value {
657+
font-size: 1.1rem;
658+
}
659+
660+
.feature-icon {
661+
width: 60px;
662+
height: 60px;
663+
font-size: 1.5rem;
664+
}
665+
666+
.step-number {
667+
width: 40px;
668+
height: 40px;
669+
font-size: 1.2rem;
670+
}
671+
672+
table {
673+
display: block;
674+
overflow-x: auto;
675+
white-space: nowrap;
538676
}
539677
}
540678

‎docs/assets/js/main.js‎

Lines changed: 36 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,13 +62,47 @@ document.addEventListener('DOMContentLoaded', function() {
6262
observer.observe(section);
6363
});
6464

65-
// Mobile menu toggle (if needed in future)
65+
// Mobile menu toggle
6666
const navToggle = document.querySelector('.nav-toggle');
6767
const navLinks = document.querySelector('.nav-links');
6868

69-
if (navToggle) {
69+
if (navToggle && navLinks) {
7070
navToggle.addEventListener('click', function() {
7171
navLinks.classList.toggle('active');
72+
const icon = navToggle.querySelector('i');
73+
if (icon) {
74+
icon.classList.toggle('fa-bars');
75+
icon.classList.toggle('fa-times');
76+
}
77+
});
78+
79+
// Close menu when clicking on a link
80+
navLinks.querySelectorAll('a').forEach(link => {
81+
link.addEventListener('click', function() {
82+
if (window.innerWidth <= 768) {
83+
navLinks.classList.remove('active');
84+
const icon = navToggle.querySelector('i');
85+
if (icon) {
86+
icon.classList.add('fa-bars');
87+
icon.classList.remove('fa-times');
88+
}
89+
}
90+
});
91+
});
92+
93+
// Close menu when clicking outside
94+
document.addEventListener('click', function(event) {
95+
if (window.innerWidth <= 768) {
96+
const isClickInsideNav = navToggle.contains(event.target) || navLinks.contains(event.target);
97+
if (!isClickInsideNav && navLinks.classList.contains('active')) {
98+
navLinks.classList.remove('active');
99+
const icon = navToggle.querySelector('i');
100+
if (icon) {
101+
icon.classList.add('fa-bars');
102+
icon.classList.remove('fa-times');
103+
}
104+
}
105+
}
72106
});
73107
}
74108

‎docs/commands.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,9 @@
1414
<i class="fas fa-heart-pulse"></i>
1515
<span>ReanimateMC</span>
1616
</div>
17+
<button class="nav-toggle" aria-label="Toggle navigation">
18+
<i class="fas fa-bars"></i>
19+
</button>
1720
<div class="nav-links">
1821
<a href="index.html">Home</a>
1922
<a href="commands.html" class="active">Commands</a>

‎docs/configuration.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,9 @@
1414
<i class="fas fa-heart-pulse"></i>
1515
<span>ReanimateMC</span>
1616
</div>
17+
<button class="nav-toggle" aria-label="Toggle navigation">
18+
<i class="fas fa-bars"></i>
19+
</button>
1720
<div class="nav-links">
1821
<a href="index.html">Home</a>
1922
<a href="commands.html">Commands</a>

0 commit comments

Comments
 (0)