nathan/jjberthumemusic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update copy, logo, change blog link

Browse Source
This commit is contained in:
Nathan Chapman 2019-06-08 22:38:48 -07:00
parent 90aa4fe4ce
commit 474936057a
3 changed files with 74 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/berthume_logo_full.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 104 KiB

14
index.html
View File

@ -44,7 +44,7 @@
<a href="#portfolio">portfolio</a>
<a href="#contact">contact</a>
<a href="#bio">bio</a>
<a href="https://blog.jjayberthumemusic.com/">blog</a>
<a href="#" data-tooltip="Coming soon!">blog</a>
</nav>
</header>
<main>
@ -52,8 +52,8 @@
<section>
<h1>Music for Games</h1>
<p>Creating aesthetically and emotionally compelling music for video games, deeply integrated into the player experience.</p>
<p>Helping your game’s story by crafting an original sound world with memorable melodies, identifying characters, locations, and plot points.</p>
<p>Accommodating all of the musical needs of your project, whether dynamic music elements that react to the player’s actions, music synced to a narrative cutscene, or seamlessly looping background music immersing the player beyond merely sonic wallpaper.</p>
<p>Helping your game’s story by crafting an original sound world with memorable melodies identifying characters, locations, and plot points.</p>
<p>Accommodating all of the musical needs of your project, whether dynamic music components that react to the player’s actions, music synced to a narrative cutscene, or seamlessly looping background music immersing the player beyond merely sonic wallpaper.</p>
</section>
</article>
<article id="portfolio">
@ -70,7 +70,7 @@
<article id="contact">
<h1>Contact</h1>
<section>
<p>Contact me at <a href="email:contact@jjayberthumemusic.com">contact@jjayberthumemusic.com</a> for a free 30-second musical demo custom-composed to your specifications.</p>
<p>Get in touch with me at <a href="email:contact@jjayberthumemusic.com">contact@jjayberthumemusic.com</a>. I can compose a free 30-second musical demo to your specifications so you can see if I’m the right fit for your project.</p>
<p><img src="images/berthume_banner.jpg"></p>
</section>
</article>
@ -78,9 +78,9 @@
<h1>Bio</h1>
<section>
<p>I attended Furman University for a BA in music composition and a minor in jazz piano. My studies included jazz (solo, combo, and performing piano in the Furman University Large Jazz Ensemble), ethnomusicology, music technology, baroque and renaissance counterpoint, classical piano instruction, orchestration, classical and contemporary harmony, and form & analysis. I was music director of The Bell Tower Boys for two semesters, was awarded the Mattie Hip Cunningham Scholarship for the most promising rising senior, was inducted into the Phi Eta Sigma honorary music society, and was awarded Best Freshman Essay for my essay “The Morality of Music.”</p>
<p>Before attending Furman, I wrote over five hours of music which included projects such as Seven Days to Die, World War Tanks, Super Squares, Can You See the Stars, and Heir. My concert works have been performed by the Appalachian Wind Symphony, the Furman Symphony Orchestra, the Furman University Percussion Ensemble, Buncombe Street Methodist and Earle Street Baptist churches, and The Twelve Peers.</p>
<p>Based in Greenville, SC, I currently write music for video games and the concert hall, in addition to composing a musical for the Misfit Theatre Company and working on an original jazz album with percussionist Brett Ensley. I also maintain a music composition YouTube channel of 17,000 subscribers, teach privately online, and co-host a musical podcast called Keycast with Louie Taylor.</p>
<p>An avid lover of video games and anime since my early childhood, I am ensconced in the video game industry as both a consumer and creator.</p>
<p>Before attending Furman, I wrote over five hours of music which included projects such as Seven Days to Die, World War Tanks, Super Squares, Can You See the Stars, and Heir. My concert works have been performed by the Appalachian Wind Symphony, the Furman Symphony Orchestra, the Furman Percussion Ensemble, Buncombe Street Methodist and Earle Street Baptist churches, and The Twelve Peers.</p>
<p>Based in Greenville, SC, I currently write music for video games and the concert hall. I am currently composing a musical for the Misfit Theatre Company and working on an original jazz album with percussionist Brett Ensley. I also maintain a music composition YouTube channel of 17,000 subscribers, teach privately online, and co-host a musical podcast called Keycast with Louie Taylor.</p>
<p>An avid lover of video games and anime since my early childhood, I am ensconced in the video game industry as both a consumer and a creator.</p>
</section>
</article>
</main>

67
styles/index.css
View File

@ -176,6 +176,73 @@ iframe {
margin-bottom: 1em;
}
/**
* Tooltip Styles
*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
}
/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
/* Position tooltip above the element */
[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #3e3579;
background-color: hsla(143, 31, 66, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 16px;
line-height: 1.2;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/* Medium screens */