diff --git a/Logo.png b/Logo.png new file mode 100644 index 0000000..b23d77d Binary files /dev/null and b/Logo.png differ diff --git a/asset-manifest.json b/asset-manifest.json new file mode 100644 index 0000000..22c062f --- /dev/null +++ b/asset-manifest.json @@ -0,0 +1,13 @@ +{ + "files": { + "main.css": "/NetflixClone_React/static/css/main.6d34f42a.css", + "main.js": "/NetflixClone_React/static/js/main.5461361b.js", + "index.html": "/NetflixClone_React/index.html", + "main.6d34f42a.css.map": "/NetflixClone_React/static/css/main.6d34f42a.css.map", + "main.5461361b.js.map": "/NetflixClone_React/static/js/main.5461361b.js.map" + }, + "entrypoints": [ + "static/css/main.6d34f42a.css", + "static/js/main.5461361b.js" + ] +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..1d9398f --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +Netfilx
\ No newline at end of file diff --git a/static/css/main.6d34f42a.css b/static/css/main.6d34f42a.css new file mode 100644 index 0000000..25060ad --- /dev/null +++ b/static/css/main.6d34f42a.css @@ -0,0 +1,2 @@ +.navbar{background-color:#000;display:flex;height:30px;justify-content:space-between;padding:20px;top:0;width:100%}.logo,.navbar{position:fixed}.logo{left:20px;width:80px}.avatar{position:fixed;right:20px;width:30px}*{margin:0;padding:0}body{background-color:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.banner{background-size:cover;color:#fff;height:448px}.content{height:190px;padding-left:50px;padding-top:140px}.title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.button{background-color:rgba(51,51,51,.5);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-right:1rem;outline:none;padding:.5rem 2rem}.button:hover{background-color:#e6e6e6;color:#000}.description{font-size:1rem;height:80px;line-height:1.3;max-width:360px;padding-top:1rem;width:45rem}.fade_bottom{background-image:linear-gradient(180deg,transparent,rgb(37,37,37,.61),#111);height:7.4rem}.closeButton{background-color:grey;color:#e6e6e6;float:"right";width:"50px"}.row{color:#fff;margin-left:20px}.posters{display:flex;overflow-x:scroll;overflow-y:hidden;padding:20px}.posters::-webkit-scrollbar{display:none}.poster{cursor:pointer;margin-right:10px;max-height:230px;transition:opacity .1s}.poster:hover{opacity:.5;padding:1.5px}.smallPoster{cursor:pointer;margin-right:10px;max-height:150px;transition:opacity .1s}.smallPoster:hover{opacity:.5;padding:2px} +/*# sourceMappingURL=main.6d34f42a.css.map*/ \ No newline at end of file diff --git a/static/css/main.6d34f42a.css.map b/static/css/main.6d34f42a.css.map new file mode 100644 index 0000000..e485754 --- /dev/null +++ b/static/css/main.6d34f42a.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.6d34f42a.css","mappings":"AAGA,QAQI,qBAAuB,CAFvB,YAAa,CAFb,WAAY,CAGZ,6BAA8B,CAF9B,YAAa,CAHb,KAAM,CACN,UAMJ,CAEA,cAVI,cAcJ,CAJA,MAEI,SAAU,CACV,UACJ,CAEA,QACI,cAAe,CACf,UAAW,CACX,UACJ,CCxBA,EACI,QAAS,CACT,SACJ,CAEA,KAEI,qBAAsB,CADtB,kIAEJ,CCRA,QACI,qBAAsB,CAEtB,UAAY,CADZ,YAEJ,CAEA,SAEI,YAAa,CACb,iBAAkB,CAFlB,iBAGJ,CAEA,OACI,cAAe,CACf,eAAgB,CAChB,oBACJ,CAEA,QAUI,kCAAoC,CARpC,WAAY,CAGZ,iBAAkB,CAJlB,UAAY,CAUZ,cAAe,CAPf,eAAgB,CAQhB,iBAAkB,CATlB,YAAa,CAMb,kBAIJ,CAEA,cAEI,wBAAyB,CADzB,UAEJ,CAEA,aAII,cAAe,CACf,WAAY,CAHZ,eAAgB,CAIhB,eAAgB,CAHhB,gBAAiB,CAFjB,WAMJ,CAEA,aAEI,2EAA4E,CAD5E,aAEJ,CAEA,aAEI,qBAAsB,CAEtB,aAAc,CAHd,aAAc,CAEd,YAEJ,CCzDA,KAEI,UAAW,CADX,gBAEJ,CAEA,SACI,YAAa,CAEb,iBAAkB,CAClB,iBAAkB,CAFlB,YAGJ,CAEA,4BACI,YACJ,CAEA,QAII,cAAe,CAFf,iBAAkB,CADlB,gBAAiB,CAEjB,sBAEJ,CACA,cACI,UAAY,CACZ,aACF,CAEF,aAII,cAAe,CAFf,iBAAkB,CADlB,gBAAiB,CAEjB,sBAEJ,CAEA,mBACI,UAAY,CACZ,WACF","sources":["Components/NavBar/NavBar.css","App.css","Components/Banner/Banner.css","Components/RowPost/RowPost.css"],"sourcesContent":["*{\r\n margin: 0;\r\n}\r\n.navbar{\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n height: 30px;\r\n padding: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n background-color: black;\r\n}\r\n\r\n.logo{\r\n position: fixed;\r\n left: 20px;\r\n width: 80px;\r\n}\r\n\r\n.avatar{\r\n position: fixed;\r\n right: 20px;\r\n width: 30px;\r\n}\r\n\r\n","*{\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nbody{\r\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n background-color: #111;\r\n}",".banner{\r\n background-size: cover;\r\n height: 448px;\r\n color: white;\r\n}\r\n\r\n.content{\r\n padding-top: 140px;\r\n height: 190px;\r\n padding-left: 50px;\r\n}\r\n\r\n.title{\r\n font-size: 3rem;\r\n font-weight: 800;\r\n padding-bottom: 0.3rem;\r\n}\r\n\r\n.button{\r\n color: white;\r\n border: none;\r\n outline: none;\r\n font-weight: 700;\r\n border-radius: 5px;\r\n padding-left: 2rem;\r\n padding-right: 2rem;\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n background-color: rgb(51, 51, 51,.5);\r\n cursor: pointer;\r\n margin-right: 1rem;\r\n}\r\n\r\n.button:hover{\r\n color: black;\r\n background-color: #e6e6e6;\r\n}\r\n\r\n.description{\r\n width: 45rem;\r\n line-height: 1.3;\r\n padding-top: 1rem;\r\n font-size: 1rem;\r\n height: 80px;\r\n max-width: 360px;\r\n}\r\n\r\n.fade_bottom {\r\n height: 7.4rem;\r\n background-image: linear-gradient(180deg,transparent,rgb(37,37,37,.61),#111);\r\n}\r\n\r\n.closeButton{\r\n float: \"right\";\r\n background-color: grey;\r\n width: \"50px\";\r\n color: #e6e6e6;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n",".row{\r\n margin-left: 20px;\r\n color: #fff;\r\n}\r\n\r\n.posters{\r\n display: flex;\r\n padding: 20px;\r\n overflow-x: scroll;\r\n overflow-y: hidden;\r\n}\r\n\r\n.posters::-webkit-scrollbar{\r\n display: none;\r\n}\r\n\r\n.poster{\r\n max-height: 230px;\r\n margin-right: 10px;\r\n transition: opacity 0.1s; \r\n cursor: pointer;\r\n}\r\n.poster:hover {\r\n opacity: 0.5; /* Reduce opacity on hover to create the effect */\r\n padding: 1.5px;\r\n }\r\n\r\n.smallPoster {\r\n max-height: 150px;\r\n margin-right: 10px;\r\n transition: opacity 0.1s; \r\n cursor: pointer;\r\n}\r\n\r\n.smallPoster:hover {\r\n opacity: 0.5; /* Reduce opacity on hover to create the effect */\r\n padding: 2px;\r\n }\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.5461361b.js b/static/js/main.5461361b.js new file mode 100644 index 0000000..c9482c0 --- /dev/null +++ b/static/js/main.5461361b.js @@ -0,0 +1,3 @@ +/*! For license information please see main.5461361b.js.LICENSE.txt */ +!function(){var e={262:function(e){"use strict";e.exports=function e(t,n){if(t===n)return!0;if(t&&n&&"object"==typeof t&&"object"==typeof n){if(t.constructor!==n.constructor)return!1;var r,a,o;if(Array.isArray(t)){if((r=t.length)!=n.length)return!1;for(a=r;0!==a--;)if(!e(t[a],n[a]))return!1;return!0}if(t.constructor===RegExp)return t.source===n.source&&t.flags===n.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===n.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===n.toString();if((r=(o=Object.keys(t)).length)!==Object.keys(n).length)return!1;for(a=r;0!==a--;)if(!Object.prototype.hasOwnProperty.call(n,o[a]))return!1;for(a=r;0!==a--;){var l=o[a];if(!e(t[l],n[l]))return!1}return!0}return t!==t&&n!==n}},102:function(e){function t(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function n(e,t){e.onreadystatechange=function(){"complete"!=this.readyState&&"loaded"!=this.readyState||(this.onreadystatechange=null,t(null,e))}}e.exports=function(e,r,a){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("script");"function"===typeof r&&(a=r,r={}),r=r||{},a=a||function(){},l.type=r.type||"text/javascript",l.charset=r.charset||"utf8",l.async=!("async"in r)||!!r.async,l.src=e,r.attrs&&function(e,t){for(var n in t)e.setAttribute(n,t[n])}(l,r.attrs),r.text&&(l.text=""+r.text),("onload"in l?t:n)(l,a),l.onload||t(l,a),o.appendChild(l)}},888:function(e,t,n){"use strict";var r=n(47);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,o,l){if(l!==r){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:a};return n.PropTypes=n,n}},7:function(e,t,n){e.exports=n(888)()},47:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},463:function(e,t,n){"use strict";var r=n(791),a=n(296);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n