1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Links</title> 7 <link rel="stylesheet" href="reset.css"> 8 <link rel="stylesheet" href="style.css"> 9
9<script src="./script.js" defer></script>
9 10</head> 11<body> 12 <header> 13 <div class="channel-info"> 14 <div class="channel-title-wrapper"> 15 <H1> 16 <a id="channel-title" href="."></a> 17 </H1> 18 <div class="button-wrapper"> 19 <div class="button"> 20 <svg viewBox="0 0 10 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 21 <path d="M9.95361 5.68778H5.68778V9.95361H4.26583V5.68778H0V4.26583H4.26583V0H5.68778V4.26583H9.95361V5.68778Z" fill="black"/> 22 </svg> 23 </div> 24 <div class="shuffle-button"> 25 <svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 26 <path d="M3.04102 4.18164C3.11223 4.18099 3.18309 4.19474 3.24902 4.22168C3.31489 4.2486 3.37445 4.28859 3.4248 4.33887C3.47512 4.38913 3.51499 4.44885 3.54199 4.51465C3.56899 4.58055 3.58262 4.65144 3.58203 4.72266C3.58143 4.79382 3.56712 4.86428 3.53906 4.92969C3.511 4.99506 3.47008 5.05406 3.41895 5.10352L1.83105 6.69141H5.00488C6.41439 6.69141 8.02284 6.54256 9.00977 4.81641C9.08035 4.69296 9.19777 4.60285 9.33496 4.56543C9.47202 4.52813 9.61784 4.54678 9.74121 4.61719C9.86466 4.68777 9.95575 4.80422 9.99316 4.94141C10.0305 5.07852 10.0119 5.22523 9.94141 5.34863C8.6391 7.62698 6.45688 7.76367 5.00586 7.76367H1.83105L3.41797 9.35156C3.51264 9.45316 3.56487 9.58772 3.5625 9.72656C3.56005 9.86548 3.50349 9.99842 3.40527 10.0967C3.307 10.195 3.17411 10.2515 3.03516 10.2539C2.89625 10.2563 2.7618 10.2041 2.66016 10.1094L0.157227 7.60645C0.0568558 7.50589 -6.21062e-09 7.36962 0 7.22754C5.34148e-05 7.08547 0.0568303 6.94915 0.157227 6.84863L2.66016 4.3457C2.70954 4.29452 2.76867 4.25372 2.83398 4.22559C2.89934 4.19747 2.96987 4.18232 3.04102 4.18164ZM11.415 0C11.5538 -0.00241405 11.6884 0.0489749 11.79 0.143555L14.293 2.64746C14.3933 2.74802 14.4502 2.8843 14.4502 3.02637C14.4501 3.16841 14.3933 3.30477 14.293 3.40527L11.79 5.9082C11.7406 5.95939 11.6815 6.00018 11.6162 6.02832C11.5509 6.05643 11.4803 6.07158 11.4092 6.07227C11.338 6.07292 11.2671 6.05916 11.2012 6.03223C11.1353 6.00531 11.0757 5.9653 11.0254 5.91504C10.9751 5.86479 10.9352 5.80503 10.9082 5.73926C10.8812 5.67335 10.8676 5.60247 10.8682 5.53125C10.8688 5.46006 10.8831 5.38965 10.9111 5.32422C10.9392 5.25884 10.9801 5.19985 11.0312 5.15039L12.6191 3.5625H9.44531C8.03579 3.5625 6.42735 3.7113 5.44043 5.4375C5.36984 5.56095 5.25242 5.65106 5.11523 5.68848C4.97819 5.72576 4.83235 5.70711 4.70898 5.63672C4.58554 5.56613 4.49445 5.44969 4.45703 5.3125C4.41969 5.17537 4.43831 5.0287 4.50879 4.90527C5.81109 2.62687 7.99331 2.48926 9.44434 2.48926H12.6191L11.0322 0.902344C10.9376 0.800758 10.8853 0.666166 10.8877 0.527344C10.8901 0.388444 10.9467 0.255486 11.0449 0.157227C11.1432 0.0589549 11.2761 0.00245171 11.415 0Z" fill="black"/> 27 </svg> 28 </div> 29 <div class="slider-wrapper"> 30 <input type="range" class="slider" min="10" max="70" value="60" step="1" > 31 </div> 32 </div> 33 34 </div> 35 <div class="channel-description"> 36 </div> 37 </div> 38 <a id="channel-link" href="" target="_blank">Are.na</a> 39 </header> 40 <div class="middle-text">
40hover/click</div> 41 <div class="middle-text-phone">scroll/click</div> 42 <main> 43 <!-- <div class="grid-column"> 44 <img class="col-start-1 col-span-4 row-start-3 row-span-2" src="./src/1.png" alt=""> 45 </div> 46 <div class="grid-column"> 47 <p class="text-block col-start-1 col-span-3 row-start-5 row-span-3">Instead, let us imagine an infinitely small piece of elastic, contracted, if that were possible, to a mathematical point. Let us draw it out gradually in such a way as to bring out of the point a line which will grow progressively longer. Let us fix our attention not on the line as line, but on the action which traces it. Let us consider that this action, in spite of its duration, is indivisible if one supposes that it goes on without stopping; that, if we intercalate a stop in it, we make two actions of it instead of one and that each of these actions will then be the indivisible of which we speak; that it is not the moving act itself which is never indivisible. â-âHenri Bergson, The Creative Mind: An Introduction to Metaphysics, pages 164 to 165.</p> 48 </div> 49 <div class="grid-column"> 50 <img class="col-start-2 col-span-2 row-start-1 row-span-2" src="./src/original_4c7663c4ec4c30e0cab52669bda2c0a5.png" alt=""> 51 </div> 52 <div class="grid-column"> 53 <div class="iframe-wrapper col-start-1 col-span-3 row-start-4 row-span-2"> 54 <iframe src="https://www.youtube.com/watch?v=EK32jo7i5LQ" frameborder="0"></iframe> 55 </div> 56 </div> 57 <div class="grid-column"> 58 <img class="col-start-2 col-span-3 row-start-3 row-span-1" src="./src/original_197df3b54e3efa62e0f0b309708d91c1.jpg" alt=""> 59 </div> --> 60 </main> 61 <div class="bg-img"> 62 </div> 63 64</body> 65</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.