From 451d809636f5f31b2d03e0bfce93a68e00ef44f3 Mon Sep 17 00:00:00 2001
From: Eric Rasmussen <erasmussen2@unl.edu>
Date: Thu, 16 Jul 2009 21:07:58 +0000
Subject: [PATCH] getting the opera panes added to the landing, still needs
more work
---
landing/{index.html => index.shtml} | 219 ++++++++++++++++++++++++++--
1 file changed, 205 insertions(+), 14 deletions(-)
rename landing/{index.html => index.shtml} (61%)
diff --git a/landing/index.html b/landing/index.shtml
similarity index 61%
rename from landing/index.html
rename to landing/index.shtml
index 51b4b394..36bbf1be 100644
--- a/landing/index.html
+++ b/landing/index.shtml
@@ -31,18 +31,147 @@
<title>UNL | Alumni Around the World</title>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" -->
<!-- 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">
-//<![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) {
return function(marker) {
marker.openInfoWindowHtml('Hello from ' + country + '!', 200, 32);
}
- }
-
-
+ }
function onMapLoad() {
// start the globe out with Lincoln
var LincolnNE = new FE.LatLng(40.813620,-96.707739);
@@ -57,12 +186,8 @@ function onMapLoad() {
};
FE.Event.addListener(herbieLabel, 'click', window.openHerbie );
this.addOverlay(herbieLabel);
-
-
-
-
+
var sandiegoCA = new FE.LatLng(32.715685,-117.161724);
-
};
jQuery(document).ready(function() {
@@ -73,6 +198,9 @@ jQuery(document).ready(function() {
//]]>
</script>
+<!-- end poly9 globe js -->
+
+
<!-- InstanceEndEditable -->
</head>
<body class="fixed">
@@ -135,10 +263,71 @@ jQuery(document).ready(function() {
<div id="maincontent">
<!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' -->
<!-- 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="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>
<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>
@@ -155,8 +344,10 @@ jQuery(document).ready(function() {
<div id="globeInner" style="width:640px;height:480px;background-color:#000;"></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">
<h2 style="padding-left: 6px;">New Groups</h2>
--
GitLab