diff --git a/lmde-3-disk-encryption/lmde-3-disk-encryption.css b/lmde-3-disk-encryption/lmde-3-disk-encryption.css index 6e6867d..9784e22 100644 --- a/lmde-3-disk-encryption/lmde-3-disk-encryption.css +++ b/lmde-3-disk-encryption/lmde-3-disk-encryption.css @@ -165,6 +165,7 @@ button { } } + @media (orientation: portrait) { .attachment-full { height: 99px; diff --git a/random-quote-machine/build/asset-manifest.json b/random-quote-machine/build/asset-manifest.json index 1b9f7c8..0b7f341 100644 --- a/random-quote-machine/build/asset-manifest.json +++ b/random-quote-machine/build/asset-manifest.json @@ -1,6 +1,6 @@ { "files": { - "main.css": "/fcc-challenges/random-quote-machine/build/static/css/main.5a3875ee.chunk.css", + "main.css": "/fcc-challenges/random-quote-machine/build/static/css/main.50a465cb.chunk.css", "main.js": "/fcc-challenges/random-quote-machine/build/static/js/main.13413d36.chunk.js", "main.js.map": "/fcc-challenges/random-quote-machine/build/static/js/main.13413d36.chunk.js.map", "runtime-main.js": "/fcc-challenges/random-quote-machine/build/static/js/runtime-main.905bafdb.js", @@ -8,15 +8,15 @@ "static/js/2.a720d7f8.chunk.js": "/fcc-challenges/random-quote-machine/build/static/js/2.a720d7f8.chunk.js", "static/js/2.a720d7f8.chunk.js.map": "/fcc-challenges/random-quote-machine/build/static/js/2.a720d7f8.chunk.js.map", "index.html": "/fcc-challenges/random-quote-machine/build/index.html", - "precache-manifest.46f3e4e9f0fc0a551e5d11c3cf0c4b89.js": "/fcc-challenges/random-quote-machine/build/precache-manifest.46f3e4e9f0fc0a551e5d11c3cf0c4b89.js", + "precache-manifest.085cfefaa2c9f1ba463f90ef0d138829.js": "/fcc-challenges/random-quote-machine/build/precache-manifest.085cfefaa2c9f1ba463f90ef0d138829.js", "service-worker.js": "/fcc-challenges/random-quote-machine/build/service-worker.js", - "static/css/main.5a3875ee.chunk.css.map": "/fcc-challenges/random-quote-machine/build/static/css/main.5a3875ee.chunk.css.map", + "static/css/main.50a465cb.chunk.css.map": "/fcc-challenges/random-quote-machine/build/static/css/main.50a465cb.chunk.css.map", "static/js/2.a720d7f8.chunk.js.LICENSE.txt": "/fcc-challenges/random-quote-machine/build/static/js/2.a720d7f8.chunk.js.LICENSE.txt" }, "entrypoints": [ "static/js/runtime-main.905bafdb.js", "static/js/2.a720d7f8.chunk.js", - "static/css/main.5a3875ee.chunk.css", + "static/css/main.50a465cb.chunk.css", "static/js/main.13413d36.chunk.js" ] } \ No newline at end of file diff --git a/random-quote-machine/build/index.html b/random-quote-machine/build/index.html index f1a6739..c400670 100644 --- a/random-quote-machine/build/index.html +++ b/random-quote-machine/build/index.html @@ -1 +1 @@ -Random Quote Machine - Build a Random Quote Machine - Front End Libraries Projects

\ No newline at end of file +Random Quote Machine - Build a Random Quote Machine - Front End Libraries ProjectsFork me on GitHub

\ No newline at end of file diff --git a/random-quote-machine/build/precache-manifest.46f3e4e9f0fc0a551e5d11c3cf0c4b89.js b/random-quote-machine/build/precache-manifest.085cfefaa2c9f1ba463f90ef0d138829.js similarity index 82% rename from random-quote-machine/build/precache-manifest.46f3e4e9f0fc0a551e5d11c3cf0c4b89.js rename to random-quote-machine/build/precache-manifest.085cfefaa2c9f1ba463f90ef0d138829.js index 1773e25..4e0ac8c 100644 --- a/random-quote-machine/build/precache-manifest.46f3e4e9f0fc0a551e5d11c3cf0c4b89.js +++ b/random-quote-machine/build/precache-manifest.085cfefaa2c9f1ba463f90ef0d138829.js @@ -1,11 +1,11 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ { - "revision": "99ef77b17413e6450fa3790ae1af27ad", + "revision": "ed25ffe554422c3695cdb179bfb5902c", "url": "/fcc-challenges/random-quote-machine/build/index.html" }, { - "revision": "cccf938117650c611ad2", - "url": "/fcc-challenges/random-quote-machine/build/static/css/main.5a3875ee.chunk.css" + "revision": "dc24e6a4e2550f5b9da3", + "url": "/fcc-challenges/random-quote-machine/build/static/css/main.50a465cb.chunk.css" }, { "revision": "d3143f0d5b138769b7fe", @@ -16,7 +16,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([ "url": "/fcc-challenges/random-quote-machine/build/static/js/2.a720d7f8.chunk.js.LICENSE.txt" }, { - "revision": "cccf938117650c611ad2", + "revision": "dc24e6a4e2550f5b9da3", "url": "/fcc-challenges/random-quote-machine/build/static/js/main.13413d36.chunk.js" }, { diff --git a/random-quote-machine/build/service-worker.js b/random-quote-machine/build/service-worker.js index c762e1c..a446997 100644 --- a/random-quote-machine/build/service-worker.js +++ b/random-quote-machine/build/service-worker.js @@ -14,7 +14,7 @@ importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); importScripts( - "/fcc-challenges/random-quote-machine/build/precache-manifest.46f3e4e9f0fc0a551e5d11c3cf0c4b89.js" + "/fcc-challenges/random-quote-machine/build/precache-manifest.085cfefaa2c9f1ba463f90ef0d138829.js" ); self.addEventListener('message', (event) => { diff --git a/random-quote-machine/build/static/css/main.50a465cb.chunk.css b/random-quote-machine/build/static/css/main.50a465cb.chunk.css new file mode 100644 index 0000000..05d1a80 --- /dev/null +++ b/random-quote-machine/build/static/css/main.50a465cb.chunk.css @@ -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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.blue-background{color:#fff}.yellow-background{color:#000}.attachment-full{height:149px}.attachment-full,.githubLabel{position:absolute;right:0;width:149px}.githubLabel{background-color:#00293c;border:none;height:0;margin-top:-10px}@media (orientation:portrait){.attachment-full{height:99px;width:99px}.githubLabel{width:99px}}@media (orientation:landscape) and (max-height:400px){.attachment-full{height:99px;width:99px}.githubLabel{width:99px}}.QuoteBox{background-color:#fff;text-align:center;max-width:80%;max-height:60vh;width:800px;height:500px;border-radius:10px;box-shadow:4px 3px #000}.red-complimentary-background{background-color:#006aff;color:#fff}.blue-complimentary-background{background-color:#ff1500;color:#fff}.yellow-complimentary-background{background-color:#9400ff;color:#000}.quote-box-top{height:20%}.quote-box-middle{height:40%;display:flex;flex-direction:column;justify-content:space-around}.quote-box-bottom{height:40%;display:flex;flex-direction:row;justify-content:flex-start}.quote-box-underneath{height:0%}.quote-box-bottom-left,.quote-box-bottom-right{width:50%;display:flex;flex-direction:row;justify-content:space-around}@media (orientation:portrait) and (max-device-width:767px){.QuoteBox{max-height:60vh}.quote-box-top{height:10%}.quote-box-middle{height:50%}.quote-box-bottom{height:40%}.quote-box-underneath{height:0%}}.NewQuote{text-align:center;height:45%;width:45%;border:none;border-radius:5px;font-size:.8em;font-weight:700;margin:auto}.NewQuote:focus{outline:0}@media (orientation:portrait) and (max-device-width:767px){.NewQuote{height:40%}}@media (orientation:landscape) and (max-device-height:450px){.NewQuote{height:60%;font-size:1em}}.TweetQuote{height:45%;width:45%;border:none;border-radius:5px;font-size:2.2em;font-weight:700;display:flex;flex-direction:column;margin:auto}.TweetQuote:focus{outline:0}.red-background{background-color:#ff1500;color:#000}.blue-background{background-color:#006aff;color:#eaff00}.yellow-background{background-color:#eaff00;color:#006bff}.TweetQuote>a{margin:auto}@media (orientation:portrait) and (max-device-width:767px){.TweetQuote{height:40%}}@media (orientation:landscape) and (max-device-height:450px){.TweetQuote{height:60%}}.red{color:#00ff94}.blue,.yellow{color:#fff}.text{font-weight:700}.author,.text{margin-left:10%;margin-right:10%}.author{font-style:oblique}p{font-size:.7em;margin:auto}@media (orientation:portrait) and (max-device-width:767px){p{font-size:.9em}}@media (orientation:landscape) and (max-device-height:450px){p{font-size:.9em}} +/*# sourceMappingURL=main.50a465cb.chunk.css.map */ \ No newline at end of file diff --git a/random-quote-machine/build/static/css/main.50a465cb.chunk.css.map b/random-quote-machine/build/static/css/main.50a465cb.chunk.css.map new file mode 100644 index 0000000..54a9be7 --- /dev/null +++ b/random-quote-machine/build/static/css/main.50a465cb.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["index.css","App.css","QuoteBox.css","NewQuote.css","TweetQuote.css","TextAuthor.css"],"names":[],"mappings":"AAAA,KACE,QAAS,CACT,mJAEY,CACZ,kCAAmC,CACnC,iCACF,CAEA,KACE,yEAEF,CCZA,KACE,iBACF,CAEA,YACE,gBAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BACF,CAOA,iBAEE,UACF,CAEA,mBAEE,UACF,CAEA,iBAGE,YAEF,CAEA,8BANE,iBAAkB,CAClB,OAAU,CAEV,WAWF,CARA,aACE,wBAAyB,CACzB,WAAY,CAEZ,QAAW,CAGX,gBACF,CAEA,8BACE,iBACE,WAAY,CACZ,UACF,CAEA,aACE,UACF,CACF,CAEA,sDACE,iBACE,WAAY,CACZ,UACF,CAEA,aACE,UACF,CACF,CCjEA,UACE,qBAAuB,CACvB,iBAAkB,CAClB,aAAc,CACd,eAAgB,CAChB,WAAY,CACZ,YAAa,CACb,kBAAmB,CACnB,uBACF,CAEA,8BACE,wBAAyB,CACzB,UACF,CAEA,+BACE,wBAAyB,CACzB,UACF,CAEA,iCACE,wBAAyB,CACzB,UACF,CAEA,eACE,UACF,CAEA,kBACE,UAAW,CACX,YAAa,CACb,qBAAsB,CACtB,4BACF,CAEA,kBACE,UAAW,CACX,YAAa,CACb,kBAAmB,CACnB,0BACF,CAEA,sBACE,SACF,CASA,+CACE,SAAU,CACV,YAAa,CACb,kBAAmB,CACnB,4BACF,CAEA,2DACE,UACE,eACF,CACA,eACE,UACF,CACA,kBACE,UACF,CACA,kBACE,UACF,CACA,sBACE,SACF,CACF,CC9EA,UACE,iBAAkB,CAClB,UAAW,CACX,SAAU,CACV,WAAY,CACZ,iBAAkB,CAClB,cAAgB,CAChB,eAAiB,CACjB,WACF,CAEA,gBACE,SACF,CAiBA,2DACE,UACE,UACF,CACF,CAEA,6DACE,UACE,UAAW,CACb,aACA,CACF,CCzCA,YACE,UAAW,CACX,SAAU,CACV,WAAY,CACZ,iBAAkB,CAClB,eAAgB,CAChB,eAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,WACF,CAEA,kBACE,SACF,CAEA,gBACE,wBAAyB,CACzB,UACF,CAEA,iBACE,wBAAyB,CACzB,aACF,CAEA,mBACE,wBAAyB,CACzB,aACF,CAEA,cACE,WACF,CAEA,2DACE,YACE,UACF,CACF,CAEA,6DACE,YACE,UACF,CACF,CC7CA,KACE,aACF,CAMA,cACE,UACF,CAEA,MAGE,eACF,CAEA,cALE,eAAgB,CAChB,gBAQF,CAJA,QAGE,kBACF,CAEA,EACE,cAAe,CACf,WACF,CAEA,2DACE,EACE,cACF,CACF,CAEA,6DACE,EACE,cACF,CACF","file":"main.50a465cb.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\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n monospace;\n}\n",".App {\n text-align: center;\n}\n\n.App-header {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n}\n\n.red-background {\n background-color: #ff1500;\n color: black;\n}\n\n.blue-background {\n background-color: #006aff;\n color: white;\n}\n\n.yellow-background {\n background-color: #eaff00;\n color: black;\n}\n\n.attachment-full {\n position: absolute;\n right: 0px;\n height: 149px;\n width: 149px;\n}\n\n.githubLabel {\n background-color: #00293C;\n border: none;\n width: 149px;\n height: 0px;\n position: absolute;\n right: 0px;\n margin-top: -10px;\n}\n\n@media (orientation: portrait) {\n .attachment-full {\n height: 99px;\n width: 99px;\n }\n\n .githubLabel {\n width: 99px;\n }\n}\n\n@media (orientation: landscape) and (max-height: 400px) {\n .attachment-full {\n height: 99px;\n width: 99px;\n }\n\n .githubLabel {\n width: 99px;\n }\n}\n",".QuoteBox {\n background-color: white;\n text-align: center;\n max-width: 80%;\n max-height: 60vh;\n width: 800px;\n height: 500px;\n border-radius: 10px;\n box-shadow: 4px 3px black;\n}\n\n.red-complimentary-background {\n background-color: #006aff;\n color: white;\n}\n\n.blue-complimentary-background {\n background-color: #ff1500;\n color: white;\n}\n\n.yellow-complimentary-background {\n background-color: #9400ff;\n color: black;\n}\n\n.quote-box-top {\n height: 20%;\n}\n\n.quote-box-middle {\n height: 40%;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n}\n\n.quote-box-bottom {\n height: 40%;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n}\n\n.quote-box-underneath {\n height: 0%;\n}\n\n.quote-box-bottom-left {\n width: 50%;\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n}\n\n.quote-box-bottom-right {\n width: 50%;\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n}\n\n@media (orientation: portrait) and (max-device-width: 767px) {\n .QuoteBox {\n max-height: 60vh;\n }\n .quote-box-top {\n height: 10%;\n }\n .quote-box-middle {\n height: 50%;\n }\n .quote-box-bottom {\n height: 40%;\n }\n .quote-box-underneath {\n height: 0%;\n }\n}\n",".NewQuote {\n text-align: center;\n height: 45%;\n width: 45%;\n border: none;\n border-radius: 5px;\n font-size: 0.8em;\n font-weight: bold;\n margin: auto;\n}\n\n.NewQuote:focus {\n outline: 0;\n}\n\n.red-background {\n background-color: #ff1500;\n color: #000000;\n}\n\n.blue-background {\n background-color: #006Aff;\n color: #eaff00;\n}\n\n.yellow-background {\n background-color: #eaff00;\n color: #006bff;\n}\n\n@media (orientation: portrait) and (max-device-width: 767px) {\n .NewQuote {\n height: 40%;\n }\n}\n\n@media (orientation: landscape) and (max-device-height: 450px) {\n .NewQuote {\n height: 60%;\n font-size: 1em;\n }\n}\n",".TweetQuote {\n height: 45%;\n width: 45%;\n border: none;\n border-radius: 5px;\n font-size: 2.2em;\n font-weight: bold;\n display: flex;\n flex-direction: column;\n margin: auto;\n}\n\n.TweetQuote:focus {\n outline: 0;\n}\n\n.red-background {\n background-color: #ff1500;\n color: #000000;\n}\n\n.blue-background {\n background-color: #006aff;\n color: #eaff00;\n}\n\n.yellow-background {\n background-color: #eaff00;\n color: #006bff;\n}\n\n.TweetQuote > a {\n margin: auto;\n}\n\n@media (orientation: portrait) and (max-device-width: 767px) {\n .TweetQuote {\n height: 40%;\n }\n}\n\n@media (orientation: landscape) and (max-device-height: 450px) {\n .TweetQuote {\n height: 60%;\n }\n}\n",".red {\n color: #00ff94;\n}\n\n.blue {\n color: white;\n}\n\n.yellow {\n color: white;\n}\n\n.text {\n margin-left: 10%;\n margin-right: 10%;\n font-weight: bold;\n}\n\n.author {\n margin-left: 10%;\n margin-right: 10%;\n font-style: oblique;\n}\n\np {\n font-size: .7em;\n margin: auto;\n}\n\n@media (orientation: portrait) and (max-device-width: 767px) {\n p {\n font-size: .9em;\n }\n}\n\n@media (orientation: landscape) and (max-device-height: 450px) {\n p {\n font-size: .9em;\n }\n}\n"]} \ No newline at end of file diff --git a/random-quote-machine/build/static/css/main.5a3875ee.chunk.css b/random-quote-machine/build/static/css/main.5a3875ee.chunk.css deleted file mode 100644 index 0ec26cc..0000000 --- a/random-quote-machine/build/static/css/main.5a3875ee.chunk.css +++ /dev/null @@ -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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.blue-background{color:#fff}.yellow-background{color:#000}.QuoteBox{background-color:#fff;text-align:center;max-width:80%;max-height:60vh;width:800px;height:500px;border-radius:10px;box-shadow:4px 3px #000}.red-complimentary-background{background-color:#006aff;color:#fff}.blue-complimentary-background{background-color:#ff1500;color:#fff}.yellow-complimentary-background{background-color:#9400ff;color:#000}.quote-box-top{height:20%}.quote-box-middle{height:40%;display:flex;flex-direction:column;justify-content:space-around}.quote-box-bottom{height:40%;display:flex;flex-direction:row;justify-content:flex-start}.quote-box-underneath{height:0%}.quote-box-bottom-left,.quote-box-bottom-right{width:50%;display:flex;flex-direction:row;justify-content:space-around}@media (orientation:portrait) and (max-device-width:767px){.QuoteBox{max-height:60vh}.quote-box-top{height:10%}.quote-box-middle{height:50%}.quote-box-bottom{height:40%}.quote-box-underneath{height:0%}}.NewQuote{text-align:center;height:45%;width:45%;border:none;border-radius:5px;font-size:.8em;font-weight:700;margin:auto}.NewQuote:focus{outline:0}@media (orientation:portrait) and (max-device-width:767px){.NewQuote{height:40%}}@media (orientation:landscape) and (max-device-height:450px){.NewQuote{height:60%;font-size:1em}}.TweetQuote{height:45%;width:45%;border:none;border-radius:5px;font-size:2.2em;font-weight:700;display:flex;flex-direction:column;margin:auto}.TweetQuote:focus{outline:0}.red-background{background-color:#ff1500;color:#000}.blue-background{background-color:#006aff;color:#eaff00}.yellow-background{background-color:#eaff00;color:#006bff}.TweetQuote>a{margin:auto}@media (orientation:portrait) and (max-device-width:767px){.TweetQuote{height:40%}}@media (orientation:landscape) and (max-device-height:450px){.TweetQuote{height:60%}}.red{color:#00ff94}.blue,.yellow{color:#fff}.text{font-weight:700}.author,.text{margin-left:10%;margin-right:10%}.author{font-style:oblique}p{font-size:.7em;margin:auto}@media (orientation:portrait) and (max-device-width:767px){p{font-size:.9em}}@media (orientation:landscape) and (max-device-height:450px){p{font-size:.9em}} -/*# sourceMappingURL=main.5a3875ee.chunk.css.map */ \ No newline at end of file diff --git a/random-quote-machine/build/static/css/main.5a3875ee.chunk.css.map b/random-quote-machine/build/static/css/main.5a3875ee.chunk.css.map deleted file mode 100644 index 8a3578a..0000000 --- a/random-quote-machine/build/static/css/main.5a3875ee.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["index.css","App.css","QuoteBox.css","NewQuote.css","TweetQuote.css","TextAuthor.css"],"names":[],"mappings":"AAAA,KACE,QAAS,CACT,mJAEY,CACZ,kCAAmC,CACnC,iCACF,CAEA,KACE,yEAEF,CCZA,KACE,iBACF,CAEA,YACE,gBAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BACF,CAOA,iBAEE,UACF,CAEA,mBAEE,UACF,CC1BA,UACE,qBAAuB,CACvB,iBAAkB,CAClB,aAAc,CACd,eAAgB,CAChB,WAAY,CACZ,YAAa,CACb,kBAAmB,CACnB,uBACF,CAEA,8BACE,wBAAyB,CACzB,UACF,CAEA,+BACE,wBAAyB,CACzB,UACF,CAEA,iCACE,wBAAyB,CACzB,UACF,CAEA,eACE,UACF,CAEA,kBACE,UAAW,CACX,YAAa,CACb,qBAAsB,CACtB,4BACF,CAEA,kBACE,UAAW,CACX,YAAa,CACb,kBAAmB,CACnB,0BACF,CAEA,sBACE,SACF,CASA,+CACE,SAAU,CACV,YAAa,CACb,kBAAmB,CACnB,4BACF,CAEA,2DACE,UACE,eACF,CACA,eACE,UACF,CACA,kBACE,UACF,CACA,kBACE,UACF,CACA,sBACE,SACF,CACF,CC9EA,UACE,iBAAkB,CAClB,UAAW,CACX,SAAU,CACV,WAAY,CACZ,iBAAkB,CAClB,cAAgB,CAChB,eAAiB,CACjB,WACF,CAEA,gBACE,SACF,CAiBA,2DACE,UACE,UACF,CACF,CAEA,6DACE,UACE,UAAW,CACb,aACA,CACF,CCzCA,YACE,UAAW,CACX,SAAU,CACV,WAAY,CACZ,iBAAkB,CAClB,eAAgB,CAChB,eAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,WACF,CAEA,kBACE,SACF,CAEA,gBACE,wBAAyB,CACzB,UACF,CAEA,iBACE,wBAAyB,CACzB,aACF,CAEA,mBACE,wBAAyB,CACzB,aACF,CAEA,cACE,WACF,CAEA,2DACE,YACE,UACF,CACF,CAEA,6DACE,YACE,UACF,CACF,CC7CA,KACE,aACF,CAMA,cACE,UACF,CAEA,MAGE,eACF,CAEA,cALE,eAAgB,CAChB,gBAQF,CAJA,QAGE,kBACF,CAEA,EACE,cAAe,CACf,WACF,CAEA,2DACE,EACE,cACF,CACF,CAEA,6DACE,EACE,cACF,CACF","file":"main.5a3875ee.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\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n monospace;\n}\n",".App {\n text-align: center;\n}\n\n.App-header {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n}\n\n.red-background {\n background-color: #ff1500;\n color: black;\n}\n\n.blue-background {\n background-color: #006aff;\n color: white;\n}\n\n.yellow-background {\n background-color: #eaff00;\n color: black;\n}\n",".QuoteBox {\n background-color: white;\n text-align: center;\n max-width: 80%;\n max-height: 60vh;\n width: 800px;\n height: 500px;\n border-radius: 10px;\n box-shadow: 4px 3px black;\n}\n\n.red-complimentary-background {\n background-color: #006aff;\n color: white;\n}\n\n.blue-complimentary-background {\n background-color: #ff1500;\n color: white;\n}\n\n.yellow-complimentary-background {\n background-color: #9400ff;\n color: black;\n}\n\n.quote-box-top {\n height: 20%;\n}\n\n.quote-box-middle {\n height: 40%;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n}\n\n.quote-box-bottom {\n height: 40%;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n}\n\n.quote-box-underneath {\n height: 0%;\n}\n\n.quote-box-bottom-left {\n width: 50%;\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n}\n\n.quote-box-bottom-right {\n width: 50%;\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n}\n\n@media (orientation: portrait) and (max-device-width: 767px) {\n .QuoteBox {\n max-height: 60vh;\n }\n .quote-box-top {\n height: 10%;\n }\n .quote-box-middle {\n height: 50%;\n }\n .quote-box-bottom {\n height: 40%;\n }\n .quote-box-underneath {\n height: 0%;\n }\n}\n",".NewQuote {\n text-align: center;\n height: 45%;\n width: 45%;\n border: none;\n border-radius: 5px;\n font-size: 0.8em;\n font-weight: bold;\n margin: auto;\n}\n\n.NewQuote:focus {\n outline: 0;\n}\n\n.red-background {\n background-color: #ff1500;\n color: #000000;\n}\n\n.blue-background {\n background-color: #006Aff;\n color: #eaff00;\n}\n\n.yellow-background {\n background-color: #eaff00;\n color: #006bff;\n}\n\n@media (orientation: portrait) and (max-device-width: 767px) {\n .NewQuote {\n height: 40%;\n }\n}\n\n@media (orientation: landscape) and (max-device-height: 450px) {\n .NewQuote {\n height: 60%;\n font-size: 1em;\n }\n}\n",".TweetQuote {\n height: 45%;\n width: 45%;\n border: none;\n border-radius: 5px;\n font-size: 2.2em;\n font-weight: bold;\n display: flex;\n flex-direction: column;\n margin: auto;\n}\n\n.TweetQuote:focus {\n outline: 0;\n}\n\n.red-background {\n background-color: #ff1500;\n color: #000000;\n}\n\n.blue-background {\n background-color: #006aff;\n color: #eaff00;\n}\n\n.yellow-background {\n background-color: #eaff00;\n color: #006bff;\n}\n\n.TweetQuote > a {\n margin: auto;\n}\n\n@media (orientation: portrait) and (max-device-width: 767px) {\n .TweetQuote {\n height: 40%;\n }\n}\n\n@media (orientation: landscape) and (max-device-height: 450px) {\n .TweetQuote {\n height: 60%;\n }\n}\n",".red {\n color: #00ff94;\n}\n\n.blue {\n color: white;\n}\n\n.yellow {\n color: white;\n}\n\n.text {\n margin-left: 10%;\n margin-right: 10%;\n font-weight: bold;\n}\n\n.author {\n margin-left: 10%;\n margin-right: 10%;\n font-style: oblique;\n}\n\np {\n font-size: .7em;\n margin: auto;\n}\n\n@media (orientation: portrait) and (max-device-width: 767px) {\n p {\n font-size: .9em;\n }\n}\n\n@media (orientation: landscape) and (max-device-height: 450px) {\n p {\n font-size: .9em;\n }\n}\n"]} \ No newline at end of file diff --git a/random-quote-machine/public/index.html b/random-quote-machine/public/index.html index f195868..ba80ddc 100644 --- a/random-quote-machine/public/index.html +++ b/random-quote-machine/public/index.html @@ -12,6 +12,10 @@ + + Fork me on GitHub +
diff --git a/random-quote-machine/src/App.css b/random-quote-machine/src/App.css index 58d7857..1da7332 100644 --- a/random-quote-machine/src/App.css +++ b/random-quote-machine/src/App.css @@ -25,3 +25,42 @@ background-color: #eaff00; color: black; } + +.attachment-full { + position: absolute; + right: 0px; + height: 149px; + width: 149px; +} + +.githubLabel { + background-color: #00293C; + border: none; + width: 149px; + height: 0px; + position: absolute; + right: 0px; + margin-top: -10px; +} + +@media (orientation: portrait) { + .attachment-full { + height: 99px; + width: 99px; + } + + .githubLabel { + width: 99px; + } +} + +@media (orientation: landscape) and (max-height: 400px) { + .attachment-full { + height: 99px; + width: 99px; + } + + .githubLabel { + width: 99px; + } +}