Make story page header match other pages
This commit is contained in:
parent
3e8e1cedb5
commit
408bb402ad
3 changed files with 16 additions and 2 deletions
|
|
@ -1,5 +1,13 @@
|
||||||
/* Story Page Styles with Visual Boxes */
|
/* Story Page Styles with Visual Boxes */
|
||||||
|
|
||||||
|
.story-page .header {
|
||||||
|
background: transparent;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.story-page {
|
.story-page {
|
||||||
background: linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);
|
background: linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
|
@ -67,6 +75,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.story-page .content li {
|
.story-page .content li {
|
||||||
|
list-style: none;
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
padding-left: 1.5rem;
|
padding-left: 1.5rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -583,6 +583,7 @@ main {
|
||||||
/* Enhanced list styling */
|
/* Enhanced list styling */
|
||||||
.content ul li,
|
.content ul li,
|
||||||
.content ol li {
|
.content ol li {
|
||||||
|
list-style: none;
|
||||||
color: #CBD5E1;
|
color: #CBD5E1;
|
||||||
margin-bottom: 0.8rem;
|
margin-bottom: 0.8rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -3,8 +3,12 @@
|
||||||
<div class="hero-container">
|
<div class="hero-container">
|
||||||
<h1 class="hero-title">{{ .Site.Title }}</h1>
|
<h1 class="hero-title">{{ .Site.Title }}</h1>
|
||||||
<p class="hero-tagline">{{ .Site.Params.tagline }}</p>
|
<p class="hero-tagline">{{ .Site.Params.tagline }}</p>
|
||||||
<p class="hero-description">{{ .Site.Params.description }}</p>
|
<p class="hero-description">
|
||||||
<p>Start your Bitcoin journey with real-world lessons from someone who's been there.</p>
|
{{ .Site.Params.description }}
|
||||||
|
<br />
|
||||||
|
Start your Bitcoin journey with real-world lessons from someone who's been there.
|
||||||
|
</p>
|
||||||
|
|
||||||
<div class="hero-buttons">
|
<div class="hero-buttons">
|
||||||
<a href="{{ "/story/" | relURL }}" class="btn btn-primary">My Story</a>
|
<a href="{{ "/story/" | relURL }}" class="btn btn-primary">My Story</a>
|
||||||
<a href="{{ "/resources/" | relURL }}" class="btn btn-secondary">Resources</a>
|
<a href="{{ "/resources/" | relURL }}" class="btn btn-secondary">Resources</a>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue