-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (50 loc) · 2.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
Base image url without modifications:<br>
<img src="https://weshavens.info/CS361_image/images/R-28848-1169305849.jpeg">
<br><br><br><br>
MS calls:<br>
<img service="wesMS" src="https://weshavens.info/CS361_image/images/R-28848-1169305849.jpeg?w=150">
<br><br>
<img service="wesMS" src="https://weshavens.info/CS361_image/images/R-28848-1169305849.jpeg?w=160">
<br><br>
<img service="wesMS" src="https://weshavens.info/CS361_image/images/R-28848-1169305849.jpeg?w=170">
<br><br>
<img service="wesMS" src="https://weshavens.info/CS361_image/images/24484220259_198ec892d9_w.jpg?colorize.opacity=74&colorize.color=3EBB17">
<!--<img service="wesMS" src="https://weshavens.info/CS361_image/images/R-28848-1169305849.jpeg?w=250">-->
<br>Commented out HTML below to save bandwidth for now<br>
<!--Below image HTML tags before modification by helper JS file:<br>-->
<!--<img src="images/original_url.png"><br>-->
<!--<img style="border:1px solid #2ef6e1;" src="images/modified_url2.png"><br><br>-->
<!--After, modification, image now hosted on sirv.com and reinserted into webpage with javascript.<br>-->
<!--For example on one image, sirv.com query string API applies:<br>-->
<!--cx=55% crop start at 55% on X-axis of original image<br>-->
<!--cy=50% crop start at 50% on Y-axis of original image<br>-->
<!--cw=600 crop width 600 px<br>-->
<!--ch=220 crop height 220 px<br><br>-->
<!--HTML tag of cropped image after modification by helper JS file:<br>-->
<!--<img style="border:1px solid black;" src="images/modified_url.png"><br>-->
<!--<br>-->
<!--<br>-->
<!--<br><br>-->
<!--<img service="wesMS" src="https://weshavens.info/CS361_image/images/24851835485_4eace6e81e_k.jpg?cx=55%25&cy=50%25&cw=600&ch=220">-->
<!--<br>-->
<!--<br>-->
<!--<img service="wesMS" src="https://weshavens.info/CS361_image/images/24851835485_4eace6e81e_k.jpg-->
<!--?w=300&colortone=texas&frame.style=mirror&text=Wesley Havens&text.size=40%&text.color=black&text.position=northeast&text.font.family=Shadows%20Into%20Light%20Two">-->
<!--<br><br><br>-->
<!--A few more examples of dynamic image manipulation done by SIRV.com's API applied to base image URL:-->
<!--<br><br>-->
<!--<img service="wesMS" src="https://weshavens.info/CS361_image/images/24851835485_4eace6e81e_k.jpg-->
<!--?w=640&grayscale=true">-->
<!--<br><br>-->
<!--<img service="wesMS" src="https://weshavens.info/CS361_image/images/24851835485_4eace6e81e_k.jpg-->
<!--?w=340&saturation=100&rotate=-27">-->
<script src="wesMS_helper.js"></script>
</body>
</html>