This commit is contained in:
Nilstrieb 2021-02-13 18:42:57 +01:00
parent 666ed243e0
commit ef74a238b7
17 changed files with 30 additions and 23 deletions

View file

@ -1,22 +1,20 @@
{
"files": {
"main.css": "/hugos-lieblingsflugzeuge/static/css/main.241b79e6.chunk.css",
"main.js": "/hugos-lieblingsflugzeuge/static/js/main.283c4b0a.chunk.js",
"main.js.map": "/hugos-lieblingsflugzeuge/static/js/main.283c4b0a.chunk.js.map",
"main.css": "/hugos-lieblingsflugzeuge/static/css/main.59edd118.chunk.css",
"main.js": "/hugos-lieblingsflugzeuge/static/js/main.6fe4f93e.chunk.js",
"main.js.map": "/hugos-lieblingsflugzeuge/static/js/main.6fe4f93e.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.9393055b.chunk.js": "/hugos-lieblingsflugzeuge/static/js/2.9393055b.chunk.js",
"static/js/2.9393055b.chunk.js.map": "/hugos-lieblingsflugzeuge/static/js/2.9393055b.chunk.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",
"index.html": "/hugos-lieblingsflugzeuge/index.html",
"static/css/main.241b79e6.chunk.css.map": "/hugos-lieblingsflugzeuge/static/css/main.241b79e6.chunk.css.map",
"static/js/2.9393055b.chunk.js.LICENSE.txt": "/hugos-lieblingsflugzeuge/static/js/2.9393055b.chunk.js.LICENSE.txt",
"static/media/av-8b-harrier-1986422_1920.e16c5cf3.jpg": "/hugos-lieblingsflugzeuge/static/media/av-8b-harrier-1986422_1920.e16c5cf3.jpg",
"static/media/raptor-1040097_1920.ce44789d.png": "/hugos-lieblingsflugzeuge/static/media/raptor-1040097_1920.ce44789d.png"
"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"
},
"entrypoints": [
"static/js/runtime-main.b33b4f25.js",
"static/js/2.9393055b.chunk.js",
"static/css/main.241b79e6.chunk.css",
"static/js/main.283c4b0a.chunk.js"
"static/js/2.3eb25868.chunk.js",
"static/css/main.59edd118.chunk.css",
"static/js/main.6fe4f93e.chunk.js"
]
}

View file

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 492 KiB

After

Width:  |  Height:  |  Size: 492 KiB

Before After
Before After

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.241b79e6.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.9393055b.chunk.js"></script><script src="/hugos-lieblingsflugzeuge/static/js/main.283c4b0a.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.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.6fe4f93e.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}.model{display:inline-block}.model img{height:200px}:root{--nav-color:#b0c2ce;--nav-hover-color:#a9a9a9}header{grid-area:header}header h1{margin-top:50px;text-align:center}nav{list-style-type:none;overflow:visible;background-color:#b0c2ce;background-color:var(--nav-color);width:100%;position:fixed;top:0;height:50px}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.5em;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 button{display:block;text-align:center;color:#000;width:100%;height:100%;background-color:#b0c2ce;background-color:var(--nav-color);border:none;cursor:pointer}nav ul li button:focus{outline:0}nav ul li button:hover{background-color:#a9a9a9;background-color:var(--nav-hover-color)}nav ul li div{display:none;background-color:#b0c2ce;background-color:var(--nav-color);z-index:1;width:100%}nav ul li:hover div{display:block}nav ul li div button{padding:8px 0}
/*# sourceMappingURL=main.241b79e6.chunk.css.map */

View file

@ -1 +0,0 @@
{"version":3,"sources":["webpack://src/app.css","webpack://src/template.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,OACI,oBACJ,CAEA,WACI,YACJ,CC7BA,MACI,mBAA+B,CAC/B,yBACJ,CAEA,OACI,gBACJ,CAEA,UACI,eAAgB,CAChB,iBACJ,CAGA,IACI,oBAAqB,CAGrB,gBAAiB,CACjB,wBAAkC,CAAlC,iCAAkC,CAClC,UAAW,CAEX,cAAe,CACf,KAAM,CACN,WACJ,CAGA,WAZI,QAAS,CACT,SAeJ,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,iBACI,aAAc,CACd,iBAAkB,CAClB,UAAY,CACZ,UAAW,CACX,WAAY,CACZ,wBAAkC,CAAlC,iCAAkC,CAClC,WAAY,CACZ,cACJ,CAGA,uBACI,SACJ,CAGA,uBACI,wBAAwC,CAAxC,uCACJ,CAGA,cACI,YAAa,CACb,wBAAkC,CAAlC,iCAAkC,CAClC,SAAU,CACV,UACJ,CAGA,oBACI,aACJ,CAGA,qBACI,aACJ","file":"main.241b79e6.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.model {\n display: inline-block;\n}\n\n.model img {\n height: 200px;\n}",":root {\r\n --nav-color: rgb(176, 194, 206);\r\n --nav-hover-color: darkgrey;\r\n}\r\n\r\nheader {\r\n grid-area: header;\r\n}\r\n\r\nheader h1 {\r\n margin-top: 50px;\r\n text-align: center;\r\n}\r\n\r\n/*Navigation*/\r\nnav {\r\n list-style-type: none;\r\n margin: 0;\r\n padding: 0;\r\n overflow: visible;\r\n background-color: var(--nav-color);\r\n width: 100%;\r\n\r\n position: fixed;\r\n top: 0;\r\n height: 50px;\r\n}\r\n\r\n/*main ul*/\r\nnav ul {\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n/*nav li item*/\r\nnav ul li {\r\n float: left;\r\n border-right: 1px solid gray;\r\n height: 100%;\r\n width: 15%;\r\n position: relative;\r\n display: inline-block;\r\n\r\n font-size: 1.5em;\r\n background-color: var(--nav-color);\r\n cursor: pointer;\r\n margin: auto;\r\n}\r\n\r\n/*nav li item on hover*/\r\nnav ul li:hover {\r\n background-color: darkgray;\r\n color: var(--nav-hover-color);\r\n transition-duration: 0.4s;\r\n}\r\n\r\n/*all nav button*/\r\nnav ul li button {\r\n display: block;\r\n text-align: center;\r\n color: black;\r\n width: 100%;\r\n height: 100%;\r\n background-color: var(--nav-color);\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n/*all nav button focus - remove outline so it looks like a normal link*/\r\nnav ul li button:focus {\r\n outline: 0;\r\n}\r\n\r\n/*all nav a hover*/\r\nnav ul li button:hover {\r\n background-color: var(--nav-hover-color);\r\n}\r\n\r\n/*drop menu*/\r\nnav ul li div {\r\n display: none;\r\n background-color: var(--nav-color);\r\n z-index: 1;\r\n width: 100%;\r\n}\r\n\r\n/*drop menu main hover*/\r\nnav ul li:hover div {\r\n display: block;\r\n}\r\n\r\n/*drop menu button*/\r\nnav ul li div button {\r\n padding: 8px 0 8px 0;\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: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

@ -0,0 +1 @@
{"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}"]}

File diff suppressed because one or more lines are too long

View file

@ -13,6 +13,15 @@ object-assign
* LICENSE file in the root directory of this source tree.
*/
/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/** @license React v17.0.1
* react-dom.production.min.js
*

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],{12:function(e,t,n){},13:function(e,t,n){},15:function(e,t,n){"use strict";n.r(t);var c=n(1),i=n.n(c),r=n(7),j=n.n(r),l=n(2),s=n(3),b=n(5),o=n(4),u=(n(12),n(13),n.p+"static/media/raptor-1040097_1920.ce44789d.png"),a=n.p+"static/media/av-8b-harrier-1986422_1920.e16c5cf3.jpg",d=n(0),O=function(e){Object(b.a)(n,e);var t=Object(o.a)(n);function n(){return Object(l.a)(this,n),t.apply(this,arguments)}return Object(s.a)(n,[{key:"render",value:function(){var e=Array(100).fill(1).map((function(e,t){return e+t})).map((function(e){return Object(d.jsx)(h,{img:u,name:"F"+(20+e)+" Raptor"})}));return Object(d.jsxs)("div",{children:[e,Object(d.jsx)(h,{img:a,name:"AV-8B Harrier"})]})}}]),n}(i.a.Component),h=function(e){Object(b.a)(n,e);var t=Object(o.a)(n);function n(e){var c;return Object(l.a)(this,n),(c=t.call(this,e)).state={img:"",name:""},c}return Object(s.a)(n,[{key:"render",value:function(){return Object(d.jsxs)("div",{className:"model",children:[Object(d.jsx)("img",{src:this.state.img,alt:this.state.name}),Object(d.jsx)("div",{children:this.state.name})]})}}],[{key:"getDerivedStateFromProps",value:function(e){return{img:e.img,name:e.name}}}]),n}(i.a.Component),x=function(e){Object(b.a)(n,e);var t=Object(o.a)(n);function n(){return Object(l.a)(this,n),t.apply(this,arguments)}return Object(s.a)(n,[{key:"render",value:function(){return Object(d.jsxs)("div",{id:"parent",children:[Object(d.jsxs)("header",{children:[Object(d.jsx)(p,{}),Object(d.jsx)("h1",{children:"Hugos Lieblingsflugzeuge"})]}),Object(d.jsx)("main",{children:Object(d.jsx)(O,{})}),Object(d.jsx)(k,{})]})}}]),n}(i.a.Component),p=function(e){Object(b.a)(n,e);var t=Object(o.a)(n);function n(){return Object(l.a)(this,n),t.apply(this,arguments)}return Object(s.a)(n,[{key:"render",value:function(){return Object(d.jsx)("nav",{children:Object(d.jsxs)("ul",{children:[Object(d.jsx)("li",{children:Object(d.jsx)("button",{onClick:"",children:"Start"})}),Object(d.jsxs)("li",{children:[Object(d.jsx)("button",{onClick:"",children:"Milit\xe4rflugzeuge"}),Object(d.jsxs)("div",{children:[Object(d.jsx)("button",{onClick:"",children:"Erste Weltkrieg"}),Object(d.jsx)("button",{onClick:"",children:"Zwischenkriegszeit"}),Object(d.jsx)("button",{onClick:"",children:"Zweiter Weltkrieg"}),Object(d.jsx)("button",{onClick:"",children:"Kalter Krieg"}),Object(d.jsx)("button",{onClick:"",children:"Moderne"})]})]}),Object(d.jsxs)("li",{children:[Object(d.jsx)("button",{onClick:"",children:"Airliner"}),Object(d.jsxs)("div",{children:[Object(d.jsx)("button",{onClick:"",children:"Boeing"}),Object(d.jsx)("button",{onClick:"",children:"Airbus"}),Object(d.jsx)("button",{onClick:"",children:"Andere"})]})]}),Object(d.jsxs)("li",{children:[Object(d.jsx)("button",{onClick:"",children:"Sportflugzeuge"}),Object(d.jsxs)("div",{children:[Object(d.jsx)("button",{onClick:"",children:"Doppeldecker"}),Object(d.jsx)("button",{onClick:"",children:"Propellerflugzeuge"}),Object(d.jsx)("button",{onClick:"",children:"Segelflugzeuge"}),Object(d.jsx)("button",{onClick:"",children:"Andere"})]})]}),Object(d.jsxs)("li",{children:[Object(d.jsx)("button",{onClick:"",children:"Spezielle"}),Object(d.jsxs)("div",{children:[Object(d.jsx)("button",{onClick:"",children:"Helikopter"}),Object(d.jsx)("button",{onClick:"",children:"Zeppeline"}),Object(d.jsx)("button",{onClick:"",children:"Andere"})]})]})]})})}}]),n}(i.a.Component),k=function(e){Object(b.a)(n,e);var t=Object(o.a)(n);function n(){return Object(l.a)(this,n),t.apply(this,arguments)}return Object(s.a)(n,[{key:"render",value:function(){return Object(d.jsx)("footer",{children:Object(d.jsx)("div",{children:"hi"})})}}]),n}(i.a.Component);j.a.render(Object(d.jsx)(x,{}),document.getElementById("root"))}},[[15,1,2]]]);
//# sourceMappingURL=main.283c4b0a.chunk.js.map

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,2 @@
(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),b=n(11),a=n(10),o=n(2),d=n(3),O=(n(25),n(26),n(0)),u=function(e){Object(b.a)(n,e);var t=Object(a.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(O.jsxs)("a",{href:"",className:"model",children:[Object(O.jsx)("img",{src:"/hugos-lieblingsflugzeuge/img/"+this.state.src,alt:this.state.name}),Object(O.jsx)("div",{className:"model-info",children:Object(O.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(b.a)(n,e);var t=Object(a.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(O.jsx)(u,{src:"f22.png",name:"F"+(20+e)+" Raptor"})}));return Object(O.jsxs)("div",{children:[e,Object(O.jsx)(u,{src:"harrier.jpg",name:"AV-8B Harrier"})]})}}]),n}(r.a.Component),x=function(e){Object(b.a)(n,e);var t=Object(a.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(O.jsxs)("div",{children:[Object(O.jsx)("h1",{children:"Hugos Favoriten"}),Object(O.jsx)(u,{src:"f22.png",name:"F-22 Raptor"})]})}}]),n}(c.Component),p=function(e){Object(b.a)(n,e);var t=Object(a.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(O.jsx)(o.a,{children:Object(O.jsxs)("div",{id:"parent",children:[Object(O.jsxs)("header",{children:[Object(O.jsx)(f,{}),Object(O.jsx)("h1",{children:"Hugos Lieblingsflugzeuge"})]}),Object(O.jsxs)("main",{children:[Object(O.jsx)(d.a,{exact:!0,path:"/",component:x}),Object(O.jsx)(d.a,{path:"/flieger-modern",component:h})]}),Object(O.jsx)(m,{})]})})}}]),n}(c.Component),f=function(e){Object(b.a)(n,e);var t=Object(a.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(O.jsx)("nav",{children:Object(O.jsxs)("ul",{children:[Object(O.jsx)("li",{children:Object(O.jsx)(o.b,{to:"/",children:"Start"})}),Object(O.jsxs)("li",{children:[Object(O.jsx)(o.b,{to:"/",children:"Milit\xe4rflugzeuge"}),Object(O.jsxs)("div",{className:"content",children:[Object(O.jsx)(o.b,{to:"/",children:"Erste Weltkrieg"}),Object(O.jsx)(o.b,{to:"/",children:"Zwischenkriegszeit"}),Object(O.jsx)(o.b,{to:"/",children:"Zweiter Weltkrieg"}),Object(O.jsx)(o.b,{to:"/",children:"Kalter Krieg"}),Object(O.jsx)(o.b,{to:"/flieger-modern",children:"Moderne"})]})]}),Object(O.jsxs)("li",{children:[Object(O.jsx)(o.b,{to:"/",children:"Airliner"}),Object(O.jsxs)("div",{className:"content",children:[Object(O.jsx)(o.b,{to:"/",children:"Boeing"}),Object(O.jsx)(o.b,{to:"/",children:"Airbus"}),Object(O.jsx)(o.b,{to:"/",children:"Andere"})]})]}),Object(O.jsxs)("li",{children:[Object(O.jsx)(o.b,{to:"/",children:"Sportflugzeuge"}),Object(O.jsxs)("div",{className:"content",children:[Object(O.jsx)(o.b,{to:"/",children:"Doppeldecker"}),Object(O.jsx)(o.b,{to:"/",children:"Propellerflugzeuge"}),Object(O.jsx)(o.b,{to:"/",children:"Segelflugzeuge"}),Object(O.jsx)(o.b,{to:"/",children:"Andere"})]})]}),Object(O.jsxs)("li",{children:[Object(O.jsx)(o.b,{to:"/",children:"Spezielle"}),Object(O.jsxs)("div",{className:"content",children:[Object(O.jsx)(o.b,{to:"/",children:"Helikopter"}),Object(O.jsx)(o.b,{to:"/",children:"Zeppeline"}),Object(O.jsx)(o.b,{to:"/",children:"Andere"})]})]})]})})}}]),n}(c.Component),m=function(e){Object(b.a)(n,e);var t=Object(a.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(O.jsx)("footer",{children:Object(O.jsx)("div",{children:"\xa9 Hugo"})})}}]),n}(c.Component);j.a.render(Object(O.jsx)(p,{}),document.getElementById("root"))}},[[33,1,2]]]);
//# sourceMappingURL=main.6fe4f93e.chunk.js.map

File diff suppressed because one or more lines are too long