adding landing page illustration
This commit is contained in:
sairaj mote
parent
19b560a15f
commit
66484e972e
34
assets/working-intern.svg
Normal file
34
assets/working-intern.svg
Normal file
@ -0,0 +1,34 @@
|
||||
<svg width="590" height="447" viewBox="0 0 590 447" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M346.905 446.939C462.863 446.939 556.865 352.891 556.865 236.876C556.865 120.861 462.863 26.8128 346.905 26.8128C230.948 26.8128 136.946 120.861 136.946 236.876C136.946 352.891 230.948 446.939 346.905 446.939Z" fill="#FFFCDC"/>
|
||||
<path d="M249.36 215.815L272.285 356.458L331.119 338.998L289.993 231.066L249.36 215.815Z" fill="#7DC493"/>
|
||||
<path d="M248.837 213.378L277.077 221.694L259.467 283.873L233.821 381.456L209.634 355.827L225.844 299.449L248.837 213.378Z" fill="#E5C3BA"/>
|
||||
<path d="M231.809 264.833L253.748 290.117C254.42 290.916 255.324 291.486 256.334 291.748C257.344 292.01 258.411 291.951 259.386 291.579C260.361 291.207 261.197 290.541 261.776 289.673C262.356 288.804 262.652 287.777 262.622 286.733L261.577 220.037C261.562 219.143 261.31 218.27 260.847 217.506C260.385 216.742 259.728 216.114 258.944 215.686L252.969 212.451C252.323 212.098 251.607 211.892 250.873 211.847C250.138 211.802 249.403 211.918 248.718 212.188C248.034 212.458 247.417 212.875 246.911 213.41C246.405 213.944 246.023 214.583 245.791 215.282L230.843 259.94C230.566 260.77 230.509 261.657 230.679 262.515C230.848 263.373 231.238 264.172 231.809 264.833Z" fill="#A9EAB9"/>
|
||||
<path d="M252.673 242.44L249.36 188.124L269.267 198.364L298.502 213.408L371.762 251.101L394.145 351.151L380.203 362.447C369.615 371.022 356.157 375.234 342.573 374.222C328.988 373.21 316.301 367.051 307.1 357.001L299.291 348.468L290.23 299.469L252.673 242.44Z" fill="white"/>
|
||||
<path d="M278.496 211.612H278.319C275.458 212.167 272.467 212.126 269.632 211.492C266.796 210.858 264.209 209.653 262.117 207.99C260.304 206.547 258.911 204.8 258.039 202.873C257.167 200.946 256.838 198.888 257.075 196.847L258.975 180.564C259.246 178.259 260.23 176.045 261.84 174.125C263.449 172.204 265.632 170.637 268.189 169.568C270.746 168.499 273.595 167.96 276.478 168.002C279.36 168.044 282.184 168.665 284.691 169.808L288.276 171.446C291.65 172.989 294.278 175.4 295.736 178.29C297.194 181.179 297.397 184.379 296.312 187.373L291.014 202.011C290.162 204.354 288.556 206.474 286.358 208.16C284.161 209.845 281.449 211.036 278.496 211.612Z" fill="#C7A29D"/>
|
||||
<path d="M291.531 190.649C291.531 190.649 291.777 186.847 292.511 185.089C293.244 183.331 299.277 178.991 300.692 177.716C298.81 177.43 302.516 177.17 300.692 177.716C299.243 176.827 302.373 177.973 300.692 177.716L339.895 192.637C341.834 193.821 344.923 194.499 346 196.5L373 240L397.931 333.671C398.535 335.966 398.491 338.384 397.803 340.655L394.933 350.234C394.02 353.265 392.024 355.854 389.326 357.508C386.627 359.162 383.415 359.764 380.301 359.201L340.516 351.93C337.639 351.407 335.025 349.922 333.101 347.718L317.7 329.961C315.697 327.655 314.579 324.711 314.545 321.655L313.776 255.254C313.755 252.718 312.979 250.245 311.547 248.152L288.534 214.355C287.107 212.276 286.325 209.822 286.284 207.301C286.244 204.779 290.172 192.773 291.531 190.649Z" fill="#8ED6A4"/>
|
||||
<path d="M260.975 192.08L238.721 219.445L269.11 367.32L295.071 346.988L269.514 256.882L256.982 218.675L260.975 192.08Z" fill="#8ED6A4"/>
|
||||
<path d="M227.525 183.905L250.361 205.365C251.408 206.566 252.795 207.41 254.334 207.784C255.873 208.158 257.488 208.044 258.96 207.456L261.957 206.25C268.422 203.662 273.674 198.687 276.65 192.333L289.202 165.53L250.88 117L216.202 158.005L227.525 183.905Z" fill="#E5C3BA"/>
|
||||
<path d="M301.5 186.5L286.5 206C286.5 206 287.5 195 290.5 189.5C293.5 184 290 181.5 290 181.5L297 173L301.5 186.5Z" fill="#7DC493"/>
|
||||
<path d="M257.707 148.439C258.088 148.725 258.502 148.967 258.94 149.159L267.415 152.805C268.36 153.206 269.19 153.831 269.832 154.626C270.474 155.421 270.908 156.361 271.096 157.362L271.943 162.083C272.125 163.102 272.564 164.058 273.219 164.865C273.874 165.671 274.723 166.3 275.688 166.695L281.523 169.083C282.734 169.579 283.756 170.441 284.445 171.545C285.134 172.65 285.454 173.941 285.36 175.235L285.056 179.31C284.957 180.642 285.299 181.97 286.029 183.093C286.76 184.216 287.84 185.073 289.105 185.535C290.219 185.944 291.427 186.029 292.588 185.78C293.749 185.532 294.814 184.959 295.657 184.131L312.378 167.661C313.204 166.842 313.782 165.81 314.044 164.682C314.306 163.554 314.242 162.375 313.86 161.281L302.449 128.988C301.914 127.478 300.808 126.233 299.364 125.516C297.92 124.798 296.251 124.664 294.71 125.142L288.581 127.038C287.431 127.394 286.2 127.412 285.04 127.088C283.88 126.765 282.84 126.114 282.047 125.215L265.961 107.095C265.171 106.203 264.138 105.556 262.985 105.233C261.832 104.91 260.61 104.923 259.464 105.272L223.575 116.155C222.406 116.508 221.368 117.196 220.594 118.133L195.618 148.156C194.931 148.984 194.473 149.975 194.291 151.032C194.109 152.088 194.208 153.174 194.579 154.181L207.085 188.324C207.494 189.443 208.222 190.421 209.181 191.139C210.139 191.857 211.288 192.285 212.486 192.371L221.026 192.981C221.967 193.055 222.912 192.911 223.787 192.562L227.219 191.213C228.149 190.847 228.976 190.265 229.63 189.515C230.284 188.765 230.745 187.87 230.976 186.906C231.206 185.941 231.198 184.936 230.953 183.976C230.707 183.015 230.232 182.127 229.566 181.388L225.885 177.268C225.249 176.56 224.785 175.717 224.532 174.803C224.278 173.89 224.24 172.93 224.422 172L227.054 158.501C227.305 157.241 227.948 156.09 228.894 155.211L257.707 148.439Z" fill="url(#paint0_linear_23_82)"/>
|
||||
<path d="M428.428 359.497L428.714 362.338C428.949 364.708 428.537 367.098 427.521 369.252C426.505 371.407 424.924 373.245 422.946 374.57L335.349 433.257C332.807 434.956 329.754 435.72 326.712 435.417L11.832 404.165C8.79451 403.869 5.95413 402.526 3.79609 400.367C1.63805 398.208 0.296262 395.366 0 392.327L330.311 425.187L428.428 359.497Z" fill="#FFBE77"/>
|
||||
<path d="M428.428 359.497L330.331 425.207L0.0295696 392.357L116.112 326.637L428.428 359.497Z" fill="#FFDFB6"/>
|
||||
<path d="M328.063 358.57L279.67 395.583L280.409 391.972L328.063 358.57Z" fill="#D44A4A"/>
|
||||
<path d="M328.063 358.57L280.37 391.972L266.566 351.585L327.599 356.814C327.791 356.841 327.97 356.925 328.115 357.054C328.259 357.182 328.362 357.351 328.412 357.538C328.461 357.725 328.454 357.923 328.392 358.106C328.33 358.29 328.216 358.451 328.063 358.57Z" fill="#F57E7E"/>
|
||||
<path d="M317.5 356L271 372L266 364L287.5 353.5L317.5 356Z" fill="url(#paint1_linear_23_82)"/>
|
||||
<path d="M314.861 217.21L286.52 292.883C286.311 293.426 286.064 293.955 285.783 294.465L250.049 358.736C248.738 361.109 248.292 363.864 248.787 366.529C249.283 369.195 250.689 371.605 252.765 373.348C254.006 374.38 255.447 375.144 256.997 375.592C258.548 376.04 260.174 376.162 261.774 375.95C263.374 375.738 264.912 375.198 266.293 374.362C267.674 373.526 268.867 372.414 269.797 371.094L310.854 312.659C311.456 311.795 311.94 310.855 312.293 309.863L341.712 227.336C342.704 224.556 342.608 221.503 341.443 218.79C340.278 216.077 338.13 213.906 335.431 212.713L330.516 210.604C329.061 209.962 327.489 209.625 325.898 209.612C324.307 209.599 322.731 209.912 321.265 210.53C319.799 211.149 318.475 212.06 317.374 213.209C316.272 214.357 315.417 215.719 314.861 217.21Z" fill="#E5C3BA"/>
|
||||
<path d="M296.598 257.623L326.209 273.808C326.986 274.227 327.847 274.466 328.729 274.509C329.611 274.551 330.491 274.396 331.304 274.054C332.118 273.712 332.845 273.192 333.432 272.533C334.019 271.873 334.451 271.091 334.696 270.242L347.152 226.188C348.145 222.695 347.956 218.972 346.614 215.598L342.871 206.122C341.415 202.441 338.685 199.405 335.18 197.57C331.674 195.734 327.625 195.22 323.773 196.122C321.213 196.716 318.832 197.916 316.831 199.62C314.829 201.324 313.265 203.482 312.268 205.915L293.97 250.175C293.415 251.522 293.376 253.027 293.861 254.401C294.346 255.776 295.32 256.923 296.598 257.623Z" fill="#A9EAB9"/>
|
||||
<path d="M280.37 391.972C280.57 392.552 280.621 393.172 280.516 393.777C280.412 394.381 280.157 394.949 279.774 395.428C279.391 395.906 278.893 396.28 278.326 396.514C277.76 396.748 277.143 396.835 276.534 396.767L140.357 381.594C137.822 381.308 135.419 380.311 133.423 378.72C131.428 377.129 129.922 375.007 129.078 372.598L97.1607 282.334C96.9566 281.755 96.9018 281.135 97.0015 280.53C97.1011 279.925 97.3519 279.355 97.7305 278.873C98.1092 278.39 98.6035 278.012 99.1675 277.772C99.7315 277.532 100.347 277.438 100.957 277.5L237.696 291.252C240.28 291.509 242.735 292.504 244.77 294.119C246.805 295.733 248.333 297.898 249.173 300.357L266.645 351.546L280.37 391.972Z" fill="#FF9A9A"/>
|
||||
<path d="M538.495 367.862C564.443 367.862 585.478 346.817 585.478 320.856C585.478 294.895 564.443 273.85 538.495 273.85C512.547 273.85 491.512 294.895 491.512 320.856C491.512 346.817 512.547 367.862 538.495 367.862Z" fill="#6A7EEF"/>
|
||||
<path d="M581.229 162.82L589.896 167.555L581.229 172.3L576.486 180.962L571.753 172.3L563.086 167.555L571.753 162.82L576.486 154.149L581.229 162.82Z" fill="#BFFFEC"/>
|
||||
<path d="M183.249 8.66139L191.906 13.4064L183.249 18.1416L178.506 26.8128L173.773 18.1416L165.106 13.4064L173.773 8.66139L178.506 0L183.249 8.66139Z" fill="#BFFFEC"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_23_82" x1="204.5" y1="110.5" x2="302" y2="188.5" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#72524C"/>
|
||||
<stop offset="1" stop-color="#53352F"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_23_82" x1="269.5" y1="368" x2="309.5" y2="350" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D44A4A"/>
|
||||
<stop offset="1" stop-color="#D44A4A" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.2 KiB |
22
css/main.css
22
css/main.css
@ -787,6 +787,28 @@ ul {
|
||||
background-color: rgba(var(--foreground-color), 0.3);
|
||||
}
|
||||
|
||||
.landing__card {
|
||||
width: min(100%, 64rem);
|
||||
margin: 0 auto;
|
||||
align-self: flex-start;
|
||||
padding: 3rem max(1rem, 6vw);
|
||||
border-radius: 1rem;
|
||||
align-items: center;
|
||||
}
|
||||
.landing__card h1 {
|
||||
font-size: max(2rem, 3vw);
|
||||
}
|
||||
.landing__card img {
|
||||
width: min(100%, 24rem);
|
||||
}
|
||||
.landing__card:first-of-type {
|
||||
background-color: #2a2c35;
|
||||
color: white;
|
||||
}
|
||||
.landing__card:first-of-type h1 {
|
||||
mix-blend-mode: soft-light;
|
||||
}
|
||||
|
||||
#sign_in,
|
||||
#sign_up {
|
||||
justify-items: center;
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -785,6 +785,29 @@ ul {
|
||||
background-color: rgba(var(--foreground-color), 0.3);
|
||||
}
|
||||
|
||||
#landing {
|
||||
}
|
||||
.landing__card {
|
||||
width: min(100%, 64rem);
|
||||
margin: 0 auto;
|
||||
align-self: flex-start;
|
||||
padding: 3rem max(1rem, 6vw);
|
||||
border-radius: 1rem;
|
||||
align-items: center;
|
||||
h1 {
|
||||
font-size: max(2rem, 3vw);
|
||||
}
|
||||
img {
|
||||
width: min(100%, 24rem);
|
||||
}
|
||||
&:first-of-type {
|
||||
background-color: #2a2c35;
|
||||
color: white;
|
||||
h1 {
|
||||
mix-blend-mode: soft-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
#sign_in,
|
||||
#sign_up {
|
||||
justify-items: center;
|
||||
|
||||
35
index.html
35
index.html
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user