jessebrault/jb-ssg-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Working on site banner.

Browse Source
This commit is contained in:
JesseBrault0709 2024-06-06 05:57:36 +02:00
parent 666e424b8b
commit a503719d2c
4 changed files with 29 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/resources/com/jessebrault/site/biography/BiographyBanner.txt
View File

@ -1,10 +1,10 @@
<div class="banner"> <div class="banner biography-banner">
<div class="headshot-container"> <div class="headshot-container">
<img src="/headshot.jpg" class="headshot" /> <img src="/portrait.jpg" class="headshot" />
</div> </div>
<div class="banner-blurb-container"> <div class="blurb-container">
<p>With a unique set of talents, skills, and experiences,</p>
<p id="jesse-brault-name">Jesse Brault</p> <p id="jesse-brault-name">Jesse Brault</p>
<p>is an American conductor, composer, and developer.</p> <p>American conductor, composer, and developer.</p>
<button type="button">Read More</button>
</div> </div>
</div> </div>

4
ssg/default.groovy
View File

@ -9,11 +9,11 @@ import static groowt.util.di.BindingUtil.toSelf
BuildScriptBase base BuildScriptBase base
build { build {
siteName 'Jesse R. Brault' siteName 'Jesse Brault'
baseUrl 'https://jessebrault.com' baseUrl 'https://jessebrault.com'
basePackage 'com.jessebrault.site' basePackage 'com.jessebrault.site'
globals { globals {
siteTagLine = 'Conductor and Composer' siteTagLine = 'Conductor, Composer, Developer'
menuItems = ['Biography', 'Compositions'] menuItems = ['Biography', 'Compositions']
compositionCategories = ['Chamber', 'Solo'] compositionCategories = ['Chamber', 'Solo']
} }

30
static/main.css
View File

@ -73,7 +73,7 @@ nav a:hover {
.banner > * { .banner > * {
width: 100%; width: 100%;
padding: 15px 50px; padding: 15px 50px 30px;
} }
main { main {
@ -86,7 +86,7 @@ main {
article { article {
font-family: 'Cormorant Garamond', serif; font-family: 'Cormorant Garamond', serif;
letter-spacing: 0.05em; letter-spacing: 0.05em;
padding: 15px 25px; padding: 50px 25px;
max-width: 700px; max-width: 700px;
text-align: justify; text-align: justify;
} }
@ -124,15 +124,29 @@ footer svg:hover {
width: 100%; width: 100%;
} }
.banner-blurb-container { .biography-banner .blurb-container {
color: var(--off-white); color: var(--off-white);
text-align: center; display: flex;
flex-direction: column;
row-gap: 36px;
} }
.banner-blurb-container p { .biography-banner .blurb-container > * {
font-size: 24px; margin: 0;
} }
.banner-blurb-container p#jesse-brault-name { .biography-banner .blurb-container p {
font-size: 48px; font-size: 36px;
}
.biography-banner .blurb-container p#jesse-brault-name {
font-size: 54px;
}
.biography-banner .blurb-container button {
border: 1px solid var(--light-gray);
width: 150px;
height: 40px;
font-family: 'Didact Gothic';
font-size: 18px;
} }

BIN
static/portrait.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 857 KiB