ben/dendroalsia.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

no fade in

Browse source
This commit is contained in:
Ben Varick 2025-10-30 10:17:32 -07:00
parent 60c818f826
commit 34c978086b
Signed by: ben
SSH key fingerprint: SHA256:jWnpFDAcacYM5aPFpYRqlsamlDyKNpSj3jj+k4ojtUo
10 changed files with 35 additions and 344 deletions
Download patch file Download diff file Expand all files Collapse all files

309
assets/sass/_base.sass
View file

@ -1,309 +0,0 @@
html, body
background-color: $background
html
scroll-behavior: smooth
html.modal-open
overflow: hidden
@keyframes fadeIn
from
opacity: 0
to
opacity: 1
.fade-in
opacity: 0
animation: fadeIn ease-in 1
animation-fill-mode: forwards
animation-duration: 0.2s
&.one
animation-delay: 0.1s
&.two
animation-delay: 0.21s
&.three
animation-delay: 0.25s
a
color: $primary
&:hover
color: $link-hover
font-style: none
&:active
color: $primary
h1, h2, .title, .subtitle
color: $h-color
p
color: $body-color
.title
font-weight: $title-weight
ul
padding: 0
img
border-radius: 5px
border: 1px solid $secondary
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4)
hr
background-color: $secondary
height: 1px
details
padding: .5em .5em 0
summary
margin: -.5em -.5em 0
padding: .5em
cursor: pointer
details[open]
padding: .5em
details[open] summary
margin-bottom: .5em
.container
max-width: 1000px
.noborder
border-radius: 0px
border: none
box-shadow: none
.hidden
display: none
.img-responsive
border-radius: 5px
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4)
.avatar
border: none
@include mobile
max-width: 50%
.thumbnail
border: none
.card-thumbnail
width: 100%
height: 100%
object-fit: cover
.bold-title
font-size: 6rem
line-height: 1.2
margin-bottom: 0.25em
@include mobile
font-size: 3rem
text-align: center
.top-pad
padding-top: 1rem
.bottom-pad
padding-bottom: 1rem
.strong-post-title
font-weight: $weight-bold
.post-item
display: block
list-style: none
list-style-position: outside
margin-left: 0
.post-data, .blog-share, .footer-text
font-size: 1rem
line-height: 2rem
color: $body-color
.social-icons
padding: 0 10px
a
margin: 0 5px
.icon
height: 2rem
width: 2rem
margin: 0 10px
.fab
font-size: 1.3rem
.blog-share
.icon
height: 1rem
width: 1rem
vertical-align: baseline
margin: 0 5px
.navbar
background-color: $navbar-background-color
.navbar-burger
margin-right: auto
color: $primary
.navbar-burger:hover
background-color: $navbar-background-color
.navbar-item
text-transform: uppercase
font-size: 0.875rem
color: $body-color
&:hover, &:active
background-color: $navbar-background-color !important
.owl-nav
height: 50px
.owl-next, .owl-prev
height: 30px
span
font-size: 3rem
line-height: 30px
.footer-text
font-size: 0.8em
a
color: $body-color
.fab
font-size: 0.8em
vertical-align: baseline
.tags-list
width: 70%
margin: 0 auto
text-align: center
font-size: 1.5rem
@include mobile
width: 100%
.tag-cloud
font-size: 1.5rem
margin-right: 1.5rem
@include mobile
font-size: 1.5rem
margin-right: 1rem
.card
background-color: transparent
box-shadow: none
.card-content
font-size: 1.5rem
.has-content-centered
justify-content: center
.markdown
color: $body-color !important
p
margin: 1em 0
h1
font-size: $size-1
@include mobile
font-size: $size-2
h2
font-size: $size-2
line-height: 1em
margin-top: 1em
margin-bottom: 0.5em
@include mobile
font-size: $size-3
h3
font-size: $size-3
@include mobile
font-size: $size-4
h4
font-size: $size-4
@include mobile
font-size: $size-5
h5
font-size: $size-5
h6
font-size: $size-6
a
&:hover
color: $secondary
ul
margin-bottom: 1.25rem
list-style: disc
ul ul
margin-left: 0.5em
margin-bottom: 0
li
margin-left: 1em
list-style-position: outside
padding-left: 0.25em
ol
margin-bottom: 1.25rem
ol ol
margin-left: 0.5em
list-style-type: lower-alpha
margin-bottom: 0
ol ol ol
list-style-type: lower-roman
em
font-style: italic
strong
font-weight: 700
hr
position: relative
margin: 1.75rem 0
border: 0
border-top: 1px solid $secondary
abbr
font-size: 0.8rem
font-weight: bold
color: #666666
text-transform: uppercase
abbr[title]
cursor: help
border-bottom: 1px dotted #808080
blockquote
padding: .5rem 1rem
margin: .8rem 0
color: #7a7a7a
border-left: .25rem solid #e5e5e5
blockquote p:last-child
margin-bottom: 0
table
margin: 2em 0 2em 0
width: 100%
border: 1px solid #e5e5e5
border-collapse: collapse
td, th
padding: .25rem .5rem
border: 1px solid #e5e5e5
text-align: center
background-color: #f7f7f7
tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th
background-color: darken(#f7f7f7, 10%)
tbody tr:nth-child(even) td,
tbody tr:nth-child(even) th
background-color: #f7f7f7
code, pre
border-radius: 3px
p>code, p>a>code
background-color: rgba($secondary, 0.3) !important
img
display: block
margin: 2rem auto
max-width: 100%
figure > img
margin: auto
figcaption
margin: 0.5rem auto
max-width: 500px
text-align: center
figcaption > h4
font-size: 0.8rem

2
config.toml
View file

@ -9,7 +9,7 @@ DefaultContentLanguage = "en" # Default language fo
favicon = "/img/fav.ico" # Path to favicon file favicon = "/img/fav.ico" # Path to favicon file
showMenu = true # Show navigation menu showMenu = true # Show navigation menu
showRSSButton = false # Show rss button in navigation showRSSButton = false # Show rss button in navigation
fadeIn = true # Turn on/off the fade-in effect fadeIn = false # Turn on/off the fade-in effect
fadeInIndex = false # Turn on/off the fade-in effect on the index page even if fade-in was otherwise turned off fadeInIndex = false # Turn on/off the fade-in effect on the index page even if fade-in was otherwise turned off
dateFormat = "Jan 2, 2006" dateFormat = "Jan 2, 2006"
email = "ben@dendroalsia.net" # E-mail address for contact section email = "ben@dendroalsia.net" # E-mail address for contact section

16
public/css/main.css
View file

@ -13038,13 +13038,13 @@ html.modal-open {
opacity: 0; opacity: 0;
animation: fadeIn ease-in 1; animation: fadeIn ease-in 1;
animation-fill-mode: forwards; animation-fill-mode: forwards;
animation-duration: 0.2s; } animation-duration: 1s; }
.fade-in.one { .fade-in.one {
animation-delay: 0.1s; } animation-delay: 0.7s; }
.fade-in.two { .fade-in.two {
animation-delay: 0.21s; } animation-delay: 1.4s; }
.fade-in.three { .fade-in.three {
animation-delay: 0.25s; } animation-delay: 1.8s; }
a { a {
color: #00b8d4; } color: #00b8d4; }
@ -23314,13 +23314,13 @@ readers do not read off random characters that represent icons */
opacity: 0; opacity: 0;
animation: fadeIn ease-in 1; animation: fadeIn ease-in 1;
animation-fill-mode: forwards; animation-fill-mode: forwards;
animation-duration: 0.2s; } animation-duration: 1s; }
.fade-in.one { .fade-in.one {
animation-delay: 0.1s; } animation-delay: 0.7s; }
.fade-in.two { .fade-in.two {
animation-delay: 0.21s; } animation-delay: 1.4s; }
.fade-in.three { .fade-in.three {
animation-delay: 0.25s; } animation-delay: 1.8s; }
a { a {
color: #00b8d4; } color: #00b8d4; }
a:hover { a:hover {

10
public/css/main.css.map
View file

File diff suppressed because one or more lines are too long

10
public/index.html
View file

@ -42,7 +42,7 @@ Dendroalsia
<link rel="stylesheet" href="/css/main.min.d2b2031ee13d2a625ce1ebcc918fabf5bea7253e2121b3eb8bd6dccdf854d260.css" integrity="sha256-0rIDHuE9KmJc4evMkY&#43;r9b6nJT4hIbPri9bczfhU0mA=" crossorigin="anonymous" media="screen"> <link rel="stylesheet" href="/css/main.min.842355dd2ec6a34552c5ffdca0274879393643308cc04aed4876a79219a88809.css" integrity="sha256-hCNV3S7Go0VSxf/coCdIeTk2QzCMwErtSHankhmoiAk=" crossorigin="anonymous" media="screen">
@ -65,16 +65,16 @@ Dendroalsia
<div class="hero-body"> <div class="hero-body">
<div class="container has-text-centered"> <div class="container has-text-centered">
<h1 class="bold-title fade-in one"> <h1 class="bold-title ">
Dendroalsia Dendroalsia
</h1> </h1>
<div class="subtitle is-3 fade-in two"> <div class="subtitle is-3 ">
<p>Hi, I&rsquo;m Ben</p> <p>Hi, I&rsquo;m Ben</p>
</div> </div>
<div class="fade-in three"> <div class="">
<div class="social-icons"> <div class="social-icons">
@ -103,7 +103,7 @@ Dendroalsia
</div> </div>
<div class="hero-foot fade-in three"> <div class="hero-foot ">

6
public/series/index.html
View file

@ -41,7 +41,7 @@ Series - Dendroalsia
<link rel="stylesheet" href="/css/main.min.d2b2031ee13d2a625ce1ebcc918fabf5bea7253e2121b3eb8bd6dccdf854d260.css" integrity="sha256-0rIDHuE9KmJc4evMkY&#43;r9b6nJT4hIbPri9bczfhU0mA=" crossorigin="anonymous" media="screen"> <link rel="stylesheet" href="/css/main.min.842355dd2ec6a34552c5ffdca0274879393643308cc04aed4876a79219a88809.css" integrity="sha256-hCNV3S7Go0VSxf/coCdIeTk2QzCMwErtSHankhmoiAk=" crossorigin="anonymous" media="screen">
@ -55,13 +55,13 @@ Series - Dendroalsia
<body> <body>
<section id="top" class="section"> <section id="top" class="section">
<div class="container hero fade-in one "> <div class="container hero ">
<h1 class="bold-title is-1">Series</h1> <h1 class="bold-title is-1">Series</h1>
</div> </div>
<div class="section fade-in two "> <div class="section ">
<div class="container"> <div class="container">

6
public/tags/index.html
View file

@ -41,7 +41,7 @@ Tags - Dendroalsia
<link rel="stylesheet" href="/css/main.min.d2b2031ee13d2a625ce1ebcc918fabf5bea7253e2121b3eb8bd6dccdf854d260.css" integrity="sha256-0rIDHuE9KmJc4evMkY&#43;r9b6nJT4hIbPri9bczfhU0mA=" crossorigin="anonymous" media="screen"> <link rel="stylesheet" href="/css/main.min.842355dd2ec6a34552c5ffdca0274879393643308cc04aed4876a79219a88809.css" integrity="sha256-hCNV3S7Go0VSxf/coCdIeTk2QzCMwErtSHankhmoiAk=" crossorigin="anonymous" media="screen">
@ -55,13 +55,13 @@ Tags - Dendroalsia
<body> <body>
<section id="top" class="section"> <section id="top" class="section">
<div class="container hero fade-in one "> <div class="container hero ">
<h1 class="bold-title is-1">Tags</h1> <h1 class="bold-title is-1">Tags</h1>
</div> </div>
<div class="section fade-in two "> <div class="section ">
<div class="container"> <div class="container">

2
resources/_gen/assets/sass/style.sass_cdaa30a7507ab61d2449eccd00a007f4.content
View file

File diff suppressed because one or more lines are too long

2
resources/_gen/assets/sass/style.sass_cdaa30a7507ab61d2449eccd00a007f4.json
View file

@ -1 +1 @@
{"Target":"css/main.min.d2b2031ee13d2a625ce1ebcc918fabf5bea7253e2121b3eb8bd6dccdf854d260.css","MediaType":"text/css","Data":{"Integrity":"sha256-0rIDHuE9KmJc4evMkY+r9b6nJT4hIbPri9bczfhU0mA="}} {"Target":"css/main.min.842355dd2ec6a34552c5ffdca0274879393643308cc04aed4876a79219a88809.css","MediaType":"text/css","Data":{"Integrity":"sha256-hCNV3S7Go0VSxf/coCdIeTk2QzCMwErtSHankhmoiAk="}}

16
resources/_gen/assets/sass/style.sass_e653852fe4feba18bb5b6c0cd70175ed.content
View file

@ -13038,13 +13038,13 @@ html.modal-open {
opacity: 0; opacity: 0;
animation: fadeIn ease-in 1; animation: fadeIn ease-in 1;
animation-fill-mode: forwards; animation-fill-mode: forwards;
animation-duration: 0.2s; } animation-duration: 1s; }
.fade-in.one { .fade-in.one {
animation-delay: 0.1s; } animation-delay: 0.7s; }
.fade-in.two { .fade-in.two {
animation-delay: 0.21s; } animation-delay: 1.4s; }
.fade-in.three { .fade-in.three {
animation-delay: 0.25s; } animation-delay: 1.8s; }
a { a {
color: #00b8d4; } color: #00b8d4; }
@ -23314,13 +23314,13 @@ readers do not read off random characters that represent icons */
opacity: 0; opacity: 0;
animation: fadeIn ease-in 1; animation: fadeIn ease-in 1;
animation-fill-mode: forwards; animation-fill-mode: forwards;
animation-duration: 0.2s; } animation-duration: 1s; }
.fade-in.one { .fade-in.one {
animation-delay: 0.1s; } animation-delay: 0.7s; }
.fade-in.two { .fade-in.two {
animation-delay: 0.21s; } animation-delay: 1.4s; }
.fade-in.three { .fade-in.three {
animation-delay: 0.25s; } animation-delay: 1.8s; }
a { a {
color: #00b8d4; } color: #00b8d4; }
a:hover { a:hover {