2
0
mirror of https://github.com/offen/website.git synced 2024-11-22 17:10:29 +01:00

stacking media queries

This commit is contained in:
Hendrik Niefeld 2020-04-24 12:38:35 +02:00
parent fb9b4d6637
commit 70fb7e8e3a
3 changed files with 74 additions and 38 deletions

View File

@ -127,6 +127,18 @@ LAYOUT
/* NEW */ /* NEW */
.hx24 {
height: 24rem;
}
.hx30 {
height: 30rem;
}
.hx50 {
height: 50rem;
}
.hx200 {
height: 200rem;
}
.wx24 { .wx24 {
width: 86%; width: 86%;
} }
@ -135,42 +147,33 @@ LAYOUT
.wx24 { .wx24 {
width: 24rem; width: 24rem;
} }
.hx24 {
height: 24rem;
}
.hx30 {
height: 30rem;
}
.hx50 {
height: 50rem;
}
.hx200 {
height: 200rem;
}
} }
/* --------------------------------------------------- /* ---------------------------------------------------
STACKING BOXES STACKING BOXES
----------------------------------------------------*/ ----------------------------------------------------*/
/* Tachyons breakpoints 30 & 60 */ /* Tachyons breakpoints 30 & 60 */
@media only screen and (max-width: 30em) { .stackbox-1 img {
max-width: none;
} }
@media only screen and (min-width: 30em) and (max-width: 60em) { .stackbox-1 {
top: 0;
left: 0;
width: 86%;
height: 86%;
}
@media only screen and (min-width: 30em) {
.stackbox-1 {
width: 24rem;
height: 24rem;
}
} }
@media only screen and (min-width: 60em) { @media only screen and (min-width: 60em) {
.stackbox-1 { .stackbox-1 {
top: 8rem; top: 8rem;
left: 4rem; left: 4rem;
width: 24rem; width: 34rem;
height: 24rem; height: 34rem;
}
.stackbox-2 {
top: 20rem;
left: 20rem;
width: 24rem;
height: 24rem;
} }
} }

View File

@ -0,0 +1,29 @@
<svg width="470" height="441" viewBox="0 0 470 441" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="22" y1="419.5" x2="470" y2="419.5" stroke="#777777"/>
<line x1="22" y1="258.5" x2="470" y2="258.5" stroke="#CCCCCC"/>
<line x1="22" y1="98.5" x2="470" y2="98.5" stroke="#CCCCCC"/>
<path d="M49.8482 434C49.7949 434 49.7482 433.98 49.7082 433.94C49.6682 433.9 49.6482 433.853 49.6482 433.8L49.6682 433.69L52.1482 427.22C52.2016 427.073 52.3082 427 52.4682 427H53.1082C53.2682 427 53.3749 427.073 53.4282 427.22L55.9082 433.69L55.9282 433.8C55.9282 433.853 55.9049 433.9 55.8582 433.94C55.8182 433.98 55.7716 434 55.7182 434H55.2482C55.1816 434 55.1249 433.983 55.0782 433.95C55.0382 433.91 55.0116 433.87 54.9982 433.83L54.4382 432.39H51.1282L50.5782 433.83C50.5249 433.943 50.4416 434 50.3282 434H49.8482ZM51.4182 431.56H54.1582L52.7882 427.97L51.4182 431.56ZM58.7496 434.1C58.1162 434.1 57.6262 433.897 57.2796 433.49C56.9329 433.077 56.7596 432.53 56.7596 431.85V429.03C56.7596 428.963 56.7796 428.91 56.8196 428.87C56.8662 428.823 56.9229 428.8 56.9896 428.8H57.4496C57.5162 428.8 57.5696 428.823 57.6096 428.87C57.6562 428.91 57.6796 428.963 57.6796 429.03V431.8C57.6796 432.813 58.1196 433.32 58.9996 433.32C59.4262 433.32 59.7629 433.187 60.0096 432.92C60.2629 432.647 60.3896 432.273 60.3896 431.8V429.03C60.3896 428.963 60.4096 428.91 60.4496 428.87C60.4962 428.823 60.5529 428.8 60.6196 428.8H61.0796C61.1462 428.8 61.1996 428.823 61.2396 428.87C61.2862 428.91 61.3096 428.963 61.3096 429.03V433.77C61.3096 433.837 61.2862 433.893 61.2396 433.94C61.1996 433.98 61.1462 434 61.0796 434H60.6496C60.5829 434 60.5262 433.98 60.4796 433.94C60.4396 433.893 60.4196 433.837 60.4196 433.77V433.32C60.2262 433.58 59.9996 433.777 59.7396 433.91C59.4796 434.037 59.1496 434.1 58.7496 434.1ZM64.9157 436.2C64.3623 436.2 63.919 436.107 63.5857 435.92C63.2523 435.733 63.0157 435.52 62.8757 435.28C62.7423 435.04 62.6757 434.833 62.6757 434.66C62.6757 434.6 62.699 434.547 62.7457 434.5C62.7923 434.46 62.8457 434.44 62.9057 434.44H63.3457C63.4057 434.44 63.4557 434.453 63.4957 434.48C63.5357 434.513 63.569 434.57 63.5957 434.65C63.7823 435.183 64.2057 435.45 64.8657 435.45C65.3657 435.45 65.7357 435.343 65.9757 435.13C66.2157 434.917 66.3357 434.54 66.3357 434V433.31C65.949 433.803 65.409 434.05 64.7157 434.05C64.009 434.05 63.479 433.823 63.1257 433.37C62.779 432.917 62.5957 432.343 62.5757 431.65L62.5657 431.37L62.5757 431.1C62.5957 430.413 62.779 429.843 63.1257 429.39C63.479 428.93 64.009 428.7 64.7157 428.7C65.4157 428.7 65.9623 428.957 66.3557 429.47V429.04C66.3557 428.973 66.3757 428.917 66.4157 428.87C66.4623 428.823 66.519 428.8 66.5857 428.8H67.0157C67.0823 428.8 67.1357 428.823 67.1757 428.87C67.2223 428.917 67.2457 428.973 67.2457 429.04V433.89C67.2457 435.43 66.469 436.2 64.9157 436.2ZM64.8957 433.27C65.3623 433.27 65.7123 433.12 65.9457 432.82C66.1857 432.513 66.3157 432.147 66.3357 431.72C66.3423 431.66 66.3457 431.543 66.3457 431.37C66.3457 431.203 66.3423 431.09 66.3357 431.03C66.3157 430.603 66.1857 430.24 65.9457 429.94C65.7123 429.633 65.3623 429.48 64.8957 429.48C64.4157 429.48 64.0657 429.633 63.8457 429.94C63.6323 430.24 63.5157 430.63 63.4957 431.11L63.4857 431.37L63.4957 431.64C63.5157 432.12 63.6323 432.513 63.8457 432.82C64.0657 433.12 64.4157 433.27 64.8957 433.27ZM73.2239 434C73.1572 434 73.1039 433.98 73.0639 433.94C73.0239 433.893 73.0039 433.837 73.0039 433.77V428.13L71.3239 429.42C71.2772 429.46 71.2272 429.48 71.1739 429.48C71.1139 429.48 71.0572 429.447 71.0039 429.38L70.7639 429.07C70.7305 429.023 70.7139 428.977 70.7139 428.93C70.7139 428.857 70.7472 428.797 70.8139 428.75L72.9839 427.07C73.0572 427.023 73.1439 427 73.2439 427H73.7139C73.7805 427 73.8339 427.023 73.8739 427.07C73.9205 427.11 73.9439 427.163 73.9439 427.23V433.77C73.9439 433.837 73.9205 433.893 73.8739 433.94C73.8339 433.98 73.7805 434 73.7139 434H73.2239ZM75.4319 434C75.3652 434 75.3086 433.98 75.2619 433.94C75.2219 433.893 75.2019 433.837 75.2019 433.77V433.47C75.2019 433.317 75.2852 433.17 75.4519 433.03L77.6319 430.86C78.1252 430.44 78.4652 430.097 78.6519 429.83C78.8386 429.563 78.9319 429.28 78.9319 428.98C78.9319 428.587 78.8219 428.28 78.6019 428.06C78.3819 427.833 78.0619 427.72 77.6419 427.72C77.2419 427.72 76.9252 427.837 76.6919 428.07C76.4586 428.303 76.3152 428.617 76.2619 429.01C76.2486 429.083 76.2152 429.14 76.1619 429.18C76.1086 429.22 76.0552 429.24 76.0019 429.24H75.5219C75.4619 429.24 75.4119 429.22 75.3719 429.18C75.3319 429.14 75.3119 429.093 75.3119 429.04C75.3252 428.687 75.4186 428.347 75.5919 428.02C75.7719 427.687 76.0352 427.417 76.3819 427.21C76.7286 426.997 77.1486 426.89 77.6419 426.89C78.3886 426.89 78.9486 427.087 79.3219 427.48C79.7019 427.867 79.8919 428.36 79.8919 428.96C79.8919 429.38 79.7886 429.76 79.5819 430.1C79.3819 430.433 79.0652 430.787 78.6319 431.16L76.6619 433.16H79.8119C79.8852 433.16 79.9419 433.18 79.9819 433.22C80.0219 433.26 80.0419 433.317 80.0419 433.39V433.77C80.0419 433.837 80.0186 433.893 79.9719 433.94C79.9319 433.98 79.8786 434 79.8119 434H75.4319Z" fill="#777777"/>
<path d="M123.148 434C123.081 434 123.028 433.98 122.988 433.94C122.948 433.893 122.928 433.837 122.928 433.77V428.13L121.248 429.42C121.201 429.46 121.151 429.48 121.098 429.48C121.038 429.48 120.981 429.447 120.928 429.38L120.688 429.07C120.654 429.023 120.638 428.977 120.638 428.93C120.638 428.857 120.671 428.797 120.738 428.75L122.908 427.07C122.981 427.023 123.068 427 123.168 427H123.638C123.704 427 123.758 427.023 123.798 427.07C123.844 427.11 123.868 427.163 123.868 427.23V433.77C123.868 433.837 123.844 433.893 123.798 433.94C123.758 433.98 123.704 434 123.638 434H123.148ZM127.596 434.1C127.076 434.1 126.626 434.017 126.246 433.85C125.866 433.677 125.576 433.453 125.376 433.18C125.182 432.907 125.079 432.623 125.066 432.33C125.066 432.27 125.086 432.223 125.126 432.19C125.166 432.15 125.216 432.13 125.276 432.13H125.726C125.799 432.13 125.859 432.147 125.906 432.18C125.952 432.207 125.989 432.263 126.016 432.35C126.102 432.69 126.289 432.93 126.576 433.07C126.869 433.21 127.212 433.28 127.606 433.28C128.086 433.28 128.466 433.167 128.746 432.94C129.032 432.707 129.176 432.377 129.176 431.95C129.176 431.137 128.679 430.73 127.686 430.73H126.746C126.679 430.73 126.622 430.71 126.576 430.67C126.536 430.623 126.516 430.567 126.516 430.5V430.24C126.516 430.14 126.552 430.053 126.626 429.98L128.576 427.82H125.616C125.549 427.82 125.492 427.8 125.446 427.76C125.406 427.72 125.386 427.667 125.386 427.6V427.24C125.386 427.167 125.406 427.11 125.446 427.07C125.492 427.023 125.549 427 125.616 427H129.576C129.649 427 129.706 427.023 129.746 427.07C129.792 427.11 129.816 427.167 129.816 427.24V427.57C129.816 427.643 129.782 427.72 129.716 427.8L127.766 429.99H127.926C128.606 430.01 129.142 430.187 129.536 430.52C129.936 430.853 130.136 431.34 130.136 431.98C130.136 432.42 130.026 432.8 129.806 433.12C129.592 433.433 129.292 433.677 128.906 433.85C128.519 434.017 128.082 434.1 127.596 434.1Z" fill="#777777"/>
<path d="M186.045 434C185.978 434 185.925 433.98 185.885 433.94C185.845 433.893 185.825 433.837 185.825 433.77V428.13L184.145 429.42C184.098 429.46 184.048 429.48 183.995 429.48C183.935 429.48 183.878 429.447 183.825 429.38L183.585 429.07C183.552 429.023 183.535 428.977 183.535 428.93C183.535 428.857 183.568 428.797 183.635 428.75L185.805 427.07C185.878 427.023 185.965 427 186.065 427H186.535C186.602 427 186.655 427.023 186.695 427.07C186.742 427.11 186.765 427.163 186.765 427.23V433.77C186.765 433.837 186.742 433.893 186.695 433.94C186.655 433.98 186.602 434 186.535 434H186.045ZM191.553 434C191.487 434 191.43 433.98 191.383 433.94C191.343 433.893 191.323 433.837 191.323 433.77V432.31H188.073C188.007 432.31 187.95 432.29 187.903 432.25C187.863 432.203 187.843 432.147 187.843 432.08V431.71C187.843 431.617 187.88 431.517 187.953 431.41L190.963 427.17C190.997 427.117 191.047 427.077 191.113 427.05C191.18 427.017 191.253 427 191.333 427H192.013C192.087 427 192.143 427.02 192.183 427.06C192.223 427.1 192.243 427.157 192.243 427.23V431.47H193.153C193.22 431.47 193.273 431.493 193.313 431.54C193.36 431.58 193.383 431.633 193.383 431.7V432.08C193.383 432.147 193.36 432.203 193.313 432.25C193.273 432.29 193.22 432.31 193.153 432.31H192.243V433.77C192.243 433.837 192.22 433.893 192.173 433.94C192.133 433.98 192.08 434 192.013 434H191.553ZM188.883 431.49H191.333V428.01L188.883 431.49Z" fill="#777777"/>
<path d="M247.845 434C247.779 434 247.722 433.977 247.675 433.93C247.629 433.883 247.605 433.827 247.605 433.76V428.6L246.095 429.76C246.055 429.793 246.005 429.81 245.945 429.81C245.865 429.81 245.802 429.777 245.755 429.71L245.325 429.15C245.292 429.103 245.275 429.057 245.275 429.01C245.275 428.93 245.312 428.863 245.385 428.81L247.625 427.07C247.699 427.023 247.782 427 247.875 427H248.775C248.842 427 248.899 427.023 248.945 427.07C248.992 427.117 249.015 427.173 249.015 427.24V433.76C249.015 433.827 248.992 433.883 248.945 433.93C248.899 433.977 248.842 434 248.775 434H247.845ZM252.784 434.11C252.231 434.11 251.751 434.017 251.344 433.83C250.944 433.643 250.641 433.397 250.434 433.09C250.227 432.783 250.117 432.453 250.104 432.1V432.08C250.104 432.027 250.124 431.983 250.164 431.95C250.211 431.91 250.261 431.89 250.314 431.89H251.264C251.417 431.89 251.514 431.957 251.554 432.09C251.647 432.383 251.801 432.6 252.014 432.74C252.234 432.88 252.491 432.95 252.784 432.95C253.157 432.95 253.464 432.837 253.704 432.61C253.951 432.383 254.074 432.07 254.074 431.67C254.074 431.31 253.951 431.02 253.704 430.8C253.464 430.573 253.157 430.46 252.784 430.46C252.584 430.46 252.421 430.487 252.294 430.54C252.167 430.593 252.044 430.667 251.924 430.76C251.911 430.767 251.881 430.787 251.834 430.82C251.787 430.853 251.744 430.877 251.704 430.89C251.671 430.903 251.634 430.91 251.594 430.91H250.654C250.594 430.91 250.541 430.89 250.494 430.85C250.454 430.803 250.434 430.75 250.434 430.69L250.774 427.28C250.781 427.193 250.811 427.127 250.864 427.08C250.924 427.027 250.994 427 251.074 427H254.834C254.907 427 254.964 427.023 255.004 427.07C255.051 427.11 255.074 427.167 255.074 427.24V427.92C255.074 427.987 255.051 428.043 255.004 428.09C254.964 428.137 254.907 428.16 254.834 428.16H251.944L251.784 429.78C251.937 429.68 252.114 429.6 252.314 429.54C252.514 429.473 252.774 429.44 253.094 429.44C253.527 429.44 253.927 429.533 254.294 429.72C254.667 429.9 254.964 430.163 255.184 430.51C255.411 430.85 255.524 431.247 255.524 431.7C255.524 432.187 255.411 432.613 255.184 432.98C254.957 433.34 254.637 433.62 254.224 433.82C253.811 434.013 253.331 434.11 252.784 434.11Z" fill="#AAAAAA"/>
<path d="M309.811 434C309.744 434 309.688 433.977 309.641 433.93C309.594 433.883 309.571 433.827 309.571 433.76V428.6L308.061 429.76C308.021 429.793 307.971 429.81 307.911 429.81C307.831 429.81 307.768 429.777 307.721 429.71L307.291 429.15C307.258 429.103 307.241 429.057 307.241 429.01C307.241 428.93 307.278 428.863 307.351 428.81L309.591 427.07C309.664 427.023 309.748 427 309.841 427H310.741C310.808 427 310.864 427.023 310.911 427.07C310.958 427.117 310.981 427.173 310.981 427.24V433.76C310.981 433.827 310.958 433.883 310.911 433.93C310.864 433.977 310.808 434 310.741 434H309.811ZM314.88 434.1C314.32 434.1 313.826 433.993 313.4 433.78C312.98 433.567 312.653 433.273 312.42 432.9C312.193 432.527 312.08 432.107 312.08 431.64C312.08 431.053 312.34 430.407 312.86 429.7L314.68 427.2C314.733 427.133 314.783 427.083 314.83 427.05C314.876 427.017 314.943 427 315.03 427H315.98C316.04 427 316.086 427.023 316.12 427.07C316.16 427.11 316.18 427.16 316.18 427.22C316.18 427.267 316.166 427.31 316.14 427.35L314.74 429.28C314.846 429.253 314.986 429.24 315.16 429.24C315.606 429.247 316.016 429.357 316.39 429.57C316.77 429.777 317.07 430.06 317.29 430.42C317.516 430.78 317.63 431.18 317.63 431.62C317.63 432.073 317.516 432.49 317.29 432.87C317.07 433.243 316.75 433.543 316.33 433.77C315.916 433.99 315.433 434.1 314.88 434.1ZM314.86 432.94C315.233 432.94 315.55 432.827 315.81 432.6C316.07 432.367 316.2 432.047 316.2 431.64C316.2 431.24 316.07 430.927 315.81 430.7C315.556 430.467 315.24 430.35 314.86 430.35C314.486 430.35 314.17 430.467 313.91 430.7C313.656 430.927 313.53 431.24 313.53 431.64C313.53 432.047 313.656 432.367 313.91 432.6C314.17 432.827 314.486 432.94 314.86 432.94Z" fill="#AAAAAA"/>
<path d="M372.087 434C372.02 434 371.967 433.98 371.927 433.94C371.887 433.893 371.867 433.837 371.867 433.77V428.13L370.187 429.42C370.14 429.46 370.09 429.48 370.037 429.48C369.977 429.48 369.92 429.447 369.867 429.38L369.627 429.07C369.594 429.023 369.577 428.977 369.577 428.93C369.577 428.857 369.61 428.797 369.677 428.75L371.847 427.07C371.92 427.023 372.007 427 372.107 427H372.577C372.644 427 372.697 427.023 372.737 427.07C372.784 427.11 372.807 427.163 372.807 427.23V433.77C372.807 433.837 372.784 433.893 372.737 433.94C372.697 433.98 372.644 434 372.577 434H372.087ZM375.075 434C375.015 434 374.965 433.98 374.925 433.94C374.892 433.893 374.875 433.84 374.875 433.78L374.895 433.69L377.395 427.84H374.095C374.029 427.84 373.972 427.82 373.925 427.78C373.885 427.733 373.865 427.677 373.865 427.61V427.24C373.865 427.167 373.885 427.11 373.925 427.07C373.965 427.023 374.022 427 374.095 427H378.175C378.249 427 378.305 427.023 378.345 427.07C378.385 427.11 378.405 427.167 378.405 427.24V427.58C378.405 427.7 378.379 427.83 378.325 427.97L375.855 433.75C375.822 433.823 375.785 433.883 375.745 433.93C375.705 433.977 375.649 434 375.575 434H375.075Z" fill="#777777"/>
<path d="M433.967 434C433.9 434 433.847 433.98 433.807 433.94C433.767 433.893 433.747 433.837 433.747 433.77V428.13L432.067 429.42C432.02 429.46 431.97 429.48 431.917 429.48C431.857 429.48 431.8 429.447 431.747 429.38L431.507 429.07C431.474 429.023 431.457 428.977 431.457 428.93C431.457 428.857 431.49 428.797 431.557 428.75L433.727 427.07C433.8 427.023 433.887 427 433.987 427H434.457C434.524 427 434.577 427.023 434.617 427.07C434.664 427.11 434.687 427.163 434.687 427.23V433.77C434.687 433.837 434.664 433.893 434.617 433.94C434.577 433.98 434.524 434 434.457 434H433.967ZM438.625 434.1C438.118 434.1 437.665 434.017 437.265 433.85C436.872 433.677 436.565 433.43 436.345 433.11C436.125 432.79 436.015 432.417 436.015 431.99C436.015 431.597 436.112 431.253 436.305 430.96C436.505 430.66 436.772 430.43 437.105 430.27C436.838 430.117 436.632 429.917 436.485 429.67C436.338 429.417 436.265 429.12 436.265 428.78C436.265 428.2 436.482 427.743 436.915 427.41C437.348 427.07 437.918 426.9 438.625 426.9C439.332 426.9 439.898 427.067 440.325 427.4C440.758 427.733 440.975 428.193 440.975 428.78C440.975 429.113 440.902 429.407 440.755 429.66C440.608 429.907 440.405 430.11 440.145 430.27C440.478 430.43 440.742 430.66 440.935 430.96C441.135 431.253 441.235 431.6 441.235 432C441.235 432.427 441.125 432.8 440.905 433.12C440.685 433.433 440.375 433.677 439.975 433.85C439.582 434.017 439.132 434.1 438.625 434.1ZM438.625 429.92C439.032 429.907 439.375 429.8 439.655 429.6C439.935 429.4 440.075 429.133 440.075 428.8C440.075 428.46 439.935 428.19 439.655 427.99C439.382 427.783 439.038 427.68 438.625 427.68C438.205 427.68 437.858 427.783 437.585 427.99C437.312 428.19 437.175 428.46 437.175 428.8C437.175 429.14 437.312 429.413 437.585 429.62C437.858 429.82 438.205 429.92 438.625 429.92ZM438.625 433.32C439.098 433.32 439.492 433.2 439.805 432.96C440.125 432.72 440.285 432.4 440.285 432C440.285 431.6 440.125 431.28 439.805 431.04C439.492 430.8 439.098 430.68 438.625 430.68C438.145 430.68 437.745 430.8 437.425 431.04C437.112 431.28 436.955 431.6 436.955 432C436.955 432.4 437.112 432.72 437.425 432.96C437.745 433.2 438.145 433.32 438.625 433.32Z" fill="#777777"/>
<path d="M15.8319 424.1C14.9719 424.1 14.3419 423.85 13.9419 423.35C13.5485 422.843 13.3385 422.183 13.3119 421.37L13.3019 420.51L13.3119 419.62C13.3319 418.813 13.5419 418.16 13.9419 417.66C14.3485 417.153 14.9785 416.9 15.8319 416.9C16.6919 416.9 17.3219 417.153 17.7219 417.66C18.1285 418.16 18.3419 418.813 18.3619 419.62C18.3685 419.807 18.3719 420.103 18.3719 420.51C18.3719 420.903 18.3685 421.19 18.3619 421.37C18.3352 422.183 18.1219 422.843 17.7219 423.35C17.3285 423.85 16.6985 424.1 15.8319 424.1ZM15.8319 423.27C16.3452 423.27 16.7319 423.1 16.9919 422.76C17.2519 422.42 17.3885 421.94 17.4019 421.32C17.4085 421.127 17.4119 420.85 17.4119 420.49C17.4119 420.123 17.4085 419.85 17.4019 419.67C17.3885 419.057 17.2485 418.58 16.9819 418.24C16.7219 417.893 16.3385 417.72 15.8319 417.72C15.3252 417.72 14.9419 417.893 14.6819 418.24C14.4219 418.58 14.2852 419.057 14.2719 419.67L14.2619 420.49L14.2719 421.32C14.2852 421.94 14.4219 422.42 14.6819 422.76C14.9419 423.1 15.3252 423.27 15.8319 423.27Z" fill="#777777"/>
<path d="M5.26586 262C5.19919 262 5.14586 261.98 5.10586 261.94C5.06586 261.893 5.04586 261.837 5.04586 261.77V256.13L3.36586 257.42C3.31919 257.46 3.26919 257.48 3.21586 257.48C3.15586 257.48 3.09919 257.447 3.04586 257.38L2.80586 257.07C2.77253 257.023 2.75586 256.977 2.75586 256.93C2.75586 256.857 2.78919 256.797 2.85586 256.75L5.02586 255.07C5.09919 255.023 5.18586 255 5.28586 255H5.75586C5.82253 255 5.87586 255.023 5.91586 255.07C5.96253 255.11 5.98586 255.163 5.98586 255.23V261.77C5.98586 261.837 5.96253 261.893 5.91586 261.94C5.87586 261.98 5.82253 262 5.75586 262H5.26586ZM9.66391 262.1C9.16391 262.1 8.73057 262.01 8.36391 261.83C7.99724 261.65 7.71724 261.417 7.52391 261.13C7.33057 260.837 7.22724 260.523 7.21391 260.19V260.17C7.21391 260.117 7.23391 260.073 7.27391 260.04C7.31391 260.007 7.36057 259.99 7.41391 259.99H7.90391C8.04391 259.99 8.13391 260.063 8.17391 260.21C8.27391 260.57 8.45724 260.84 8.72391 261.02C8.99724 261.193 9.31057 261.28 9.66391 261.28C10.1172 261.28 10.4939 261.143 10.7939 260.87C11.0939 260.59 11.2439 260.207 11.2439 259.72C11.2439 259.273 11.0939 258.92 10.7939 258.66C10.4939 258.393 10.1172 258.26 9.66391 258.26C9.42391 258.26 9.23057 258.29 9.08391 258.35C8.93724 258.41 8.78724 258.497 8.63391 258.61C8.54724 258.677 8.47391 258.727 8.41391 258.76C8.36057 258.787 8.30057 258.8 8.23391 258.8H7.75391C7.69391 258.8 7.64057 258.78 7.59391 258.74C7.54724 258.693 7.52724 258.64 7.53391 258.58L7.84391 255.25C7.86391 255.083 7.94724 255 8.09391 255H11.5539C11.6272 255 11.6839 255.02 11.7239 255.06C11.7639 255.1 11.7839 255.157 11.7839 255.23V255.6C11.7839 255.667 11.7606 255.72 11.7139 255.76C11.6739 255.8 11.6206 255.82 11.5539 255.82H8.67391L8.49391 257.83C8.81391 257.603 9.24391 257.49 9.78391 257.49C10.2306 257.49 10.6372 257.58 11.0039 257.76C11.3706 257.933 11.6606 258.19 11.8739 258.53C12.0939 258.87 12.2039 259.273 12.2039 259.74C12.2039 260.233 12.0939 260.66 11.8739 261.02C11.6606 261.373 11.3606 261.643 10.9739 261.83C10.5939 262.01 10.1572 262.1 9.66391 262.1ZM15.8319 262.1C14.9719 262.1 14.3419 261.85 13.9419 261.35C13.5485 260.843 13.3385 260.183 13.3119 259.37L13.3019 258.51L13.3119 257.62C13.3319 256.813 13.5419 256.16 13.9419 255.66C14.3485 255.153 14.9785 254.9 15.8319 254.9C16.6919 254.9 17.3219 255.153 17.7219 255.66C18.1285 256.16 18.3419 256.813 18.3619 257.62C18.3685 257.807 18.3719 258.103 18.3719 258.51C18.3719 258.903 18.3685 259.19 18.3619 259.37C18.3352 260.183 18.1219 260.843 17.7219 261.35C17.3285 261.85 16.6985 262.1 15.8319 262.1ZM15.8319 261.27C16.3452 261.27 16.7319 261.1 16.9919 260.76C17.2519 260.42 17.3885 259.94 17.4019 259.32C17.4085 259.127 17.4119 258.85 17.4119 258.49C17.4119 258.123 17.4085 257.85 17.4019 257.67C17.3885 257.057 17.2485 256.58 16.9819 256.24C16.7219 255.893 16.3385 255.72 15.8319 255.72C15.3252 255.72 14.9419 255.893 14.6819 256.24C14.4219 256.58 14.2852 257.057 14.2719 257.67L14.2619 258.49L14.2719 259.32C14.2852 259.94 14.4219 260.42 14.6819 260.76C14.9419 261.1 15.3252 261.27 15.8319 261.27Z" fill="#777777"/>
<path d="M3.32719 102.1C2.80719 102.1 2.35719 102.017 1.97719 101.85C1.59719 101.677 1.30719 101.453 1.10719 101.18C0.913854 100.907 0.810521 100.623 0.797188 100.33C0.797188 100.27 0.817188 100.223 0.857188 100.19C0.897188 100.15 0.947188 100.13 1.00719 100.13H1.45719C1.53052 100.13 1.59052 100.147 1.63719 100.18C1.68385 100.207 1.72052 100.263 1.74719 100.35C1.83385 100.69 2.02052 100.93 2.30719 101.07C2.60052 101.21 2.94385 101.28 3.33719 101.28C3.81719 101.28 4.19719 101.167 4.47719 100.94C4.76385 100.707 4.90719 100.377 4.90719 99.95C4.90719 99.1367 4.41052 98.73 3.41719 98.73H2.47719C2.41052 98.73 2.35385 98.71 2.30719 98.67C2.26719 98.6233 2.24719 98.5667 2.24719 98.5V98.24C2.24719 98.14 2.28385 98.0533 2.35719 97.98L4.30719 95.82H1.34719C1.28052 95.82 1.22385 95.8 1.17719 95.76C1.13719 95.72 1.11719 95.6667 1.11719 95.6V95.24C1.11719 95.1667 1.13719 95.11 1.17719 95.07C1.22385 95.0233 1.28052 95 1.34719 95H5.30719C5.38052 95 5.43719 95.0233 5.47719 95.07C5.52385 95.11 5.54719 95.1667 5.54719 95.24V95.57C5.54719 95.6433 5.51385 95.72 5.44719 95.8L3.49719 97.99H3.65719C4.33719 98.01 4.87385 98.1867 5.26719 98.52C5.66719 98.8533 5.86719 99.34 5.86719 99.98C5.86719 100.42 5.75719 100.8 5.53719 101.12C5.32385 101.433 5.02385 101.677 4.63719 101.85C4.25052 102.017 3.81385 102.1 3.32719 102.1ZM9.50375 102.1C8.64375 102.1 8.01375 101.85 7.61375 101.35C7.22042 100.843 7.01042 100.183 6.98375 99.37L6.97375 98.51L6.98375 97.62C7.00375 96.8133 7.21375 96.16 7.61375 95.66C8.02042 95.1533 8.65042 94.9 9.50375 94.9C10.3638 94.9 10.9938 95.1533 11.3937 95.66C11.8004 96.16 12.0138 96.8133 12.0338 97.62C12.0404 97.8067 12.0438 98.1033 12.0438 98.51C12.0438 98.9033 12.0404 99.19 12.0338 99.37C12.0071 100.183 11.7937 100.843 11.3937 101.35C11.0004 101.85 10.3704 102.1 9.50375 102.1ZM9.50375 101.27C10.0171 101.27 10.4038 101.1 10.6638 100.76C10.9238 100.42 11.0604 99.94 11.0738 99.32C11.0804 99.1267 11.0838 98.85 11.0838 98.49C11.0838 98.1233 11.0804 97.85 11.0738 97.67C11.0604 97.0567 10.9204 96.58 10.6538 96.24C10.3938 95.8933 10.0104 95.72 9.50375 95.72C8.99708 95.72 8.61375 95.8933 8.35375 96.24C8.09375 96.58 7.95708 97.0567 7.94375 97.67L7.93375 98.49L7.94375 99.32C7.95708 99.94 8.09375 100.42 8.35375 100.76C8.61375 101.1 8.99708 101.27 9.50375 101.27ZM15.8319 102.1C14.9719 102.1 14.3419 101.85 13.9419 101.35C13.5485 100.843 13.3385 100.183 13.3119 99.37L13.3019 98.51L13.3119 97.62C13.3319 96.8133 13.5419 96.16 13.9419 95.66C14.3485 95.1533 14.9785 94.9 15.8319 94.9C16.6919 94.9 17.3219 95.1533 17.7219 95.66C18.1285 96.16 18.3419 96.8133 18.3619 97.62C18.3685 97.8067 18.3719 98.1033 18.3719 98.51C18.3719 98.9033 18.3685 99.19 18.3619 99.37C18.3352 100.183 18.1219 100.843 17.7219 101.35C17.3285 101.85 16.6985 102.1 15.8319 102.1ZM15.8319 101.27C16.3452 101.27 16.7319 101.1 16.9919 100.76C17.2519 100.42 17.3885 99.94 17.4019 99.32C17.4085 99.1267 17.4119 98.85 17.4119 98.49C17.4119 98.1233 17.4085 97.85 17.4019 97.67C17.3885 97.0567 17.2485 96.58 16.9819 96.24C16.7219 95.8933 16.3385 95.72 15.8319 95.72C15.3252 95.72 14.9419 95.8933 14.6819 96.24C14.4219 96.58 14.2852 97.0567 14.2719 97.67L14.2619 98.49L14.2719 99.32C14.2852 99.94 14.4219 100.42 14.6819 100.76C14.9419 101.1 15.3252 101.27 15.8319 101.27Z" fill="#777777"/>
<rect x="411" width="50" height="420" fill="#19A974"/>
<rect x="411" y="291" width="50" height="129" fill="#137752"/>
<rect x="349" width="50" height="420" fill="#19A974"/>
<rect x="349" y="291" width="50" height="129" fill="#137752"/>
<rect x="287" width="50" height="420" fill="#9EEBCF"/>
<rect x="287" y="291" width="50" height="129" fill="#19A974"/>
<rect x="225" width="50" height="420" fill="#9EEBCF"/>
<rect x="225" y="291" width="50" height="129" fill="#19A974"/>
<rect x="163" width="50" height="420" fill="#19A974"/>
<rect x="163" y="291" width="50" height="129" fill="#137752"/>
<rect x="101" width="50" height="420" fill="#19A974"/>
<rect x="101" y="291" width="50" height="129" fill="#137752"/>
<rect x="39" width="50" height="420" fill="#19A974"/>
<rect x="39" y="291" width="50" height="129" fill="#137752"/>
</svg>

After

Width:  |  Height:  |  Size: 23 KiB

View File

@ -199,19 +199,19 @@
<p class="f25 lh-solid ma0 mb2"> <p class="f25 lh-solid ma0 mb2">
478 478
</p> </p>
<p class="lh-solid ma0 mb4"> <p class="f7 lh-solid ma0 mb4">
Unique users Unique users
</p> </p>
<p class="f25 lh-solid ma0 mb2"> <p class="f25 lh-solid ma0 mb2">
2.530 2.530
</p> </p>
<p class="lh-solid ma0 mb4"> <p class="f7 lh-solid ma0 mb4">
Unique sessions Unique sessions
</p> </p>
<p class="lh-solid pt2 ma0 mb3"> <p class="f7 lh-solid pt2 ma0 mb3">
Top pages Top pages
</p> </p>
<table class="f7 f5-ns collapse dt--fixed mb4"> <table class="f7 collapse dt--fixed mb4">
<tbody> <tbody>
<tr class="striped--near-white"> <tr class="striped--near-white">
<td class="truncate pv2 pl2 pr1">https://www.yourpage.xyz/</td> <td class="truncate pv2 pl2 pr1">https://www.yourpage.xyz/</td>
@ -259,19 +259,19 @@
<p class="f25 lh-solid ma0 mb2"> <p class="f25 lh-solid ma0 mb2">
1 1
</p> </p>
<p class="lh-solid ma0 mb4"> <p class="f7 lh-solid ma0 mb4">
Unique websites Unique websites
</p> </p>
<p class="f25 lh-solid ma0 mb2"> <p class="f25 lh-solid ma0 mb2">
5 5
</p> </p>
<p class="lh-solid ma0 mb4"> <p class="f7 lh-solid ma0 mb4">
Unique sessions Unique sessions
</p> </p>
<p class="lh-solid pt2 ma0 mb3"> <p class="lh-solid pt2 ma0 mb3">
Top pages Top pages
</p> </p>
<table class="f7 f5-ns collapse dt--fixed mb4"> <table class="f7 collapse dt--fixed mb4">
<tbody> <tbody>
<tr class="striped--near-white"> <tr class="striped--near-white">
<td class="truncate pv2 pl2 pr1">https://www.yourpage.xyz/</td> <td class="truncate pv2 pl2 pr1">https://www.yourpage.xyz/</td>
@ -353,7 +353,7 @@
</div> </div>
<!-- METRICS --> <!-- METRICS -->
<div class="relative w-100 hx200 dib cclr-bg-white-fade"> <div class="w-100 hx200 dib cclr-bg-white-fade">
<p class="f25 lh-solid ma0 ml5 mt5"> <p class="f25 lh-solid ma0 ml5 mt5">
<em> <em>
@ -362,15 +362,19 @@
</p> </p>
<!-- BOX 1 --> <!-- BOX 1 -->
<div class="absolute stackbox-1"> <div class="relative">
<div class="w-100 h-100 dib br2 pa4 shadow-4 cclr-fnt-black-mid bg-white"> <div class="relative absolute-l stackbox-1 center">
<p class=""> <div class="w-100 h-100 dib br2 pa4 shadow-4 cclr-fnt-black-mid bg-white">
temp1 <p class="f7 lh-solid ma0 mb3">
</p> Page views and users
</p>
<img src="/theme/images/gfx-metrics-bars.svg" alt="temp" width="470" height="441">
</div>
</div> </div>
</div> </div>
<!-- BOX 2 --> <!-- BOX 2 -->
<!--
<div class="absolute stackbox-2"> <div class="absolute stackbox-2">
<div class="w-100 h-100 dib br2 pa4 shadow-4 cclr-fnt-black-mid bg-white"> <div class="w-100 h-100 dib br2 pa4 shadow-4 cclr-fnt-black-mid bg-white">
<p class=""> <p class="">
@ -378,7 +382,7 @@
</p> </p>
</div> </div>
</div> </div>
-->
</div> </div>