Changes Abolish the Family

This commit is contained in:
Pau
2022-12-23 13:59:55 +01:00
parent 84b8acf035
commit 64e060d51a
7 changed files with 93 additions and 108 deletions

View File

@ -33,6 +33,10 @@ $hr-color: $gray;
hr {
background-color: $hr-color;
height: $hr-width;
.red {
background-color: #eb2b2b;
}
}
.nav-tabs.tabs {
@ -54,6 +58,7 @@ hr {
border-bottom-color: $hr-color;
}
}
padding: 0.8rem 0;
.is-active a {
font-weight: bold;
@ -97,6 +102,12 @@ hr {
font-family: $mono_font;
}
.is-outlined{
background: rgba(0,0,0,0);
border-color: #eb2b2b;
color: #eb2b2b;
}
#content {
font-size: 1.1rem;
strong,i,b,em {
@ -255,14 +266,15 @@ hr {
p {
font-family: $serif_font;
a {
text-decoration: underline;
}
b {
font-weight: normal;
}
}
a {
text-decoration: underline;
}
h1 {
font-family: $mono_font;
font-size: 21px;
@ -273,11 +285,6 @@ nav,footer {
//font-style: italic;
}
.centered{
//margin-left: auto; 
//margin-right: auto;
}
.cv-entry {
padding: 1rem 0;
font-family: $sans_font;
@ -336,20 +343,27 @@ footer {
/* ABOLISH THE FAMILY STYLES
============================= */
#abolish-the-family {
padding-top: 1rem;
@media (max-width: 480px) { padding-top: 2rem; }
@media (max-width: 480px) { border-top: 1px solid; }
background-color: #fff5f5;
.book-cell {
h1{
text-align: center;
color: #eb2b2b;
}
.book-cover { margin-top: 2em; }
.order-link {
text-decoration: underline;
font-size: 1.2rem;
color: #851c22;
display: inline-block;
color: #eb2b2b;
text-align: center;
//display: inline-block;
@media (max-width: 480px) { padding-top: 1em; }
}
@ -372,11 +386,18 @@ footer {
}
.testimonial-card {
font-family: $mono_font;
font-size: 16px;
text-transform: capitalize;
font-weight: bold;
border: 1px solid;
color: #eb2b2b;
padding: 1em;
margin-bottom: 2rem;
.testimonial-author {
font-style: italic;
font-weight: normal;
font-family: $serif_font;
font-size: 16px;
}
}
}
@ -402,7 +423,10 @@ footer {
p {
padding-bottom: 0;
font-weight: bold;
a{
font-weight: bold;
}
}
small { font-weight: normal;}

View File

@ -1,18 +1,23 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
<div class="columns">
<div class="column is-3-fullhd is-1-widescreen is-hidden-touch is-hidden-desktop-only"></div>
<div id="content-column" class="column is-6-widescreen is-8-desktop">
{{- partial "header.html" . -}}
{{- partial "nav.html" . -}}
{{- block "main" . }}{{- end }}
{{- partial "footer.html" . -}}
{{ $content_class := $.Page.Params.title | lower }}
{{ if eq (.Title | lower) "abolish-the-family" }}
<body id="abolish-the-family">
{{else}}
<body>
{{end}}
<div class="columns">
<div class="column is-3-fullhd is-1-widescreen is-hidden-touch is-hidden-desktop-only"></div>
<div id="content-column" class="column is-6-widescreen is-8-desktop">
{{- partial "header.html" . -}}
{{- partial "nav.html" . -}}
{{- block "main" . }}{{- end }}
{{- partial "footer.html" . -}}
</div>
<div id="octopus" class="column is-4-widescreen is-4-desktop is-hidden-touch ">
{{- block "octo" . }}{{- end }}
</div>
</div>
<div id="octopus" class="column is-4-widescreen is-4-desktop is-hidden-touch ">
{{- block "octo" . }}{{- end }}
</div>
</div>
</body>
</body>
</html>

View File

@ -1,6 +1,11 @@
<div class="hero header octopus-mobile">
<div class="hero-body">
<a class="button button-book">NEW BOOK&nbsp;<b>Abolish The Family</b></a><br />
{{ $content_class := $.Page.Params.title | lower }}
{{ if eq (.Title | lower) "abolish-the-family" }}
<a class="button is-outlined button-book" href="/writing/abolish-the-family/">NEW BOOK&nbsp;<b>Abolish The Family</b></a><br />
{{else}}
<a class="button button-book" href="/writing/abolish-the-family/">NEW BOOK&nbsp;<b>Abolish The Family</b></a><br />
{{end}}
<a href="/">
<p class="title is-size-0-1">
{{ site.Params.header.name }}

View File

@ -3,8 +3,8 @@
<ul>
<li{{ if eq $.Page.Params.Title "index" }} class="is-active"{{ end }}><a href="/">Home</a></li>
{{ range $nav_tab := site.Params.navbar }}
{{ $nav_title := replace $nav_tab "-" " " | title }}
{{ if eq $.Page.Params.title $nav_title }}
{{ $nav_title := replace $nav_tab "-" " " | title }}
{{ if eq $.Page.Params.title $nav_title }}
<li class="is-active"><a href="/{{$nav_tab}}">{{ $nav_title }}</a></li>
{{else}}
<li><a href="/{{$nav_tab}}">{{ $nav_title }}</a></li>