Remove study sidebar and add account/login CTA button
This commit is contained in:
+1
-75
@@ -1178,29 +1178,6 @@
|
|||||||
padding: 1rem 0 0;
|
padding: 1rem 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.study-tracks-with-sidebar {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 380px;
|
|
||||||
gap: 4rem;
|
|
||||||
align-items: start;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-tracks-main {
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-signup-sidebar {
|
|
||||||
position: sticky;
|
|
||||||
top: 5.75rem;
|
|
||||||
background: rgba(20, 20, 18, 0.92);
|
|
||||||
border: 1px solid rgba(201, 168, 76, 0.2);
|
|
||||||
border-radius: 16px;
|
|
||||||
padding: 1.5rem;
|
|
||||||
height: fit-content;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#study-tracks {
|
#study-tracks {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
@@ -1212,48 +1189,11 @@
|
|||||||
display: block;
|
display: block;
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
padding-top: 3rem;
|
padding-top: 3rem;
|
||||||
|
padding-right: 0;
|
||||||
border-top: 1px solid rgba(201, 168, 76, 0.15);
|
border-top: 1px solid rgba(201, 168, 76, 0.15);
|
||||||
background: linear-gradient(180deg, rgba(0,0,0,0), rgba(201, 168, 76, 0.03));
|
background: linear-gradient(180deg, rgba(0,0,0,0), rgba(201, 168, 76, 0.03));
|
||||||
}
|
}
|
||||||
|
|
||||||
.study-signup-sidebar-header {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-signup-sidebar-label {
|
|
||||||
margin: 0 0 0.3rem;
|
|
||||||
color: var(--brand-gold);
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.12em;
|
|
||||||
font-size: 0.72rem;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-signup-sidebar-header h3 {
|
|
||||||
margin: 0;
|
|
||||||
font-family: var(--brand-font-heading);
|
|
||||||
font-size: 1.35rem;
|
|
||||||
color: var(--brand-warm-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-signup-sidebar-cards {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 0.8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-signup-sidebar .study-signup-why-card {
|
|
||||||
padding: 1rem;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-signup-sidebar .study-signup-why-card h4 {
|
|
||||||
margin: 0.35rem 0 0.25rem;
|
|
||||||
font-family: var(--brand-font-heading);
|
|
||||||
font-size: 0.95rem;
|
|
||||||
color: var(--brand-warm-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-module-header {
|
.study-module-header {
|
||||||
margin-bottom: 0.85rem;
|
margin-bottom: 0.85rem;
|
||||||
}
|
}
|
||||||
@@ -1586,20 +1526,6 @@
|
|||||||
padding: 0.75rem 1.8rem;
|
padding: 0.75rem 1.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.study-course-hero-actions .btn-start-here {
|
|
||||||
flex-basis: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-tracks-with-sidebar {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
gap: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-signup-sidebar {
|
|
||||||
position: static;
|
|
||||||
top: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.study-hub-flow-grid {
|
.study-hub-flow-grid {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|||||||
+1
-34
@@ -119,7 +119,7 @@ export function StudyLandingPage({ content }: Props) {
|
|||||||
<div className="study-course-hero-actions">
|
<div className="study-course-hero-actions">
|
||||||
{firstActiveStudy && <Link to={`/study/${firstActiveStudy.slug}`} className="btn-primary">Start Learning</Link>}
|
{firstActiveStudy && <Link to={`/study/${firstActiveStudy.slug}`} className="btn-primary">Start Learning</Link>}
|
||||||
<Link to="#study-tracks" className="btn-secondary">Browse Tracks</Link>
|
<Link to="#study-tracks" className="btn-secondary">Browse Tracks</Link>
|
||||||
<Link to="/study/signup" className="btn-start-here">New here? Create a free account →</Link>
|
<Link to="/study/signup" className="btn-primary">Create Account or Login</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -152,8 +152,6 @@ export function StudyLandingPage({ content }: Props) {
|
|||||||
|
|
||||||
<section id="study-tracks" className="section-study-module" aria-label="Available studies">
|
<section id="study-tracks" className="section-study-module" aria-label="Available studies">
|
||||||
<div className="section-inner">
|
<div className="section-inner">
|
||||||
<div className="study-tracks-with-sidebar">
|
|
||||||
<div className="study-tracks-main">
|
|
||||||
<div className="study-module-header">
|
<div className="study-module-header">
|
||||||
<p>Available Now</p>
|
<p>Available Now</p>
|
||||||
<h2>Current Study Tracks</h2>
|
<h2>Current Study Tracks</h2>
|
||||||
@@ -179,37 +177,6 @@ export function StudyLandingPage({ content }: Props) {
|
|||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<aside className="study-signup-sidebar">
|
|
||||||
<div className="study-signup-sidebar-header">
|
|
||||||
<p className="study-signup-sidebar-label">Free Student Account</p>
|
|
||||||
<h3>Why Sign Up?</h3>
|
|
||||||
</div>
|
|
||||||
<div className="study-signup-sidebar-cards">
|
|
||||||
<article className="study-signup-why-card">
|
|
||||||
<p className="study-signup-why-icon" aria-hidden="true">📝</p>
|
|
||||||
<h4>Personal Notes</h4>
|
|
||||||
<p>Save notes per lesson — up to 500 across all tracks.</p>
|
|
||||||
</article>
|
|
||||||
<article className="study-signup-why-card">
|
|
||||||
<p className="study-signup-why-icon" aria-hidden="true">📖</p>
|
|
||||||
<h4>Space to Go Deep</h4>
|
|
||||||
<p>~2,000 words per note. Write as much as you need.</p>
|
|
||||||
</article>
|
|
||||||
<article className="study-signup-why-card">
|
|
||||||
<p className="study-signup-why-icon" aria-hidden="true">🔒</p>
|
|
||||||
<h4>Private to You</h4>
|
|
||||||
<p>Your notes stay with your account. Nobody else sees them.</p>
|
|
||||||
</article>
|
|
||||||
<article className="study-signup-why-card">
|
|
||||||
<p className="study-signup-why-icon" aria-hidden="true">⚡</p>
|
|
||||||
<h4>Instant Sign Up</h4>
|
|
||||||
<p>No email needed. Stay signed in 30 days.</p>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
<Link to="/study/signup" className="btn-primary" style={{ width: '100%', justifyContent: 'center', marginTop: '1rem' }}>Create Account</Link>
|
|
||||||
</aside>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{plannedStudies.length > 0 && (
|
{plannedStudies.length > 0 && (
|
||||||
|
|||||||
Reference in New Issue
Block a user