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,20 +1,20 @@
{
"files": {
"main.css": "/hugos-lieblingsflugzeuge/static/css/main.59edd118.chunk.css",
"main.js": "/hugos-lieblingsflugzeuge/static/js/main.d219f5db.chunk.js",
"main.js.map": "/hugos-lieblingsflugzeuge/static/js/main.d219f5db.chunk.js.map",
"main.css": "/hugos-lieblingsflugzeuge/static/css/main.dbf8cef6.chunk.css",
"main.js": "/hugos-lieblingsflugzeuge/static/js/main.4e52d939.chunk.js",
"main.js.map": "/hugos-lieblingsflugzeuge/static/js/main.4e52d939.chunk.js.map",
"runtime-main.js": "/hugos-lieblingsflugzeuge/static/js/runtime-main.b33b4f25.js",
"runtime-main.js.map": "/hugos-lieblingsflugzeuge/static/js/runtime-main.b33b4f25.js.map",
"static/js/2.3eb25868.chunk.js": "/hugos-lieblingsflugzeuge/static/js/2.3eb25868.chunk.js",
"static/js/2.3eb25868.chunk.js.map": "/hugos-lieblingsflugzeuge/static/js/2.3eb25868.chunk.js.map",
"static/js/2.61017981.chunk.js": "/hugos-lieblingsflugzeuge/static/js/2.61017981.chunk.js",
"static/js/2.61017981.chunk.js.map": "/hugos-lieblingsflugzeuge/static/js/2.61017981.chunk.js.map",
"index.html": "/hugos-lieblingsflugzeuge/index.html",
"static/css/main.59edd118.chunk.css.map": "/hugos-lieblingsflugzeuge/static/css/main.59edd118.chunk.css.map",
"static/js/2.3eb25868.chunk.js.LICENSE.txt": "/hugos-lieblingsflugzeuge/static/js/2.3eb25868.chunk.js.LICENSE.txt"
"static/css/main.dbf8cef6.chunk.css.map": "/hugos-lieblingsflugzeuge/static/css/main.dbf8cef6.chunk.css.map",
"static/js/2.61017981.chunk.js.LICENSE.txt": "/hugos-lieblingsflugzeuge/static/js/2.61017981.chunk.js.LICENSE.txt"
},
"entrypoints": [
"static/js/runtime-main.b33b4f25.js",
"static/js/2.3eb25868.chunk.js",
"static/css/main.59edd118.chunk.css",
"static/js/main.d219f5db.chunk.js"
"static/js/2.61017981.chunk.js",
"static/css/main.dbf8cef6.chunk.css",
"static/js/main.4e52d939.chunk.js"
]
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 529 KiB

BIN
img/airliner/boeing/787.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 257 KiB

BIN
img/hugo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 645 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 334 KiB

View file

Before

Width:  |  Height:  |  Size: 492 KiB

After

Width:  |  Height:  |  Size: 492 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 781 KiB

View file

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 552 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 623 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 706 KiB

View file

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/hugos-lieblingsflugzeuge/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/hugos-lieblingsflugzeuge/logo192.png"/><link rel="manifest" href="/hugos-lieblingsflugzeuge/manifest.json"/><title>Hugo</title><link href="/hugos-lieblingsflugzeuge/static/css/main.59edd118.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,l,i=t[0],f=t[1],a=t[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(p&&p(t);s.length;)s.shift()();return u.push.apply(u,a||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,i=1;i<r.length;i++){var f=r[i];0!==o[f]&&(n=!1)}n&&(u.splice(t--,1),e=l(l.s=r[0]))}return e}var n={},o={1:0},u=[];function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,r){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(r,n,function(t){return e[t]}.bind(null,n));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/hugos-lieblingsflugzeuge/";var i=this.webpackJsonpuntitled=this.webpackJsonpuntitled||[],f=i.push.bind(i);i.push=t,i=i.slice();for(var a=0;a<i.length;a++)t(i[a]);var p=f;r()}([])</script><script src="/hugos-lieblingsflugzeuge/static/js/2.3eb25868.chunk.js"></script><script src="/hugos-lieblingsflugzeuge/static/js/main.d219f5db.chunk.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/hugos-lieblingsflugzeuge/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/hugos-lieblingsflugzeuge/logo192.png"/><link rel="manifest" href="/hugos-lieblingsflugzeuge/manifest.json"/><title>Hugo</title><link href="/hugos-lieblingsflugzeuge/static/css/main.dbf8cef6.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,l,i=t[0],f=t[1],a=t[2],c=0,s=[];c<i.length;c++)l=i[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(p&&p(t);s.length;)s.shift()();return u.push.apply(u,a||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,i=1;i<r.length;i++){var f=r[i];0!==o[f]&&(n=!1)}n&&(u.splice(t--,1),e=l(l.s=r[0]))}return e}var n={},o={1:0},u=[];function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,r){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(r,n,function(t){return e[t]}.bind(null,n));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/hugos-lieblingsflugzeuge/";var i=this.webpackJsonpuntitled=this.webpackJsonpuntitled||[],f=i.push.bind(i);i.push=t,i=i.slice();for(var a=0;a<i.length;a++)t(i[a]);var p=f;r()}([])</script><script src="/hugos-lieblingsflugzeuge/static/js/2.61017981.chunk.js"></script><script src="/hugos-lieblingsflugzeuge/static/js/main.4e52d939.chunk.js"></script></body></html>

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