1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 6 <title>curvejs</title> 7 <link rel="shortcut icon" href="asset/curvejs.ico"> 8 <style> 9 html,body{ 10 padding:0; 11 margin: 0; 12 overflow: hidden; 13 } 14 canvas{ 15 padding:0; 16 margin: 0; 17 border: 0; 18 } 19 20 #container{ 21 text-align: center; 22 } 23 </style> 24 25 <style> 26 body { 27 background-color: #1e1d23; 28 /*opacity: 0;*/ 29 display: -webkit-box; 30 display: -ms-flexbox; 31 display: flex; 32 -webkit-box-orient: vertical; 33 -webkit-box-direction: normal; 34 -ms-flex-direction: column; 35 flex-direction: column; 36 -webkit-box-pack: center; 37 -ms-flex-pack: center; 38 justify-content: center; 39 text-transform: uppercase; 40 font-size: 12px; 41 letter-spacing: 2px; 42 -webkit-tap-highlight-color: rgba(0,0,0,0); 43 -webkit-user-select: none; 44 -moz-user-select: none; 45 -ms-user-select: none; 46 user-select: none; 47 } 48 49 /*body.ready { opacity: 1; }*/ 50 51 52 .icon-text path, 53 .icon-text polygon { 54 /*opacity: 0;*/ 55 } 56 57 .info { 58 text-align: center; 59 } 60 61 .description { 62 /*opacity: 0;*/ 63 color: white; 64 margin-top: -20px; 65 } 66 67 .links { 68 display: -webkit-box; 69 display: -ms-flexbox; 70 display: flex; 71 -webkit-box-orient: vertical; 72 -webkit-box-direction: normal; 73 -ms-flex-direction: column; 74 flex-direction: column; 75 -webkit-box-pack: center; 76 -ms-flex-pack: center; 77 justify-content: center; 78 -webkit-box-align: center; 79 -ms-flex-align: center; 80 align-items: center; 81 margin-top: 20px; 82 } 83 84 @media (min-width: 700px) { 85 .links { 86 -webkit-box-orient: horizontal; 87 -webkit-box-direction: normal; 88 -ms-flex-direction: row; 89 flex-direction: row; 90 91 } 92 } 93 94 .button { 95 /*opacity: 0;*/ 96 position: relative; 97 display: -webkit-box; 98 display: -ms-flexbox; 99 display: flex; 100 -webkit-box-orient: vertical; 101 -webkit-box-direction: normal; 102 -ms-flex-direction: column; 103 flex-direction: column; 104 -webkit-box-pack: center; 105 -ms-flex-pack: center; 106 justify-content: center; 107 width: 180px; 108 height: 60px; 109 text-decoration: none; 110 } 111 112 .button.blue { 113 color: #5E89FB; 114 } 115 116 .button.green { 117 color: #18F38C; 118 } 119 120 .button.red { 121 color: #FF1461; 122 } 123 124 .button svg { 125 position: absolute; 126 left: 0; 127 top: 0; 128 right: 0; 129 bottom: 0; 130 stroke-width: 1; 131 fill: none; 132 fill-rule: evenodd; 133 stroke: currentColor; 134 } 135 136 .button.green svg { 137 -webkit-transform: rotate(180deg); 138 transform: rotate(180deg); 139 } 140 141 .button path { 142 scale: .9; 143 transform-origin: 50% 50%; 144 } 145 146 .credits { 147 /*opacity: 0;*/ 148 margin-top: 20px; 149 color: #979797; 150 } 151 152 .credits a { 153 position: relative; 154 color: currentColor; 155 text-decoration: none; 156 } 157 158 .credits a:after { 159 content: ""; 160 /*opacity: 0;*/ 161 display: block; 162 position: absolute; 163 left: 0; 164 bottom: -3px; 165 width: 100%; 166 border-bottom: 1px solid currentColor; 167 transition: opacity .75s ease; 168 } 169 170 /*.credits a:hover:after { 171 opacity: 1; 172 transition: opacity .25s ease; 173 }*/ 174 175 .credits a, 176 .credits span { 177 transition: color .75s ease; 178 } 179 180 .credits a:hover, 181 .highlighted { 182 color: white; 183 transition: color .25s ease; 184 } 185 186 #container{ 187 margin-top:100px ; 188 } 189 190 @media only screen and (max-width: 500px) { 191 #container canvas{ 192 width: 100%; 193 } 194 } 195 </style> 196</head> 197 198<body> 199 <div id="container"></div> 200 <div class="info"> 201 <p class="description"> 202 Made curve a dancer in HTML5 canvas. 203 </p> 204 <div class="links"> 205 <a class="button blue" href="https://github.com/AlloyTeam/curvejs#demos" target="_blank"> 206 <svg viewBox="0 0 180 60"> 207 <path d="M10,10 C10,10 50,9.98999977 90,9.98999977 C130,9.98999977 170,10 170,10 C170,10 170.009995,20 170.009995,30 C170.009995,40 170,50 170,50 C170,50 130,50.0099983 90,50.0099983 C50,50.0099983 10,50 10,50 C10,50 9.98999977,40 9.98999977,30 C9.98999977,20 10,10 10,10 Z"></path> 208 </svg>
209 <span>Docs</span> 210 </a> 211 <a class="button blue" href="https://alloyteam.github.io/curvejs/pg/rd.html?type=points-to" target="_blank"> 212 <svg viewBox="0 0 180 60"> 213 <path d="M10,10 C10,10 50,9.98999977 90,9.98999977 C130,9.98999977 170,10 170,10 C170,10 170.009995,20 170.009995,30 C170.009995,40 170,50 170,50 C170,50 130,50.0099983 90,50.0099983 C50,50.0099983 10,50 10,50 C10,50 9.98999977,40 9.98999977,30 C9.98999977,20 10,10 10,10 Z"></path> 214 </svg> 215 <span>Playground</span> 216 </a> 217 <a class="button green" href="https://github.com/AlloyTeam/curvejs" target="_blank"> 218 <svg viewBox="0 0 180 60"> 219 <path d="M10,10 C10,10 50,9.98999977 90,9.98999977 C130,9.98999977 170,10 170,10 C170,10 170.009995,20 170.009995,30 C170.009995,40 170,50 170,50 C170,50 130,50.0099983 90,50.0099983 C50,50.0099983 10,50 10,50 C10,50 9.98999977,40 9.98999977,30 C9.98999977,20 10,10 10,10 Z"></path> 220 </svg> 221 <span>GitHub</span> 222 </a> 223 </div> 224 <p class="credits"> 225 v<span class="version">0.1.0</span> © <span class="date">2017</span> AlloyTeam.com 226 </p> 227 </div> 228
229<script src="asset/main.js"></script>
229 230</body> 231</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.