Skip to content

Christmas 2011 interface updates; remove 2012 dir #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
bkirkby merged 1 commit into from
Jul 5, 2026
Merged

Christmas 2011 interface updates; remove 2012 dir #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 1 addition & 6 deletions kirkbychristmas/2011/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,9 +38,7 @@
};

$(window).load( function(){
$('#loadingimg').fadeOut(200);
$('#bb').fadeIn(500);
if( typeof au1.autoplay !== 'undefined'){
if( typeof au1.autoplay !== 'undefined'){
$('#playimg').fadeIn(500);
}
});
Expand Down Expand Up @@ -435,15 +433,12 @@
<img width="150" height="150" src="imgs/1/front.png" id="bkimg" class="rounded" />
<img width="150" height="150" src="imgs/7/front.png" id="jnkimg" class="rounded" />
</div>
<img width="150" height="150" src="imgs/loading.gif" id="loadingimg"/>

<div id="descriptionText">
<div id="allText">
<div id="textHeading"><p id="header">Welcome!</p></div>
<div id="textText">
<p>This has been quite a year for the Kirkby's with a big move to fabulous Las Vegas! As with any big changes in life, there are new things to love and things left behind that are missed. Everyone is finding their own ways to make the adjustments and thrive here in the city of Saints and Sin.</p>
<p>Click on anyone's picture to find out more about what they've been up to.</p>
<p>If you have the right kind of browser, you can click on the play button to have us sing (well, lip-sync) you a Christmas song. If it doesn't work, then you don't have the right kind of browser :D (try <a href="https://www.google.com/chrome">Chrome</a> or <a href="http://www.getfirefox.com">Firefox</a>)</p>
<p>At the risk of being cliché, we would like to sincerely wish you all a Merry Christmas and very Happy New Year!</p>
</div>
</div>
Expand Down
39 changes: 20 additions & 19 deletions kirkbychristmas/2011/sing.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,31 +19,33 @@ html, body {

#bb {
position: absolute;
top: 100px;
top: 200px;
left: 200px;
display: none;
}

img.rounded {
border-radius: 15px 15px 15px 15px;
}

/* Reserve each face cell and show a loading placeholder until the
(opaque) face photo finishes loading and paints over it. */
#bb img.rounded,
#cntrimg {
background: #efe9db url("imgs/loading.gif") no-repeat center;
background-size: 48px 48px;
}

#jkimg {
position: absolute;
left: 308px;
top: 154px;
}

#loadingimg {
position: absolute;
left: 354px;
top: 254px;
}

#cntrimg {
position: absolute;
left: 154px;
top: 154px;
border-radius: 15px;
}

#playimg {
Expand All @@ -52,6 +54,7 @@ img.rounded {
top: 154px;
opacity: .70;
display: none;
border-radius: 15px;
}

#pauseimg {
Expand All @@ -60,6 +63,7 @@ img.rounded {
top: 154px;
opacity: .70;
display: none;
border-radius: 15px;
}

#jainna {
Expand Down Expand Up @@ -125,13 +129,13 @@ img {

#sigimg {
position: absolute;
top: 580px;
left: 475px;
top: 82px;
left: 234px;
}

#descriptionText{
position: absolute;
top: 100px;
top: 200px;
left: 670px;
width: 330px;
height: 462px;
Expand Down Expand Up @@ -233,10 +237,10 @@ a {
}
#treeimg { display: none; }

/* stacking order: header, faces, bios, signature */
#bb { order: 2; }
#descriptionText { order: 3; }
#sigimg { order: 4; }
/* stacking order: header, signature, faces, bios */
#sigimg { order: 2; }
#bb { order: 3; }
#descriptionText { order: 4; }

#merryimg {
position: static;
Expand All @@ -251,7 +255,7 @@ a {
display: block;
max-width: 60%;
height: auto;
margin: 20px auto 4px;
margin: 4px auto 16px;
}

/* face grid: fixed 3 x 110px block, centered */
Expand All @@ -273,9 +277,6 @@ a {
#pauseimg { left: 110px; top: 110px; width: 110px; height: 110px; }
#jkimg { left: 220px; top: 110px; }

/* loading spinner is placed relative to the stage on desktop; just hide it here */
#loadingimg { display: none; }

/* bio panel: full-width readable card below the grid */
#descriptionText {
position: static;
Expand Down
Loading