Link "Become a member" CTAs directly to the signup form

Every body CTA (hero buttons, join-cta sections, article sidebars,
activities CTA) now points to become-a-member/#join-form so a click
lands on the form instead of the top of the page. The header menu
tab (btn-secondary) is intentionally left pointing at the page root.

93 links across 45 pages (en/mk/si). HTML-only, self-templated build
preserves the sidebar CTAs, so no rebuild/cache-bust needed.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-30 17:21:52 +02:00
1 parent e0ba30ea6a
commit 7ad3d1d247
45 files changed
+93 -93

No files matched your search

+3 -3
View File
@@ -208,7 +208,7 @@
<h1>Empowering young people with skills to change the world</h1>
<p>Be part of our exciting journey; Become a part of our student organization today!</p>
</div>
<a href="../en/become-a-member/" class="btn btn-primary-orange">Become a member</a>
<a href="../en/become-a-member/#join-form" class="btn btn-primary-orange">Become a member</a>
</div>
</section>
@@ -295,7 +295,7 @@
<span class="activity-tab-label">Student Representation</span>
</button>
</div>
<a href="../en/become-a-member/" class="btn btn-primary-orange activities-cta">Become a member</a>
<a href="../en/become-a-member/#join-form" class="btn btn-primary-orange activities-cta">Become a member</a>
</div>
<div class="activities-panels">
<div class="activity-panel active" role="tabpanel" data-panel="0">
@@ -414,7 +414,7 @@
<h2>Find your people in Slovenia</h2>
<p class="join-cta-lead">Meet people, join events, get support, create projects and become part of the Macedonian student community across Slovenia.</p>
<div class="join-cta-actions">
<a class="btn btn-primary-orange" href="../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../en/projects/">See what we do</a>
</div>
</div>
@@ -222,7 +222,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -312,7 +312,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -222,7 +222,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -288,7 +288,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
+2 -2
View File
@@ -223,7 +223,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -313,7 +313,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -225,7 +225,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -328,7 +328,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -228,7 +228,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -353,7 +353,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -227,7 +227,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -352,7 +352,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -221,7 +221,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -308,7 +308,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -225,7 +225,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -317,7 +317,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -221,7 +221,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -297,7 +297,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -224,7 +224,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -311,7 +311,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
+2 -2
View File
@@ -222,7 +222,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -284,7 +284,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -223,7 +223,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -321,7 +321,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -220,7 +220,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -288,7 +288,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>
@@ -221,7 +221,7 @@
</nav>
<div class="sidebar-cta">
<p class="sidebar-cta-title">Like what we do?</p>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/">Become a member</a>
<a class="sidebar-cta-btn" href="../../../en/become-a-member/#join-form">Become a member</a>
<p class="sidebar-cta-note">Or <a href="../../../en/support/">support MSOS</a> so we can create even more moments like this.</p>
</div>
</aside>
@@ -297,7 +297,7 @@
<h3>Like what we do?</h3>
<p>Become a member or support MSOS so we can create even more moments like this.</p>
<div class="asc-actions">
<a class="btn btn-primary-orange" href="../../../en/become-a-member/">Become a member</a>
<a class="btn btn-primary-orange" href="../../../en/become-a-member/#join-form">Become a member</a>
<a class="btn btn-secondary" href="../../../en/support/">Support MSOS</a>
</div>
</div>