-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (67 loc) · 14.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Live</title>
<link rel="icon" href="img/Icon.png" type="image/png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- Preconnect to Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Google Fonts Roboto -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" HREF="style/style.css" >
</head>
<body class="p-0 m-0" data-bs-theme="dark">
<div class="screen">
<div class="h-100 d-flex flex-column flex-sm-row align-sm-items-center">
<div class="col-sm-6 d-flex justify-content-sm-center align-items-sm-center">
<div class="tilt-text">
<h2 class="nordic h2 display-2">IMPOSSIBLE</h2>
<h2 class="nordic h2 display-2">IS AN</h2>
<h2 class="fw-black roboto h1 display-1 text-body-secondary" style="font-weight: 900">OPINION</h2>
</div>
</div>
<div class="col-sm-auto d-flex h-100 justify-content-end align-items-center overflow-hidden position-relative">
<svg id="theme-switcher" class="hidden-right" viewBox="0 0 610 612" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle fill="var(--bs-secondary-color)" class="circle-color" cx="307.788" cy="285.484" r="285.484" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M308.055 570.969C465.601 570.824 593.272 443.064 593.272 285.484C593.272 261.307 590.267 237.831 584.609 215.411L580.448 216.065L542.532 208.816L522.459 202.961L491.791 210.768L478.409 216.065H467.536L454.433 219.41L443.002 220.804L432.13 224.429L417.632 225.822L395.05 230.841L352.395 235.859L306.394 237.811L277.957 236.974L258.72 237.811L246.732 233.629L231.956 237.811L207.701 228.332L193.761 230.841L178.706 233.629L156.124 228.332L105.105 237.811L78.6197 219.41H48.7888L31.0672 215.014C25.3445 237.554 22.3035 261.164 22.3035 285.484C22.3035 443.064 149.975 570.824 307.521 570.969H308.055Z" fill="#7C98B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M593.272 285.484C593.272 443.076 465.581 570.844 308.019 570.969H307.557C220.795 570.9 143.091 532.128 90.7772 470.986L87.8642 469.024L84.6795 466.798L81.5296 464.514L78.4163 462.171L75.3416 459.769L72.3073 457.309L69.3151 454.792L66.3671 452.216L63.4648 449.584L60.6103 446.895L57.8051 444.151L55.0509 441.351L52.3496 438.496L49.7027 435.588L47.1119 432.626L44.5787 429.613L42.1046 426.548L39.6911 423.434L37.3397 420.27L35.0516 417.059L32.8283 413.801L30.671 410.498L28.5808 407.15L26.5589 403.76L24.6065 400.328L22.7244 396.857L20.9136 393.347L19.1751 389.8L17.5095 386.217L15.9176 382.601L14.4001 378.952L12.9575 375.273L11.5903 371.565L10.299 367.829L9.0839 364.067L7.94527 360.282L6.8833 356.474L5.89813 352.646L4.98978 348.798L4.15824 344.933L3.40339 341.053L2.72505 337.159L2.12299 333.253L1.59687 329.337L1.14631 325.411L0.770856 321.479L0.469994 317.541L0.243142 313.599L0.0896644 309.655L0.00886579 305.709L0 301.765L0.0622704 297.823L0.194834 293.884L0.396804 289.951L0.667256 286.024L1.00523 282.105L1.40973 278.195L1.87973 274.295L2.41421 270.407L3.01208 266.531L3.67227 262.67L4.39371 258.823L5.17528 254.993L6.0159 251.18L6.91447 247.384L7.86991 243.608L8.88112 239.852L9.94696 236.116L11.0663 232.402L12.2379 228.711L13.4606 225.042L14.7332 221.398L16.0545 217.778L17.4231 214.182L18.3444 211.858L48.7888 219.41H78.6197L105.105 237.811L153.336 292.454L212.44 263.738L254.817 292.454L323.958 319.497L354.346 331.485L381.389 350.164L439.099 319.497L482.87 292.454L536.956 263.738L589.196 237.14C591.876 252.854 593.272 269.006 593.272 285.484Z" fill="#ACCBE1"/>
<g filter="url(#filter0_i_330_133)">
<circle cx="307.788" cy="285.484" r="285.484" fill="#D9D9D9" fill-opacity="0.01"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M296.636 308.811L254.817 292.454L212.44 263.738L153.336 292.454L105.105 237.811L78.6197 219.41H48.7888L18.3444 211.858L17.4231 214.182L16.0545 217.778L14.7332 221.398L13.4606 225.042L12.2379 228.711L11.0663 232.402L9.94696 236.116L8.88112 239.852L7.86991 243.608L6.91447 247.384L6.0159 251.18L5.17528 254.993L4.39371 258.823L3.67227 262.67L3.01208 266.531L2.41421 270.407L1.87973 274.295L1.40973 278.195L1.00523 282.105L0.667256 286.024L0.396804 289.951L0.194834 293.884L0.0622704 297.823L0 301.765L0.00886579 305.709L0.0896644 309.655L0.243142 313.599L0.469994 317.541L0.770856 321.479L1.14631 325.411L1.59687 329.337L2.12299 333.253L2.72505 337.159L3.40339 341.053L4.15824 344.933L4.98978 348.798L5.89813 352.646L6.8833 356.474L7.94527 360.282L9.0839 364.067L10.299 367.829L11.5903 371.565L12.9575 375.273L14.4001 378.952L15.9176 382.601L17.5095 386.217L19.1751 389.8L20.9136 393.347L22.7244 396.857L24.6065 400.328L26.5589 403.76L28.5808 407.15L30.671 410.498L32.8283 413.801L35.0516 417.059L37.3397 420.27L39.6911 423.434L42.1046 426.548L44.5787 429.613L47.1119 432.626L49.7027 435.588L52.3496 438.496L55.0509 441.351L57.8051 444.151L60.6103 446.895L63.4648 449.584L66.3671 452.216L69.3151 454.792L72.3073 457.309L75.3416 459.769L78.4163 462.171L81.5296 464.514L84.6795 466.798L87.8642 469.024L90.7772 470.986C140.887 529.551 214.29 567.592 296.636 570.755V308.811Z" fill="#ACCBE1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M595.511 299.454L596.429 301.439L597.399 303.632L598.333 305.843L599.231 308.071L600.093 310.316L600.919 312.576L601.708 314.852L602.461 317.142L603.177 319.446L603.856 321.762L604.499 324.091L605.104 326.432L605.673 328.784L606.206 331.145L606.702 333.517L607.163 335.897L607.587 338.286L607.976 340.682L608.329 343.086L608.647 345.496L608.931 347.911L609.18 350.332L609.396 352.758L609.578 355.187L609.727 357.621L609.843 360.057L609.927 362.497L609.979 364.938L610 367.381L609.99 369.826L609.949 372.272L609.878 374.718L609.778 377.165L609.649 379.612L609.491 382.058L609.305 384.503L609.092 386.948L608.852 389.392L608.586 391.835L608.294 394.276L607.978 396.716L607.638 399.154L607.274 401.59L606.887 404.025L606.479 406.458L606.048 408.89L605.597 411.32L605.126 413.748L604.635 416.175L604.125 418.601L603.597 421.026L603.051 423.45L602.488 425.874L601.908 428.297L601.311 430.719L600.699 433.142L600.071 435.566L599.428 437.99L598.77 440.415L598.098 442.841L597.412 445.269L596.711 447.698L595.997 450.13L595.269 452.564L594.527 455.001L593.771 457.442L593.001 459.885L592.218 462.332L591.42 464.783L590.609 467.237L589.782 469.696L588.94 472.158L588.083 474.625L587.209 477.096L586.319 479.57L585.411 482.048L584.484 484.53L583.538 487.014L582.573 489.501L581.586 491.991L580.577 494.482L579.546 496.974L578.491 499.466L577.411 501.958L576.305 504.449L575.173 506.938L574.013 509.423L572.823 511.905L571.605 514.381L570.355 516.851L569.074 519.314L567.76 521.768L566.412 524.211L565.03 526.644L563.613 529.063L562.161 531.468L560.671 533.858L559.144 536.23L557.58 538.584L555.977 540.917L554.336 543.229L552.655 545.517L550.935 547.78L549.175 550.017L547.375 552.226L545.535 554.406L543.655 556.554L541.735 558.67L539.776 560.752L537.777 562.798L535.738 564.808L533.661 566.78L531.546 568.713L529.393 570.605L527.202 572.456L524.975 574.264L522.712 576.028L520.415 577.749L518.083 579.424L515.718 581.053L513.321 582.636L510.893 584.172L508.436 585.66L505.949 587.101L503.435 588.494L500.894 589.84L498.329 591.137L495.739 592.387L493.127 593.589L490.493 594.744L487.839 595.852L485.166 596.913L482.475 597.928L479.768 598.897L477.045 599.822L474.308 600.701L471.558 601.537L468.795 602.329L466.022 603.079L463.238 603.788L460.446 604.456L457.645 605.085L454.838 605.675L452.024 606.227L449.205 606.743L446.381 607.223L443.553 607.669L440.722 608.082L437.888 608.462L435.052 608.811L432.215 609.131L429.377 609.422L426.538 609.686L423.698 609.923L420.859 610.135L418.02 610.323L415.182 610.488L412.344 610.631L409.507 610.754L406.671 610.856L403.836 610.941L401.002 611.007L398.168 611.057L395.335 611.091L392.503 611.11L389.671 611.115L386.839 611.107L384.006 611.087L381.173 611.056L378.339 611.015L375.504 610.965L372.667 610.905L369.828 610.838L366.985 610.763L364.14 610.682L361.291 610.595L358.437 610.502L355.579 610.405L352.715 610.302L349.844 610.196L346.967 610.086L344.082 609.971L341.189 609.854L338.287 609.732L335.375 609.608L332.453 609.479L329.521 609.347L326.576 609.211L323.62 609.071L320.651 608.926L317.669 608.777L314.673 608.622L311.662 608.46L308.637 608.293L305.596 608.118L302.54 607.934L299.467 607.742L296.378 607.54L293.272 607.328L290.15 607.104L287.009 606.867L283.852 606.616L280.677 606.351L277.484 606.07L274.274 605.771L271.046 605.455L267.8 605.119L264.538 604.762L261.258 604.383L257.961 603.981L254.648 603.554L251.319 603.101L247.974 602.622L244.613 602.114L241.238 601.576L237.849 601.008L234.446 600.407L231.03 599.773L227.602 599.105L224.162 598.4L220.712 597.659L217.252 596.88L213.782 596.061L210.305 595.202L206.821 594.302L203.331 593.358L199.836 592.371L196.337 591.339L192.837 590.261L189.335 589.136L185.834 587.962L182.334 586.74L178.838 585.467L175.346 584.143L171.86 582.767L168.383 581.339L164.914 579.857L161.457 578.321L158.013 576.73L154.583 575.083L151.17 573.38L147.774 571.62L144.399 569.803L141.045 567.928L137.714 565.996L134.409 564.005L131.131 561.955L127.883 559.847L124.665 557.68L121.481 555.454L118.331 553.17L115.217 550.827L112.143 548.425L109.108 545.965L106.116 543.448L103.168 540.873L100.266 538.24L97.4113 535.552L94.6061 532.807L91.852 530.007L89.1507 527.152L86.5038 524.244L83.913 521.282L81.3797 518.269L78.9056 515.204L76.4922 512.09L74.1407 508.926L71.8527 505.715L69.6293 502.457L67.472 499.154L65.3818 495.806L63.36 492.416L61.4075 488.985L59.5254 485.513L57.7147 482.003L55.9761 478.456L54.3105 474.874L52.7186 471.257L51.2011 467.609L49.7585 463.929L48.3914 460.221L47.1001 456.485L45.885 452.724L44.7463 448.938L43.6844 445.13L42.6992 441.302L41.7908 437.454L40.9593 433.59L40.2044 429.709L39.5261 425.815L39.0225 422.548L66.6317 412.056H81.9653L98.9717 416.796L114.863 412.056L141.348 416.796L166.44 412.056H195.992L218.574 402.02L248.126 396.723L260.672 385.571H272.66L279.909 388.08L305.836 383.341L324.237 378.88H382.783L437.148 368.843C460.288 358.342 507.181 337.228 509.634 336.782C512.088 336.336 565.3 312.62 591.599 300.818L595.511 299.454Z" fill="#CEE5F2"/>
<path fill="var(--bs-body-bg)" class="person-color" fill-rule="evenodd" clip-rule="evenodd" d="M385.571 494.301V497.089L383.062 498.483L381.389 500.434L378.322 501.27L374.977 502.107L369.401 502.943H364.383L359.364 505.174L351.837 508.24H347.934H340.964L336.225 507.125L332.043 505.174L329.812 501.27L328.976 498.483L332.043 496.252L336.782 495.137L340.964 494.301L343.752 488.725L352.952 479.246L357.692 474.228L357.134 466.979L349.049 439.936L342.916 415.123L339.013 396.165L345.425 373.026L349.607 353.51L351.001 344.867L356.019 334.552L359.922 327.025V323.122L366.056 312.249L367.171 307.509L371.631 300.539L372.747 293.291L376.65 280.466L379.159 272.939L369.68 279.63L365.498 277.957L356.019 269.314L347.934 260.114L338.176 244.781L332.322 236.417L328.14 228.332L326.467 225.544V216.623L323.4 209.653V197.386L326.467 192.368L340.407 185.398L362.431 175.919L386.407 164.767L416.517 149.991L436.311 140.512L441.609 142.185L450.53 147.203L453.318 151.664L456.106 158.355L456.942 163.373V172.016L454.154 175.919L446.069 180.937L451.366 185.398V187.907L446.069 189.58L442.445 191.252L440.772 196.271L442.445 200.453L446.069 204.077V207.144L443.839 209.653L447.463 211.883L453.318 218.574L458.336 225.544L461.96 234.465V238.926L463.633 241.993L461.96 245.896L458.336 248.963V254.817L455.548 260.114L453.318 265.69L447.463 275.448L443.56 282.139V291.06L444.675 306.115L446.069 324.794V340.964L440.772 345.983L437.705 356.298L434.081 364.941L431.572 378.323L428.226 391.426L427.111 407.317V419.026V444.954L424.602 456.942L422.093 471.161L418.469 483.149L419.584 488.725L420.699 495.137L424.602 502.107L425.438 508.24L424.602 512.422L419.584 512.98L412.893 512.422L404.25 512.98L401.183 509.913L403.135 506.289L401.741 500.434L401.183 489.84L402.299 483.706L401.183 480.361L401.741 468.93L403.135 453.597L402.299 440.772L403.135 428.227L403.693 419.584L401.741 412.057L401.183 397.559L399.232 385.571L395.886 372.468L392.541 364.941L388.08 370.238L381.947 376.929L374.698 387.244L371.631 393.377L367.449 410.941L370.516 421.536L373.862 437.706L378.044 456.942L379.159 463.633L378.044 474.228V477.573L379.716 476.737L381.389 478.688L381.947 482.87V487.61L383.062 491.513L385.571 494.301ZM342.637 231.12L345.146 239.762L354.625 249.52L365.498 255.096V249.52L369.122 231.12V228.889L365.498 224.429L354.625 228.889L346.819 232.792L342.637 231.12Z"/>
<defs>
<filter id="filter0_i_330_133" x="22.3035" y="0" width="570.969" height="574.969" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="45"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_330_133"/>
</filter>
</defs>
</svg>
</div>
</div>
<div class="position-absolute top-0 end-0">
<div class="d-flex flex-column links nordic">
<a href="#"
class="b" style="margin-right: 8%;">Home</a>
<a href="projects.html"
class="b" style="margin-right: 8%;">Projects</a>
<a href="about-me.html"
class="b">About Me</a>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="js/script.js" type="text/javascript"></script>
</body>
</html>