first commit

2020-10-31 13:04:12 +01:00
commit d443aa4675
8 changed files with 201 additions and 0 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,2 @@
+ul{list-style-type:none;margin:-2px auto;padding:0;background-color:rgba(255,255,255,0.5);border:2px solid darkred;display:inline-block;transition:all 60ms;box-shadow:inset -2px -2px 5px #bb9919,inset 2px 2px 5px #bb9919}ul.navUl{height:33px}li{float:left;width:auto;margin:0px 0px;border-radius:0px}li a{display:block;color:darkred;text-align:center;padding:7px 16px;text-decoration:none;margin:1px 0 4px;font-weight:bold}nav>ul>li{width:100px}li a:active,li a:hover,li a:focus,li a.active{background:none;color:red;text-decoration:underline}li a:active,li a:hover,li a:focus{transition:1s;transform:scale(1.1)}ul li ul li{display:inline-block}.submenu{visibility:hidden;position:relative;margin-top:-5px;margin-left:-10px;background-color:#fff}.submenu li{display:block;float:none;border-bottom:1px solid #daa520;margin:0 0 0 0}.submenu li a{display:block;float:none;border-bottom:1px solid #daa520;margin:0 0 0 0}.submenuActive{visibility:visible}nav>ul>li>ul>li{margin:middle}.home{margin-top:20px;color:red;font-size:30px;font-weight:bold}#unter{color:blue;font-weight:normal;font-size:20px}body{text-align:center}.header{text-decoration:underline;color:red;margin:auto;background-image:url("../bg/kirsche1.jpg");background-size:100% 150%;background-position:99% 100%;background-repeat:no-repeat;overflow:hidden;margin-top:3px;border-color:darkred;border-width:3px;border-style:solid;font-size:20px;text-align:center;padding:30px;box-shadow:-2px -2px 10px #bb9919,2px 2px 10px #bb9919}
+/*# sourceMappingURL=style.css.map */
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA,EAAE,CACA,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,SAAS,CACjB,OAAO,CAAE,CAAC,CAGV,gBAAgB,CAAE,qBAAsB,CACxC,MAAM,CAAE,iBAAiB,CACzB,OAAO,CAAE,YAAY,CACrB,UAAU,CAAE,QAAQ,CACpB,UAAU,CAAE,qDAAsD,CAElE,QAAO,CACL,MAAM,CAAE,IAAI,CAEhB,EAAE,CACA,KAAK,CAAE,IAAI,CACX,KAAK,CAAE,IAAI,CAGX,MAAM,CAAE,OAAO,CAGf,aAAa,CAAE,GAAG,CAElB,IAAC,CACC,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,OAAO,CACd,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,QAAQ,CACjB,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,SAAS,CACjB,WAAW,CAAE,IAAI,CAErB,SAAa,CACX,KAAK,CAAE,KAAK,CAGZ,6CAAoC,CAClC,UAAU,CAAE,IAAI,CAChB,KAAK,CAAE,GAAG,CACV,eAAe,CAAE,SAAS,CAE5B,iCAA0B,CACxB,UAAU,CAAE,EAAE,CACd,SAAS,CAAE,UAAU,CAEzB,WAAW,CACT,OAAO,CAAE,YAAY,CAEvB,QAAQ,CACN,UAAU,CAAE,MAAM,CAClB,QAAQ,CAAE,QAAQ,CAClB,UAAU,CAAE,IAAI,CAChB,WAAW,CAAE,KAAK,CAClB,gBAAgB,CAAE,IAAkB,CAEpC,WAAE,CAOA,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,iBAAmB,CAClC,MAAM,CAAE,OAAO,CATf,aAAC,CACC,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,iBAAmB,CAClC,MAAM,CAAE,OAAO,CAOrB,cAAc,CACZ,UAAU,CAAE,OAAO,CAErB,eAAuB,CACrB,MAAM,CAAE,MAAM,CCzEhB,KAAK,CACD,UAAU,CCDL,IAAI,CDET,KAAK,CAAE,GAAG,CACV,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CAErB,MAAM,CACF,KAAK,CAAE,IAAI,CACX,WAAW,CAAE,MAAM,CACnB,SAAS,CAAE,IAAI,CCJnB,IAAI,CACA,UAAU,CAAE,MAAM,CAEtB,OAAO,CACH,eAAe,CAAE,SAAS,CAC1B,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,IAAI,CAEZ,gBAAgB,CAAE,yBAAyB,CAC3C,eAAe,CAAE,SAAS,CAC1B,mBAAmB,CAAE,QAAQ,CAC7B,iBAAiB,CAAE,SAAS,CAC5B,QAAQ,CAAE,MAAM,CAChB,UAAU,CAAE,GAAG,CACf,YAAY,CAAE,OAAO,CACrB,YAAY,CAAE,GAAG,CACjB,YAAY,CAAE,KAAK,CACnB,SAAS,CAAE,IAAI,CACf,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,IAAI,CACb,UAAU,CAAE,2CAA4C",
+"sources": ["../sass/_nav.sass","../sass/_home.sass","../sass/style.sass"],
+"names": [],
+"file": "style.css"
+}
--- a/index.php
+++ b/index.php
@@ -0,0 +1,54 @@
+<?php
+$tab = $_GET["tab"];
+if ($tab == "") {$tab = "home";}
+?>
+
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Weihnachts Kalender Melly</title>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <script src="js/nav.js"></script>
+	  <meta name="viewport" content="width=device-width, initial-scale=0.7">
+</head>
+
+    <header>
+        <h1 class="header">
+              Weihnachts Kalender Melly 
+        </h1>
+    </header>
+     <nav id="nav">
+			<ul class="navUl">
+				<li><a href="?tab=home" <?php if ($tab == "home")?>>Home</a></li>
+				<li><a href="?tab=bilder" <?php if ($tab == "bilder")?>>Galerie</a></li>
+			<!--	<li><a href="?tab=gästebuch" <?php if ($tab == "gästebuch")?>>Gästebuch</a></li> -->
+				<li class="mainMenu"><a href="#">Über</a>
+					<ul class="submenu">
+						<li><a href="?tab=impressum">Impressum</a></li>	
+						<li><a href="?tab=datenschutz" <?php if ($tab == "datenschutz")?>>Datenschutz</a></li>
+						<li><a href="mailto:illg@illg.xyz?subject=HochzeitWeb" target="_blank">Kontak</a></li>
+					</ul>
+				</li>
+		     </ul>
+		</nav>
+   
+		<script type="text/javascript">
+			$(".mainMenu > a").mouseover(function(){
+  				$(this).siblings().addClass('submenuActive');
+			})
+			$(".mainMenu").mouseleave(function(){
+				$(this).children().removeClass('submenuActive')	
+			})
+		</script>
+<body>
+
+	<article> 
+
+		<?php include('tab/'.$tab.'.php');?>
+		
+	</article> 
+
+</body>
+</html>
--- a/js/nav.js
+++ b/js/nav.js
@@ -0,0 +1,20 @@
+function setActive() {
+  
+  aObj = document.getElementById('nav').getElementsByTagName('a');
+  for (var i = 0; i < aObj.length; i++) {
+    if (document.location.href == aObj[i].href) {
+      aObj[i].className = 'active';
+    }
+  }
+}
+
+window.onload = setActive;
+
+function showMessage(msg, color="white", time=5000) {
+  $('<div />', {
+      "class": 'popupNachricht',
+      text: msg
+    }).appendTo("#popupBox")
+      .delay(time)
+      .fadeOut(1000);;
+}
--- a/sass/_home.sass
+++ b/sass/_home.sass
@@ -0,0 +1,10 @@
+.home
+    margin-top: $navtop
+    color: red
+    font-size: 30px
+    font-weight: bold
+    
+#unter
+    color: blue
+    font-weight: normal 
+    font-size: 20px
--- a/sass/_nav.sass
+++ b/sass/_nav.sass
@@ -0,0 +1,74 @@
+ul
+  list-style-type: none
+  margin: -2px auto
+  padding: 0
+
+  /*overflow: hidden;
+  background-color: hsla(0, 0%, 100%, 0.5)
+  border: 2px solid darkred
+  display: inline-block
+  transition: all 60ms
+  box-shadow: inset -2px -2px 5px #bb9919, inset 2px 2px 5px #bb9919
+
+  &.navUl
+    height: 33px
+
+li
+  float: left
+  width: auto
+
+  /*height: 33px;
+  margin: 0px 0px
+
+  /*border: 1px solid lightgrey;
+  border-radius: 0px
+
+  a
+    display: block
+    color: darkred
+    text-align: center
+    padding: 7px 16px
+    text-decoration: none
+    margin: 1px 0 4px
+    font-weight: bold
+
+nav > ul > li
+  width: 100px
+
+li a
+  &:active, &:hover, &:focus, &.active
+    background: none
+    color: red
+    text-decoration: underline
+
+  &:active, &:hover, &:focus
+    transition: 1s
+    transform: scale(1.1)
+
+ul li ul li
+  display: inline-block
+
+.submenu
+  visibility: hidden
+  position: relative
+  margin-top: -5px
+  margin-left: -10px
+  background-color: rgb(255, 255, 255)
+
+  li
+    a
+      display: block
+      float: none
+      border-bottom: 1px solid goldenrod
+      margin: 0 0 0 0
+
+    display: block
+    float: none
+    border-bottom: 1px solid goldenrod
+    margin: 0 0 0 0
+
+.submenuActive
+  visibility: visible
+
+nav > ul > li > ul > li
+  margin: middle
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -0,0 +1,26 @@
+$navtop: 20px
+@import 'nav', 'home'
+
+/* **************************************
+
+body
+    text-align: center
+    
+.header
+    text-decoration: underline 
+    color: red
+    margin: auto
+    /*background-color: Lightgrey 
+    background-image: url("../bg/kirsche1.jpg")
+    background-size: 100% 150%
+    background-position: 99% 100%
+    background-repeat: no-repeat
+    overflow: hidden
+    margin-top: 3px
+    border-color: darkred
+    border-width: 3px
+    border-style: solid
+    font-size: 20px
+    text-align: center
+    padding: 30px 
+    box-shadow: -2px -2px 10px #bb9919, 2px 2px 10px #bb9919
--- a/tab/home.php
+++ b/tab/home.php
@@ -0,0 +1,8 @@
+<div class="home">
+    test 
+    
+    <div id="unter">
+        test 2
+    </div>
+    
+</div>