This commit is contained in:
Nilstrieb 2021-02-14 16:51:44 +01:00
parent 09b83bba13
commit 22c93171a0
29 changed files with 21 additions and 21 deletions

View file

@ -1,2 +0,0 @@
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#fff}#parent{display:grid;grid-template-rows:150px auto;grid-template-areas:"header" "main"}main{grid-area:main}:root{--nav-color:#b0c2ce;--nav-hover-color:#a9a9a9}header{grid-area:header}header h1{margin-top:50px}main{margin:10px}nav{list-style-type:none;overflow:visible;background-color:#b0c2ce;background-color:var(--nav-color);width:100%;position:fixed;top:0;height:50px;z-index:1}nav,nav ul{margin:0;padding:0}nav ul,nav ul li{height:100%}nav ul li{float:left;border-right:1px solid grey;width:15%;position:relative;display:inline-block;font-size:1.8em;background-color:#b0c2ce;background-color:var(--nav-color);cursor:pointer;margin:auto}nav ul li:hover{background-color:#a9a9a9;color:#a9a9a9;color:var(--nav-hover-color);transition-duration:.4s}nav ul li a{display:block;text-align:center;text-decoration:none;color:#000;width:100%;height:100%;background-color:#b0c2ce;background-color:var(--nav-color);border:none;cursor:pointer}nav ul li a:focus{outline:0}nav ul li a:hover{background-color:#a9a9a9;background-color:var(--nav-hover-color)}nav ul li .content{display:none;background-color:#b0c2ce;background-color:var(--nav-color);z-index:1;width:100%}nav ul li:hover .content{display:block}nav ul li .content a{padding:8px 0}:root{--model-image-height:200px}.model{position:relative;text-align:center;display:inline-block;transform:scale(1)}.model,.model:hover{color:#fff;transition-duration:.1s;transition-timing-function:ease-out}.model:hover{transform:scale(1.02)}.model .model-info{visibility:hidden;height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:200px;line-height:var(--model-image-height)}.model:hover .model-info{visibility:visible;background-color:rgba(0,0,0,.5)}.model img{height:200px;height:var(--model-image-height)}.model-info-text{vertical-align:middle;display:inline-block;font-size:1.5em}
/*# sourceMappingURL=main.59edd118.chunk.css.map */

View file

@ -1 +0,0 @@
{"version":3,"sources":["webpack://src/app.css","webpack://src/Plane.css"],"names":[],"mappings":"AAAA,KACI,QAAS,CACT,mJAEU,CACV,kCAAmC,CACnC,iCAAkC,CAElC,wBAAyB,CACzB,UACJ,CAEA,QACI,YAAa,CACb,6BAA8B,CAC9B,mCAEJ,CAEA,KACI,cACJ,CAEA,MACI,mBAA+B,CAC/B,yBACJ,CAEA,OACI,gBACJ,CAEA,UACI,eACJ,CAEA,KACI,WACJ,CAGA,IACI,oBAAqB,CAGrB,gBAAiB,CACjB,wBAAkC,CAAlC,iCAAkC,CAClC,UAAW,CAEX,cAAe,CACf,KAAM,CACN,WAAY,CAEZ,SACJ,CAGA,WAdI,QAAS,CACT,SAiBJ,CAGA,iBANI,WAkBJ,CAZA,UACI,UAAW,CACX,2BAA4B,CAE5B,SAAU,CACV,iBAAkB,CAClB,oBAAqB,CAErB,eAAgB,CAChB,wBAAkC,CAAlC,iCAAkC,CAClC,cAAe,CACf,WACJ,CAGA,gBACI,wBAA0B,CAC1B,aAA6B,CAA7B,4BAA6B,CAC7B,uBACJ,CAGA,YACI,aAAc,CACd,iBAAkB,CAClB,oBAAqB,CACrB,UAAY,CACZ,UAAW,CACX,WAAY,CACZ,wBAAkC,CAAlC,iCAAkC,CAClC,WAAY,CACZ,cACJ,CAGA,kBACI,SACJ,CAGA,kBACI,wBAAwC,CAAxC,uCACJ,CAGA,mBACI,YAAa,CACb,wBAAkC,CAAlC,iCAAkC,CAClC,SAAU,CACV,UACJ,CAGA,yBACI,aACJ,CAGA,qBACI,aACJ,CC5HA,MACI,0BACJ,CAEA,OACI,iBAAkB,CAClB,iBAAkB,CAElB,oBAAqB,CACrB,kBAGJ,CAEA,oBAPI,UAAY,CAGZ,uBAAyB,CACzB,mCAQJ,CALA,aAEI,qBAGJ,CAEA,mBACI,iBAAkB,CAElB,WAAY,CACZ,UAAW,CAEX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,8BAAgC,CAEhC,iBAAsC,CAAtC,qCACJ,CAEA,yBACI,kBAAmB,CACnB,+BACJ,CAEA,WACI,YAAiC,CAAjC,gCACJ,CAGA,iBACI,qBAAsB,CACtB,oBAAqB,CAErB,eACJ","file":"main.59edd118.chunk.css","sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n background-color: #282c34;\n color: white;\n}\n\n#parent {\n display: grid;\n grid-template-rows: 150px auto;\n grid-template-areas: \"header\"\n \"main\";\n}\n\nmain {\n grid-area: main;\n}\n\n:root {\n --nav-color: rgb(176, 194, 206);\n --nav-hover-color: darkgrey;\n}\n\nheader {\n grid-area: header;\n}\n\nheader h1 {\n margin-top: 50px;\n}\n\nmain {\n margin: 10px;\n}\n\n/*Navigation*/\nnav {\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: visible;\n background-color: var(--nav-color);\n width: 100%;\n\n position: fixed;\n top: 0;\n height: 50px;\n\n z-index: 1;\n}\n\n/*main ul*/\nnav ul {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n/*nav li item*/\nnav ul li {\n float: left;\n border-right: 1px solid gray;\n height: 100%;\n width: 15%;\n position: relative;\n display: inline-block;\n\n font-size: 1.8em;\n background-color: var(--nav-color);\n cursor: pointer;\n margin: auto;\n}\n\n/*nav li item on hover*/\nnav ul li:hover {\n background-color: darkgray;\n color: var(--nav-hover-color);\n transition-duration: 0.4s;\n}\n\n/*all nav a*/\nnav ul li a {\n display: block;\n text-align: center;\n text-decoration: none;\n color: black;\n width: 100%;\n height: 100%;\n background-color: var(--nav-color);\n border: none;\n cursor: pointer;\n}\n\n/*all nav a focus - remove outline so it looks like a normal link*/\nnav ul li a:focus {\n outline: 0;\n}\n\n/*all nav a hover*/\nnav ul li a:hover {\n background-color: var(--nav-hover-color);\n}\n\n/*drop menu*/\nnav ul li .content {\n display: none;\n background-color: var(--nav-color);\n z-index: 1;\n width: 100%;\n}\n\n/*drop menu main hover*/\nnav ul li:hover .content {\n display: block;\n}\n\n/*drop menu a*/\nnav ul li .content a {\n padding: 8px 0 8px 0;\n}",":root {\r\n --model-image-height: 200px;\r\n}\r\n\r\n.model {\r\n position: relative;\r\n text-align: center;\r\n color: white;\r\n display: inline-block;\r\n transform: scale(1);\r\n transition-duration: 0.1s;\r\n transition-timing-function: ease-out;\r\n}\r\n\r\n.model:hover {\r\n color: white;\r\n transform: scale(1.02);\r\n transition-duration: 0.1s;\r\n transition-timing-function: ease-out;\r\n}\r\n\r\n.model .model-info {\r\n visibility: hidden;\r\n\r\n height: 100%;\r\n width: 100%;\r\n\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n\r\n line-height: var(--model-image-height);\r\n}\r\n\r\n.model:hover .model-info {\r\n visibility: visible;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.model img {\r\n height: var(--model-image-height);\r\n}\r\n\r\n\r\n.model-info-text {\r\n vertical-align: middle;\r\n display: inline-block;\r\n\r\n font-size: 1.5em;\r\n}"]}

View file

@ -0,0 +1,2 @@
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#fff}#parent{display:grid;grid-template-rows:100px auto;grid-template-areas:"header" "main"}p{width:1000px}main{grid-area:main}:root{--nav-color:#b0c2ce;--nav-hover-color:#a9a9a9}header{grid-area:header}header h1{margin-top:50px;margin-bottom:0}header h1,main{margin-left:10px}nav{list-style-type:none;overflow:visible;background-color:#b0c2ce;background-color:var(--nav-color);width:100%;position:fixed;top:0;height:50px;z-index:1}nav,nav ul{margin:0;padding:0}nav ul,nav ul li{height:100%}nav ul li{float:left;border-right:1px solid grey;width:15%;position:relative;display:inline-block;font-size:1.8em;background-color:#b0c2ce;background-color:var(--nav-color);cursor:pointer;margin:auto}nav ul li:hover{background-color:#a9a9a9;color:#a9a9a9;color:var(--nav-hover-color);transition-duration:.4s}nav ul li a{display:block;text-align:center;text-decoration:none;color:#000;width:100%;height:100%;background-color:#b0c2ce;background-color:var(--nav-color);border:none;cursor:pointer}nav ul li a:focus{outline:0}nav ul li a:hover{background-color:#a9a9a9;background-color:var(--nav-hover-color)}nav ul li .content{display:none;background-color:#b0c2ce;background-color:var(--nav-color);z-index:1;width:100%}nav ul li:hover .content{display:block}nav ul li .content a{padding:8px 0}:root{--model-image-height:200px}.model{position:relative;text-align:center;display:inline-block;transform:scale(1)}.model,.model:hover{color:#fff;transition-duration:.1s;transition-timing-function:ease-out}.model:hover{transform:scale(1.02)}.model .model-info{visibility:hidden;height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:200px;line-height:var(--model-image-height)}.model:hover .model-info{visibility:visible;background-color:rgba(0,0,0,.5)}.model img{height:200px;height:var(--model-image-height)}.model-info-text{vertical-align:middle;display:inline-block;font-size:1.5em}.plane-image{height:500px}
/*# sourceMappingURL=main.dbf8cef6.chunk.css.map */

View file

@ -0,0 +1 @@
{"version":3,"sources":["webpack://src/app.css","webpack://src/plane_preview.css","webpack://src/plane.css"],"names":[],"mappings":"AAAA,KACI,QAAS,CACT,mJAEU,CACV,kCAAmC,CACnC,iCAAkC,CAElC,wBAAyB,CACzB,UACJ,CAEA,QACI,YAAa,CACb,6BAA8B,CAC9B,mCAEJ,CAEA,EACI,YACJ,CAEA,KACI,cACJ,CAEA,MACI,mBAA+B,CAC/B,yBACJ,CAEA,OACI,gBACJ,CAEA,UACI,eAAgB,CAEhB,eACJ,CAEA,eAJI,gBAMJ,CAGA,IACI,oBAAqB,CAGrB,gBAAiB,CACjB,wBAAkC,CAAlC,iCAAkC,CAClC,UAAW,CAEX,cAAe,CACf,KAAM,CACN,WAAY,CAEZ,SACJ,CAGA,WAdI,QAAS,CACT,SAiBJ,CAGA,iBANI,WAkBJ,CAZA,UACI,UAAW,CACX,2BAA4B,CAE5B,SAAU,CACV,iBAAkB,CAClB,oBAAqB,CAErB,eAAgB,CAChB,wBAAkC,CAAlC,iCAAkC,CAClC,cAAe,CACf,WACJ,CAGA,gBACI,wBAA0B,CAC1B,aAA6B,CAA7B,4BAA6B,CAC7B,uBACJ,CAGA,YACI,aAAc,CACd,iBAAkB,CAClB,oBAAqB,CACrB,UAAY,CACZ,UAAW,CACX,WAAY,CACZ,wBAAkC,CAAlC,iCAAkC,CAClC,WAAY,CACZ,cACJ,CAGA,kBACI,SACJ,CAGA,kBACI,wBAAwC,CAAxC,uCACJ,CAGA,mBACI,YAAa,CACb,wBAAkC,CAAlC,iCAAkC,CAClC,SAAU,CACV,UACJ,CAGA,yBACI,aACJ,CAGA,qBACI,aACJ,CClIA,MACI,0BACJ,CAEA,OACI,iBAAkB,CAClB,iBAAkB,CAElB,oBAAqB,CACrB,kBAGJ,CAEA,oBAPI,UAAY,CAGZ,uBAAyB,CACzB,mCAQJ,CALA,aAEI,qBAGJ,CAEA,mBACI,iBAAkB,CAElB,WAAY,CACZ,UAAW,CAEX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,8BAAgC,CAEhC,iBAAsC,CAAtC,qCACJ,CAEA,yBACI,kBAAmB,CACnB,+BACJ,CAEA,WACI,YAAiC,CAAjC,gCACJ,CAGA,iBACI,qBAAsB,CACtB,oBAAqB,CAErB,eACJ,CClDA,aACI,YACJ","file":"main.dbf8cef6.chunk.css","sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n background-color: #282c34;\n color: white;\n}\n\n#parent {\n display: grid;\n grid-template-rows: 100px auto;\n grid-template-areas: \"header\"\n \"main\";\n}\n\np {\n width: 1000px;\n}\n\nmain {\n grid-area: main;\n}\n\n:root {\n --nav-color: rgb(176, 194, 206);\n --nav-hover-color: darkgrey;\n}\n\nheader {\n grid-area: header;\n}\n\nheader h1 {\n margin-top: 50px;\n margin-left: 10px;\n margin-bottom: 0;\n}\n\nmain {\n margin-left: 10px;\n}\n\n/*Navigation*/\nnav {\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: visible;\n background-color: var(--nav-color);\n width: 100%;\n\n position: fixed;\n top: 0;\n height: 50px;\n\n z-index: 1;\n}\n\n/*main ul*/\nnav ul {\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n/*nav li item*/\nnav ul li {\n float: left;\n border-right: 1px solid gray;\n height: 100%;\n width: 15%;\n position: relative;\n display: inline-block;\n\n font-size: 1.8em;\n background-color: var(--nav-color);\n cursor: pointer;\n margin: auto;\n}\n\n/*nav li item on hover*/\nnav ul li:hover {\n background-color: darkgray;\n color: var(--nav-hover-color);\n transition-duration: 0.4s;\n}\n\n/*all nav a*/\nnav ul li a {\n display: block;\n text-align: center;\n text-decoration: none;\n color: black;\n width: 100%;\n height: 100%;\n background-color: var(--nav-color);\n border: none;\n cursor: pointer;\n}\n\n/*all nav a focus - remove outline so it looks like a normal link*/\nnav ul li a:focus {\n outline: 0;\n}\n\n/*all nav a hover*/\nnav ul li a:hover {\n background-color: var(--nav-hover-color);\n}\n\n/*drop menu*/\nnav ul li .content {\n display: none;\n background-color: var(--nav-color);\n z-index: 1;\n width: 100%;\n}\n\n/*drop menu main hover*/\nnav ul li:hover .content {\n display: block;\n}\n\n/*drop menu a*/\nnav ul li .content a {\n padding: 8px 0 8px 0;\n}",":root {\r\n --model-image-height: 200px;\r\n}\r\n\r\n.model {\r\n position: relative;\r\n text-align: center;\r\n color: white;\r\n display: inline-block;\r\n transform: scale(1);\r\n transition-duration: 0.1s;\r\n transition-timing-function: ease-out;\r\n}\r\n\r\n.model:hover {\r\n color: white;\r\n transform: scale(1.02);\r\n transition-duration: 0.1s;\r\n transition-timing-function: ease-out;\r\n}\r\n\r\n.model .model-info {\r\n visibility: hidden;\r\n\r\n height: 100%;\r\n width: 100%;\r\n\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n\r\n line-height: var(--model-image-height);\r\n}\r\n\r\n.model:hover .model-info {\r\n visibility: visible;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.model img {\r\n height: var(--model-image-height);\r\n}\r\n\r\n\r\n.model-info-text {\r\n vertical-align: middle;\r\n display: inline-block;\r\n\r\n font-size: 1.5em;\r\n}",".plane-image {\r\n height: 500px;\r\n}"]}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,2 +0,0 @@
(this.webpackJsonpuntitled=this.webpackJsonpuntitled||[]).push([[0],{25:function(e,t,n){},26:function(e,t,n){},33:function(e,t,n){"use strict";n.r(t);var c=n(1),r=n.n(c),i=n(19),j=n.n(i),s=n(8),l=n(9),a=n(11),b=n(10),o=n(2),d=n(3),u=(n(25),n(26),n(0)),O=function(e){Object(a.a)(n,e);var t=Object(b.a)(n);function n(e){var c;return Object(s.a)(this,n),(c=t.call(this,e)).state={name:"",src:""},c}return Object(l.a)(n,[{key:"render",value:function(){return Object(u.jsxs)(o.b,{to:"/flugzeug/"+this.state.name,className:"model",children:[Object(u.jsx)("img",{src:"/hugos-lieblingsflugzeuge/img/"+this.state.src,alt:this.state.name}),Object(u.jsx)("div",{className:"model-info",children:Object(u.jsx)("span",{className:"model-info-text",children:this.state.name})})]})}}],[{key:"getDerivedStateFromProps",value:function(e){return{name:e.name,src:e.src}}}]),n}(c.Component),h=function(e){Object(a.a)(n,e);var t=Object(b.a)(n);function n(){return Object(s.a)(this,n),t.apply(this,arguments)}return Object(l.a)(n,[{key:"render",value:function(){var e=Array(100).fill(1).map((function(e,t){return e+t})).map((function(e){return Object(u.jsx)(O,{src:"f22.png",name:"F"+(20+e)+" Raptor"})}));return Object(u.jsxs)("div",{children:[e,Object(u.jsx)(O,{src:"harrier.jpg",name:"AV-8B Harrier"})]})}}]),n}(r.a.Component),x=function(e){Object(a.a)(n,e);var t=Object(b.a)(n);function n(){return Object(s.a)(this,n),t.apply(this,arguments)}return Object(l.a)(n,[{key:"render",value:function(){return Object(u.jsxs)("div",{children:[Object(u.jsx)("h1",{children:"Hugos Favoriten"}),Object(u.jsx)(O,{src:"f22.png",name:"F-22 Raptor"})]})}}]),n}(c.Component),p=function(e){Object(a.a)(n,e);var t=Object(b.a)(n);function n(){return Object(s.a)(this,n),t.apply(this,arguments)}return Object(l.a)(n,[{key:"render",value:function(){return Object(u.jsx)(o.a,{children:Object(u.jsxs)("div",{id:"parent",children:[Object(u.jsxs)("header",{children:[Object(u.jsx)(m,{}),Object(u.jsx)("h1",{children:"Hugos Lieblingsflugzeuge"})]}),Object(u.jsxs)("main",{children:[Object(u.jsx)(d.a,{exact:!0,path:"/",component:x}),Object(u.jsx)(d.a,{path:"/militaer/modern",component:h})]}),Object(u.jsx)(f,{})]})})}}]),n}(c.Component),m=function(e){Object(a.a)(n,e);var t=Object(b.a)(n);function n(){return Object(s.a)(this,n),t.apply(this,arguments)}return Object(l.a)(n,[{key:"render",value:function(){return Object(u.jsx)("nav",{children:Object(u.jsxs)("ul",{children:[Object(u.jsx)("li",{children:Object(u.jsx)(o.b,{to:"/",children:"Start"})}),Object(u.jsxs)("li",{children:[Object(u.jsx)(o.b,{to:"/",children:"Milit\xe4rflugzeuge"}),Object(u.jsxs)("div",{className:"content",children:[Object(u.jsx)(o.b,{to:"/",children:"Erste Weltkrieg"}),Object(u.jsx)(o.b,{to:"/",children:"Zwischenkriegszeit"}),Object(u.jsx)(o.b,{to:"/",children:"Zweiter Weltkrieg"}),Object(u.jsx)(o.b,{to:"/",children:"Kalter Krieg"}),Object(u.jsx)(o.b,{to:"/militaer/modern",children:"Moderne"})]})]}),Object(u.jsxs)("li",{children:[Object(u.jsx)(o.b,{to:"/",children:"Airliner"}),Object(u.jsxs)("div",{className:"content",children:[Object(u.jsx)(o.b,{to:"/",children:"Boeing"}),Object(u.jsx)(o.b,{to:"/",children:"Airbus"}),Object(u.jsx)(o.b,{to:"/",children:"Andere"})]})]}),Object(u.jsxs)("li",{children:[Object(u.jsx)(o.b,{to:"/",children:"Sportflugzeuge"}),Object(u.jsxs)("div",{className:"content",children:[Object(u.jsx)(o.b,{to:"/",children:"Doppeldecker"}),Object(u.jsx)(o.b,{to:"/",children:"Propellerflugzeuge"}),Object(u.jsx)(o.b,{to:"/",children:"Segelflugzeuge"}),Object(u.jsx)(o.b,{to:"/",children:"Andere"})]})]}),Object(u.jsxs)("li",{children:[Object(u.jsx)(o.b,{to:"/",children:"Spezielle"}),Object(u.jsxs)("div",{className:"content",children:[Object(u.jsx)(o.b,{to:"/",children:"Helikopter"}),Object(u.jsx)(o.b,{to:"/",children:"Zeppeline"}),Object(u.jsx)(o.b,{to:"/",children:"Andere"})]})]})]})})}}]),n}(c.Component),f=function(e){Object(a.a)(n,e);var t=Object(b.a)(n);function n(){return Object(s.a)(this,n),t.apply(this,arguments)}return Object(l.a)(n,[{key:"render",value:function(){return Object(u.jsx)("footer",{children:Object(u.jsx)("div",{children:"\xa9 Hugo"})})}}]),n}(c.Component);j.a.render(Object(u.jsx)(p,{}),document.getElementById("root"))}},[[33,1,2]]]);
//# sourceMappingURL=main.d219f5db.chunk.js.map

File diff suppressed because one or more lines are too long