diff options
Diffstat (limited to 'public/views/about.html')
| -rw-r--r-- | public/views/about.html | 54 |
1 files changed, 10 insertions, 44 deletions
diff --git a/public/views/about.html b/public/views/about.html index 2b6f4e7..300e42d 100644 --- a/public/views/about.html +++ b/public/views/about.html @@ -7,11 +7,11 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> - <link href="static/assets/css/bootstrap.css" rel="stylesheet"> - <link href="static/assets/css/bootstrap-responsive.css" rel="stylesheet"> - <link href="static/assets/css/docs.css" rel="stylesheet"> - <link href="static/assets/css/custom.css" rel="stylesheet"> - <link rel="shortcut icon" href="static/images/favicon.png"> + <link href="/static/assets/css/bootstrap.css" rel="stylesheet"> + <link href="/static/assets/css/bootstrap-responsive.css" rel="stylesheet"> + <link href="/static/assets/css/docs.css" rel="stylesheet"> + <link href="/static/assets/css/custom.css" rel="stylesheet"> + <link rel="shortcut icon" href="/static/images/favicon.png"> <style type="text/css"> img { filter: saturate(0.7) contrast(1.5) brightness(1.2); @@ -198,45 +198,11 @@ </div> </div> <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> - <script src="static/assets/js/jquery.js"></script> - <script src="static/assets/js/bootstrap-386.js"></script> - <script src="static/assets/js/bootstrap-transition.js"></script> - <script src="static/assets/js/bootstrap-collapse.js"></script> - <script> - let c = document.createElement("canvas"); - ctx = c.getContext('2d'); - let img1 = new Image(); - - img1.onload = function () { - document.getElementById("imageAvatar").remove(); - - w = img1.width; - h = img1.height; - - c.width = w; - c.height = h; - ctx.drawImage(img1, 0, 0); - - var pixelArr = ctx.getImageData(0, 0, w, h).data; - sample_size = 8; - - for (let y = 0; y < h; y += sample_size) { - for (let x = 0; x < w; x += sample_size) { - let p = (x + (y * w)) * 4; - ctx.fillStyle = "rgba(" + pixelArr[p] + "," + pixelArr[p + 1] + "," + pixelArr[p + 2] + "," + pixelArr[p + 3] + ")"; - ctx.fillRect(x, y, sample_size, sample_size); - } - } - - let img2 = new Image(); - img2.src = c.toDataURL("image/jpeg"); - img2.width = 192; - img2.height = 192; - document.getElementById('avatar').appendChild(img2); - }; - - img1.src = document.getElementById("imageAvatar").src; - </script> + <script src="/static/assets/js/jquery.js"></script> + <script src="/static/assets/js/bootstrap-386.js"></script> + <script src="/static/assets/js/bootstrap-transition.js"></script> + <script src="/static/assets/js/bootstrap-collapse.js"></script> + <script src="/static/assets/js/pages/about.js"></script> </body> </html>
\ No newline at end of file |