Skip to content

Commit f7f8d2b

Browse files
JustEatTakeawayiOSJustEatTakeawayiOS
committed
Add manifesto
1 parent 39a9bbc commit f7f8d2b

4 files changed

Lines changed: 395 additions & 1 deletion

File tree

‎css/style.css‎

Lines changed: 235 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -510,6 +510,223 @@ footer {
510510
color: #000000 !important;
511511
}
512512

513+
/* Page Navigation (secondary pages) */
514+
.page-nav {
515+
position: sticky;
516+
top: 0;
517+
z-index: 100;
518+
display: flex;
519+
align-items: center;
520+
gap: 0.75rem;
521+
padding: 1rem 1.5rem;
522+
background: rgba(3, 7, 18, 0.85);
523+
backdrop-filter: var(--glass-blur);
524+
border-bottom: 1px solid var(--border-color);
525+
}
526+
527+
.page-nav .nav-logo {
528+
width: 32px;
529+
height: 32px;
530+
filter: drop-shadow(0 0 8px rgba(16, 185, 129, 0.4));
531+
}
532+
533+
.page-nav a {
534+
font-weight: 600;
535+
font-size: 1.1rem;
536+
border-bottom: none;
537+
}
538+
539+
/* Manifesto Page */
540+
.manifesto-page {
541+
max-width: 800px;
542+
margin: 0 auto;
543+
padding: 0 1.5rem;
544+
}
545+
546+
.manifesto-hero {
547+
text-align: center;
548+
padding: 6rem 0 3rem;
549+
}
550+
551+
.manifesto-hero h1 {
552+
margin-bottom: 1rem;
553+
}
554+
555+
.manifesto-hero .subtitle {
556+
font-size: 1.25rem;
557+
color: var(--text-secondary);
558+
max-width: 600px;
559+
margin: 0 auto;
560+
line-height: 1.7;
561+
}
562+
563+
/* Manifesto Prose */
564+
.manifesto-prose {
565+
margin-bottom: 4rem;
566+
}
567+
568+
.manifesto-prose h2 {
569+
margin: 3rem 0 1.5rem;
570+
display: block;
571+
}
572+
573+
.manifesto-prose p {
574+
font-size: 1.125rem;
575+
line-height: 1.8;
576+
color: var(--text-secondary);
577+
margin-bottom: 1.5rem;
578+
}
579+
580+
.manifesto-prose strong {
581+
color: var(--text-primary);
582+
}
583+
584+
.manifesto-prose em {
585+
color: var(--primary-accent);
586+
font-style: italic;
587+
}
588+
589+
.manifesto-prose blockquote {
590+
border-left: 3px solid var(--primary-accent);
591+
background: var(--surface-color-low);
592+
backdrop-filter: blur(10px);
593+
border-radius: 0 var(--border-radius) var(--border-radius) 0;
594+
padding: 1.25rem 1.5rem;
595+
margin: 2rem 0;
596+
font-size: 1.1rem;
597+
line-height: 1.7;
598+
color: var(--text-secondary);
599+
}
600+
601+
.manifesto-prose blockquote em {
602+
color: var(--primary-accent);
603+
}
604+
605+
/* Principles List */
606+
.principles-list {
607+
list-style: none;
608+
counter-reset: principle;
609+
padding: 0;
610+
margin: 2rem 0 4rem;
611+
}
612+
613+
.principle-item {
614+
counter-increment: principle;
615+
background: var(--surface-color-low);
616+
border: 1px solid var(--border-color);
617+
border-radius: var(--border-radius);
618+
padding: 1.5rem 1.5rem 1.5rem 4.5rem;
619+
margin-bottom: 1rem;
620+
position: relative;
621+
backdrop-filter: blur(10px);
622+
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
623+
}
624+
625+
.principle-item::before {
626+
content: counter(principle);
627+
position: absolute;
628+
left: 1.25rem;
629+
top: 1.5rem;
630+
font-size: 1.5rem;
631+
font-weight: 800;
632+
background: var(--primary-gradient);
633+
-webkit-background-clip: text;
634+
-webkit-text-fill-color: transparent;
635+
font-family: 'JetBrains Mono', monospace;
636+
}
637+
638+
.principle-item:hover {
639+
transform: translateX(6px);
640+
background: var(--surface-color-high);
641+
border-color: rgba(255, 255, 255, 0.2);
642+
box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.4);
643+
}
644+
645+
.principle-item h3 {
646+
margin-bottom: 0.5rem;
647+
font-size: 1.1rem;
648+
}
649+
650+
.principle-item p {
651+
margin-bottom: 0;
652+
font-size: 1rem;
653+
color: var(--text-secondary);
654+
}
655+
656+
/* Manifesto CTA */
657+
.manifesto-cta {
658+
text-align: center;
659+
padding: 3rem 0 2rem;
660+
border-top: 1px solid var(--border-color);
661+
margin-top: 2rem;
662+
}
663+
664+
.manifesto-cta h2 {
665+
margin: 0 0 1rem;
666+
display: block;
667+
}
668+
669+
.manifesto-cta p {
670+
margin-bottom: 2rem;
671+
}
672+
673+
.manifesto-cta .cta-buttons {
674+
display: flex;
675+
justify-content: center;
676+
gap: 1rem;
677+
flex-wrap: wrap;
678+
}
679+
680+
.btn-primary {
681+
display: inline-flex;
682+
align-items: center;
683+
gap: 0.5rem;
684+
padding: 0.75rem 1.5rem;
685+
background: var(--primary-accent);
686+
color: #000;
687+
font-weight: 600;
688+
border-radius: 8px;
689+
border: none;
690+
cursor: pointer;
691+
transition: all 0.2s;
692+
font-size: 1rem;
693+
border-bottom: none;
694+
}
695+
696+
.btn-primary:hover {
697+
background: #059669;
698+
color: #000;
699+
box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);
700+
transform: translateY(-2px);
701+
text-shadow: none;
702+
border-bottom: none;
703+
}
704+
705+
.btn-secondary {
706+
display: inline-flex;
707+
align-items: center;
708+
gap: 0.5rem;
709+
padding: 0.75rem 1.5rem;
710+
background: var(--surface-color-high);
711+
color: var(--text-primary);
712+
font-weight: 600;
713+
border-radius: 8px;
714+
border: 1px solid var(--border-color);
715+
cursor: pointer;
716+
transition: all 0.2s;
717+
font-size: 1rem;
718+
backdrop-filter: blur(10px);
719+
border-bottom: 1px solid var(--border-color);
720+
}
721+
722+
.btn-secondary:hover {
723+
background: rgba(255, 255, 255, 0.15);
724+
border-color: rgba(255, 255, 255, 0.3);
725+
transform: translateY(-2px);
726+
text-shadow: none;
727+
border-bottom-color: rgba(255, 255, 255, 0.3);
728+
}
729+
513730
/* Responsiveness */
514731
@media (max-width: 768px) {
515732
h1 {
@@ -534,4 +751,22 @@ footer {
534751
.grid-3 {
535752
grid-template-columns: 1fr;
536753
}
754+
755+
.manifesto-hero {
756+
padding: 4rem 0 2rem;
757+
}
758+
759+
.principle-item {
760+
padding-left: 3.5rem;
761+
}
762+
763+
.principle-item::before {
764+
font-size: 1.25rem;
765+
left: 1rem;
766+
}
767+
768+
.manifesto-cta .cta-buttons {
769+
flex-direction: column;
770+
align-items: center;
771+
}
537772
}

‎index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -368,12 +368,13 @@ <h2>System Requirements</h2>
368368
<a href="https://github.com/LucaTools/Luca" target="_blank">GitHub</a>
369369
<a href="https://luca.tools/Luca/documentation/lucacore/" target="_blank">Documentation</a>
370370
<a href="https://luca.tools/Luca/tutorials/luca" target="_blank">Tutorial</a>
371+
<a href="/manifesto.html">Manifesto</a>
371372
<a href="https://github.com/LucaTools/Luca/issues" target="_blank">Report Issues</a>
372373
<a href="http://github.com/LucaTools/Luca/blob/main/.github/CONTRIBUTING.md" target="_blank">Contribute</a>
373374
</div>
374375
<div class="badges">
375376
<img src="https://img.shields.io/badge/Swift-5.7+-orange.svg" alt="Swift 5.7+">
376-
<img src="https://img.shields.io/badge/Platforms-macOS-blue.svg" alt="Platforms: macOS">
377+
<img src="https://img.shields.io/badge/Platforms-macOS%20|%20Linux-blue.svg" alt="Platforms: macOS">
377378
<img src="https://img.shields.io/badge/License-Apache%202-green.svg" alt="License: Apache 2.0">
378379
</div>
379380
<div class="bmc-container">

0 commit comments

Comments
 (0)