yacloud/gohugo-theme-ananke
1
0
Fork 0
mirror of https://github.com/theNewDynamic/gohugo-theme-ananke.git synced 2025-04-28 11:52:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: jump to recipe

Browse Source
This commit is contained in:
sixpointcube 2024-06-19 17:28:45 -04:00
parent 58116f1294
commit cea921ccc6
3 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
assets/ananke/css/custom.css Normal file
View File

@ -0,0 +1,25 @@
.jump-button {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
color: white !important;
background-color: #ff6347; /* Tomato color */
text-align: center;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s, box-shadow 0.3s;
}
.jump-button:hover {
background-color: #ff4500; /* Darker tomato color */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.jump-button:active {
background-color: #e03d0b; /* Even darker tomato color */
}
.jump-button:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(255, 99, 71, 0.5);
}

1
layouts/_default/single.html
View File

@ -48,6 +48,7 @@
{{ end }}
</header>
<div class="nested-copy-line-height lh-copy {{ $.Param "post_content_classes" | default "serif"}} f4 nested-links {{ $.Param "text_color" | default "mid-gray" }} {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl4-l" "pr4-l" }} w-two-thirds-l">
{{ partial "jump-to-recipe.html" . }}
{{- .Content -}}
{{- partial "tags.html" . -}}
<div class="mt6 instapaper_ignoref">

1
layouts/partials/jump-to-recipe.html Normal file
View File

@ -0,0 +1 @@
<a href="#ingredients" class="jump-button">Jump to recipe</a>