Difference between revisions of "Team:BostonU"

Line 3: Line 3:
 
<head>
 
<head>
 
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
 
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
 +
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300" rel="stylesheet">
 +
<style>
 
<style>
 
<style>
 
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
 
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
Line 8: Line 10:
 
}
 
}
 
.narrow-heading-type {
 
.narrow-heading-type {
font-family: Arial Narrow, sans-serif !important;
+
font-family: 'Open Sans Condensed', sans-serif !important;
letter-spacing: 4 !important;
+
letter-spacing: 6 !important;
font-size: 100% !important;
+
font-size: 120% !important;
 
text-align: center !important;
 
text-align: center !important;
 
text-decoration: none !important;
 
text-decoration: none !important;
 
text-transform: uppercase !important;
 
text-transform: uppercase !important;
 
font-weight: bold !important;
 
font-weight: bold !important;
text-rendering: geometricPrecision !important;
 
 
-webkit-font-smoothing: antialiased !important;
 
-webkit-font-smoothing: antialiased !important;
 
font-smoothing: antialiased !important;
 
font-smoothing: antialiased !important;
 
}
 
}
 
.body-type {
 
.body-type {
font-family: Arial, sans-serif;
+
font-family: 'Open Sans', sans-serif;
 
font-size: 150%;
 
font-size: 150%;
 
text-decoration: none !important;
 
text-decoration: none !important;
 
line-height: 2;
 
line-height: 2;
text-rendering: geometricPrecision;
 
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
 
font-smoothing: antialiased;
 
font-smoothing: antialiased;
Line 209: Line 209:
 
z-index: -1;
 
z-index: -1;
 
}
 
}
.menu-column:hover .dropdown-content {
+
.menu-column:hover .dropdown-content { /* MENU DISPLAY ANIMATION */
 
display: block;
 
display: block;
 
}
 
}
Line 302: Line 302:
 
   </div>
 
   </div>
 
</div>
 
</div>
<script type="text/javascript">
+
<script type="text/javascript"> /* FADE IN SCRIPT */
 
$(document).ready(function(){
 
$(document).ready(function(){
 
$(".fade-in-button").click(function(){
 
$(".fade-in-button").click(function(){
Line 327: Line 327:
 
});
 
});
 
});
 
});
</script>
+
</script>  
<script type="text/javascript">
+
<script type="text/javascript"> /* GALLERY SCRIPT */
 
var captions = ["<p>Here, our smartest and most handsome team member <a href='#'>Stephen</a> poses with his lovely <a href='#'>Raggedy-Ann doll</a> and stares forlornly at the earth beneath him.</p>","Two","Three","Four"];
 
var captions = ["<p>Here, our smartest and most handsome team member <a href='#'>Stephen</a> poses with his lovely <a href='#'>Raggedy-Ann doll</a> and stares forlornly at the earth beneath him.</p>","Two","Three","Four"];
 
var links = ["backgroundtest0.png","backgroundtest1.png","backgroundtest2.png","backgroundtest3.png"];
 
var links = ["backgroundtest0.png","backgroundtest1.png","backgroundtest2.png","backgroundtest3.png"];
Line 343: Line 343:
 
var bg = '#1d1d1d url('+links[counter]+') no-repeat center center fixed';
 
var bg = '#1d1d1d url('+links[counter]+') no-repeat center center fixed';
 
     document.body.style.background = bg;
 
     document.body.style.background = bg;
$("#gallery-wrapper").fadeOut(600, function(){
+
$("#gallery-wrapper").fadeOut(300, function(){
$("#gallery-wrapper").html(captions[counter]).fadeIn(600);
+
$("#gallery-wrapper").html(captions[counter]).fadeIn(300);
 
});
 
});
 
});
 
});

Revision as of 15:04, 25 August 2017