Polish Become a Member hero: full-bleed gradient, button sizing + interaction, remove tag pills
- Hero gradient now spans edge to edge (full-viewport ::before band behind the centred content) and is more colourful/on-brand (warm peach to soft teal). - Both hero CTAs (Become a member / See what we do) share one size so they align. - Add hover (lift + shadow + colour shift) and active (press) states to the reusable .btn classes, so all buttons site-wide get consistent feedback; plus a focus-visible outline for keyboard users. - Remove the confusing Community/Events/Support/... tag pills (they duplicated the hero lead sentence). member.js updated + now emits main.js on the member pages so regeneration keeps the nav working. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
d35324f988
commit
51474b2da5
5 files changed
+30
-10
No files matched your search
@@ -167,7 +167,6 @@
|
||||
<a class="btn btn-primary-orange" href="#join-form">Стани член</a>
|
||||
<a class="btn btn-secondary" href="#showcase">Види што работиме</a>
|
||||
</div>
|
||||
<div class="mm-tags"><span class="mm-tag">Заедница</span><span class="mm-tag">Настани</span><span class="mm-tag">Поддршка</span><span class="mm-tag">Проекти</span><span class="mm-tag">Пријатели</span><span class="mm-tag">Можности</span></div>
|
||||
</div>
|
||||
<div class="mm-hero-collage"><div class="mm-hero-photo mm-hero-photo--1"><img src="../../images/event4-img-1.webp" alt="Запознај ја студентска Словенија 2024" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--2"><img src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--3"><img src="../../images/handball-2025-1.png" alt="Навивање за Македонија, заедничко гледање ракомет во Словенија" loading="eager"></div></div>
|
||||
</section>
|
||||
@@ -556,8 +555,8 @@
|
||||
</div>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
<script src="../../main.js"></script>
|
||||
<script src="../../member-form.js"></script>
|
||||
|
||||
<script src="../../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user