Difference between revisions of "Template:HFLS H2Z Hangzhou"

Line 8: Line 8:
 
<style>html {
 
<style>html {
 
overflow: hidden;
 
overflow: hidden;
 +
}
 +
 +
a {
 +
color: inherit !important;
 +
}
 +
 +
a:hover {
 +
color: inherit !important;
 
}
 
}
  
Line 283: Line 291:
 
var glob = window;
 
var glob = window;
  
−
function setMenuPos() {
+
// remove some weird components
−
setTimeout(function () {
+
(function () {
−
$(".main.menu").width($(".main.cont-wrap").position().left);
+
$("#sideMenu").remove();
−
}, 300);
+
−
}
+
  
−
var open = false;
+
$("#top_menu_14").css({
 +
top: "-20px",
 +
"padding-bottom": "1rem",
 +
transition: "top 0.3s"
 +
});
  
−
function toggleMenu() {
+
var menu_trig = $("<div></div>");
−
$(".main.view").toggleClass("open-menu");
+
menu_trig.css({
−
setMenuPos();
+
position: "fixed",
 +
"z-index": "10",
 +
height: "15px",
 +
width: "100%",
 +
top: "0",
 +
left: "0"
 +
}).mouseenter(function () {
 +
$("#top_menu_14").css("top", "0");
 +
}).mouseleave(function () {
 +
$("#top_menu_14").css("top", "-20px");
 +
});
 +
 +
$("body").append(menu_trig);
 +
})(); // hide the top bar
  
−
if ($(".main.view").hasClass("open-menu"))
+
// menu
 +
(function () {
 +
function setMenuPos() {
 
setTimeout(function () {
 
setTimeout(function () {
−
$(".main.cont-wrap").click(closeMenu);
+
$(".main.menu").width($(".main.cont-wrap").position().left);
−
});
+
}, 300);
−
}
+
}
  
−
function closeMenu() {
+
var open = false;
−
$(".main.view").removeClass("open-menu");
+
−
$(".main.cont-wrap").off("click", closeMenu);
+
−
}
+
  
−
$(".main.menu-btn")
+
function toggleMenu() {
−
.click(toggleMenu)
+
$(".main.view").toggleClass("open-menu");
−
.popup({
+
setMenuPos();
−
content: "Menu",
+
−
position: "right center",
+
−
on: "manual"
+
−
}).popup("show");
+
  
−
setTimeout(function () {
+
if ($(".main.view").hasClass("open-menu"))
−
$(".main.menu-btn").popup("hide");
+
setTimeout(function () {
−
}, 3000);
+
$(".main.cont-wrap").click(closeMenu);
 +
});
 +
}
  
−
// remove some weird components
+
function closeMenu() {
−
$("#sideMenu").remove();
+
$(".main.view").removeClass("open-menu");
 +
$(".main.cont-wrap").off("click", closeMenu);
 +
}
  
−
$("#top_menu_14").css({
+
$(".main.menu-btn")
−
top: "-20px",
+
.click(toggleMenu)
−
"padding-bottom": "1rem",
+
.popup({
−
transition: "top 0.3s"
+
content: "Menu",
−
});
+
position: "right center",
 +
on: "manual"
 +
}).popup("show");
  
−
var menu_trig = $("<div></div>");
+
setTimeout(function () {
−
menu_trig.css({
+
$(".main.menu-btn").popup("hide");
−
position: "fixed",
+
}, 3000);
−
"z-index": "10",
+
−
height: "15px",
+
−
width: "100%",
+
−
top: "0",
+
−
left: "0"
+
−
}).mouseenter(function () {
+
−
$("#top_menu_14").css("top", "0");
+
−
}).mouseleave(function () {
+
−
$("#top_menu_14").css("top", "-20px");
+
−
});
+
−
+
−
$("body").append(menu_trig);
+
  
−
glob.Aquamade = {};
+
glob.Aquamade = {};
−
glob.Aquamade.menu = {
+
glob.Aquamade.menu = {
−
setBtnColor: function (color) {
+
setBtnColor: function (color) {
−
$(".main.menu-btn").css("color", color);
+
$(".main.menu-btn").css("color", color);
−
},
+
},
  
−
selectItem: function (name) {
+
selectItem: function (name) {
−
$(".main.menu .selected").removeClass("selected");
+
$(".main.menu .selected").removeClass("selected");
−
$(".main.menu .item.item-" + name).addClass("selected");
+
$(".main.menu .item.item-" + name).addClass("selected");
−
}
+
},
−
};
+
 
 +
toggle: function () {
 +
toggleMenu();
 +
}
 +
};
 +
})();
 
});
 
});
 
</script>
 
</script>
Line 362: Line 379:
 
$(document).ready(function () {
 
$(document).ready(function () {
 
$.ajax({
 
$.ajax({
−
url: "sub/home.html",
+
url: "sub/hp.html",
 
success: function (dat) {
 
success: function (dat) {
 
$(".main.cont-wrap").append(dat);
 
$(".main.cont-wrap").append(dat);
Line 376: Line 393:
 
<div class="logo"><i class="fa fa-bath"></i></div><br>
 
<div class="logo"><i class="fa fa-bath"></i></div><br>
 
<div style="text-align: center; display: inline-block; width: auto;">
 
<div style="text-align: center; display: inline-block; width: auto;">
−
<div class="item item-home">HOME</div><br>
+
<div class="item item-home">
 +
<a href="/Team:HFLS_H2Z_Hangzhou">HOME</a>
 +
</div><br>
 +
 
<div class="item item-project">
 
<div class="item item-project">
−
PROJECT<!-- <br>
+
<a href="/Team:HFLS_H2Z_Hangzhou/project">PROJECT</a><!-- <br>
 
<div class="sub-items">
 
<div class="sub-items">
 
<div class="sub-item">OVERVIEW</div><br>
 
<div class="sub-item">OVERVIEW</div><br>
Line 385: Line 405:
 
</div> -->
 
</div> -->
 
</div><br>
 
</div><br>
−
<div class="item item-parts">PARTS</div><br>
+
−
<div class="item item-model">MODELLING</div><br>
+
<div class="item item-parts">
−
<div class="item item-hprac">HUMAN PRACTICES</div><br>
+
<a href="/Team:HFLS_H2Z_Hangzhou/parts">PARTS</a>
−
<div class="item item-team">TEAM</div><br>
+
</div><br>
 +
 +
<div class="item item-model">
 +
<a href="/Team:HFLS_H2Z_Hangzhou/model">MODELLING</a>
 +
</div><br>
 +
 +
<div class="item item-hprac">
 +
<a href="/Team:HFLS_H2Z_Hangzhou/hp">HUMAN PRACTICES</a>
 +
</div><br>
 +
 +
<div class="item item-team">
 +
<a href="/Team:HFLS_H2Z_Hangzhou/team">TEAM</a>
 +
</div><br>
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 04:57, 24 June 2017

<!DOCTYPE html>