diff --git a/asset-manifest.json b/asset-manifest.json index 9251f19..ecd4c6c 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,6 +1,6 @@ { "files": { - "main.css": "/pitstop-plotters/static/css/main.7bfe8bb0.css", + "main.css": "/pitstop-plotters/static/css/main.09b2a320.css", "main.js": "/pitstop-plotters/static/js/main.a63e8862.js", "static/js/654.cb5fa8af.chunk.js": "/pitstop-plotters/static/js/654.cb5fa8af.chunk.js", "static/js/131.536f2986.chunk.js": "/pitstop-plotters/static/js/131.536f2986.chunk.js", @@ -55,6 +55,7 @@ "static/media/Formula1-Italic.ttf": "/pitstop-plotters/static/media/Formula1-Italic.a210ce579c0907d1456c.ttf", "static/media/Circuit Gilles Villeneuve.jpg": "/pitstop-plotters/static/media/Circuit Gilles Villeneuve.9ae5035927f74bee250d.jpg", "static/media/Jeddah Corniche Circuit.jpg": "/pitstop-plotters/static/media/Jeddah Corniche Circuit.ac0776e420f5bf7f85fc.jpg", + "static/media/f1_t.png": "/pitstop-plotters/static/media/f1_t.3ccfda1d7ec47c133e70.png", "static/media/red1.png": "/pitstop-plotters/static/media/red1.0aab50ab6d90d7873ad6.png", "static/media/red2.png": "/pitstop-plotters/static/media/red2.0e04b1241e767d5d09c6.png", "static/media/red3.png": "/pitstop-plotters/static/media/red3.f48fd15a1d056ddfb8c3.png", @@ -62,12 +63,12 @@ "static/media/green.png": "/pitstop-plotters/static/media/green.ad8c436c42b21471d405.png", "static/media/red4.png": "/pitstop-plotters/static/media/red4.11013d93522b942af0a8.png", "index.html": "/pitstop-plotters/index.html", - "main.7bfe8bb0.css.map": "/pitstop-plotters/static/css/main.7bfe8bb0.css.map", + "main.09b2a320.css.map": "/pitstop-plotters/static/css/main.09b2a320.css.map", "main.a63e8862.js.map": "/pitstop-plotters/static/js/main.a63e8862.js.map", "453.b03e3c98.chunk.js.map": "/pitstop-plotters/static/js/453.b03e3c98.chunk.js.map" }, "entrypoints": [ - "static/css/main.7bfe8bb0.css", + "static/css/main.09b2a320.css", "static/js/main.a63e8862.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 8d665a8..655947a 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Intro to F1
\ No newline at end of file +Intro to F1
\ No newline at end of file diff --git a/static/css/main.09b2a320.css b/static/css/main.09b2a320.css new file mode 100644 index 0000000..2edeaef --- /dev/null +++ b/static/css/main.09b2a320.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans&display=swap);@font-face{font-family:MyCustomFont;font-style:normal;font-weight:400;src:url(/pitstop-plotters/static/media/Formula1-Italic.a210ce579c0907d1456c.ttf) format("ttf")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{color:#fff;font-family:MyCustomFont,sans-serif;font-size:10%;text-align:center}@font-face{font-family:f1Font;font-style:normal;font-weight:400;src:url(https://rawcdn.githack.com/com-480-data-visualization/pitstop-plotters/e387d68fc4919d6f938e748e9a867d4ab25e767a/website/src/fonts/Formula1-Regular_web_0.woff) format("woff")}body{font-family:f1Font,Noto Sans,sans-serif;overflow:hidden}h1{font-size:7vw;line-height:7vw}h1,h2{font-family:f1Font,IBM Plex Sans,sans-serif;font-style:normal;font-weight:700}h2{font-size:60px;line-height:78px;margin-top:0}p{color:#333;font-family:f1Font,Noto Sans,sans-serif;font-weight:400;line-height:22px}button,p{font-size:16px;font-style:normal}button{font-family:f1Font,Noto Sans;font-weight:700;line-height:100%;text-transform:uppercase}a{text-decoration:none}.Styles_container__tCg83{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;width:100vw}.Styles_section__aHrHC{height:100%;scroll-snap-align:start;width:100%}@font-face{font-family:Formula1-Regular;font-style:normal;font-weight:400;src:url(/pitstop-plotters/static/media/Formula1-Italic.a210ce579c0907d1456c.ttf) format("ttf")}.Welcome_welcome__IiO2h{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.Welcome_border__035TM{display:flex;height:100%;justify-content:space-between}.Welcome_content__lwKwk{align-items:center;flex-grow:1;overflow:hidden;position:relative}.Welcome_f1__dk7pR{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;left:15%;margin-top:3%;opacity:.75;position:absolute;top:0;width:70%;z-index:3}.Welcome_video__bAEiu{object-fit:cover;z-index:1}.Welcome_overlay__dlTiE,.Welcome_video__bAEiu{height:100%;left:0;position:absolute;top:0;width:100%}.Welcome_overlay__dlTiE{background-color:#00000080;z-index:2}.Welcome_text_w__emWB\+{color:#fff;font-family:f1Font,sans-serif;margin-left:10%;margin-right:10%;margin-top:35%;opacity:.7;position:absolute;text-align:center}.Welcome_boder_img__14hvG{width:7%}.Welcome_floatingButton__Y2cxV{background-color:#00000080;border:none;border-radius:5px;bottom:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;position:fixed;right:20px;z-index:1000}.Leaderboard_template__QQzc\+{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.Leaderboard_evolutionBarContainer__kzEDN{align-items:center;display:flex;justify-content:center;margin-top:-10%;position:relative}.Leaderboard_leaderboard__-nBOA{align-items:flex-end;height:100%;margin:0 auto 400px;position:relative;width:80%}.Leaderboard_leaderItem__IPXgi{border-radius:32px;transition:width .5s ease-out,background-color .3s ease-out}.Leaderboard_pilotsHeader__QpNty{align-items:center;margin-left:350px;margin-top:-1%}.Leaderboard_pilotsHeader__QpNty,.Leaderboard_teamsHeader__43GaO{color:#fff;display:flex;flex-direction:line;font-family:IBM Plex Sans;font-weight:700}.Leaderboard_teamsHeader__43GaO{margin-left:50%;margin-top:1%}.Leaderboard_name__NSxxN{color:#fff;font-family:IBM Plex Sans;font-weight:700;margin-block:0;margin-left:8px}.Leaderboard_leaderScore__-D-5Z{color:#fff;font-family:IBM Plex Sans;font-weight:700;margin:0 0 0 6px}.Leaderboard_leaderPos__Zmb13{color:#fff;font-family:IBM Plex Sans;font-weight:700;margin:1% 0 0;text-align:right;width:350px}.Leaderboard_nameContainer__PEqsy{align-items:flex-start;display:flex;flex-direction:line;height:50%;margin:1% auto 0 100%;position:relative}.Leaderboard_container__\+inhA{align-items:flex-start;flex-direction:line;margin:0 auto;position:relative;width:1%}.Leaderboard_boder_img__n62Nr{width:5%}.Leaderboard_border__OPCPq{display:flex;height:100%;justify-content:space-between}.EvolutionBar_bar__2y9Bt{align-items:center;display:flex;gap:12px;justify-content:center}.EvolutionBar_play__wmCmA{align-items:center;display:flex;transition:all .3s ease}.EvolutionBar_play__wmCmA:hover{transform:scale(1.15)}.EvolutionBar_year__crmy8{color:#fff;font-family:IBM Plex Sans,sans-serif;font-weight:700}input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:100px;outline:none;width:500px}input[type=range]::-webkit-slider-runnable-track{background:#0000;border-radius:16px;height:300px}input[type=range]::-moz-range-track{background:#0000;border-radius:16px;height:300px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:red;border-radius:50%;height:15px;width:15px}input[type=range]::-moz-range-thumb{background-image:url(/pitstop-plotters/static/media/f1_t.3ccfda1d7ec47c133e70.png);background-repeat:no-repeat;background-size:cover;height:5%;width:5%}input[type=range]{border-radius:16px;overflow:hidden}.DriverLeaderBoard_template__catIm{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.DriverLeaderBoard_leaderboard__FzKom{height:0;margin:0 auto -400px;position:relative;width:70%}.DriverLeaderBoard_leaderboardItem__G67\+G{border-radius:32px;transition:width .5s ease-out,background-color .3s ease-out}.DriverLeaderBoard_name__XxG1w{color:#fff;font-family:IBM Plex Sans,sans-serif;font-weight:700;margin-block:0;margin-left:8px;text-transform:uppercase}.DriverLeaderBoard_leaderScore__ezTw8{color:#fff;font-family:IBM Plex Sans,sans-serif;font-weight:700;margin:0 0 0 6px}.DriverLeaderBoard_leaderPosition__1-RLs{color:#fff;font-family:IBM Plex Sans,sans-serif;font-weight:700;margin:0;text-align:right;width:190px}.DriverLeaderBoard_nameContainer__a-oao{align-items:flex-start;display:flex;flex-direction:line;margin:0 auto 100%;position:absolute}.DriverLeaderBoard_container__97Gaw{flex-direction:left;height:2%;margin:0 auto;position:relative;width:90%}.DriverLeaderBoard_boder_img__BLhKc{width:5%}.HallOfFame_template__W9Jhb{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.HallOfFame_border__YVW5d{display:flex;height:100%;justify-content:space-between}.HallOfFame_content__UaZlF{align-items:center;overflow:hidden;position:relative}.HallOfFame_boder_img__-hEL6{width:5%}.HallOfFame_content__UaZlF{display:flex;flex-grow:1;height:100%}.HallOfFame_leftSide__uZA2Y{flex-direction:column}.HallOfFame_leftSide__uZA2Y,.HallOfFame_rightSide__OEWEJ{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.HallOfFame_rightSide__OEWEJ{flex-direction:column-reverse}.HallOfFame_rightBottom__Vu0EI{flex:6 1;flex-direction:column}.HallOfFame_rightBottom__Vu0EI,.HallOfFame_rightTop__xF7Me{align-items:center;display:flex;justify-content:center;width:100%}.HallOfFame_rightTop__xF7Me{flex:4 1;margin:0}.HallOfFame_centerImage__9hT-v{height:100%;left:50%;opacity:.75;position:absolute;top:50%;transform:translate(-50%,-50%);width:34px;z-index:10}.HallOfFame_centerDivider__arOCj{display:block;height:33px;opacity:.8;padding-left:33px;width:100%}.HallOfFame_titleContainer__WmFBn{color:#fff;font-size:28px;font-weight:700;margin-bottom:.1em;margin-top:-.5em;padding-top:5%;text-align:center;width:100%}.HallOfFame_desc__CZeuv{color:#ccc;font-size:.75em;margin:-3em 0 -6em;padding:5em;text-align:center}.HallOfFameSelection_imageRow__c4fjP{align-items:flex-end;display:flex;height:100%;justify-content:space-between;overflow-x:auto;padding:20px 10px 0 20px;width:100%}img{cursor:pointer;flex-shrink:0;transition:all .3s ease-in-out}.HallOfFameInfo_divInfo__SgIB1{border-radius:8px;display:flex;flex-wrap:wrap;font-size:calc(.5vw + .5vh + .25vmin);justify-content:space-around;margin-bottom:-.5rem;margin-left:5rem;margin-top:-5rem;padding:10px}.HallOfFameInfo_item__yu17K{align-items:flex-start;border-radius:5px;display:flex;flex:1 1 auto;justify-content:space-between;margin:5px;padding-inline:5px;text-align:left}.HallOfFameInfo_name__SqYpD h1{font-size:2em;font-weight:700;height:5%;justify-content:center;margin:1px 1px -40px;padding:1px;text-align:center;text-decoration:underline;width:100%}.HallOfFameInfo_name__SqYpD{display:flex;margin:0;padding:1px;width:100%}.HallOfFameInfo_label__uBaBf{font-size:.6em;font-weight:700;height:10%;margin:1px;width:100%}.HallOfFameInfo_value__E7ylY{color:#ccc;font-family:IBM Plex Sans,sans-serif;font-size:.5em;font-weight:lighter;height:10%;margin:1px 5px;width:10%}p{margin:1px}body{background-color:#222}circle,line,polygon{stroke:#e3e3e3;stroke-width:3px;fill:none}circle{stroke:#e3e3e3;stroke-width:1px;opacity:.5}polygon{stroke:#ff1a2d;stroke-width:2px;fill:#ef1a2d;fill-opacity:.3}text{stroke:none;fill:#ccc;alignment-baseline:middle;font-family:Helvetica;font-size:12px;font-weight:700}line.HallOfFameSpider_axis__JUeQp{stroke-width:1px;opacity:.5}.Circuits_circuits__XOPK5{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.Circuits_border__Q94XG{display:flex;height:100%;justify-content:space-between}.Circuits_content__xz9ZT{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:hidden;position:relative}.Circuits_top__4DOqZ{flex:3 1;flex-grow:1}.Circuits_bottom__mAbW2{flex:1 1;flex-grow:1}.Circuits_boder_img__zcgiK{width:5%}body{margin:0}.Circuits_centerImage__qzCjH{display:block;height:33px;opacity:.8;width:100%}.CircuitsMap_mapContainer__tYwZD{border:1px solid #fff;position:relative}.CircuitInfo_infobox__ABsH-{align-items:flex-start;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:flex;height:100%;padding-left:20px;width:100%}.CircuitInfo_infoContainer__dYjxl{display:flex;flex:4 1;flex-wrap:wrap;height:100%;padding-right:33px;position:relative}.CircuitInfo_infoColumn__RAr6a{display:flex;flex:1 1;flex-direction:column;min-width:200px;padding-right:10px}.CircuitInfo_title__e5oD2{color:#f0f0f0;font-size:1.8em;font-weight:700;margin-bottom:0;margin-top:0;width:100%}.CircuitInfo_info__-UzhH{color:#f0f0f0;font-size:.85rem;padding:0}.CircuitInfo_infoDescription__9Jh9I{color:#f0f0f0;font-size:1rem;padding:0}.CircuitInfo_imageContainer__UIY8Q{align-items:center;display:flex;flex:2 1;justify-content:center}.CircuitInfo_circuitImage__x-6aJ{height:11.8em;width:auto}.CircuitInfo_centerImage__su5iV{height:100%;opacity:.8;overflow:hidden;position:absolute;right:0;top:0;width:33px}.SeasonsEvolution_seasonevolution__8UsoX{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.SeasonsEvolution_plotContainer__o76a-{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:80vh;justify-content:center;width:100%}.SeasonsEvolution_border__jRxfk{display:flex;height:100%;justify-content:space-between;width:100%}.SeasonsEvolution_content__qJkP0{align-items:center;display:flex;overflow:hidden;position:relative}.SeasonsEvolution_left__UYGnK{flex:3 1;margin-top:100px}.SeasonsEvolution_right__DkeO3{flex:2 1;margin-top:20px}.SeasonsEvolution_boder_img__qFxu4{width:5%}p{color:#fff;font-size:1.5em;padding-right:100px}.SeasonsEvolution_titleWrapper__QfF6N{color:#fff;left:50%;position:absolute;text-align:center;top:10px;transform:translateX(-50%);width:100%;z-index:1}.SeasonsEvolution_sliderContainer__nAENa{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}.SeasonsEvolution_slider__RZSof{-webkit-appearance:none;appearance:none;background:#fff;height:10px;margin-right:10px;opacity:.7;outline:none;transition:opacity .15s ease-in-out;width:90%}.SeasonsEvolution_slider__RZSof::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;cursor:pointer;height:25px;width:25px}.SeasonsEvolution_slider__RZSof::-moz-range-thumb{background:#fff;cursor:pointer;height:25px;width:25px}.SeasonsEvolution_yearLabel__mD7Yb{color:#fff;font-size:18px;font-weight:700}.DriverTeamRelations_template__RvmVC{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}#DriverTeamRelations_driverteamrelation__mx-NL{border:1px solid #000}.DriverTeamRelations_border__6VQOL{display:flex;height:100%;justify-content:space-between}.DriverTeamRelations_content__VSAwL{align-items:center;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.DriverTeamRelations_content__VSAwL h1{color:#fff;font-size:2rem;margin-bottom:-2em;margin-top:-1rem;padding:0}.DriverTeamRelations_boder_img__7qmtw{width:5%}.DriverTeamRelations_team-McLaren__jk6U5{fill:#ff8700;stroke:#ff8700;opacity:.8}.DriverTeamRelations_team-Mercedes__32J3I{fill:#00d2be;stroke:#00d2be;opacity:.8}.DriverTeamRelations_team-Renault__sE5Sy{fill:#fff500;stroke:#fff500;opacity:.8}.DriverTeamRelations_team-Ferrari__2M3Gd{fill:#dc0000;stroke:#dc0000;opacity:.8}.DriverTeamRelations_team-Aston-Martin__zesHn{fill:#006f62;stroke:#006f62;opacity:.8}.DriverTeamRelations_team-Alpine-F1-Team__xEeDd{fill:#0090ff;stroke:#0090ff;opacity:.8}.DriverTeamRelations_team-Lotus__j-qyv{fill:#ffb800;stroke:#ffb800;opacity:.8}.DriverTeamRelations_team-Caterham__6FQ0a{fill:#00352f;stroke:#00352f;opacity:.8}.DriverTeamRelations_team-Lotus-F1__VhMG7{fill:#ffb800;stroke:#ffb800;opacity:.8}.DriverTeamRelations_team-Alfa-Romeo__olkaa{fill:#900000;stroke:#900000;opacity:.8}.DriverTeamRelations_team-Williams__V\+x4y{fill:#005aff;stroke:#005aff;opacity:.8}.DriverTeamRelations_team-Virgin__uBq2T{fill:#e31837;stroke:#e31837;opacity:.8}.DriverTeamRelations_team-Marussia__fdoHi{fill:#d40000;stroke:#d40000;opacity:.8}.DriverTeamRelations_team-Force-India__sSjqE{fill:#ff8700;stroke:#ff8700;opacity:.8}.DriverTeamRelations_team-Sauber__idPxN{fill:#006eff;stroke:#006eff;opacity:.8}.DriverTeamRelations_team-Red-Bull__4kjKN{fill:#1e41ff;stroke:#1e41ff;opacity:.8}.DriverTeamRelations_team-HRT__aSBii{fill:#bebebe;stroke:#bebebe;opacity:.8}.DriverTeamRelations_team-Toro-Rosso__ppnJl{fill:#0032ff;stroke:#0032ff;opacity:.8}.DriverTeamRelations_team-Haas-F1-Team__coHiO{fill:#787878;stroke:#787878;opacity:.8}.DriverTeamRelations_team-Racing-Point__QVHRe{fill:#f596c8;stroke:#f596c8;opacity:.8}.DriverTeamRelations_team-AlphaTauri__Gd5iW{fill:#2b4562;stroke:#2b4562;opacity:.8}.DriverTeamRelations_team-Manor-Marussia__ra00E{fill:#e40000;stroke:#e40000;opacity:.8}.DriverTeamRelations_link__dxeui{stroke-opacity:.4}.DriverTeamRelations_text-McLaren__8\+wD\+{fill:#ff8700}.DriverTeamRelations_text-Mercedes__ue4hg{fill:#00d2be}.DriverTeamRelations_text-Renault__Z6wJm{fill:#fff500}.DriverTeamRelations_text-Ferrari__akuLs{fill:#dc0000}.DriverTeamRelations_text-Aston-Martin__y-4cN{fill:#006f62}.DriverTeamRelations_text-Alpine-F1-Team__GeccS{fill:#0090ff}.DriverTeamRelations_text-Lotus__Op\+9f{fill:#ffb800}.DriverTeamRelations_text-Caterham__OBEhY{fill:#00352f}.DriverTeamRelations_text-Lotus-F1__h6ADQ{fill:#ffb800}.DriverTeamRelations_text-Alfa-Romeo__fiYvm{fill:#900000}.DriverTeamRelations_text-Williams__J3Vdt{fill:#005aff}.DriverTeamRelations_text-Virgin__Q1IVL{fill:#e31837}.DriverTeamRelations_text-Marussia__2tQJu{fill:#d40000}.DriverTeamRelations_text-Force-India__gMEXs{fill:#ff8700}.DriverTeamRelations_text-Sauber__tcbtg{fill:#006eff}.DriverTeamRelations_text-Red-Bull__A8rkg{fill:#1e41ff}.DriverTeamRelations_text-HRT__gwqYw{fill:#bebebe}.DriverTeamRelations_text-Toro-Rosso__W9FaM{fill:#0032ff}.DriverTeamRelations_text-Haas-F1-Team__9kyOx{fill:#787878}.DriverTeamRelations_text-Racing-Point__Xx428{fill:#f596c8}.DriverTeamRelations_text-AlphaTauri__XoslZ{fill:#2b4562}.DriverTeamRelations_text-Manor-Marussia__OIo8P{fill:#e40000}.Menu_sideMenu__5rh0H{background-color:#312829;border-radius:0 5px 5px 0;box-shadow:2px 0 5px #00000080;height:35%;left:0;opacity:.5;overflow:hidden;position:absolute;top:0;transition:width .3s ease;width:2.5%;z-index:1000}.Menu_sideMenu__5rh0H:hover{color:red;width:250px}.Menu_sideMenu__5rh0H ul{display:flex;flex-direction:column;height:100%;justify-content:center;list-style:none;margin:0;padding:0}.Menu_sideMenu__5rh0H li{border-bottom:1px solid #fff;color:#fff;cursor:pointer;opacity:0;padding:10px;transition:opacity .3s ease .3s;white-space:nowrap}.Menu_sideMenu__5rh0H:hover li{opacity:1}.Menu_tab__scSOe{align-items:center;background-color:#fff;border-radius:0 5px 5px 0;color:red;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;position:absolute;right:0;top:40%;transform:translateY(-50%);width:40px} +/*# sourceMappingURL=main.09b2a320.css.map*/ \ No newline at end of file diff --git a/static/css/main.09b2a320.css.map b/static/css/main.09b2a320.css.map new file mode 100644 index 0000000..317b921 --- /dev/null +++ b/static/css/main.09b2a320.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.09b2a320.css","mappings":"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","sources":["index.css","Styles.module.css","Welcome/Welcome.module.css","Leaderboard/Leaderboard.module.css","Leaderboard/EvolutionBar/EvolutionBar.module.css","Leaderboard/DriverLeaderBoard.module.css","HallOfFame/HallOfFame.module.css","HallOfFame/HallOfFameSelection.module.css","HallOfFame/HallOfFameInfo.module.css","HallOfFame/HallOfFameSpider.module.css","Circuits/Circuits.module.css","Circuits/CircuitsMap/CircuitsMap.module.css","Circuits/CircuitInfo/CircuitInfo.module.css","SeasonsEvolution/SeasonsEvolution.module.css","DriverTeamRelations/DriverTeamRelations.module.css","Menu/Menu.module.css"],"sourcesContent":["@font-face {\n font-family: 'MyCustomFont';\n src: url('../public/fonts/Formula1-Italic.ttf') format('ttf');\n font-weight: normal;\n font-style: normal;\n}\n\nbody {\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\nh1 {\n text-align: center;\n color: white;\n font-family: MyCustomFont, sans-serif;\n font-size: 10%;\n}\n","@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans&display=swap');\n@font-face {\n font-family: 'f1Font';\n src: url('https://rawcdn.githack.com/com-480-data-visualization/pitstop-plotters/e387d68fc4919d6f938e748e9a867d4ab25e767a/website/src/fonts/Formula1-Regular_web_0.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\nbody {\n font-family: 'f1Font','Noto Sans', sans-serif;\n margin: 0;\n overflow: hidden;\n}\n\nh1 {\n font-family: \"f1Font\",\"IBM Plex Sans\", sans-serif;\n font-style: normal;\n font-weight: 700;\n font-size: 7vw;\n line-height: 7vw;\n}\n\nh2 {\n font-family: \"f1Font\",'IBM Plex Sans', sans-serif;\n font-style: normal;\n font-weight: 700;\n font-size: 60px;\n line-height: 78px;\n margin-top: 0;\n}\n\np {\n font-family: \"f1Font\",'Noto Sans', sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n color: #333;\n}\n\nbutton {\n font-family: \"f1Font\",'Noto Sans';\n font-style: normal;\n font-weight: 700;\n font-size: 16px;\n line-height: 100%;\n text-transform: uppercase;\n}\n\na {\n text-decoration: none;\n}\n\n.container {\n overflow-y: scroll;\n scroll-snap-type: y mandatory;\n width: 100vw;\n height: 100vh;\n}\n\n.section {\n height: 100%;\n width: 100%;\n scroll-snap-align: start;\n}","@font-face {\n font-family: 'Formula1-Regular';\n src: url('../../public/fonts/Formula1-Italic.ttf') format('ttf');\n font-weight: normal;\n font-style: normal;\n}\n.welcome {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n}\n\n.border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n}\n\n.content {\n position: relative;\n flex-grow : 1;\n align-items: center;\n overflow: hidden;\n}\n\n.f1 {\n margin-top: 3%;\n position: absolute;\n top: 0;\n left: 15%; /* Centering f1, adjust this value based on your layout */\n width: 70%; /* Adjust width as necessary */\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n align-content: center;\n opacity: 0.75; /* Maintain opacity setting */\n z-index: 3; /* Higher z-index to be on top */\n}\n\n.video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n}\n\n.overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0,0,0,0.5); /* Add a semi-transparent overlay */\n z-index: 2;\n}\n\n.text_w {\n position: absolute;\n color: #ffff;\n text-align: center;\n margin-top: 35%;\n opacity: 0.7;\n margin-left: 10%;\n margin-right: 10%;\n font-family: f1Font, sans-serif;\n}\n\n.boder_img {\n width: 7%;\n}\n\n.floatingButton {\n position: fixed;\n bottom: 20px;\n right: 20px;\n padding: 10px 20px;\n font-size: 16px;\n color: #fff;\n background-color: rgba(0,0,0,0.5);\n border: none;\n border-radius: 5px;\n cursor: pointer;\n z-index: 1000;\n}",".template {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n}\n.evolutionBarContainer {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n margin-top: -10%;\n}\n\n\n.leaderboard {\n position: relative;\n margin: 0 auto;\n width: 80%; \n margin-bottom: 400px;\n height: 100%;\n\n align-items: flex-end;\n}\n.leaderItem {\n border-radius: 32px;\n transition: width 0.5s ease-out, background-color 0.3s ease-out;\n}\n.pilotsHeader{\n display: flex;\n color: white;\n margin-left: 350px;\n font-family: \"IBM Plex Sans\";\n font-weight: bold;\n align-items: center;\n flex-direction: line;\n \n margin-top: -1%;\n\n\n}\n.teamsHeader{\n display: flex;\n color: white;\n font-family: \"IBM Plex Sans\";\n font-weight: bold;\n flex-direction: line;\n\n margin-left: 50%;\n margin-top: 1%;\n\n}\n.name {\n color: white;\n font-family: \"IBM Plex Sans\";\n font-weight: bold;\n margin-block: 0;\n margin-left: 8px;\n}\n\n.leaderScore {\n color: white;\n margin: 0;\n font-weight: bold;\n font-family: \"IBM Plex Sans\";\n margin-left: 6px;\n}\n\n.leaderPos {\n color: white;\n margin: 0;\n text-align: right;\n font-weight: bold;\n font-family: \"IBM Plex Sans\";\n width: 350px;\n margin-top: 1%;\n}\n\n.nameContainer {\n display: flex;\n margin: 0 auto;\n margin-left: 100%;\n flex-direction: line;\n align-items: flex-start;\n position: relative;\n height: 50%;\n margin-top: 1%;\n\n}\n.container {\n margin-top: 100%;\n margin: 0 auto;\n flex-direction: line;\n align-items: flex-start;\n position: relative;\n width: 1%;\n}\n\n\n.boder_img {\n width: 5%;\n}\n.border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n}\n\n",".bar {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n\n\n.play {\n display: flex;\n align-items: center;\n transition: all 0.3s ease;\n}\n\n.play:hover {\n transform: scale(1.15);\n}\n\n.year {\n color: white;\n font-family: \"IBM Plex Sans\", sans-serif;\n font-weight: 700;\n}\n\ninput[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n \n width: 500px;\n cursor: pointer;\n outline: none;\n}\n\ninput[type=\"range\"] {\n height: 100px;\n background: transparent;\n border-radius: 16px;\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n height: 300px;\n background: transparent;\n border-radius: 16px;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n height: 300px;\n background: transparent;\n border-radius: 16px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n height: 15px;\n width: 15px;\n background-color: red;\n border-radius: 50%;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n height: 5%;\n width: 5%;\n background-image: url('../../img/f1_t.png');\n background-size: cover;\n background-repeat: no-repeat;\n}\n\ninput[type=\"range\"] {\n overflow: hidden;\n border-radius: 16px;\n}",".template {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n }\n\n \n \n .leaderboard {\n position: relative;\n margin: 0 auto;\n width: 70%; \n margin-bottom: -400px; \n height: 0%;\n }\n .leaderboardItem {\n border-radius: 32px;\n transition: width 0.5s ease-out, background-color 0.3s ease-out;\n }\n \n .name {\n color: white;\n font-family: \"IBM Plex Sans\", sans-serif;\n text-transform: uppercase;\n font-weight: bold;\n margin-block: 0;\n margin-left: 8px;\n }\n \n .leaderScore {\n color: white;\n margin: 0;\n font-weight: bold;\n font-family: \"IBM Plex Sans\", sans-serif;\n margin-left: 6px;\n }\n \n .leaderPosition {\n color: white;\n margin: 0;\n text-align: right;\n font-weight: bold;\n font-family: \"IBM Plex Sans\", sans-serif;\n width: 190px;\n\n\n }\n \n .nameContainer {\n display: flex;\n margin: 0 auto;\n flex-direction: line;\n align-items: flex-start;\n position: absolute;\n margin-bottom: 100%;\n \n\n }\n .container {\n margin-bottom: 100%;\n margin: 0 auto;\n flex-direction: left;\n position: relative;\n width: 90%;\n position: relative;\n height: 2%;\n }\n \n .boder_img {\n width: 5%;\n }\n ",".template {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n}\n\n.border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n}\n\n.content {\n position: relative;\n flex-grow : 1;\n align-items: center;\n overflow: hidden;\n}\n\n.boder_img {\n width: 5%;\n}\n\n.content {\n display: flex;\n flex-grow: 1;\n height: 100%;\n}\n\n.leftSide {\n display: flex;\n flex-direction: column;\n width: 50%;\n height: 100%;\n align-items: center;\n justify-content: center;\n}\n\n.rightSide {\n width: 50%;\n height: 100%;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n justify-content: center;\n\n}\n\n.rightBottom {\n flex: 6; /* Takes 60% of the vertical space */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%; /* Ensures full width within the parent container */\n}\n\n.rightTop {\n flex: 4; /* Takes 40% of the vertical space */\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; /* Ensures full width within the parent container */\n margin: 0;\n}\n\n.centerImage {\n position: absolute;\n top: 50%; /* Adjust these to center the image */\n left: 50%;\n transform: translate(-50%, -50%); /* Centers the image exactly between the divs */\n z-index: 10; /* Ensures the image is above other elements */\n height: 100%;\n width: 34px;\n opacity: 0.75;\n}\n\n.centerDivider {\n width: 100%;\n height: 33px; /* Adjust based on your image's aspect ratio */\n display: block; /* Ensures it doesn't have extra space around it */\n opacity: 0.8;\n /* padding on left*/\n padding-left: 33px;\n}\n\n.titleContainer {\n text-align: center;\n margin-bottom: 0.1em;\n font-size: 28px;\n width: 100%;\n padding-top: 5%;\n color: white;\n font-weight: bold;\n margin-top: -0.5em;\n}\n\n.desc{\n font-size: 0.75em;\n color: #CCCCCC;\n text-align: center;\n margin: 0;\n padding: 5em;\n margin-top: -3em;\n margin-bottom: -6em;\n}\n",".imageRow {\n display: flex;\n justify-content: space-between; /* Distributes space evenly between images */\n align-items: flex-end; /* Keeps images aligned at the bottom */\n overflow-x: auto; /* Adds horizontal scrolling if needed */\n /* Adds padding around the images */\n padding: 20px 10px 0 20px;\n width: 100%;\n height: 100%;\n}\n\nimg {\n transition: all 0.3s ease-in-out; /* Smooth transition for size and spacing */\n cursor: pointer; /* Indicates that the images are clickable */\n flex-shrink: 0; /* Prevents images from shrinking */\n}\n",".divInfo {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n padding: 10px;\n border-radius: 8px;\n margin-left: 5rem;\n margin-bottom: -0.5rem;\n margin-top: -5rem;\n font-size: calc(0.5vw + 0.5vh + 0.25vmin);\n}\n\n.item {\n flex: 1 1 auto;\n margin: 5px;\n padding-inline: 5px;\n /*border: 1px solid #eee;*/\n border-radius: 5px;\n /*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n text-align: left;\n}\n\n.name h1 {\n font-size: 2em; /* Adjust heading size relatively larger */\n text-align: center; /* Center the title text */\n margin: 1px 1px;\n justify-content: center;\n padding: 1px;\n width: 100%;\n font-weight: bold;\n height: 5%;\n text-decoration: underline;\n margin-bottom: -40px;\n}\n.name {\n width: 100%;\n margin: 0;\n padding: 1px;\n display: flex;\n}\n\n.label {\n font-weight: bold;\n font-size: 0.6em; /* Relative to container's base font size */\n margin: 1px 1px;\n /*Make text fill width of container */\n width: 100%;\n height: 10%;\n}\n\n.value {\n font-family: 'IBM Plex Sans', sans-serif;\n font-size: 0.5em; /* Smaller and relative to container's base font size */\n margin: 1px 5px;\n width: 10%;\n height: 10%;\n font-weight: lighter;\n color: #CCCCCC;\n}\n\np{\n margin: 1px;\n}\n\n\n","body {\n background-color: #222;\n}\n\ncircle, line, polygon {\n stroke: #E3E3E3;\n stroke-width: 3px;\n fill:none;\n}\n\ncircle {\n stroke: #E3E3E3;\n stroke-width: 1px;\n opacity: 0.5;\n}\n\npolygon {\n stroke: #FF1A2D;\n stroke-width: 2px;\n fill:#EF1A2D;\n fill-opacity:.3;\n}\n\n\ntext {\n font-family: 'Helvetica';\n font-size:12px;\n font-weight: bold;\n stroke: none;\n fill:#CCCCCC;\n alignment-baseline: middle;\n}\n\n\n\nline.axis {\n stroke-width: 1px;\n opacity: .5;\n}",".circuits {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n}\n\n.border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n}\n\n.content {\n position: relative;\n display: flex;\n flex-direction: column;\n flex-grow : 1;\n align-items: center;\n overflow: hidden;\n height: 100%;\n}\n\n.top {\n flex: 3;\n flex-grow: 1;\n}\n\n.bottom {\n flex: 1;\n flex-grow: 1;\n}\n\n.boder_img {\n width: 5%;\n}\n\n/* html {\n font-family: system-ui, sans-serif;\n font-size: 1.25rem;\n} */\n\nbody {\n margin: 0;\n}\n\n.centerImage {\n width: 100%;\n height: 33px;\n display: block; /* Ensures it doesn't have extra space around it */\n opacity: 0.8;\n}",".mapContainer {\n position: relative;\n border: 1px solid white;\n /* background: #f5f5f5; */\n}",".infobox {\n display: flex;\n padding-left: 20px;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n width: 100%;\n box-sizing: border-box;\n align-items: flex-start;\n height: 100%;\n}\n\n.infoContainer {\n display: flex;\n flex-wrap: wrap;\n flex: 4;\n position: relative; /* Add this line */\n padding-right: 33px;\n height: 100%;\n}\n\n.infoColumn {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 200px; /* Ensure a minimum width for responsiveness */\n padding-right: 10px;\n}\n\n.title {\n font-size: 1.8em;\n font-weight: bold;\n margin-bottom: 0;\n margin-top: 0;\n color: #F0F0F0;\n width: 100%; /* Make sure title takes full width */\n}\n\n.info {\n font-size: 0.85rem;\n color: #F0F0F0;\n padding: 0;\n}\n\n.infoDescription {\n font-size: 1rem;\n color: #F0F0F0;\n padding: 0;\n}\n\n.imageContainer {\n flex: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n /* margin-left: 20px; */\n}\n\n.circuitImage {\n /* max-width: 100%; */\n width: auto;\n height: 11.8em;\n}\n\n.centerImage {\n width: 33px; /* Set strict width */\n height: 100%; /* Make height 100% of parent */\n position: absolute; /* Position it absolutely within the parent */\n right: 0; /* Align to the left */\n top: 0; /* Align to the top */\n overflow: hidden; /* Hide overflow */\n opacity: 0.8;\n}\n",".seasonevolution {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n }\n \n .plotContainer {\n width: 100%;\n height: 80vh; /* Adjust height as necessary */\n box-sizing: border-box; /* Ensures border is included in element's dimensions */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n \n .border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n width: 100%;\n }\n \n .content {\n display: flex;\n position: relative;\n align-items: center;\n overflow: hidden;\n }\n \n .left {\n flex: 3;\n margin-top: 100px;\n }\n \n .right {\n flex: 2;\n margin-top: 20px;\n }\n \n .boder_img {\n width: 5%;\n }\n \n p {\n color: white;\n font-size: 1.5em;\n padding-right: 100px;\n }\n \n .titleWrapper {\n position: absolute;\n top: 10px; /* Adjust this value as needed */\n left: 50%;\n transform: translateX(-50%);\n z-index: 1; /* Ensure it is on top */\n width: 100%;\n text-align: center;\n color: white;\n }\n \n .sliderContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 20px;\n width: 100%; /* Ensures the slider container takes the full width */\n }\n \n .slider {\n width: 90%; /* Adjust width to take nearly full width, providing some margin */\n margin-right: 10px;\n -webkit-appearance: none; /* Override default appearance */\n appearance: none; /* Override default appearance */\n height: 10px; /* Adjust the height */\n background: white; /* White background */\n outline: none; /* Remove outline */\n opacity: 0.7; /* Set transparency */\n transition: opacity .15s ease-in-out; /* Transition effect */\n }\n \n .slider::-webkit-slider-thumb {\n -webkit-appearance: none; /* Override default appearance */\n appearance: none; /* Override default appearance */\n width: 25px; /* Adjust the width */\n height: 25px; /* Adjust the height */\n background: white; /* White thumb */\n cursor: pointer; /* Pointer cursor on hover */\n }\n \n .slider::-moz-range-thumb {\n width: 25px; /* Adjust the width */\n height: 25px; /* Adjust the height */\n background: white; /* White thumb */\n cursor: pointer; /* Pointer cursor on hover */\n }\n \n .yearLabel {\n font-size: 18px;\n font-weight: bold;\n color: white; /* White text color */\n }\n ",".template {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n}\n\n/* Example CSS */\n#driverteamrelation {\n /* Add necessary styles */\n border: 1px solid black;\n}\n\n\n.border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n}\n\n.content {\n display: flex;\n flex-direction: column;\n position: relative;\n flex-grow : 1;\n align-items: center;\n overflow: hidden;\n}\n\n.content h1 {\n font-size: 2rem;\n color: #fff;\n margin-top: -1rem;\n margin-bottom: -2em;\n padding: 0;\n}\n\n.boder_img {\n width: 5%;\n}\n\n/* Define classes for each team with their respective colors */\n.team-McLaren {\n fill: #FF8700;\n stroke: #FF8700;\n opacity: 0.8;\n}\n\n.team-Mercedes {\n fill: #00D2BE;\n stroke: #00D2BE;\n opacity: 0.8;\n}\n\n.team-Renault {\n fill: #FFF500;\n stroke: #FFF500;\n opacity: 0.8;\n}\n\n.team-Ferrari {\n fill: #DC0000;\n stroke: #DC0000;\n opacity: 0.8;\n}\n\n.team-Aston-Martin {\n fill: #006F62;\n stroke: #006F62;\n opacity: 0.8;\n}\n\n.team-Alpine-F1-Team {\n fill: #0090FF;\n stroke: #0090FF;\n opacity: 0.8;\n}\n\n.team-Lotus {\n fill: #FFB800;\n stroke: #FFB800;\n opacity: 0.8;\n}\n\n.team-Caterham {\n fill: #00352F;\n stroke: #00352F;\n opacity: 0.8;\n}\n\n.team-Lotus-F1 {\n fill: #FFB800;\n stroke: #FFB800;\n opacity: 0.8;\n}\n\n.team-Alfa-Romeo {\n fill: #900000;\n stroke: #900000;\n opacity: 0.8;\n}\n\n.team-Williams {\n fill: #005AFF;\n stroke: #005AFF;\n opacity: 0.8;\n}\n\n.team-Virgin {\n fill: #E31837;\n stroke: #E31837;\n opacity: 0.8;\n}\n\n.team-Marussia {\n fill: #D40000;\n stroke: #D40000;\n opacity: 0.8;\n}\n\n.team-Force-India {\n fill: #FF8700;\n stroke: #FF8700;\n opacity: 0.8;\n}\n\n.team-Sauber {\n fill: #006EFF;\n stroke: #006EFF;\n opacity: 0.8;\n}\n\n.team-Red-Bull {\n fill: #1E41FF;\n stroke: #1E41FF;\n opacity: 0.8;\n}\n\n.team-HRT {\n fill: #BEBEBE;\n stroke: #BEBEBE;\n opacity: 0.8;\n}\n\n.team-Toro-Rosso {\n fill: #0032FF;\n stroke: #0032FF;\n opacity: 0.8;\n}\n\n.team-Haas-F1-Team {\n fill: #787878;\n stroke: #787878;\n opacity: 0.8;\n}\n\n.team-Racing-Point {\n fill: #F596C8;\n stroke: #F596C8;\n opacity: 0.8;\n}\n\n.team-AlphaTauri {\n fill: #2B4562;\n stroke: #2B4562;\n opacity: 0.8;\n}\n\n.team-Manor-Marussia {\n fill: #E40000;\n stroke: #E40000;\n opacity: 0.8;\n}\n\n/* Links opacity */\n.link {\n stroke-opacity: 0.4;\n}\n\n/* Text color */\n.text-McLaren {\n fill: #FF8700;\n}\n\n.text-Mercedes {\n fill: #00D2BE;\n}\n\n.text-Renault {\n fill: #FFF500;\n}\n\n.text-Ferrari {\n fill: #DC0000;\n}\n\n.text-Aston-Martin {\n fill: #006F62;\n}\n\n.text-Alpine-F1-Team {\n fill: #0090FF;\n}\n\n.text-Lotus {\n fill: #FFB800;\n}\n\n.text-Caterham {\n fill: #00352F;\n}\n\n.text-Lotus-F1 {\n fill: #FFB800;\n}\n\n.text-Alfa-Romeo {\n fill: #900000;\n}\n\n.text-Williams {\n fill: #005AFF;\n}\n\n.text-Virgin {\n fill: #E31837;\n}\n\n.text-Marussia {\n fill: #D40000;\n}\n\n.text-Force-India {\n fill: #FF8700;\n}\n\n.text-Sauber {\n fill: #006EFF;\n}\n\n.text-Red-Bull {\n fill: #1E41FF;\n}\n\n.text-HRT {\n fill: #BEBEBE;\n}\n\n.text-Toro-Rosso {\n fill: #0032FF;\n}\n\n.text-Haas-F1-Team {\n fill: #787878;\n}\n\n.text-Racing-Point {\n fill: #F596C8;\n}\n\n.text-AlphaTauri {\n fill: #2B4562;\n}\n\n.text-Manor-Marussia {\n fill: #E40000;\n}\n\n\n",".sideMenu {\n position: absolute;\n top: 0;\n left: 0;\n width: 2.5%; /* Reduced initial width */\n height: 35%;\n background-color: #312829;\n box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);\n z-index: 1000;\n transition: width 0.3s ease;\n overflow: hidden;\n opacity: 0.5;\n border-radius: 0 5px 5px 0;\n}\n\n.sideMenu:hover {\n width: 250px; /* Expand width on hover */\n color: red;\n}\n\n.sideMenu ul {\n list-style: none;\n padding: 0;\n margin: 0;\n height: 100%;\n display: flex;\n flex-direction: column; /* Align items vertically */\n justify-content: center; /* Center items vertically */\n}\n\n.sideMenu li {\n padding: 10px;\n border-bottom: 1px solid white;\n color: white;\n cursor: pointer;\n white-space: nowrap; /* Ensure text doesn't wrap */\n opacity: 0; /* Make text invisible initially */\n transition: opacity 0.3s ease 0.3s; /* Delay text appearance until expansion */\n}\n\n.sideMenu:hover li {\n opacity: 1; /* Make text visible when hovered */\n}\n\n/* Styling for a small tab to grab attention when retracted */\n.tab {\n position: absolute;\n top: 40%;\n right: 0; /* Position it just outside the main menu */\n width: 40px;\n height: 40px;\n background-color: white;\n transform: translateY(-50%);\n border-radius: 0 5px 5px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: red;\n font-weight: bold;\n cursor: pointer;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.7bfe8bb0.css b/static/css/main.7bfe8bb0.css deleted file mode 100644 index c1068f6..0000000 --- a/static/css/main.7bfe8bb0.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans&display=swap);@font-face{font-family:MyCustomFont;font-style:normal;font-weight:400;src:url(/pitstop-plotters/static/media/Formula1-Italic.a210ce579c0907d1456c.ttf) format("ttf")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{color:#fff;font-family:MyCustomFont,sans-serif;font-size:10%;text-align:center}@font-face{font-family:f1Font;font-style:normal;font-weight:400;src:url(https://rawcdn.githack.com/com-480-data-visualization/pitstop-plotters/e387d68fc4919d6f938e748e9a867d4ab25e767a/website/src/fonts/Formula1-Regular_web_0.woff) format("woff")}body{font-family:f1Font,Noto Sans,sans-serif;overflow:hidden}h1{font-size:7vw;line-height:7vw}h1,h2{font-family:f1Font,IBM Plex Sans,sans-serif;font-style:normal;font-weight:700}h2{font-size:60px;line-height:78px;margin-top:0}p{color:#333;font-family:f1Font,Noto Sans,sans-serif;font-weight:400;line-height:22px}button,p{font-size:16px;font-style:normal}button{font-family:f1Font,Noto Sans;font-weight:700;line-height:100%;text-transform:uppercase}a{text-decoration:none}.Styles_container__tCg83{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;width:100vw}.Styles_section__aHrHC{height:100%;scroll-snap-align:start;width:100%}@font-face{font-family:Formula1-Regular;font-style:normal;font-weight:400;src:url(/pitstop-plotters/static/media/Formula1-Italic.a210ce579c0907d1456c.ttf) format("ttf")}.Welcome_welcome__IiO2h{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.Welcome_border__035TM{display:flex;height:100%;justify-content:space-between}.Welcome_content__lwKwk{align-items:center;flex-grow:1;overflow:hidden;position:relative}.Welcome_f1__dk7pR{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;left:15%;margin-top:3%;opacity:.75;position:absolute;top:0;width:70%;z-index:3}.Welcome_video__bAEiu{object-fit:cover;z-index:1}.Welcome_overlay__dlTiE,.Welcome_video__bAEiu{height:100%;left:0;position:absolute;top:0;width:100%}.Welcome_overlay__dlTiE{background-color:#00000080;z-index:2}.Welcome_text_w__emWB\+{color:#fff;font-family:f1Font,sans-serif;margin-left:10%;margin-right:10%;margin-top:35%;opacity:.7;position:absolute;text-align:center}.Welcome_boder_img__14hvG{width:7%}.Welcome_floatingButton__Y2cxV{background-color:#00000080;border:none;border-radius:5px;bottom:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;position:fixed;right:20px;z-index:1000}.Leaderboard_template__QQzc\+{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.Leaderboard_evolutionBarContainer__kzEDN{align-items:center;display:flex;justify-content:center;margin-top:-10%;position:relative}.Leaderboard_leaderboard__-nBOA{align-items:flex-end;height:100%;margin:0 auto 400px;position:relative;width:80%}.Leaderboard_leaderItem__IPXgi{border-radius:32px;transition:width .5s ease-out,background-color .3s ease-out}.Leaderboard_pilotsHeader__QpNty{align-items:center;margin-left:350px;margin-top:-1%}.Leaderboard_pilotsHeader__QpNty,.Leaderboard_teamsHeader__43GaO{color:#fff;display:flex;flex-direction:line;font-family:IBM Plex Sans;font-weight:700}.Leaderboard_teamsHeader__43GaO{margin-left:50%;margin-top:1%}.Leaderboard_name__NSxxN{color:#fff;font-family:IBM Plex Sans;font-weight:700;margin-block:0;margin-left:8px}.Leaderboard_leaderScore__-D-5Z{color:#fff;font-family:IBM Plex Sans;font-weight:700;margin:0 0 0 6px}.Leaderboard_leaderPos__Zmb13{color:#fff;font-family:IBM Plex Sans;font-weight:700;margin:1% 0 0;text-align:right;width:350px}.Leaderboard_nameContainer__PEqsy{align-items:flex-start;display:flex;flex-direction:line;height:50%;margin:1% auto 0 100%;position:relative}.Leaderboard_container__\+inhA{align-items:flex-start;flex-direction:line;margin:0 auto;position:relative;width:1%}.Leaderboard_boder_img__n62Nr{width:5%}.Leaderboard_border__OPCPq{display:flex;height:100%;justify-content:space-between}.EvolutionBar_bar__2y9Bt{align-items:center;display:flex;gap:12px;justify-content:center}.EvolutionBar_play__wmCmA{align-items:center;display:flex;transition:all .3s ease}.EvolutionBar_play__wmCmA:hover{transform:scale(1.15)}.EvolutionBar_year__crmy8{color:#fff;font-family:IBM Plex Sans,sans-serif;font-weight:700}input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:100px;outline:none;width:500px}input[type=range]::-webkit-slider-runnable-track{background:#0000;border-radius:16px;height:300px}input[type=range]::-moz-range-track{background:#0000;border-radius:16px;height:300px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:red;border-radius:50%;height:15px;width:15px}input[type=range]::-moz-range-thumb{background-image:url(https://rawcdn.githack.com/com-480-data-visualization/pitstop-plotters/5353772f4961e8163bb0ba40a886580fa8d187ac/website/src/img/f1_t.png);height:100px;width:100px}input[type=range]{border-radius:16px;overflow:hidden}.DriverLeaderBoard_template__catIm{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.DriverLeaderBoard_leaderboard__FzKom{height:0;margin:0 auto -400px;position:relative;width:70%}.DriverLeaderBoard_leaderboardItem__G67\+G{border-radius:32px;transition:width .5s ease-out,background-color .3s ease-out}.DriverLeaderBoard_name__XxG1w{color:#fff;font-family:IBM Plex Sans,sans-serif;font-weight:700;margin-block:0;margin-left:8px;text-transform:uppercase}.DriverLeaderBoard_leaderScore__ezTw8{color:#fff;font-family:IBM Plex Sans,sans-serif;font-weight:700;margin:0 0 0 6px}.DriverLeaderBoard_leaderPosition__1-RLs{color:#fff;font-family:IBM Plex Sans,sans-serif;font-weight:700;margin:0;text-align:right;width:190px}.DriverLeaderBoard_nameContainer__a-oao{align-items:flex-start;display:flex;flex-direction:line;margin:0 auto 100%;position:absolute}.DriverLeaderBoard_container__97Gaw{flex-direction:left;height:2%;margin:0 auto;position:relative;width:90%}.DriverLeaderBoard_boder_img__BLhKc{width:5%}.HallOfFame_template__W9Jhb{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.HallOfFame_border__YVW5d{display:flex;height:100%;justify-content:space-between}.HallOfFame_content__UaZlF{align-items:center;overflow:hidden;position:relative}.HallOfFame_boder_img__-hEL6{width:5%}.HallOfFame_content__UaZlF{display:flex;flex-grow:1;height:100%}.HallOfFame_leftSide__uZA2Y{flex-direction:column}.HallOfFame_leftSide__uZA2Y,.HallOfFame_rightSide__OEWEJ{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.HallOfFame_rightSide__OEWEJ{flex-direction:column-reverse}.HallOfFame_rightBottom__Vu0EI{flex:6 1;flex-direction:column}.HallOfFame_rightBottom__Vu0EI,.HallOfFame_rightTop__xF7Me{align-items:center;display:flex;justify-content:center;width:100%}.HallOfFame_rightTop__xF7Me{flex:4 1;margin:0}.HallOfFame_centerImage__9hT-v{height:100%;left:50%;opacity:.75;position:absolute;top:50%;transform:translate(-50%,-50%);width:34px;z-index:10}.HallOfFame_centerDivider__arOCj{display:block;height:33px;opacity:.8;padding-left:33px;width:100%}.HallOfFame_titleContainer__WmFBn{color:#fff;font-size:28px;font-weight:700;margin-bottom:.1em;margin-top:-.5em;padding-top:5%;text-align:center;width:100%}.HallOfFame_desc__CZeuv{color:#ccc;font-size:.75em;margin:-3em 0 -6em;padding:5em;text-align:center}.HallOfFameSelection_imageRow__c4fjP{align-items:flex-end;display:flex;height:100%;justify-content:space-between;overflow-x:auto;padding:20px 10px 0 20px;width:100%}img{cursor:pointer;flex-shrink:0;transition:all .3s ease-in-out}.HallOfFameInfo_divInfo__SgIB1{border-radius:8px;display:flex;flex-wrap:wrap;font-size:calc(.5vw + .5vh + .25vmin);justify-content:space-around;margin-bottom:-.5rem;margin-left:5rem;margin-top:-5rem;padding:10px}.HallOfFameInfo_item__yu17K{align-items:flex-start;border-radius:5px;display:flex;flex:1 1 auto;justify-content:space-between;margin:5px;padding-inline:5px;text-align:left}.HallOfFameInfo_name__SqYpD h1{font-size:2em;font-weight:700;height:5%;justify-content:center;margin:1px 1px -40px;padding:1px;text-align:center;text-decoration:underline;width:100%}.HallOfFameInfo_name__SqYpD{display:flex;margin:0;padding:1px;width:100%}.HallOfFameInfo_label__uBaBf{font-size:.6em;font-weight:700;height:10%;margin:1px;width:100%}.HallOfFameInfo_value__E7ylY{color:#ccc;font-family:IBM Plex Sans,sans-serif;font-size:.5em;font-weight:lighter;height:10%;margin:1px 5px;width:10%}p{margin:1px}body{background-color:#222}circle,line,polygon{stroke:#e3e3e3;stroke-width:3px;fill:none}circle{stroke:#e3e3e3;stroke-width:1px;opacity:.5}polygon{stroke:#ff1a2d;stroke-width:2px;fill:#ef1a2d;fill-opacity:.3}text{stroke:none;fill:#ccc;alignment-baseline:middle;font-family:Helvetica;font-size:12px;font-weight:700}line.HallOfFameSpider_axis__JUeQp{stroke-width:1px;opacity:.5}.Circuits_circuits__XOPK5{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.Circuits_border__Q94XG{display:flex;height:100%;justify-content:space-between}.Circuits_content__xz9ZT{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:hidden;position:relative}.Circuits_top__4DOqZ{flex:3 1;flex-grow:1}.Circuits_bottom__mAbW2{flex:1 1;flex-grow:1}.Circuits_boder_img__zcgiK{width:5%}body{margin:0}.Circuits_centerImage__qzCjH{display:block;height:33px;opacity:.8;width:100%}.CircuitsMap_mapContainer__tYwZD{border:1px solid #fff;position:relative}.CircuitInfo_infobox__ABsH-{align-items:flex-start;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:flex;height:100%;padding-left:20px;width:100%}.CircuitInfo_infoContainer__dYjxl{display:flex;flex:4 1;flex-wrap:wrap;height:100%;padding-right:33px;position:relative}.CircuitInfo_infoColumn__RAr6a{display:flex;flex:1 1;flex-direction:column;min-width:200px;padding-right:10px}.CircuitInfo_title__e5oD2{color:#f0f0f0;font-size:1.8em;font-weight:700;margin-bottom:0;margin-top:0;width:100%}.CircuitInfo_info__-UzhH{color:#f0f0f0;font-size:.85rem;padding:0}.CircuitInfo_infoDescription__9Jh9I{color:#f0f0f0;font-size:1rem;padding:0}.CircuitInfo_imageContainer__UIY8Q{align-items:center;display:flex;flex:2 1;justify-content:center}.CircuitInfo_circuitImage__x-6aJ{height:11.8em;width:auto}.CircuitInfo_centerImage__su5iV{height:100%;opacity:.8;overflow:hidden;position:absolute;right:0;top:0;width:33px}.SeasonsEvolution_seasonevolution__8UsoX{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}.SeasonsEvolution_plotContainer__o76a-{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:80vh;justify-content:center;width:100%}.SeasonsEvolution_border__jRxfk{display:flex;height:100%;justify-content:space-between;width:100%}.SeasonsEvolution_content__qJkP0{align-items:center;display:flex;overflow:hidden;position:relative}.SeasonsEvolution_left__UYGnK{flex:3 1;margin-top:100px}.SeasonsEvolution_right__DkeO3{flex:2 1;margin-top:20px}.SeasonsEvolution_boder_img__qFxu4{width:5%}p{color:#fff;font-size:1.5em;padding-right:100px}.SeasonsEvolution_titleWrapper__QfF6N{color:#fff;left:50%;position:absolute;text-align:center;top:10px;transform:translateX(-50%);width:100%;z-index:1}.SeasonsEvolution_sliderContainer__nAENa{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}.SeasonsEvolution_slider__RZSof{-webkit-appearance:none;appearance:none;background:#fff;height:10px;margin-right:10px;opacity:.7;outline:none;transition:opacity .15s ease-in-out;width:90%}.SeasonsEvolution_slider__RZSof::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;cursor:pointer;height:25px;width:25px}.SeasonsEvolution_slider__RZSof::-moz-range-thumb{background:#fff;cursor:pointer;height:25px;width:25px}.SeasonsEvolution_yearLabel__mD7Yb{color:#fff;font-size:18px;font-weight:700}.DriverTeamRelations_template__RvmVC{align-items:center;background-image:url(/pitstop-plotters/static/media/background_road.b43639ac91479da6f876.png);background-position:50%;background-repeat:repeat;background-size:cover;height:100%;justify-content:center;min-height:100vh;overflow-wrap:break-word;width:100%}#DriverTeamRelations_driverteamrelation__mx-NL{border:1px solid #000}.DriverTeamRelations_border__6VQOL{display:flex;height:100%;justify-content:space-between}.DriverTeamRelations_content__VSAwL{align-items:center;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.DriverTeamRelations_content__VSAwL h1{color:#fff;font-size:2rem;margin-bottom:-2em;margin-top:-1rem;padding:0}.DriverTeamRelations_boder_img__7qmtw{width:5%}.DriverTeamRelations_team-McLaren__jk6U5{fill:#ff8700;stroke:#ff8700;opacity:.8}.DriverTeamRelations_team-Mercedes__32J3I{fill:#00d2be;stroke:#00d2be;opacity:.8}.DriverTeamRelations_team-Renault__sE5Sy{fill:#fff500;stroke:#fff500;opacity:.8}.DriverTeamRelations_team-Ferrari__2M3Gd{fill:#dc0000;stroke:#dc0000;opacity:.8}.DriverTeamRelations_team-Aston-Martin__zesHn{fill:#006f62;stroke:#006f62;opacity:.8}.DriverTeamRelations_team-Alpine-F1-Team__xEeDd{fill:#0090ff;stroke:#0090ff;opacity:.8}.DriverTeamRelations_team-Lotus__j-qyv{fill:#ffb800;stroke:#ffb800;opacity:.8}.DriverTeamRelations_team-Caterham__6FQ0a{fill:#00352f;stroke:#00352f;opacity:.8}.DriverTeamRelations_team-Lotus-F1__VhMG7{fill:#ffb800;stroke:#ffb800;opacity:.8}.DriverTeamRelations_team-Alfa-Romeo__olkaa{fill:#900000;stroke:#900000;opacity:.8}.DriverTeamRelations_team-Williams__V\+x4y{fill:#005aff;stroke:#005aff;opacity:.8}.DriverTeamRelations_team-Virgin__uBq2T{fill:#e31837;stroke:#e31837;opacity:.8}.DriverTeamRelations_team-Marussia__fdoHi{fill:#d40000;stroke:#d40000;opacity:.8}.DriverTeamRelations_team-Force-India__sSjqE{fill:#ff8700;stroke:#ff8700;opacity:.8}.DriverTeamRelations_team-Sauber__idPxN{fill:#006eff;stroke:#006eff;opacity:.8}.DriverTeamRelations_team-Red-Bull__4kjKN{fill:#1e41ff;stroke:#1e41ff;opacity:.8}.DriverTeamRelations_team-HRT__aSBii{fill:#bebebe;stroke:#bebebe;opacity:.8}.DriverTeamRelations_team-Toro-Rosso__ppnJl{fill:#0032ff;stroke:#0032ff;opacity:.8}.DriverTeamRelations_team-Haas-F1-Team__coHiO{fill:#787878;stroke:#787878;opacity:.8}.DriverTeamRelations_team-Racing-Point__QVHRe{fill:#f596c8;stroke:#f596c8;opacity:.8}.DriverTeamRelations_team-AlphaTauri__Gd5iW{fill:#2b4562;stroke:#2b4562;opacity:.8}.DriverTeamRelations_team-Manor-Marussia__ra00E{fill:#e40000;stroke:#e40000;opacity:.8}.DriverTeamRelations_link__dxeui{stroke-opacity:.4}.DriverTeamRelations_text-McLaren__8\+wD\+{fill:#ff8700}.DriverTeamRelations_text-Mercedes__ue4hg{fill:#00d2be}.DriverTeamRelations_text-Renault__Z6wJm{fill:#fff500}.DriverTeamRelations_text-Ferrari__akuLs{fill:#dc0000}.DriverTeamRelations_text-Aston-Martin__y-4cN{fill:#006f62}.DriverTeamRelations_text-Alpine-F1-Team__GeccS{fill:#0090ff}.DriverTeamRelations_text-Lotus__Op\+9f{fill:#ffb800}.DriverTeamRelations_text-Caterham__OBEhY{fill:#00352f}.DriverTeamRelations_text-Lotus-F1__h6ADQ{fill:#ffb800}.DriverTeamRelations_text-Alfa-Romeo__fiYvm{fill:#900000}.DriverTeamRelations_text-Williams__J3Vdt{fill:#005aff}.DriverTeamRelations_text-Virgin__Q1IVL{fill:#e31837}.DriverTeamRelations_text-Marussia__2tQJu{fill:#d40000}.DriverTeamRelations_text-Force-India__gMEXs{fill:#ff8700}.DriverTeamRelations_text-Sauber__tcbtg{fill:#006eff}.DriverTeamRelations_text-Red-Bull__A8rkg{fill:#1e41ff}.DriverTeamRelations_text-HRT__gwqYw{fill:#bebebe}.DriverTeamRelations_text-Toro-Rosso__W9FaM{fill:#0032ff}.DriverTeamRelations_text-Haas-F1-Team__9kyOx{fill:#787878}.DriverTeamRelations_text-Racing-Point__Xx428{fill:#f596c8}.DriverTeamRelations_text-AlphaTauri__XoslZ{fill:#2b4562}.DriverTeamRelations_text-Manor-Marussia__OIo8P{fill:#e40000}.Menu_sideMenu__5rh0H{background-color:#312829;border-radius:0 5px 5px 0;box-shadow:2px 0 5px #00000080;height:35%;left:0;opacity:.5;overflow:hidden;position:absolute;top:0;transition:width .3s ease;width:2.5%;z-index:1000}.Menu_sideMenu__5rh0H:hover{color:red;width:250px}.Menu_sideMenu__5rh0H ul{display:flex;flex-direction:column;height:100%;justify-content:center;list-style:none;margin:0;padding:0}.Menu_sideMenu__5rh0H li{border-bottom:1px solid #fff;color:#fff;cursor:pointer;opacity:0;padding:10px;transition:opacity .3s ease .3s;white-space:nowrap}.Menu_sideMenu__5rh0H:hover li{opacity:1}.Menu_tab__scSOe{align-items:center;background-color:#fff;border-radius:0 5px 5px 0;color:red;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;position:absolute;right:0;top:40%;transform:translateY(-50%);width:40px} -/*# sourceMappingURL=main.7bfe8bb0.css.map*/ \ No newline at end of file diff --git a/static/css/main.7bfe8bb0.css.map b/static/css/main.7bfe8bb0.css.map deleted file mode 100644 index 956f187..0000000 --- a/static/css/main.7bfe8bb0.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.7bfe8bb0.css","mappings":"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","sources":["index.css","Styles.module.css","Welcome/Welcome.module.css","Leaderboard/Leaderboard.module.css","Leaderboard/EvolutionBar/EvolutionBar.module.css","Leaderboard/DriverLeaderBoard.module.css","HallOfFame/HallOfFame.module.css","HallOfFame/HallOfFameSelection.module.css","HallOfFame/HallOfFameInfo.module.css","HallOfFame/HallOfFameSpider.module.css","Circuits/Circuits.module.css","Circuits/CircuitsMap/CircuitsMap.module.css","Circuits/CircuitInfo/CircuitInfo.module.css","SeasonsEvolution/SeasonsEvolution.module.css","DriverTeamRelations/DriverTeamRelations.module.css","Menu/Menu.module.css"],"sourcesContent":["@font-face {\n font-family: 'MyCustomFont';\n src: url('../public/fonts/Formula1-Italic.ttf') format('ttf');\n font-weight: normal;\n font-style: normal;\n}\n\nbody {\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\nh1 {\n text-align: center;\n color: white;\n font-family: MyCustomFont, sans-serif;\n font-size: 10%;\n}\n","@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans&display=swap');\n@font-face {\n font-family: 'f1Font';\n src: url('https://rawcdn.githack.com/com-480-data-visualization/pitstop-plotters/e387d68fc4919d6f938e748e9a867d4ab25e767a/website/src/fonts/Formula1-Regular_web_0.woff') format('woff');\n font-weight: normal;\n font-style: normal;\n}\nbody {\n font-family: 'f1Font','Noto Sans', sans-serif;\n margin: 0;\n overflow: hidden;\n}\n\nh1 {\n font-family: \"f1Font\",\"IBM Plex Sans\", sans-serif;\n font-style: normal;\n font-weight: 700;\n font-size: 7vw;\n line-height: 7vw;\n}\n\nh2 {\n font-family: \"f1Font\",'IBM Plex Sans', sans-serif;\n font-style: normal;\n font-weight: 700;\n font-size: 60px;\n line-height: 78px;\n margin-top: 0;\n}\n\np {\n font-family: \"f1Font\",'Noto Sans', sans-serif;\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 22px;\n color: #333;\n}\n\nbutton {\n font-family: \"f1Font\",'Noto Sans';\n font-style: normal;\n font-weight: 700;\n font-size: 16px;\n line-height: 100%;\n text-transform: uppercase;\n}\n\na {\n text-decoration: none;\n}\n\n.container {\n overflow-y: scroll;\n scroll-snap-type: y mandatory;\n width: 100vw;\n height: 100vh;\n}\n\n.section {\n height: 100%;\n width: 100%;\n scroll-snap-align: start;\n}","@font-face {\n font-family: 'Formula1-Regular';\n src: url('../../public/fonts/Formula1-Italic.ttf') format('ttf');\n font-weight: normal;\n font-style: normal;\n}\n.welcome {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n}\n\n.border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n}\n\n.content {\n position: relative;\n flex-grow : 1;\n align-items: center;\n overflow: hidden;\n}\n\n.f1 {\n margin-top: 3%;\n position: absolute;\n top: 0;\n left: 15%; /* Centering f1, adjust this value based on your layout */\n width: 70%; /* Adjust width as necessary */\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n align-content: center;\n opacity: 0.75; /* Maintain opacity setting */\n z-index: 3; /* Higher z-index to be on top */\n}\n\n.video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n}\n\n.overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0,0,0,0.5); /* Add a semi-transparent overlay */\n z-index: 2;\n}\n\n.text_w {\n position: absolute;\n color: #ffff;\n text-align: center;\n margin-top: 35%;\n opacity: 0.7;\n margin-left: 10%;\n margin-right: 10%;\n font-family: f1Font, sans-serif;\n}\n\n.boder_img {\n width: 7%;\n}\n\n.floatingButton {\n position: fixed;\n bottom: 20px;\n right: 20px;\n padding: 10px 20px;\n font-size: 16px;\n color: #fff;\n background-color: rgba(0,0,0,0.5);\n border: none;\n border-radius: 5px;\n cursor: pointer;\n z-index: 1000;\n}",".template {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n}\n.evolutionBarContainer {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n margin-top: -10%;\n}\n\n\n.leaderboard {\n position: relative;\n margin: 0 auto;\n width: 80%; \n margin-bottom: 400px;\n height: 100%;\n\n align-items: flex-end;\n}\n.leaderItem {\n border-radius: 32px;\n transition: width 0.5s ease-out, background-color 0.3s ease-out;\n}\n.pilotsHeader{\n display: flex;\n color: white;\n margin-left: 350px;\n font-family: \"IBM Plex Sans\";\n font-weight: bold;\n align-items: center;\n flex-direction: line;\n \n margin-top: -1%;\n\n\n}\n.teamsHeader{\n display: flex;\n color: white;\n font-family: \"IBM Plex Sans\";\n font-weight: bold;\n flex-direction: line;\n\n margin-left: 50%;\n margin-top: 1%;\n\n}\n.name {\n color: white;\n font-family: \"IBM Plex Sans\";\n font-weight: bold;\n margin-block: 0;\n margin-left: 8px;\n}\n\n.leaderScore {\n color: white;\n margin: 0;\n font-weight: bold;\n font-family: \"IBM Plex Sans\";\n margin-left: 6px;\n}\n\n.leaderPos {\n color: white;\n margin: 0;\n text-align: right;\n font-weight: bold;\n font-family: \"IBM Plex Sans\";\n width: 350px;\n margin-top: 1%;\n}\n\n.nameContainer {\n display: flex;\n margin: 0 auto;\n margin-left: 100%;\n flex-direction: line;\n align-items: flex-start;\n position: relative;\n height: 50%;\n margin-top: 1%;\n\n}\n.container {\n margin-top: 100%;\n margin: 0 auto;\n flex-direction: line;\n align-items: flex-start;\n position: relative;\n width: 1%;\n}\n\n\n.boder_img {\n width: 5%;\n}\n.border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n}\n\n",".bar {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 12px;\n}\n\n\n.play {\n display: flex;\n align-items: center;\n transition: all 0.3s ease;\n}\n\n.play:hover {\n transform: scale(1.15);\n}\n\n.year {\n color: white;\n font-family: \"IBM Plex Sans\", sans-serif;\n font-weight: 700;\n}\n\ninput[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n \n width: 500px;\n cursor: pointer;\n outline: none;\n}\n\ninput[type=\"range\"] {\n height: 100px;\n background: transparent;\n border-radius: 16px;\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n height: 300px;\n background: transparent;\n border-radius: 16px;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n height: 300px;\n background: transparent;\n border-radius: 16px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n height: 15px;\n width: 15px;\n background-color: red;\n border-radius: 50%;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n height: 100px;\n width: 100px;\n background-image: url('https://rawcdn.githack.com/com-480-data-visualization/pitstop-plotters/5353772f4961e8163bb0ba40a886580fa8d187ac/website/src/img/f1_t.png');\n\n}\n\n\n\ninput[type=\"range\"] {\n overflow: hidden;\n border-radius: 16px;\n}",".template {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n }\n\n \n \n .leaderboard {\n position: relative;\n margin: 0 auto;\n width: 70%; \n margin-bottom: -400px; \n height: 0%;\n }\n .leaderboardItem {\n border-radius: 32px;\n transition: width 0.5s ease-out, background-color 0.3s ease-out;\n }\n \n .name {\n color: white;\n font-family: \"IBM Plex Sans\", sans-serif;\n text-transform: uppercase;\n font-weight: bold;\n margin-block: 0;\n margin-left: 8px;\n }\n \n .leaderScore {\n color: white;\n margin: 0;\n font-weight: bold;\n font-family: \"IBM Plex Sans\", sans-serif;\n margin-left: 6px;\n }\n \n .leaderPosition {\n color: white;\n margin: 0;\n text-align: right;\n font-weight: bold;\n font-family: \"IBM Plex Sans\", sans-serif;\n width: 190px;\n\n\n }\n \n .nameContainer {\n display: flex;\n margin: 0 auto;\n flex-direction: line;\n align-items: flex-start;\n position: absolute;\n margin-bottom: 100%;\n \n\n }\n .container {\n margin-bottom: 100%;\n margin: 0 auto;\n flex-direction: left;\n position: relative;\n width: 90%;\n position: relative;\n height: 2%;\n }\n \n .boder_img {\n width: 5%;\n }\n ",".template {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n}\n\n.border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n}\n\n.content {\n position: relative;\n flex-grow : 1;\n align-items: center;\n overflow: hidden;\n}\n\n.boder_img {\n width: 5%;\n}\n\n.content {\n display: flex;\n flex-grow: 1;\n height: 100%;\n}\n\n.leftSide {\n display: flex;\n flex-direction: column;\n width: 50%;\n height: 100%;\n align-items: center;\n justify-content: center;\n}\n\n.rightSide {\n width: 50%;\n height: 100%;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n justify-content: center;\n\n}\n\n.rightBottom {\n flex: 6; /* Takes 60% of the vertical space */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%; /* Ensures full width within the parent container */\n}\n\n.rightTop {\n flex: 4; /* Takes 40% of the vertical space */\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; /* Ensures full width within the parent container */\n margin: 0;\n}\n\n.centerImage {\n position: absolute;\n top: 50%; /* Adjust these to center the image */\n left: 50%;\n transform: translate(-50%, -50%); /* Centers the image exactly between the divs */\n z-index: 10; /* Ensures the image is above other elements */\n height: 100%;\n width: 34px;\n opacity: 0.75;\n}\n\n.centerDivider {\n width: 100%;\n height: 33px; /* Adjust based on your image's aspect ratio */\n display: block; /* Ensures it doesn't have extra space around it */\n opacity: 0.8;\n /* padding on left*/\n padding-left: 33px;\n}\n\n.titleContainer {\n text-align: center;\n margin-bottom: 0.1em;\n font-size: 28px;\n width: 100%;\n padding-top: 5%;\n color: white;\n font-weight: bold;\n margin-top: -0.5em;\n}\n\n.desc{\n font-size: 0.75em;\n color: #CCCCCC;\n text-align: center;\n margin: 0;\n padding: 5em;\n margin-top: -3em;\n margin-bottom: -6em;\n}\n",".imageRow {\n display: flex;\n justify-content: space-between; /* Distributes space evenly between images */\n align-items: flex-end; /* Keeps images aligned at the bottom */\n overflow-x: auto; /* Adds horizontal scrolling if needed */\n /* Adds padding around the images */\n padding: 20px 10px 0 20px;\n width: 100%;\n height: 100%;\n}\n\nimg {\n transition: all 0.3s ease-in-out; /* Smooth transition for size and spacing */\n cursor: pointer; /* Indicates that the images are clickable */\n flex-shrink: 0; /* Prevents images from shrinking */\n}\n",".divInfo {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n padding: 10px;\n border-radius: 8px;\n margin-left: 5rem;\n margin-bottom: -0.5rem;\n margin-top: -5rem;\n font-size: calc(0.5vw + 0.5vh + 0.25vmin);\n}\n\n.item {\n flex: 1 1 auto;\n margin: 5px;\n padding-inline: 5px;\n /*border: 1px solid #eee;*/\n border-radius: 5px;\n /*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n text-align: left;\n}\n\n.name h1 {\n font-size: 2em; /* Adjust heading size relatively larger */\n text-align: center; /* Center the title text */\n margin: 1px 1px;\n justify-content: center;\n padding: 1px;\n width: 100%;\n font-weight: bold;\n height: 5%;\n text-decoration: underline;\n margin-bottom: -40px;\n}\n.name {\n width: 100%;\n margin: 0;\n padding: 1px;\n display: flex;\n}\n\n.label {\n font-weight: bold;\n font-size: 0.6em; /* Relative to container's base font size */\n margin: 1px 1px;\n /*Make text fill width of container */\n width: 100%;\n height: 10%;\n}\n\n.value {\n font-family: 'IBM Plex Sans', sans-serif;\n font-size: 0.5em; /* Smaller and relative to container's base font size */\n margin: 1px 5px;\n width: 10%;\n height: 10%;\n font-weight: lighter;\n color: #CCCCCC;\n}\n\np{\n margin: 1px;\n}\n\n\n","body {\n background-color: #222;\n}\n\ncircle, line, polygon {\n stroke: #E3E3E3;\n stroke-width: 3px;\n fill:none;\n}\n\ncircle {\n stroke: #E3E3E3;\n stroke-width: 1px;\n opacity: 0.5;\n}\n\npolygon {\n stroke: #FF1A2D;\n stroke-width: 2px;\n fill:#EF1A2D;\n fill-opacity:.3;\n}\n\n\ntext {\n font-family: 'Helvetica';\n font-size:12px;\n font-weight: bold;\n stroke: none;\n fill:#CCCCCC;\n alignment-baseline: middle;\n}\n\n\n\nline.axis {\n stroke-width: 1px;\n opacity: .5;\n}",".circuits {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n}\n\n.border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n}\n\n.content {\n position: relative;\n display: flex;\n flex-direction: column;\n flex-grow : 1;\n align-items: center;\n overflow: hidden;\n height: 100%;\n}\n\n.top {\n flex: 3;\n flex-grow: 1;\n}\n\n.bottom {\n flex: 1;\n flex-grow: 1;\n}\n\n.boder_img {\n width: 5%;\n}\n\n/* html {\n font-family: system-ui, sans-serif;\n font-size: 1.25rem;\n} */\n\nbody {\n margin: 0;\n}\n\n.centerImage {\n width: 100%;\n height: 33px;\n display: block; /* Ensures it doesn't have extra space around it */\n opacity: 0.8;\n}",".mapContainer {\n position: relative;\n border: 1px solid white;\n /* background: #f5f5f5; */\n}",".infobox {\n display: flex;\n padding-left: 20px;\n border-radius: 8px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n width: 100%;\n box-sizing: border-box;\n align-items: flex-start;\n height: 100%;\n}\n\n.infoContainer {\n display: flex;\n flex-wrap: wrap;\n flex: 4;\n position: relative; /* Add this line */\n padding-right: 33px;\n height: 100%;\n}\n\n.infoColumn {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 200px; /* Ensure a minimum width for responsiveness */\n padding-right: 10px;\n}\n\n.title {\n font-size: 1.8em;\n font-weight: bold;\n margin-bottom: 0;\n margin-top: 0;\n color: #F0F0F0;\n width: 100%; /* Make sure title takes full width */\n}\n\n.info {\n font-size: 0.85rem;\n color: #F0F0F0;\n padding: 0;\n}\n\n.infoDescription {\n font-size: 1rem;\n color: #F0F0F0;\n padding: 0;\n}\n\n.imageContainer {\n flex: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n /* margin-left: 20px; */\n}\n\n.circuitImage {\n /* max-width: 100%; */\n width: auto;\n height: 11.8em;\n}\n\n.centerImage {\n width: 33px; /* Set strict width */\n height: 100%; /* Make height 100% of parent */\n position: absolute; /* Position it absolutely within the parent */\n right: 0; /* Align to the left */\n top: 0; /* Align to the top */\n overflow: hidden; /* Hide overflow */\n opacity: 0.8;\n}\n",".seasonevolution {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n }\n \n .plotContainer {\n width: 100%;\n height: 80vh; /* Adjust height as necessary */\n box-sizing: border-box; /* Ensures border is included in element's dimensions */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n \n .border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n width: 100%;\n }\n \n .content {\n display: flex;\n position: relative;\n align-items: center;\n overflow: hidden;\n }\n \n .left {\n flex: 3;\n margin-top: 100px;\n }\n \n .right {\n flex: 2;\n margin-top: 20px;\n }\n \n .boder_img {\n width: 5%;\n }\n \n p {\n color: white;\n font-size: 1.5em;\n padding-right: 100px;\n }\n \n .titleWrapper {\n position: absolute;\n top: 10px; /* Adjust this value as needed */\n left: 50%;\n transform: translateX(-50%);\n z-index: 1; /* Ensure it is on top */\n width: 100%;\n text-align: center;\n color: white;\n }\n \n .sliderContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 20px;\n width: 100%; /* Ensures the slider container takes the full width */\n }\n \n .slider {\n width: 90%; /* Adjust width to take nearly full width, providing some margin */\n margin-right: 10px;\n -webkit-appearance: none; /* Override default appearance */\n appearance: none; /* Override default appearance */\n height: 10px; /* Adjust the height */\n background: white; /* White background */\n outline: none; /* Remove outline */\n opacity: 0.7; /* Set transparency */\n transition: opacity .15s ease-in-out; /* Transition effect */\n }\n \n .slider::-webkit-slider-thumb {\n -webkit-appearance: none; /* Override default appearance */\n appearance: none; /* Override default appearance */\n width: 25px; /* Adjust the width */\n height: 25px; /* Adjust the height */\n background: white; /* White thumb */\n cursor: pointer; /* Pointer cursor on hover */\n }\n \n .slider::-moz-range-thumb {\n width: 25px; /* Adjust the width */\n height: 25px; /* Adjust the height */\n background: white; /* White thumb */\n cursor: pointer; /* Pointer cursor on hover */\n }\n \n .yearLabel {\n font-size: 18px;\n font-weight: bold;\n color: white; /* White text color */\n }\n ",".template {\n height: 100%;\n overflow-wrap: break-word;\n min-height: 100vh;\n align-items: center;\n justify-content: center;\n width: 100%;\n background-image: url('../img/background_road.png');\n background-size: cover;\n background-position: center;\n background-repeat: repeat;\n}\n\n/* Example CSS */\n#driverteamrelation {\n /* Add necessary styles */\n border: 1px solid black;\n}\n\n\n.border {\n display: flex;\n justify-content: space-between;\n height: 100%;\n}\n\n.content {\n display: flex;\n flex-direction: column;\n position: relative;\n flex-grow : 1;\n align-items: center;\n overflow: hidden;\n}\n\n.content h1 {\n font-size: 2rem;\n color: #fff;\n margin-top: -1rem;\n margin-bottom: -2em;\n padding: 0;\n}\n\n.boder_img {\n width: 5%;\n}\n\n/* Define classes for each team with their respective colors */\n.team-McLaren {\n fill: #FF8700;\n stroke: #FF8700;\n opacity: 0.8;\n}\n\n.team-Mercedes {\n fill: #00D2BE;\n stroke: #00D2BE;\n opacity: 0.8;\n}\n\n.team-Renault {\n fill: #FFF500;\n stroke: #FFF500;\n opacity: 0.8;\n}\n\n.team-Ferrari {\n fill: #DC0000;\n stroke: #DC0000;\n opacity: 0.8;\n}\n\n.team-Aston-Martin {\n fill: #006F62;\n stroke: #006F62;\n opacity: 0.8;\n}\n\n.team-Alpine-F1-Team {\n fill: #0090FF;\n stroke: #0090FF;\n opacity: 0.8;\n}\n\n.team-Lotus {\n fill: #FFB800;\n stroke: #FFB800;\n opacity: 0.8;\n}\n\n.team-Caterham {\n fill: #00352F;\n stroke: #00352F;\n opacity: 0.8;\n}\n\n.team-Lotus-F1 {\n fill: #FFB800;\n stroke: #FFB800;\n opacity: 0.8;\n}\n\n.team-Alfa-Romeo {\n fill: #900000;\n stroke: #900000;\n opacity: 0.8;\n}\n\n.team-Williams {\n fill: #005AFF;\n stroke: #005AFF;\n opacity: 0.8;\n}\n\n.team-Virgin {\n fill: #E31837;\n stroke: #E31837;\n opacity: 0.8;\n}\n\n.team-Marussia {\n fill: #D40000;\n stroke: #D40000;\n opacity: 0.8;\n}\n\n.team-Force-India {\n fill: #FF8700;\n stroke: #FF8700;\n opacity: 0.8;\n}\n\n.team-Sauber {\n fill: #006EFF;\n stroke: #006EFF;\n opacity: 0.8;\n}\n\n.team-Red-Bull {\n fill: #1E41FF;\n stroke: #1E41FF;\n opacity: 0.8;\n}\n\n.team-HRT {\n fill: #BEBEBE;\n stroke: #BEBEBE;\n opacity: 0.8;\n}\n\n.team-Toro-Rosso {\n fill: #0032FF;\n stroke: #0032FF;\n opacity: 0.8;\n}\n\n.team-Haas-F1-Team {\n fill: #787878;\n stroke: #787878;\n opacity: 0.8;\n}\n\n.team-Racing-Point {\n fill: #F596C8;\n stroke: #F596C8;\n opacity: 0.8;\n}\n\n.team-AlphaTauri {\n fill: #2B4562;\n stroke: #2B4562;\n opacity: 0.8;\n}\n\n.team-Manor-Marussia {\n fill: #E40000;\n stroke: #E40000;\n opacity: 0.8;\n}\n\n/* Links opacity */\n.link {\n stroke-opacity: 0.4;\n}\n\n/* Text color */\n.text-McLaren {\n fill: #FF8700;\n}\n\n.text-Mercedes {\n fill: #00D2BE;\n}\n\n.text-Renault {\n fill: #FFF500;\n}\n\n.text-Ferrari {\n fill: #DC0000;\n}\n\n.text-Aston-Martin {\n fill: #006F62;\n}\n\n.text-Alpine-F1-Team {\n fill: #0090FF;\n}\n\n.text-Lotus {\n fill: #FFB800;\n}\n\n.text-Caterham {\n fill: #00352F;\n}\n\n.text-Lotus-F1 {\n fill: #FFB800;\n}\n\n.text-Alfa-Romeo {\n fill: #900000;\n}\n\n.text-Williams {\n fill: #005AFF;\n}\n\n.text-Virgin {\n fill: #E31837;\n}\n\n.text-Marussia {\n fill: #D40000;\n}\n\n.text-Force-India {\n fill: #FF8700;\n}\n\n.text-Sauber {\n fill: #006EFF;\n}\n\n.text-Red-Bull {\n fill: #1E41FF;\n}\n\n.text-HRT {\n fill: #BEBEBE;\n}\n\n.text-Toro-Rosso {\n fill: #0032FF;\n}\n\n.text-Haas-F1-Team {\n fill: #787878;\n}\n\n.text-Racing-Point {\n fill: #F596C8;\n}\n\n.text-AlphaTauri {\n fill: #2B4562;\n}\n\n.text-Manor-Marussia {\n fill: #E40000;\n}\n\n\n",".sideMenu {\n position: absolute;\n top: 0;\n left: 0;\n width: 2.5%; /* Reduced initial width */\n height: 35%;\n background-color: #312829;\n box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);\n z-index: 1000;\n transition: width 0.3s ease;\n overflow: hidden;\n opacity: 0.5;\n border-radius: 0 5px 5px 0;\n}\n\n.sideMenu:hover {\n width: 250px; /* Expand width on hover */\n color: red;\n}\n\n.sideMenu ul {\n list-style: none;\n padding: 0;\n margin: 0;\n height: 100%;\n display: flex;\n flex-direction: column; /* Align items vertically */\n justify-content: center; /* Center items vertically */\n}\n\n.sideMenu li {\n padding: 10px;\n border-bottom: 1px solid white;\n color: white;\n cursor: pointer;\n white-space: nowrap; /* Ensure text doesn't wrap */\n opacity: 0; /* Make text invisible initially */\n transition: opacity 0.3s ease 0.3s; /* Delay text appearance until expansion */\n}\n\n.sideMenu:hover li {\n opacity: 1; /* Make text visible when hovered */\n}\n\n/* Styling for a small tab to grab attention when retracted */\n.tab {\n position: absolute;\n top: 40%;\n right: 0; /* Position it just outside the main menu */\n width: 40px;\n height: 40px;\n background-color: white;\n transform: translateY(-50%);\n border-radius: 0 5px 5px 0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: red;\n font-weight: bold;\n cursor: pointer;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/media/f1_t.3ccfda1d7ec47c133e70.png b/static/media/f1_t.3ccfda1d7ec47c133e70.png new file mode 100644 index 0000000..91431c4 Binary files /dev/null and b/static/media/f1_t.3ccfda1d7ec47c133e70.png differ