Skip to content
Snippets Groups Projects
Commit 451d8096 authored by Eric Rasmussen's avatar Eric Rasmussen
Browse files

getting the opera panes added to the landing, still needs more work

parent 718a7fb2
Branches
Tags
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 205 additions and 14 deletions
landing/index.html → landing/index.shtml
+ 205
− 14
View file @ 451d8096
...@@ -31,18 +31,147 @@ ...@@ -31,18 +31,147 @@
<title>UNL | Alumni Around the World</title> <title>UNL | Alumni Around the World</title>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" --> <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" -->
<!-- Place optional header elements here --> <!-- Place optional header elements here -->
<script type="text/javascript" src="http://globe.poly9.com/api.js"></script>
<style type="text/css">
.footer_col {
display:none;
}
/** css for main story rotator **/
#splash {height:480px;margin:0px;border-top:1px solid #ddd;padding:1px 0 1px 0;border-bottom:1px solid #ddd;}
#splash ul {width:320px;height:480px;float:right;margin:0;padding:0;}
#splash ul li {list-style: none outside none;}
#splash ul li {margin:0;padding-left:20px;z-index:69;position:relative;background:transparent;}
#splash ul li.active {background:url('http://ucommcoleman.unl.edu/workspace/wdntemplates/wdn/templates_3.0/css/variations/images/splash_selector.png') no-repeat 0 30%;}
#splash ul li a {background:#efefef;color:#666;text-decoration:none;padding:10px;display:block;border-top:1px #ccc solid;height:139px;}
#splash ul li a:focus{color:#efefef !important;}
#splash ul li a span {display:block;font-size:11px;padding-top:7px;}
#splash ul li:first-child a {border-top:1px #efefef solid;}
#splash ul li.active a, #splash ul li a:hover {background:#b80302;color:#fff;border-top:1px #600 solid;}
#splash ul li.active:first-child a, #splash ul li:first-child a:hover {border-top:1px #900 solid;}
#posters {position:relative;}
#posters div {width:640px;height:480px;position:absolute;top:0;z-index:1;}
#posters div .logo {position:absolute; top:80px; left:28px;}
#posters div p {width:200px; color:#666; position:absolute; top:100px; left:30px;}
#posters div p#preview {width:100%; height:100%; top:0; left:0;}
</style>
<script type="text/javascript"> <script type="text/javascript">
//<![CDATA[ var posters,headlines,thisPoster,nextPoster,posterState,currentSplash=0,splashDelay=10000,transtitonSpeed=20,control=1,loopswitch=1,looptime=0;
function rotatePoster(){
var postergroup = document.getElementById('posters');
posters = postergroup.getElementsByTagName('div');
for (var i=0; i < posters.length; i++) {
if (i==0) {posters[i].style.opacity = 1;}
else {
posters[i].style.opacity = 0;
posters[i].style.filter = 'alpha(opacity=0)';
posters[i].style.display = 'none';
}
}
loopPosters();
}
function loopPosters(){
var headlinegroup = document.getElementById('headlines');
headlines = headlinegroup.getElementsByTagName('li');
if(currentSplash>=posters.length) currentSplash = 0;
for (var i=0; i < headlines.length; i++) {
headlines[i].className = '';
}
headlines[currentSplash].className = 'active';
thisPoster = (nextPoster)?nextPoster:posters[currentSplash];
nextPoster = (posters[++currentSplash])?posters[currentSplash]:posters[currentSplash = 0];
thisPoster.style.display = 'block';
posterState = 'on';
control = 1;
looptime = window.setTimeout(posterFader,splashDelay);
}
function posterFader(){
if (loopswitch==1) {
if (posterState=='on') {
control = control - 0.1;
control = parseInt(control*100)/100;
if (control >= 0) {
thisPoster.style.opacity = control;
thisPoster.style.filter = 'alpha(opacity='+(control*100)+')';
looptime = window.setTimeout(posterFader,transtitonSpeed);
} else {
thisPoster.style.display = 'none';
nextPoster.style.display = 'block';
posterState='off';
looptime = window.setTimeout(posterFader,transtitonSpeed);
}
} else if (posterState=='off') {
control = control + 0.1;
control = parseInt(control*100)/100;
if(control <= 1){
nextPoster.style.opacity = control;
nextPoster.style.filter = 'alpha(opacity='+(control*100)+')';
looptime = window.setTimeout(posterFader,transtitonSpeed);
} else {loopPosters();}
}
}};
function select(node,selected) {
loopswitch = 0;
window.clearTimeout(looptime);
var postergroup = document.getElementById('posters');
posters = postergroup.getElementsByTagName('div');
for (var i=0; i < posters.length; i++) {
posters[i].style.opacity = 0;
posters[i].style.filter = 'alpha(opacity=0)';
posters[i].style.display = 'none';
}
var currentPoster = document.getElementById(selected);
currentPoster.style.opacity = 1
currentPoster.style.filter = 'alpha(opacity=1)';
currentPoster.style.display = 'block';
var headlinegroup = document.getElementById("headlines");
headlines = headlinegroup.getElementsByTagName("li");
for (var i=0; i < headlines.length; i++) {
headlines[i].className = '';
}
node.parentNode.className='active';
};
// event listener
if(window.addEventListener) window.addEventListener('load', rotatePoster, false);
else if(document.addEventListener) document.addEventListener('load', rotatePoster, false);
else if(window.attachEvent) {
window.attachEvent('onload', rotatePoster);
} else {
if(typeof window.onload == 'function') {
var existing = onload;
window.onload = function() {
existing();
rotatePoster();
}
} else {
window.onload = function() {
rotatePoster();
}
}
}
</script>
<!-- begin poly9 globe js -->
<script type="text/javascript" src="http://globe.poly9.com/api.js"></script>
<script type="text/javascript">
//<![CDATA[
function createOnClick(country) { function createOnClick(country) {
return function(marker) { return function(marker) {
marker.openInfoWindowHtml('Hello from ' + country + '!', 200, 32); marker.openInfoWindowHtml('Hello from ' + country + '!', 200, 32);
} }
} }
function onMapLoad() { function onMapLoad() {
// start the globe out with Lincoln // start the globe out with Lincoln
var LincolnNE = new FE.LatLng(40.813620,-96.707739); var LincolnNE = new FE.LatLng(40.813620,-96.707739);
...@@ -58,11 +187,7 @@ function onMapLoad() { ...@@ -58,11 +187,7 @@ function onMapLoad() {
FE.Event.addListener(herbieLabel, 'click', window.openHerbie ); FE.Event.addListener(herbieLabel, 'click', window.openHerbie );
this.addOverlay(herbieLabel); this.addOverlay(herbieLabel);
var sandiegoCA = new FE.LatLng(32.715685,-117.161724); var sandiegoCA = new FE.LatLng(32.715685,-117.161724);
}; };
jQuery(document).ready(function() { jQuery(document).ready(function() {
...@@ -73,6 +198,9 @@ jQuery(document).ready(function() { ...@@ -73,6 +198,9 @@ jQuery(document).ready(function() {
//]]> //]]>
</script> </script>
<!-- end poly9 globe js -->
<!-- InstanceEndEditable --> <!-- InstanceEndEditable -->
</head> </head>
<body class="fixed"> <body class="fixed">
...@@ -136,9 +264,70 @@ jQuery(document).ready(function() { ...@@ -136,9 +264,70 @@ jQuery(document).ready(function() {
<!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' --> <!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' -->
<!-- InstanceBeginEditable name="maincontentarea" --> <!-- InstanceBeginEditable name="maincontentarea" -->
<!-- begin splash code from ucommcoleman/workspace/wdntempaltes/splash.shtml -->
<div class="four_col">
<div id="splash" class="section">
<ul id="headlines">
<li class="active">
<a href="#" onclick="javascript:select(this,'splash1');return false;">
<strong>Alumni Around the World</strong>
<span>Alumni of the University of Nebraska-Lincoln do fantastic stuff around the world. Check out these alums:</span>
<span>
<img onclick="window.openHerbie(window.herbieLabel);return false;" src="http://ucommjuhl.unl.edu/UNL_Elgg/elgg/mod/profile/icondirect.php?lastcache=1245432975&username=demouser&size=tiny" />
</span>
</a>
</li>
<li class=""><a href="#" onclick="javascript:select(this,'splasstrong');return false;"><strong>Join the Network</strong><span>All University of Nebraska-Lincoln alums are encouraged to be part of the conversation. It's alums like you that are the <strong>Power of Red</strong></span></a></li>
<li class=""><a href="#" onclick="javascript:select(this,'splash3');return false;"><strong>National TV Spot</strong><span>Check out the commercial, created by Chris Evan, a Class of '00 Alum, that is played during every televised Husker sporting event.</span></a></li>
</ul>
<div id="posters">
<div style="opacity: 1; display: block;" id="splash1">
<div id="globeInner" style="opacity:1 !important; display: block !important;width:640px;height:480px;background-color:#000;"></div>
</div>
<div style="opacity: 0; display: none;" id="splash2">
<p>Beginning May 11, several of the artist's large ceramic pieces will be placed in Sheldon's Great Hall. On June 19, his paintings and works on paper will open in three second-floor galleries. The exhibition will be on view through Oct. 11. <a href="http://newsroom.unl.edu/releases/2009/04/29/Paintings%2C+objects+of+Jun+Kaneko+opens+May+11+at+Sheldon+Museum+of+Art">Read the full news release.</a></p>
</div>
<div style="opacity: 0; display: none;" id="splash3">
<object data="http://www.youtube.com/v/-omonwFkkrY%26hl=en%26fs=1%26color1=0x3a3a3a%26color2=0x999999%26enablejsapi=1%26playerapiid=video1" wmode="transparent" id="video1" type="application/x-shockwave-flash" height="340" width="640"><param value="always" name="allowScriptAccess"></object>
<!-- Note that the JavaScript below says that you need Flash 9 or better! -->
<script type="text/javascript">
var params = {allowScriptAccess: "always"};
var attrs = {id: "video1", wmode: "transparent"}
swfobject.embedSWF("http://www.youtube.com/v/-omonwFkkrY%26hl=en%26fs=1%26color1=0x3a3a3a%26color2=0x999999%26enablejsapi=1%26playerapiid=video1", "videobox1", "640", "340", "9", null, null, params, attrs);
</script>
</div>
</div>
</div>
</div>
<!-- end moded splash code -->
<br style="clear:both" /><br />
<!-- begin juhl's original splash code
<div id="globeOuter" style="width:100%; border-top: #f0f0f0 2px solid; border-bottom: #f0f0f0 2px solid; padding: 1px 0; height: 480px; margin-bottom: 20px;"> <div id="globeOuter" style="width:100%; border-top: #f0f0f0 2px solid; border-bottom: #f0f0f0 2px solid; padding: 1px 0; height: 480px; margin-bottom: 20px;">
<div id="globeSidebar" style="float:right;width:300px; height: 480px; "> <div id="globeSidebar" style="float:right;width:300px; height: 480px; ">
<div id="globeSidebarPod1" style="width: 260px; height: 120px; padding: 20px; color: #FFF;background-color:#B90302;"> <div id="globeSidebarPod1" style="border:1px solid green;width: 260px; height: 120px; padding: 20px; color: #FFF;background-color:#B90302;">
<h2 style="color:#FFF">Alumni Around the World</h2> <h2 style="color:#FFF">Alumni Around the World</h2>
<p>Alumni of the University of Nebraska-Lincoln do fantastic stuff around the world. Check out these alums:</p> <p>Alumni of the University of Nebraska-Lincoln do fantastic stuff around the world. Check out these alums:</p>
<p><a href="#" onclick="window.openHerbie(window.herbieLabel);return false;"><img src="http://ucommjuhl.unl.edu/UNL_Elgg/elgg/mod/profile/icondirect.php?lastcache=1245432975&username=demouser&size=tiny" style="float:left; padding: 0 6px 6px 0;" /></a></p> <p><a href="#" onclick="window.openHerbie(window.herbieLabel);return false;"><img src="http://ucommjuhl.unl.edu/UNL_Elgg/elgg/mod/profile/icondirect.php?lastcache=1245432975&username=demouser&size=tiny" style="float:left; padding: 0 6px 6px 0;" /></a></p>
...@@ -155,8 +344,10 @@ jQuery(document).ready(function() { ...@@ -155,8 +344,10 @@ jQuery(document).ready(function() {
<div id="globeInner" style="width:640px;height:480px;background-color:#000;"></div> <div id="globeInner" style="width:640px;height:480px;background-color:#000;"></div>
</div> </div>
end juhl's original splash code -->
<h1 style="padding-bottom: 0px; margin-bottom: 10px; border-bottom: #e5e5e5 1px solid;">The Latest Happenings</h1> <h1 style="clear:both; padding-bottom: 0px; margin-bottom: 10px; border-bottom: #e5e5e5 1px solid;">The Latest Happenings</h1>
<div class="col left"> <div class="col left">
<h2 style="padding-left: 6px;">New Groups</h2> <h2 style="padding-left: 6px;">New Groups</h2>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment