shockrah/temper-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplifying things

Browse Source
This commit is contained in:
shockrah 2023-09-21 20:54:19 -07:00
parent f5e8b873bf
commit 1cf61e3a51
3 changed files with 5 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
main-site/themes/temper/layouts/index.html
View File

@ -3,9 +3,7 @@
{{ partial "head.html" . }}
<body>
<div class="banner-container">
<div class="fade-in-image">
<img class="bg-img" src="/img/bg.png">
</div>
<img class="bg-img fade-in-image" src="/img/bg.png">
<div class="headline">
<h1 class="headline-title reveal-text">{{.Site.Title}}</h1>
<p class="one-liner reveal-text">{{.Site.Params.Description}}</p>

2
main-site/themes/temper/layouts/partials/main-buttons.html
View File

@ -1,5 +1,5 @@
{{ range .Site.Params.Launchpad }}
<button type="button" class="launchpad-button btn btn-light">
<button type="button" class="fade-in-image launchpad-button btn btn-light">
<h5 class="card-title">{{ .uri }}</h5>
<p class="card-text">{{ .description }}</p>
</button>

14
main-site/themes/temper/static/css/style.css
View File

@ -14,16 +14,15 @@ html {
.banner-container {
position: relative;
text-align: center;
max-width: 100%;
}
.bg-img {
background-image: url("/img/bg.png");
height: 100%;
background-position: center;
background-image: url("/img/bg.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-size: 100% 100%;
}
.fade-in-image {
@ -58,13 +57,6 @@ html {
100% {opacity:1;}
}
.fluid {
width: 100%;
max-height: 100vh;
object-fit: cover;
opacity: 0.6;
}
.headline {
position: absolute;
top: 10%;