diff --git a/www/Rensselaer_round.png b/www/Rensselaer_round.png new file mode 100755 index 0000000..f07f61f Binary files /dev/null and b/www/Rensselaer_round.png differ diff --git a/www/backtoschool_style.css b/www/backtoschool_style.css new file mode 100644 index 0000000..f3b2399 --- /dev/null +++ b/www/backtoschool_style.css @@ -0,0 +1,235 @@ + +/*--------------------BACK-TO-SCHOOL---------------------*/ + + +.footer{ + text-align: center; + margin-bottom: 5%; + margin-top: 4.5vh; + position: absolute; + width: 100%; + font-size: 1.5em; + color: #900000; + font-weight: 300; +} + + +/*-------Landing Page-------*/ + + /*flex container styling*/ + + .flex-container { + --width-mobile: 12; + display: -ms-flex; + display: -webkit-flex; + display: flex; + margin: 0 -10px; + justify-content: space-around; + flex-wrap: wrap; + height: inherit; + padding-right: 10vw; + padding-left: 10vw; + } + +.column { + --columns: 12; /* number of columns in the grid system */ + --width: var(--width-mobile, 0); /* default width of the element */ + flex-basis: calc(var(--width) / var(--columns) * 100%); +} + +@media (min-width: 576px) { + .column { + --width: var(--width-desktop, var(--width-mobile, 0)); + } +} + +.flex-div { + --width-desktop: 4; + --width-mobile: 12; + --width-tablet: 6; + padding: 1%; + align-items: center; + margin: 0 -10px; + max-width: 250px; +} + +.primary_school{ + height: 155px; + background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236e6e6e;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M141.61,58.88H127V49.71L132.1,54l2.16-2.55L113.18,33.66,92.12,51.47,94.28,54l5.1-4.31v9.17H84.75L65.24,83.14h8.65v39.32h78.58V83.14h8.65ZM101.78,46.76l11.4-9.64,11.4,9.64v13h-22.8Zm-8.38,70.7H82.83V105.27H93.4Zm0-19H82.83V90.37a5.29,5.29,0,0,1,10.57,0Zm19.2,22.91h-8v-16.1h8Zm-4.71-22.91V90.37a5.29,5.29,0,1,1,10.58,0v8.12Zm13.9,22.91h-8v-16.1h8Zm21.74-3.94H133V105.27h10.57Zm0-19H133V90.37a5.29,5.29,0,0,1,10.57,0Z'/%3E%3Cpath class='cls-1' d='M124.58,46.76l-11.4-9.64-11.4,9.64v13h22.8Zm-.92,12.12h-21v-12L113.18,38l10.48,8.86Z'/%3E%3Cpath class='cls-1' d='M111.29,43.42a1.13,1.13,0,0,0,0,.26A5.61,5.61,0,0,0,107.66,48l-1,5.74c-.61.38-1,.81-1,1.28,0,1.44,3.34,2.61,7.45,2.61s7.44-1.17,7.44-2.61c0-.47-.34-.9-1-1.28l-1-5.74a5.62,5.62,0,0,0-3.65-4.35,1.13,1.13,0,0,0,0-.26,1.89,1.89,0,0,0-3.78,0h0Zm1.89-1a1,1,0,0,1,1,1h0a5.6,5.6,0,0,0-2,0h0a1,1,0,0,1,1-1h0Zm.14,13.34a1.25,1.25,0,0,0,1.26-1.26h0a1,1,0,0,0,0-.25c2.48.12,4.32.55,4.32,1.06s-2.52,1.09-5.63,1.09-5.64-.49-5.64-1.09,1.93-1,4.49-1.07a1.13,1.13,0,0,0,0,.26,1.26,1.26,0,0,0,1.2,1.24Z'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + background-position: center; + background-size: 80%; +} + +.primary_school:hover{ + background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23900000;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M141.61,58.88H127V49.71L132.1,54l2.16-2.55L113.18,33.66,92.12,51.47,94.28,54l5.1-4.31v9.17H84.75L65.24,83.14h8.65v39.32h78.58V83.14h8.65ZM101.78,46.76l11.4-9.64,11.4,9.64v13h-22.8Zm-8.38,70.7H82.83V105.27H93.4Zm0-19H82.83V90.37a5.29,5.29,0,0,1,10.57,0Zm19.2,22.91h-8v-16.1h8Zm-4.71-22.91V90.37a5.29,5.29,0,1,1,10.58,0v8.12Zm13.9,22.91h-8v-16.1h8Zm21.74-3.94H133V105.27h10.57Zm0-19H133V90.37a5.29,5.29,0,0,1,10.57,0Z'/%3E%3Cpath class='cls-1' d='M124.58,46.76l-11.4-9.64-11.4,9.64v13h22.8Zm-.92,12.12h-21v-12L113.18,38l10.48,8.86Z'/%3E%3Cpath class='cls-1' d='M111.29,43.42a1.13,1.13,0,0,0,0,.26A5.61,5.61,0,0,0,107.66,48l-1,5.74c-.61.38-1,.81-1,1.28,0,1.44,3.34,2.61,7.45,2.61s7.44-1.17,7.44-2.61c0-.47-.34-.9-1-1.28l-1-5.74a5.62,5.62,0,0,0-3.65-4.35,1.13,1.13,0,0,0,0-.26,1.89,1.89,0,0,0-3.78,0h0Zm1.89-1a1,1,0,0,1,1,1h0a5.6,5.6,0,0,0-2,0h0a1,1,0,0,1,1-1h0Zm.14,13.34a1.25,1.25,0,0,0,1.26-1.26h0a1,1,0,0,0,0-.25c2.48.12,4.32.55,4.32,1.06s-2.52,1.09-5.63,1.09-5.64-.49-5.64-1.09,1.93-1,4.49-1.07a1.13,1.13,0,0,0,0,.26,1.26,1.26,0,0,0,1.2,1.24Z'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); + background-size: 85%; +} + +.secondary_school{ + height: 155px; + background-repeat: no-repeat; + background-position: center; + background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236e6e6e;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M67.46,117.49h91.36V83.6H67.46Zm76.32-18.58a4.77,4.77,0,1,1,9.54,0h0V107h-9.54Zm-13.74,0a4.78,4.78,0,0,1,9.55-.44,3.23,3.23,0,0,1,0,.44V107H130Zm-24.83,3.33a7.93,7.93,0,0,1,7-7.86V93.19h2.1v1.22a7.92,7.92,0,0,1,6.79,7.83v13.43h-6.79v1.66h-2.1v-1.66h-7ZM86.7,98.87a4.77,4.77,0,1,1,9.54,0h0V107H86.7Zm-13.7,0a4.77,4.77,0,0,1,9.54,0h0V107H73Z'/%3E%3Cpath class='cls-1' d='M67.46,80.45h91.36V49.7H67.46Zm76.4-14.57a4.78,4.78,0,0,1,9.55,0V74h-9.55Zm-13.73,0a4.77,4.77,0,1,1,9.54,0h0V74h-9.54Zm-10,2.63V59a4.78,4.78,0,0,1,4.79,4.77h0V74H120.1Zm-11.65-9a4.78,4.78,0,0,1,9.56,0V74h-9.56Zm-6.88,4.14a4.78,4.78,0,0,1,4.78-4.78v15H101.6Zm-14.82,2.2a4.78,4.78,0,0,1,9.55,0v8.08H86.78ZM73,65.88a4.78,4.78,0,0,1,9.55,0V74H73Z'/%3E%3Crect class='cls-1' x='112.18' y='115.67' width='2.1' height='1.66'/%3E%3Cpath class='cls-1' d='M114.28,94.41V93.19h-2.1v1.19a8.39,8.39,0,0,1,1-.06A10,10,0,0,1,114.28,94.41Z'/%3E%3Cpath class='cls-1' d='M114.28,115.67V94.41a7.3,7.3,0,0,0-1.14-.09,8.39,8.39,0,0,0-1,.06v21.29Z'/%3E%3Cpolygon class='cls-1' points='113.97 42.44 112.66 42.44 62.49 42.44 62.49 47.33 163.79 47.33 163.79 42.44 113.97 42.44'/%3E%3Crect class='cls-1' x='112.66' y='26.06' width='1.31' height='16.38'/%3E%3Cpolygon class='cls-1' points='123.07 29.89 126.72 26.06 114.93 26.06 114.93 33.72 126.72 33.72 123.07 29.89'/%3E%3Crect class='cls-1' x='105.21' y='119.01' width='15.85' height='2.33'/%3E%3Crect class='cls-1' x='103.39' y='123.44' width='19.51' height='2.33'/%3E%3Crect class='cls-1' x='101.8' y='127.73' width='22.68' height='2.33'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + background-size: 80%; + +} + +.secondary_school:hover{ + background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23900000;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M67.46,117.49h91.36V83.6H67.46Zm76.32-18.58a4.77,4.77,0,1,1,9.54,0h0V107h-9.54Zm-13.74,0a4.78,4.78,0,0,1,9.55-.44,3.23,3.23,0,0,1,0,.44V107H130Zm-24.83,3.33a7.93,7.93,0,0,1,7-7.86V93.19h2.1v1.22a7.92,7.92,0,0,1,6.79,7.83v13.43h-6.79v1.66h-2.1v-1.66h-7ZM86.7,98.87a4.77,4.77,0,1,1,9.54,0h0V107H86.7Zm-13.7,0a4.77,4.77,0,0,1,9.54,0h0V107H73Z'/%3E%3Cpath class='cls-1' d='M67.46,80.45h91.36V49.7H67.46Zm76.4-14.57a4.78,4.78,0,0,1,9.55,0V74h-9.55Zm-13.73,0a4.77,4.77,0,1,1,9.54,0h0V74h-9.54Zm-10,2.63V59a4.78,4.78,0,0,1,4.79,4.77h0V74H120.1Zm-11.65-9a4.78,4.78,0,0,1,9.56,0V74h-9.56Zm-6.88,4.14a4.78,4.78,0,0,1,4.78-4.78v15H101.6Zm-14.82,2.2a4.78,4.78,0,0,1,9.55,0v8.08H86.78ZM73,65.88a4.78,4.78,0,0,1,9.55,0V74H73Z'/%3E%3Crect class='cls-1' x='112.18' y='115.67' width='2.1' height='1.66'/%3E%3Cpath class='cls-1' d='M114.28,94.41V93.19h-2.1v1.19a8.39,8.39,0,0,1,1-.06A10,10,0,0,1,114.28,94.41Z'/%3E%3Cpath class='cls-1' d='M114.28,115.67V94.41a7.3,7.3,0,0,0-1.14-.09,8.39,8.39,0,0,0-1,.06v21.29Z'/%3E%3Cpolygon class='cls-1' points='113.97 42.44 112.66 42.44 62.49 42.44 62.49 47.33 163.79 47.33 163.79 42.44 113.97 42.44'/%3E%3Crect class='cls-1' x='112.66' y='26.06' width='1.31' height='16.38'/%3E%3Cpolygon class='cls-1' points='123.07 29.89 126.72 26.06 114.93 26.06 114.93 33.72 126.72 33.72 123.07 29.89'/%3E%3Crect class='cls-1' x='105.21' y='119.01' width='15.85' height='2.33'/%3E%3Crect class='cls-1' x='103.39' y='123.44' width='19.51' height='2.33'/%3E%3Crect class='cls-1' x='101.8' y='127.73' width='22.68' height='2.33'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + background-size: 85%; + + +} + +.boarding_school{ + height: 155px; + background-repeat: no-repeat; + background-position: center; + background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 163.55'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236e6e6e;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M132.13,129.13h15.48V59.3l-34.78-19-34.77,19v69.83h26.53m25.94-43.6h8.53V97.34h-8.53ZM86,86.43h8.52v11.8H86Zm15.06,42.69h-8M105,98.23H96.45V86.43H105Zm23.65-.89H120.1V85.53h8.53Zm-6-32.67a9.78,9.78,0,1,1-9.78-9.78h0a9.77,9.77,0,0,1,9.74,9.78Z'/%3E%3Cpolygon class='cls-1' points='72.95 48.8 72.95 57.26 112.83 35.45 152.72 57.26 152.72 48.8 112.83 26.98 72.95 48.8'/%3E%3Cpath class='cls-1' d='M152.87,129.13h58.44V91.44H152.87Zm42.28-32.4h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM184.72,96.73h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM170.93,96.73h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM160.5,96.73H169v11.8h-8.5Zm0,16.38H169v11.8h-8.5Z'/%3E%3Cpath class='cls-1' d='M14.36,129.13H72.79V91.44H14.36Zm42.28-32.4h8.52v11.8H56.64Zm0,16.38h8.52v11.8H56.64ZM46.21,96.73h8.52v11.8H46.21Zm0,16.38h8.52v11.8H46.21ZM32.42,96.73h8.52v11.8H32.42Zm0,16.38h8.52v11.8H32.42ZM22,96.73h8.52v11.8H22Zm0,16.38h8.52v11.8H22Z'/%3E%3Cpolygon class='cls-1' points='14.36 87.92 72.79 87.92 72.79 69.08 31.2 69.08 14.36 87.92'/%3E%3Cpolygon class='cls-1' points='194.46 69.08 152.87 69.08 152.87 87.92 211.31 87.92 194.46 69.08'/%3E%3Cpath class='cls-1' d='M118.26,65h-4.2V58.1h-1.79v8.8h6Z'/%3E%3Crect class='cls-2' width='226.36' height='163.55'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + background-size: 80%; +} + +.boarding_school:hover{ + background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 163.55'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23900000;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M132.13,129.13h15.48V59.3l-34.78-19-34.77,19v69.83h26.53m25.94-43.6h8.53V97.34h-8.53ZM86,86.43h8.52v11.8H86Zm15.06,42.69h-8M105,98.23H96.45V86.43H105Zm23.65-.89H120.1V85.53h8.53Zm-6-32.67a9.78,9.78,0,1,1-9.78-9.78h0a9.77,9.77,0,0,1,9.74,9.78Z'/%3E%3Cpolygon class='cls-1' points='72.95 48.8 72.95 57.26 112.83 35.45 152.72 57.26 152.72 48.8 112.83 26.98 72.95 48.8'/%3E%3Cpath class='cls-1' d='M152.87,129.13h58.44V91.44H152.87Zm42.28-32.4h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM184.72,96.73h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM170.93,96.73h8.53v11.8h-8.53Zm0,16.38h8.53v11.8h-8.53ZM160.5,96.73H169v11.8h-8.5Zm0,16.38H169v11.8h-8.5Z'/%3E%3Cpath class='cls-1' d='M14.36,129.13H72.79V91.44H14.36Zm42.28-32.4h8.52v11.8H56.64Zm0,16.38h8.52v11.8H56.64ZM46.21,96.73h8.52v11.8H46.21Zm0,16.38h8.52v11.8H46.21ZM32.42,96.73h8.52v11.8H32.42Zm0,16.38h8.52v11.8H32.42ZM22,96.73h8.52v11.8H22Zm0,16.38h8.52v11.8H22Z'/%3E%3Cpolygon class='cls-1' points='14.36 87.92 72.79 87.92 72.79 69.08 31.2 69.08 14.36 87.92'/%3E%3Cpolygon class='cls-1' points='194.46 69.08 152.87 69.08 152.87 87.92 211.31 87.92 194.46 69.08'/%3E%3Cpath class='cls-1' d='M118.26,65h-4.2V58.1h-1.79v8.8h6Z'/%3E%3Crect class='cls-2' width='226.36' height='163.55'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + background-size: 85%; +} + +.college_school{ + background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236e6e6e;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M62.72,15.43V22.3H29.36V15.43H23.87V132.81h5.49V99.58h9.33v33.23h2.68V99.58h9.34v33.23h2.68V99.58h9.33v33.23h5.49V15.43Zm-24,80.12H29.36v-17h9.33ZM40,51.15H33.3V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5Zm2.81-13.36c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15H42.73Zm8,57.76H41.37v-17h9.34Zm1.45-44.4V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15Zm10.56,44.4H53.39v-17h9.33Z'/%3E%3Cpath class='cls-1' d='M197.14,15.43V22.3H163.78V15.43h-5.49V132.81h5.49V99.58h9.34v33.23h2.67V99.58h9.34v33.23h2.68V99.58h9.33v33.23h5.49V15.43Zm-24,80.12H163.8v-17h9.34Zm1.22-44.4h-6.62V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5Zm2.81-13.36c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15h-6.62Zm8,57.76h-9.34v-17h9.34Zm1.45-44.4V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15Zm10.56,44.4h-9.33v-17h9.33Z'/%3E%3Cpath class='cls-1' d='M69.56,129.87h87.06V100.68H69.56Zm72.73-16a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.1,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-23.66,2.87c0-3.49,2.9-6.36,6.64-6.77v-1h2v1a7.1,7.1,0,0,1,6.47,6.75v11.55h-6.47v1.44h-2v-1.44h-6.64Zm-17.65-2.91a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.09,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Z'/%3E%3Cpath class='cls-1' d='M69.56,98h87.06V71.5H69.56Zm72.81-12.55a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.09,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-9.55,2.26V79.46a4.35,4.35,0,0,1,4.55,4.12v8.81h-4.55ZM108.61,80a4.58,4.58,0,0,1,9.12,0V92.39h-9.12Zm-6.55,3.57a4.34,4.34,0,0,1,4.56-4.12V92.36h-4.56ZM88,85.4a4.57,4.57,0,0,1,9.1,0v7H88Zm-13.1,0a4.57,4.57,0,0,1,9.1,0v7H74.9Z'/%3E%3Crect class='cls-1' x='112.17' y='128.29' width='2' height='1.43'/%3E%3Cpath class='cls-1' d='M114.17,110v-1h-2v1c.3,0,.61-.06.92-.06A9.77,9.77,0,0,1,114.17,110Z'/%3E%3Cpath class='cls-1' d='M114.17,128.29V110a9.81,9.81,0,0,0-1.08-.08,4.69,4.69,0,0,0-.92.06V128.3Z'/%3E%3Cpolygon class='cls-1' points='113.8 67.35 112.68 67.35 69.56 67.35 69.56 69.46 156.62 69.46 156.62 67.35 113.8 67.35'/%3E%3Crect class='cls-1' x='112.63' y='51.15' width='1.24' height='14.1'/%3E%3Cpolygon class='cls-1' points='122.55 54.45 126.03 51.15 114.79 51.15 114.79 57.74 126.03 57.74 122.55 54.45'/%3E%3Crect class='cls-1' x='105.53' y='131.18' width='15.11' height='2'/%3E%3Crect class='cls-1' x='103.79' y='134.98' width='18.59' height='2'/%3E%3Crect class='cls-1' x='102.28' y='138.68' width='21.61' height='2'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + height: 155px; + background-repeat: no-repeat; + background-position: center; + background-size: 80%; +} + +.college_school:hover{ + background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.36 164.75'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23900000;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1-2'%3E%3Cpath class='cls-1' d='M62.72,15.43V22.3H29.36V15.43H23.87V132.81h5.49V99.58h9.33v33.23h2.68V99.58h9.34v33.23h2.68V99.58h9.33v33.23h5.49V15.43Zm-24,80.12H29.36v-17h9.33ZM40,51.15H33.3V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5Zm2.81-13.36c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15H42.73Zm8,57.76H41.37v-17h9.34Zm1.45-44.4V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15Zm10.56,44.4H53.39v-17h9.33Z'/%3E%3Cpath class='cls-1' d='M197.14,15.43V22.3H163.78V15.43h-5.49V132.81h5.49V99.58h9.34v33.23h2.67V99.58h9.34v33.23h2.68V99.58h9.33v33.23h5.49V15.43Zm-24,80.12H163.8v-17h9.34Zm1.22-44.4h-6.62V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5Zm2.81-13.36c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15h-6.62Zm8,57.76h-9.34v-17h9.34Zm1.45-44.4V37.79c0-2.75,1.48-5,3.31-5s3.31,2.22,3.31,5V51.15Zm10.56,44.4h-9.33v-17h9.33Z'/%3E%3Cpath class='cls-1' d='M69.56,129.87h87.06V100.68H69.56Zm72.73-16a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.1,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-23.66,2.87c0-3.49,2.9-6.36,6.64-6.77v-1h2v1a7.1,7.1,0,0,1,6.47,6.75v11.55h-6.47v1.44h-2v-1.44h-6.64Zm-17.65-2.91a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.09,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Z'/%3E%3Cpath class='cls-1' d='M69.56,98h87.06V71.5H69.56Zm72.81-12.55a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-13.09,0a4.57,4.57,0,0,1,9.1,0v7h-9.1Zm-9.55,2.26V79.46a4.35,4.35,0,0,1,4.55,4.12v8.81h-4.55ZM108.61,80a4.58,4.58,0,0,1,9.12,0V92.39h-9.12Zm-6.55,3.57a4.34,4.34,0,0,1,4.56-4.12V92.36h-4.56ZM88,85.4a4.57,4.57,0,0,1,9.1,0v7H88Zm-13.1,0a4.57,4.57,0,0,1,9.1,0v7H74.9Z'/%3E%3Crect class='cls-1' x='112.17' y='128.29' width='2' height='1.43'/%3E%3Cpath class='cls-1' d='M114.17,110v-1h-2v1c.3,0,.61-.06.92-.06A9.77,9.77,0,0,1,114.17,110Z'/%3E%3Cpath class='cls-1' d='M114.17,128.29V110a9.81,9.81,0,0,0-1.08-.08,4.69,4.69,0,0,0-.92.06V128.3Z'/%3E%3Cpolygon class='cls-1' points='113.8 67.35 112.68 67.35 69.56 67.35 69.56 69.46 156.62 69.46 156.62 67.35 113.8 67.35'/%3E%3Crect class='cls-1' x='112.63' y='51.15' width='1.24' height='14.1'/%3E%3Cpolygon class='cls-1' points='122.55 54.45 126.03 51.15 114.79 51.15 114.79 57.74 126.03 57.74 122.55 54.45'/%3E%3Crect class='cls-1' x='105.53' y='131.18' width='15.11' height='2'/%3E%3Crect class='cls-1' x='103.79' y='134.98' width='18.59' height='2'/%3E%3Crect class='cls-1' x='102.28' y='138.68' width='21.61' height='2'/%3E%3Crect class='cls-2' width='226.36' height='164.75'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + background-size: 85%; +} + +#school_icon:hover{ +fill: #900000; + + } + +.title-rside{ + display:none; +} + + + +h2.landing-body{ + margin-bottom: 0.25em; + font-size: 3.667em; + font-weight: 200; + letter-spacing: 1px; + text-align: center; + text-transform: uppercase; + color: #900; + margin-bottom: .5em; +} + +h3.landing-body-copy{ + font-size: 1.9em; + color: #595959; + line-height: 1.6em; + font-weight: 300; + padding-bottom: .2em; + text-align: center; + +} + +a{ + color: #900000; +} + +.profile_questions{ + font-size: 1.25rem; + font-weight: normal; + line-height: 1.75em; + font-family: "Source Sans Pro"; +} + + + + + +/*------------------------Input Styling---------------------------*/ + .schoolMetrics{ + margin: auto; + width: 100%; + max-width: 700px; + text-align:center; + + } +.schoolMetrics label{ + color: #f0f0f0; +} + +.btn-continue{ + display: inline-block; + padding: 0.75em 1.5em; + background-color: #990011; + border-radius: 0; + color: #fff; + cursor: pointer; + text-decoration: none; + font-family: "Source Sans Pro"; + font-size: 2rem; + font-weight: 800; + letter-spacing: 1px; + text-transform: uppercase; + white-space: inherit; + border: 3px solid #990011; + line-height: 1.25; + text-align: center; + vertical-align: middle; + transition: all .2s ease-in-out; + -webkit-appearance: button; +} + + + +.profile-input{ + padding-bottom: 3%; +} + + + +.downloader-cache { + text-align: center; +} + +/*section.sidebar .shiny-bound-input.action-button, section.sidebar .shiny-bound-input.action-link{*/ + .opt-button { + float: right; + margin-top: 10px; + background-color: transparent; + border: none; + } + + .profiler-button { + max-width:50%; + float: left; + } + + .sidebar-menu>li { + display: none; + } + + h3.zip{ + padding-bottom: 5%; + } + h2.zip{ + padding-bottom: 2%; + } + + .zip-box{ + padding: 0 10% 0 10%; + } + + div.zip-upload.form-group.shiny-input-container:not(.shiny-input-container-inline){ + + padding: 0; + } \ No newline at end of file diff --git a/www/brand_style.css b/www/brand_style.css new file mode 100644 index 0000000..e8043bb --- /dev/null +++ b/www/brand_style.css @@ -0,0 +1,415 @@ +/*----------------------------------------------------------------------------------*/ + /*--------------------------------TEMPLATE STYLING----------------------------------*/ + /*----------------------------------------------------------------------------------*/ + /* The below code should not be edited, except for when changes need to be made to the overall template. If you need to edit this code, + + +/*------------------------------------------------*/ + /*-----------------FONT STYLING-------------------*/ + /*------------------------------------------------*/ + + h1 { + margin: 25px; + text-align:center; + font-family: Source Sans Pro; + font-weight: 300; + font-size: 2.0em; + color: #222222; + text-decoration: none solid rgb(158, 162, 162); + line-height: 80px; + } + +h2 { + margin: 0; + padding: 0; + font-family: "Source Sans Pro", sans-serif; +} + + + +/*h2 { + font-family: Source Sans Pro; + font-size: 30px; + color: #ab2328; + text-decoration: none solid rgb(171, 35, 40); + text-transform: uppercase; + text-align: center; +}*/ + + /*h3 { + line-height: 1.5em; + font-size: 1.3em; + font-family: "Source Sans Pro", sans-serif; + text-decoration: none solid rgb(0, 32, 91); + color: #00205b; + text-transform: uppercase; + }*/ + + h3{ + margin: 0; + padding: 0; + font-family: "Source Sans Pro", sans-serif; + } + +h4 { + font-family: Source Sans Pro; + font-size: 30px; + color: #ab2328; + text-decoration: none solid rgb(171, 35, 40); + text-transform: uppercase; + text-align: center; +} + +#lastupdate{ +display:inline; +vertical-align:middle; +float:right; +} + +#title{ +display:inline; +vertical-align:middle; +} + +p { + padding-bottom: 6.9px; + font-size: 1.2em; + line-height: 1.6em; + font-weight: 400; + color: #6e6e6e; +} + + +a{ + color: #900000; +} +/*------------------------------------------------*/ + + + /*------------------------------------------------*/ + /*---------------STRUCTURE STYLING----------------*/ + /*------------------------------------------------*/ + + .page_title { + padding-left: 2rem; + } + + +.main-header{ + padding-top: 5px; + position: fixed; + width: 100%; + + background: white; +} + + +/*---------------ELEMENT STYLING------------------*/ + + + img { + max-width:100%; + max-height:100%; + height:auto; + width: 100%; + } + +/*------------------------------------------------*/ + + + + .header{ + text-align: center; + color: #990000; + padding-bottom: 20px; + + } + + .shiny-input-container:not(.shiny-input-container-inline){ + width: 100%; + /*max-width: 300px;*/ + /*padding: 0 13% 0 13%;*/ +} + + + + + /*---------------NAV BAR STYLING------------------*/ + + + .navbar-default .navbar-nav .active a { + font-weight: 400; + background-color: #fff; + color: #222; + padding: 13px 10px; + } + +.navbar-default .navbar-nav li a { + font-weight: 400; + background-color: #fff; + color: #222; + padding: 13px 10px; +} + +.navbar-default .navbar-nav li a:hover { + background-color: #e7e7e7; +} + +.navbar-brand { + padding: 0; + margin: 0; +} + +.navbar-default { + background-color: white; + border-color: white; + padding: 5px 10px; +} + +.navbar-nav .li a { + padding-left:10px; + padding-right:10px; +} + + +#header_logo { +height: auto; +width: 13%; + +} + +.title-text { + font-family: Source Sans Pro; + + color: #222222; + text-decoration: none solid rgb(34, 34, 34); + text-align: left; + display: inline-block; + vertical-align: middle; + white-space:nowrap; + line-height: 100%; + padding-right: 3%; + margin-right: 1%; +} + +.title-rside { + float:right; + +} + + +.logo-text{ + display: inline; + font-size: 1.2em; + vertical-align: middle; +} +/*------------------------------------------------*/ + + + /*------------------------------------------------*/ + /*--------------DASHBOARD STYLING-----------------*/ + /*------------------------------------------------*/ + + .sidebar{ + color: #343434; + margin-top: 25px; + width: inherit; + position: fixed; + display:inline-block; + } + + + + + .img-wrapper { + padding: 10px; + } + +.side_sub { + max-height:85vh; + max-width: 300px; + overflow:auto; + padding-top:10px; +} + + + + +/*------------------------------------------------*/ + /*---------------SKIN OVERWRITING-----------------*/ + /*------------------------------------------------*/ + /* For some reason there is an issue with the shinydashboard skin styles overwriting all +other styles, so these are going to look super specific and dumb but I don't know a better way of doing it */ + + .skin-black .left-side, .skin-black .main-sidebar, .skin-black .wrapper { + background-color: #f0f0f0; + } + + .skin-black .main-header>.logo { + border-right:0; + } + + .skin-black .main-header .navbar>.sidebar-toggle { + border-right:0; + } + .sidebar-toggle{ + /* position: absolute; + z-index: 5; + border-right: 1px solid #eee; + font-family: fontAwesome, 'Font Awesome 5 Free'; + background: white; + padding: 15px; + + + color: #9ea2a2; + + font-weight: 900; + */ + height: 100%; + /*font-size: 20px;*/ + padding-left:0 !important; + display: inline-block; + + } + + + + .skin-black .sidebar a { + background: #fff; + color: #343434; + font-size: 1.1em; + } + + .skin-black .sidebar-menu>li:hover>a { + background: #f7f7f7; + color: #343434; + } + + .skin-black .sidebar-menu>li.active>a { + background: #f7f7f7; + color: #343434; + } + + .skin-black .sidebar-menu>li>.treeview-menu{ + background:#fff; + } + + + #sidebarCollapsed { + border: solid 1px #f7f7f7; + position:fixed; + height: inherit; + background: white; + } + /*------------------------------------------------*/ + + + /*------------------------------------------------*/ + /*-----------------INPUT STYLING------------------*/ + /*------------------------------------------------*/ + .selectize-input { + background: #FAFAFA; + font-family: SourceSansPro-Regular; + max-width: 100%; + font-size: 15px; + color: #333366; + letter-spacing: 0; + border: none; + } + + .file-input { + max-width:100%; + } + .options{ + display: inline-block; + position: relative; + float: right; + vertical-align: bottom; + } + + .control-label{ + font-weight: 400; + } + + + + /*---slider styling---*/ + .irs-slider { + top: 17px !important; + width: 22px !important; + height: 22px !important; + border: 1px solid #c35442 !important; + background: #ab2328 !important; + border-radius: 27px !important; + -moz-border-radius: 27px !important; + box-shadow: 1px 1px 3px rgba(0,0,0,0.3) !important; + cursor: pointer !important; + } + +.irs-bar { + height: 8px !important; + top: 25px !important; + border-top: 1px solid #990000 !important; + border-bottom: 1px solid #990000 !important; + background: #990000 !important; +} + +.irs-from, .irs-to, .irs-single { + color: #fff !important; + font-size: 11px !important; + line-height: 1.333 !important; + text-shadow: none !important; + padding: 1px 3px !important; + background: #343434 !important; + border-radius: 3px !important; + -moz-border-radius: 3px !important; + +} + +.sidebar .irs-min, .sidebar .irs-max{ + + color: #343434; +} + +.irs-bar-edge{ + background: #990000 !important; + border: 1px solid #990000 !important; +} + +.irs { + max-width: 100% !important; +} + +/*---------------------------*/ + + + + .options .shiny-input-container:not(.shiny-input-container-inline) { + width: 100%; + padding: 8% 7% 2% 7%; + } + +.options { + position: fixed; + /* float: right; */ + /* vertical-align: bottom; */ + background-color: white; + z-index: 4; + /*padding: %;*/ + width: 100%; + max-width: 400px; + padding-left: 0; + height: 100%; + max-height: 500px; + overflow: scroll; +} + /*-------------------------------------------------*/ + + +/*------------------------------------------------*/ + +/*------------------------------------------------*/ + + + + diff --git a/www/contact_style.css b/www/contact_style.css new file mode 100644 index 0000000..e69de29 diff --git a/www/minder_style.css b/www/minder_style.css new file mode 100644 index 0000000..8191448 --- /dev/null +++ b/www/minder_style.css @@ -0,0 +1,192 @@ + + +/*------------------------------------------------*/ +/*-------------------COVID Minder-----------------*/ +/*------------------------------------------------*/ +.map-title { + width: 80%; + z-index: 10; + position: absolute; + left: 50%; + top: 10px; + transform: translateX(-50%); +} + +.NY_case_plots { + height: Calc(90% - 65px); +} + + + +.select-bar { + position:absolute; + right:25px; + margin-top: 60px; + z-index: 999; +} + +.leaflet-container { + background:none; +} + +.dropdown-toggle > div:first-child { + display: inline-block; +} + + + +.leaflet-top { + z-index: 999; +} + +.shiny-options-group { + padding-left:10px; +} + +.content-wrapper{ + background-color: #f0f0f0; +} + +.content{ + background-color: #f5f5f5; + padding: 0; +} + +.tab-content { + min-height: 75vh; + padding-right: 1%; + width: 100%; + background-color: #f0f0f0; + float: right; + + } + +@media screen and (min-width:768px){ +.map-container { + display: flex; + justify-content: center; + align-items: center; +} + +} + +@media screen and (min-width:1085px){ + .navbar-nav { + float: right; +} + +.content-wrapper{ + padding-top: 90px; +} + +} + +@media screen and (min-width:1600px) { + html, body, p, .input-sm { + font-size: 16px; +} +.main-header{ + position: fixed; +} +.content-wrapper{ + padding-top: 90px; +} +} + + +@media screen and (max-width:1160px){ + .title-text { + /*height: 50px;*/ + } + .NY_case_plots { + height: Calc(90% - 140px); +} +.main-header{ + position: fixed; +} +.content-wrapper{ + padding-top: 90px; +} + +} + + +@media (max-width: 767px){ +.skin-black .main-header>.logo { + background-color: #f7f7f7; + height:10vh; + +} +#header_logo { + width: 10%; + display: inline; + vertical-align: middle; +} + + +.main-header { + position: fixed; + padding-top: 15px; + /* padding-bottom: 11px; */ + width: 100%; + /* padding-right: 2%; */ + background: #f7f7f7; +} + +.title-text{ + text-align:center; +} + + + +.main-header .sidebar-toggle { + float: left; + background-color: transparent; + background-image: none; + padding: 4px 15px; + float: left; + margin-top: -60px; + margin-left: 15px; + background: #f7f7f7; + padding-left: 5px; + padding-bottom: 0; +} + +.main-header .sidebar-toggle { +padding-top: 6px !important; + +} + +.title-rside{ + display: none; +} + +.main-header .navbar{ + min-height: 0; +} + +h1{ + line-height: 2.5em; +} + +#lastupdate{ + display: table; + vertical-align: middle; + float: left; + margin-top: 0; + margin-left: 3%; + +} + +#title{ + display:table; + vertical-align:middle; + line-height: 2.5em; + margin-bottom: 0; + margin-left: 3%; + + margin-right: 21px; +} + + +} \ No newline at end of file diff --git a/www/mockup_style.css b/www/mockup_style.css new file mode 100644 index 0000000..a788f80 --- /dev/null +++ b/www/mockup_style.css @@ -0,0 +1,32 @@ +/*------------------------------------------------*/ + /*----------------MOCKUP STYLING------------------*/ + /*------------------------------------------------*/ + + + + .tab-title { + text-align: center; + color:#343434; + padding:-5px; + } + +.leaflet-container { + height:100%; +} + +.gg_tooltip { + background-color: #f7f7f7; + background-color: rgba(245, 245, 245, 0.85); + padding: 0 10px; + margin: 10px 0; + line-height: 1.5em; +} + +.footer { + text-align: center; + margin-bottom: 20px; + position: absolute; + width:100%; +} +/*------------------------------------------------*/ + \ No newline at end of file diff --git a/www/twitter.css b/www/twitter.css new file mode 100644 index 0000000..e69de29 diff --git a/www/warroom_style.css b/www/warroom_style.css new file mode 100644 index 0000000..6961cee --- /dev/null +++ b/www/warroom_style.css @@ -0,0 +1,47 @@ + + +/*------------------------------------------------*/ + /*-------------------COVID WarRoom-----------------*/ + /*------------------------------------------------*/ + + .box-header { + border-top-left-radius: 7px; + border-top-right-radius: 7px; + background: #B4B4B4; + text-align: center; + } +.box-title { + font-family: Source Sans Pro; + text-decoration: none solid rgb(240, 240, 240); + text-transform: uppercase; + color: white; +} +#box-header{ +color: white; +font-size: 2.0rem; +line-height: 2.4rem; +} + +.box{ + border-top: none; +} +.mid-col { + height: auto; + padding: 6%; + background-color: white; + +} + +.mid-col-subhead { + + height:auto; + margin:auto; + background: #7fa9ae; + font-family: Source Sans Pro; + + color: #f0f0f0; + text-decoration: none solid rgb(240, 240, 240); + text-transform: uppercase; + text-align: center; + +}