diff --git a/agenda.md b/agenda.md new file mode 100644 index 0000000..e69de29 diff --git a/css/home.css b/css/home.css new file mode 100644 index 0000000..3766a7f --- /dev/null +++ b/css/home.css @@ -0,0 +1,14 @@ +body{ +background-attachment: fixed; +background-image:url('../images/backgrounds/firstepisode.png'); +background-size: cover; +background-repeat:no-repeat; +} +#title::before{ + + content:"Home"; +} + +.overlay{ + display:none; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..9f86d93 --- /dev/null +++ b/index.html @@ -0,0 +1,44 @@ + + + + + + + CHEM216HTML + + + + + +
+ + + + + +
+
+ +
+
+ + + + + + + + + + diff --git a/main.css b/main.css new file mode 100644 index 0000000..517a3af --- /dev/null +++ b/main.css @@ -0,0 +1,180 @@ +/* +@font-face { +font-family: schwifty; +src: url('css/fonts/schwifty.ttf'); +} +*/ + +html,body{ + overflow:hidden; + /* text-shadow: + -1px -1px 0 #FFF, + 1px -1px 0 #FFF, + -1px 1px 0 #FFF, + 1px 1px 0 #FFF;*/ + margin:0; + padding:0; + } + .container{ + position:fixed; + top:10%; + left:0px; + width:95%;/*80% to make scroll bar flush.*/ + height:85%; + /*opacity:0.7;*/ + background-color:rgba(255,255,255,0.69); + margin:0; + padding:0; + /* overflow:none;*/ + } +div{ + margin:0; + padding:0; +} + + #navibar{ + z-index:38; + color: black; + text-shadow: + -1px -1px 0 #FFF, + 1px -1px 0 #FFF, + -1px 1px 0 #FFF, + 1px 1px 0 #FFF; + position:fixed; + top:15%; + left:0%; + width:15%; + height:65%; + /* list-style-image: url('au14.png');*/ + font-family:roboto; + overflow:auto; + overflow-x:hidden; + + margin:0;padding:0; + } + #navibartable{ + + } + .navibar{ + background-image:url('images/portal.jpg'); + border-radius: 10%; + height:10%;pbh + + margin:0;padding:0; + } + td{ + border-left: 1px solid #000; + border-right: 1px solid #000; + border-top: 1px solid #000; + border-bottom: 1px solid #000; + border-spacing:2px; + width:100%; + height:100%; + margin:0;padding:0; + border-radius: 5px; + } +.padded{ + padding-left:3%; + padding-botom:2px; +} + .navibarlink{ + color: black; + text-decoration: none; + text-shadow: + -1px -1px 0 #FFF, + 1px -1px 0 #FFF, + -1px 1px 0 #FFF, + 1px 1px 0 #FFF; + margin:0;padding:0; + } + #title{ + position:fixed; + top:15%; + left:20%; + width:80%; + height:10%; + font-size:42; + font-family:credits; + color: black; + text-shadow: + -1px -1px 0 #FFF, + 1px -1px 0 #FFF, + -1px 1px 0 #FFF, + 1px 1px 0 #FFF; + } + + + #contentarea{ + z-index:1; + position:fixed; + top:25%; + left:20%; + width:70%; + height:65%; + font-size:14px; + font-family:roboto; + color: black; + text-shadow: + -1px -1px 0 #FFF, + 1px -1px 0 #FFF, + -1px 1px 0 #FFF, + 1px 1px 0 #FFF; + overflow:hidden; + overflow-x:hidden; + } + .content{ + display:none; + overflow: scroll; + } + #logo{ + height:6%; + position:fixed; + top:2%; + width:100%; + font-family: schwifty; + font-size:100%; + color:#00B1C1; + text-shadow: + + -1px -1px 1px #000000, + 1px -1px 1px #000000, + -1px 1px 1px #000000, + 1px 1px 1px #000000, + -2px -2px 6px #81BC76, + 2px -2px 6px #81BC76, + -2px 2px 6px #81BC76, + 2px 2px 6px #81BC76; + margin:0; + padding:0; + /*font-style: italic;*/ + } + #logop{ + font-family: schwifty; + margin:0; + padding:0; + } + body{ + background-attachment: fixed; + background-image:url('images/backgrounds/firstepisode.png'); + background-size: cover; + background-repeat:no-repeat; + + background-position: center; + } + .gradient{ + /* z-index:-1; + position:relative; + top:0; + left:0;*/ + margin:0; + padding:0; + width:100%; + height:100%; + background: linear-gradient(to bottom , rgba(0,0,0,0.6) , rgba(0,0,0,0)); + + } + +#frame{ + width:100%; + height:90%; +} diff --git a/main.js b/main.js new file mode 100644 index 0000000..e0121e9 --- /dev/null +++ b/main.js @@ -0,0 +1,73 @@ + function id(ID){ + return document.getElementById(ID); + } +var navibar = document.getElementsByClassName("navibar"); +var pages=document.getElementsByClassName("content"); + function iframe(ID,width,height,src,name){ + this.ID=ID; + this.width=width; + this.height=height; + this.src=src; + this.type="iframe"; + this.name=name; + } + function content(ID,content,name){ + this.ID=ID; + this.content=content; + this.name=name; + this.type="content"; + } +/*function writecookie(attribute,value){ + var d = new Date(); + d.setTime(d.getTime() + (1*24*60*60*1000)); + var expires = "expires=" + d.toGMTString(); + if(document.cookie.indexOf(attribute)>-1){ + document.cookie.substring(attribute+"=",document.cookie.substring(attribute+"=",document.cookie.length).indexOf(";"))+value+document.cookie.substring(document.cookie.substring(attribute+"=",document.cookie.length).indexOf(";"),document.cookie.length)+"expires="+d.toGMTString()+";path=/"; +} else { +document.cookie=attribute+"="+value+";"+"expires="+d.toGMTString()+";path=/"; +} +}*/ +id("navibar").addEventListener("mouseenter",function(){id("navibar").style.zIndex=39; +for(i=0;i-1){ + querystring = URL.split("?")[1] //Extract the query string from the URL. + var queryterms = querystring.split("&") //Array of query terms. + for(i=0;i-1){ + iframetarget="pages/"+page+".html"; //By default, display the file whose name is specified in the query. + } else { + iframetarget = "pages/home.html"; //If the query specifies a page name that doesn't exist, open the home page. + } +} + + +navibar = document.getElementsByClassName("navibar"); +for(k=0;k + + I'm the guy! + diff --git a/pages/home.html b/pages/home.html new file mode 100644 index 0000000..6745d6c --- /dev/null +++ b/pages/home.html @@ -0,0 +1,7 @@ + + + + + Are you there world? It's me, Jim! + +