diff --git a/aaaaaaaaaaaa.png b/aaaaaaaaaaaa.png new file mode 100644 index 0000000..dc0bb52 Binary files /dev/null and b/aaaaaaaaaaaa.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..306759a --- /dev/null +++ b/index.html @@ -0,0 +1,25 @@ + + + + + + + Document + + + + +
+
+ +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/male0001.png b/male0001.png new file mode 100644 index 0000000..7cfed99 Binary files /dev/null and b/male0001.png differ diff --git a/male0002.png b/male0002.png new file mode 100644 index 0000000..1e63cbb Binary files /dev/null and b/male0002.png differ diff --git a/male0003.png b/male0003.png new file mode 100644 index 0000000..60bc667 Binary files /dev/null and b/male0003.png differ diff --git a/male0004.png b/male0004.png new file mode 100644 index 0000000..70a7b6e Binary files /dev/null and b/male0004.png differ diff --git a/male0005.png b/male0005.png new file mode 100644 index 0000000..5e78a08 Binary files /dev/null and b/male0005.png differ diff --git a/male0006.png b/male0006.png new file mode 100644 index 0000000..7ece9d0 Binary files /dev/null and b/male0006.png differ diff --git a/male0007.png b/male0007.png new file mode 100644 index 0000000..054cc14 Binary files /dev/null and b/male0007.png differ diff --git a/male0008.png b/male0008.png new file mode 100644 index 0000000..5912d0f Binary files /dev/null and b/male0008.png differ diff --git a/male0009.png b/male0009.png new file mode 100644 index 0000000..340948c Binary files /dev/null and b/male0009.png differ diff --git a/male0010.png b/male0010.png new file mode 100644 index 0000000..ae9b16a Binary files /dev/null and b/male0010.png differ diff --git a/male0011.png b/male0011.png new file mode 100644 index 0000000..f74597b Binary files /dev/null and b/male0011.png differ diff --git a/male0012.png b/male0012.png new file mode 100644 index 0000000..597eb86 Binary files /dev/null and b/male0012.png differ diff --git a/male0013.png b/male0013.png new file mode 100644 index 0000000..652ef39 Binary files /dev/null and b/male0013.png differ diff --git a/male0014.png b/male0014.png new file mode 100644 index 0000000..336ac06 Binary files /dev/null and b/male0014.png differ diff --git a/male0015.png b/male0015.png new file mode 100644 index 0000000..e72c30a Binary files /dev/null and b/male0015.png differ diff --git a/male0016.png b/male0016.png new file mode 100644 index 0000000..368aee6 Binary files /dev/null and b/male0016.png differ diff --git a/male0017.png b/male0017.png new file mode 100644 index 0000000..7c63f42 Binary files /dev/null and b/male0017.png differ diff --git a/male0018.png b/male0018.png new file mode 100644 index 0000000..5251f70 Binary files /dev/null and b/male0018.png differ diff --git a/male0019.png b/male0019.png new file mode 100644 index 0000000..f3dacf1 Binary files /dev/null and b/male0019.png differ diff --git a/male0020.png b/male0020.png new file mode 100644 index 0000000..6ab91b2 Binary files /dev/null and b/male0020.png differ diff --git a/male0021.png b/male0021.png new file mode 100644 index 0000000..58f109e Binary files /dev/null and b/male0021.png differ diff --git a/male0022.png b/male0022.png new file mode 100644 index 0000000..ae2084b Binary files /dev/null and b/male0022.png differ diff --git a/male0023.png b/male0023.png new file mode 100644 index 0000000..4639db6 Binary files /dev/null and b/male0023.png differ diff --git a/male0024.png b/male0024.png new file mode 100644 index 0000000..900f6f1 Binary files /dev/null and b/male0024.png differ diff --git a/male0025.png b/male0025.png new file mode 100644 index 0000000..7139c6d Binary files /dev/null and b/male0025.png differ diff --git a/male0026.png b/male0026.png new file mode 100644 index 0000000..840d932 Binary files /dev/null and b/male0026.png differ diff --git a/male0027.png b/male0027.png new file mode 100644 index 0000000..42e980b Binary files /dev/null and b/male0027.png differ diff --git a/male0028.png b/male0028.png new file mode 100644 index 0000000..f970e09 Binary files /dev/null and b/male0028.png differ diff --git a/male0029.png b/male0029.png new file mode 100644 index 0000000..f8013af Binary files /dev/null and b/male0029.png differ diff --git a/male0030.png b/male0030.png new file mode 100644 index 0000000..032dd00 Binary files /dev/null and b/male0030.png differ diff --git a/male0031.png b/male0031.png new file mode 100644 index 0000000..61d7655 Binary files /dev/null and b/male0031.png differ diff --git a/male0032.png b/male0032.png new file mode 100644 index 0000000..c76d155 Binary files /dev/null and b/male0032.png differ diff --git a/male0033.png b/male0033.png new file mode 100644 index 0000000..a5774a3 Binary files /dev/null and b/male0033.png differ diff --git a/male0034.png b/male0034.png new file mode 100644 index 0000000..1c84180 Binary files /dev/null and b/male0034.png differ diff --git a/male0035.png b/male0035.png new file mode 100644 index 0000000..fa16902 Binary files /dev/null and b/male0035.png differ diff --git a/male0036.png b/male0036.png new file mode 100644 index 0000000..ee372ee Binary files /dev/null and b/male0036.png differ diff --git a/male0037.png b/male0037.png new file mode 100644 index 0000000..860ea8f Binary files /dev/null and b/male0037.png differ diff --git a/male0038.png b/male0038.png new file mode 100644 index 0000000..2a64be7 Binary files /dev/null and b/male0038.png differ diff --git a/male0039.png b/male0039.png new file mode 100644 index 0000000..1e50d72 Binary files /dev/null and b/male0039.png differ diff --git a/male0040.png b/male0040.png new file mode 100644 index 0000000..feb987c Binary files /dev/null and b/male0040.png differ diff --git a/male0041.png b/male0041.png new file mode 100644 index 0000000..8c41f65 Binary files /dev/null and b/male0041.png differ diff --git a/male0042.png b/male0042.png new file mode 100644 index 0000000..5432887 Binary files /dev/null and b/male0042.png differ diff --git a/male0043.png b/male0043.png new file mode 100644 index 0000000..8b00b9e Binary files /dev/null and b/male0043.png differ diff --git a/male0044.png b/male0044.png new file mode 100644 index 0000000..013f2af Binary files /dev/null and b/male0044.png differ diff --git a/male0045.png b/male0045.png new file mode 100644 index 0000000..01adef7 Binary files /dev/null and b/male0045.png differ diff --git a/male0046.png b/male0046.png new file mode 100644 index 0000000..6053d07 Binary files /dev/null and b/male0046.png differ diff --git a/male0047.png b/male0047.png new file mode 100644 index 0000000..52e5758 Binary files /dev/null and b/male0047.png differ diff --git a/male0048.png b/male0048.png new file mode 100644 index 0000000..0de8870 Binary files /dev/null and b/male0048.png differ diff --git a/male0049.png b/male0049.png new file mode 100644 index 0000000..3e90dc4 Binary files /dev/null and b/male0049.png differ diff --git a/male0050.png b/male0050.png new file mode 100644 index 0000000..cd84fba Binary files /dev/null and b/male0050.png differ diff --git a/male0051.png b/male0051.png new file mode 100644 index 0000000..ea034dc Binary files /dev/null and b/male0051.png differ diff --git a/male0052.png b/male0052.png new file mode 100644 index 0000000..40e5972 Binary files /dev/null and b/male0052.png differ diff --git a/male0053.png b/male0053.png new file mode 100644 index 0000000..fdb0a86 Binary files /dev/null and b/male0053.png differ diff --git a/male0054.png b/male0054.png new file mode 100644 index 0000000..87ca859 Binary files /dev/null and b/male0054.png differ diff --git a/male0055.png b/male0055.png new file mode 100644 index 0000000..33b16e5 Binary files /dev/null and b/male0055.png differ diff --git a/male0056.png b/male0056.png new file mode 100644 index 0000000..73eb77c Binary files /dev/null and b/male0056.png differ diff --git a/male0057.png b/male0057.png new file mode 100644 index 0000000..ae39458 Binary files /dev/null and b/male0057.png differ diff --git a/male0058.png b/male0058.png new file mode 100644 index 0000000..7b13ef2 Binary files /dev/null and b/male0058.png differ diff --git a/male0059.png b/male0059.png new file mode 100644 index 0000000..44ba705 Binary files /dev/null and b/male0059.png differ diff --git a/male0060.png b/male0060.png new file mode 100644 index 0000000..6b64abc Binary files /dev/null and b/male0060.png differ diff --git a/male0061.png b/male0061.png new file mode 100644 index 0000000..a941ecb Binary files /dev/null and b/male0061.png differ diff --git a/male0062.png b/male0062.png new file mode 100644 index 0000000..07189d1 Binary files /dev/null and b/male0062.png differ diff --git a/male0063.png b/male0063.png new file mode 100644 index 0000000..63560ed Binary files /dev/null and b/male0063.png differ diff --git a/male0064.png b/male0064.png new file mode 100644 index 0000000..22fec3e Binary files /dev/null and b/male0064.png differ diff --git a/male0065.png b/male0065.png new file mode 100644 index 0000000..df6eb20 Binary files /dev/null and b/male0065.png differ diff --git a/male0066.png b/male0066.png new file mode 100644 index 0000000..55361f6 Binary files /dev/null and b/male0066.png differ diff --git a/male0067.png b/male0067.png new file mode 100644 index 0000000..24836c5 Binary files /dev/null and b/male0067.png differ diff --git a/male0068.png b/male0068.png new file mode 100644 index 0000000..65ab83f Binary files /dev/null and b/male0068.png differ diff --git a/male0069.png b/male0069.png new file mode 100644 index 0000000..4d04c43 Binary files /dev/null and b/male0069.png differ diff --git a/male0070.png b/male0070.png new file mode 100644 index 0000000..bc1968f Binary files /dev/null and b/male0070.png differ diff --git a/male0071.png b/male0071.png new file mode 100644 index 0000000..6f46a77 Binary files /dev/null and b/male0071.png differ diff --git a/male0072.png b/male0072.png new file mode 100644 index 0000000..2266022 Binary files /dev/null and b/male0072.png differ diff --git a/male0073.png b/male0073.png new file mode 100644 index 0000000..9b6aadf Binary files /dev/null and b/male0073.png differ diff --git a/male0074.png b/male0074.png new file mode 100644 index 0000000..a426d7a Binary files /dev/null and b/male0074.png differ diff --git a/male0075.png b/male0075.png new file mode 100644 index 0000000..6b32971 Binary files /dev/null and b/male0075.png differ diff --git a/male0076.png b/male0076.png new file mode 100644 index 0000000..2007783 Binary files /dev/null and b/male0076.png differ diff --git a/male0077.png b/male0077.png new file mode 100644 index 0000000..c01beca Binary files /dev/null and b/male0077.png differ diff --git a/male0078.png b/male0078.png new file mode 100644 index 0000000..481d012 Binary files /dev/null and b/male0078.png differ diff --git a/male0079.png b/male0079.png new file mode 100644 index 0000000..e057534 Binary files /dev/null and b/male0079.png differ diff --git a/male0080.png b/male0080.png new file mode 100644 index 0000000..79953dd Binary files /dev/null and b/male0080.png differ diff --git a/male0081.png b/male0081.png new file mode 100644 index 0000000..3e03f75 Binary files /dev/null and b/male0081.png differ diff --git a/male0082.png b/male0082.png new file mode 100644 index 0000000..4103285 Binary files /dev/null and b/male0082.png differ diff --git a/male0083.png b/male0083.png new file mode 100644 index 0000000..6e637b4 Binary files /dev/null and b/male0083.png differ diff --git a/male0084.png b/male0084.png new file mode 100644 index 0000000..2c0388f Binary files /dev/null and b/male0084.png differ diff --git a/male0085.png b/male0085.png new file mode 100644 index 0000000..1e196f1 Binary files /dev/null and b/male0085.png differ diff --git a/male0086.png b/male0086.png new file mode 100644 index 0000000..fb879f5 Binary files /dev/null and b/male0086.png differ diff --git a/male0087.png b/male0087.png new file mode 100644 index 0000000..f0d4e81 Binary files /dev/null and b/male0087.png differ diff --git a/male0088.png b/male0088.png new file mode 100644 index 0000000..dfbc081 Binary files /dev/null and b/male0088.png differ diff --git a/male0089.png b/male0089.png new file mode 100644 index 0000000..85df641 Binary files /dev/null and b/male0089.png differ diff --git a/male0090.png b/male0090.png new file mode 100644 index 0000000..82265eb Binary files /dev/null and b/male0090.png differ diff --git a/male0091.png b/male0091.png new file mode 100644 index 0000000..8ef107d Binary files /dev/null and b/male0091.png differ diff --git a/male0092.png b/male0092.png new file mode 100644 index 0000000..b7713f4 Binary files /dev/null and b/male0092.png differ diff --git a/male0093.png b/male0093.png new file mode 100644 index 0000000..e6bd5ba Binary files /dev/null and b/male0093.png differ diff --git a/male0094.png b/male0094.png new file mode 100644 index 0000000..724cf8a Binary files /dev/null and b/male0094.png differ diff --git a/male0095.png b/male0095.png new file mode 100644 index 0000000..8247589 Binary files /dev/null and b/male0095.png differ diff --git a/male0096.png b/male0096.png new file mode 100644 index 0000000..3dcce67 Binary files /dev/null and b/male0096.png differ diff --git a/male0097.png b/male0097.png new file mode 100644 index 0000000..59f4274 Binary files /dev/null and b/male0097.png differ diff --git a/male0098.png b/male0098.png new file mode 100644 index 0000000..6a1fe62 Binary files /dev/null and b/male0098.png differ diff --git a/male0099.png b/male0099.png new file mode 100644 index 0000000..7274d8b Binary files /dev/null and b/male0099.png differ diff --git a/male0100.png b/male0100.png new file mode 100644 index 0000000..8adeb86 Binary files /dev/null and b/male0100.png differ diff --git a/male0101.png b/male0101.png new file mode 100644 index 0000000..bbbf3c2 Binary files /dev/null and b/male0101.png differ diff --git a/male0102.png b/male0102.png new file mode 100644 index 0000000..75f85c0 Binary files /dev/null and b/male0102.png differ diff --git a/male0103.png b/male0103.png new file mode 100644 index 0000000..d776168 Binary files /dev/null and b/male0103.png differ diff --git a/male0104.png b/male0104.png new file mode 100644 index 0000000..0914fa2 Binary files /dev/null and b/male0104.png differ diff --git a/male0105.png b/male0105.png new file mode 100644 index 0000000..0139f7c Binary files /dev/null and b/male0105.png differ diff --git a/male0106.png b/male0106.png new file mode 100644 index 0000000..e6c55fc Binary files /dev/null and b/male0106.png differ diff --git a/male0107.png b/male0107.png new file mode 100644 index 0000000..15c3a6e Binary files /dev/null and b/male0107.png differ diff --git a/male0108.png b/male0108.png new file mode 100644 index 0000000..43da836 Binary files /dev/null and b/male0108.png differ diff --git a/male0109.png b/male0109.png new file mode 100644 index 0000000..bcb9f4f Binary files /dev/null and b/male0109.png differ diff --git a/male0110.png b/male0110.png new file mode 100644 index 0000000..475bef3 Binary files /dev/null and b/male0110.png differ diff --git a/male0111.png b/male0111.png new file mode 100644 index 0000000..acac463 Binary files /dev/null and b/male0111.png differ diff --git a/male0112.png b/male0112.png new file mode 100644 index 0000000..e65e895 Binary files /dev/null and b/male0112.png differ diff --git a/male0113.png b/male0113.png new file mode 100644 index 0000000..fbd12eb Binary files /dev/null and b/male0113.png differ diff --git a/male0114.png b/male0114.png new file mode 100644 index 0000000..60211dc Binary files /dev/null and b/male0114.png differ diff --git a/male0115.png b/male0115.png new file mode 100644 index 0000000..7347c9e Binary files /dev/null and b/male0115.png differ diff --git a/male0116.png b/male0116.png new file mode 100644 index 0000000..8cc07e7 Binary files /dev/null and b/male0116.png differ diff --git a/male0117.png b/male0117.png new file mode 100644 index 0000000..78668af Binary files /dev/null and b/male0117.png differ diff --git a/male0118.png b/male0118.png new file mode 100644 index 0000000..6bfdcb4 Binary files /dev/null and b/male0118.png differ diff --git a/male0119.png b/male0119.png new file mode 100644 index 0000000..9061ebc Binary files /dev/null and b/male0119.png differ diff --git a/male0120.png b/male0120.png new file mode 100644 index 0000000..5adbc1b Binary files /dev/null and b/male0120.png differ diff --git a/male0121.png b/male0121.png new file mode 100644 index 0000000..e0812bd Binary files /dev/null and b/male0121.png differ diff --git a/male0122.png b/male0122.png new file mode 100644 index 0000000..2780e02 Binary files /dev/null and b/male0122.png differ diff --git a/male0123.png b/male0123.png new file mode 100644 index 0000000..00f5974 Binary files /dev/null and b/male0123.png differ diff --git a/male0124.png b/male0124.png new file mode 100644 index 0000000..6643769 Binary files /dev/null and b/male0124.png differ diff --git a/male0125.png b/male0125.png new file mode 100644 index 0000000..8290d7d Binary files /dev/null and b/male0125.png differ diff --git a/male0126.png b/male0126.png new file mode 100644 index 0000000..9018653 Binary files /dev/null and b/male0126.png differ diff --git a/male0127.png b/male0127.png new file mode 100644 index 0000000..d29bd01 Binary files /dev/null and b/male0127.png differ diff --git a/male0128.png b/male0128.png new file mode 100644 index 0000000..8364765 Binary files /dev/null and b/male0128.png differ diff --git a/male0129.png b/male0129.png new file mode 100644 index 0000000..65db47e Binary files /dev/null and b/male0129.png differ diff --git a/male0130.png b/male0130.png new file mode 100644 index 0000000..4d90c73 Binary files /dev/null and b/male0130.png differ diff --git a/male0131.png b/male0131.png new file mode 100644 index 0000000..1b16ae4 Binary files /dev/null and b/male0131.png differ diff --git a/male0132.png b/male0132.png new file mode 100644 index 0000000..91f1cf1 Binary files /dev/null and b/male0132.png differ diff --git a/male0133.png b/male0133.png new file mode 100644 index 0000000..ffec9ab Binary files /dev/null and b/male0133.png differ diff --git a/male0134.png b/male0134.png new file mode 100644 index 0000000..4c895d8 Binary files /dev/null and b/male0134.png differ diff --git a/male0135.png b/male0135.png new file mode 100644 index 0000000..349ae69 Binary files /dev/null and b/male0135.png differ diff --git a/male0136.png b/male0136.png new file mode 100644 index 0000000..2aad569 Binary files /dev/null and b/male0136.png differ diff --git a/male0137.png b/male0137.png new file mode 100644 index 0000000..8cfbfa3 Binary files /dev/null and b/male0137.png differ diff --git a/male0138.png b/male0138.png new file mode 100644 index 0000000..a39f55c Binary files /dev/null and b/male0138.png differ diff --git a/male0139.png b/male0139.png new file mode 100644 index 0000000..e038c31 Binary files /dev/null and b/male0139.png differ diff --git a/male0140.png b/male0140.png new file mode 100644 index 0000000..0a7a2ca Binary files /dev/null and b/male0140.png differ diff --git a/male0141.png b/male0141.png new file mode 100644 index 0000000..e105cb2 Binary files /dev/null and b/male0141.png differ diff --git a/male0142.png b/male0142.png new file mode 100644 index 0000000..7514483 Binary files /dev/null and b/male0142.png differ diff --git a/male0143.png b/male0143.png new file mode 100644 index 0000000..4d7220d Binary files /dev/null and b/male0143.png differ diff --git a/male0144.png b/male0144.png new file mode 100644 index 0000000..fc06868 Binary files /dev/null and b/male0144.png differ diff --git a/male0145.png b/male0145.png new file mode 100644 index 0000000..866a8d6 Binary files /dev/null and b/male0145.png differ diff --git a/male0146.png b/male0146.png new file mode 100644 index 0000000..a778f5c Binary files /dev/null and b/male0146.png differ diff --git a/male0147.png b/male0147.png new file mode 100644 index 0000000..07d5230 Binary files /dev/null and b/male0147.png differ diff --git a/male0148.png b/male0148.png new file mode 100644 index 0000000..df6cc6e Binary files /dev/null and b/male0148.png differ diff --git a/male0149.png b/male0149.png new file mode 100644 index 0000000..5e993b0 Binary files /dev/null and b/male0149.png differ diff --git a/male0150.png b/male0150.png new file mode 100644 index 0000000..e5bed81 Binary files /dev/null and b/male0150.png differ diff --git a/male0151.png b/male0151.png new file mode 100644 index 0000000..82857ff Binary files /dev/null and b/male0151.png differ diff --git a/male0152.png b/male0152.png new file mode 100644 index 0000000..3448094 Binary files /dev/null and b/male0152.png differ diff --git a/male0153.png b/male0153.png new file mode 100644 index 0000000..c9b5e97 Binary files /dev/null and b/male0153.png differ diff --git a/male0154.png b/male0154.png new file mode 100644 index 0000000..7fbc5e6 Binary files /dev/null and b/male0154.png differ diff --git a/male0155.png b/male0155.png new file mode 100644 index 0000000..ddd1479 Binary files /dev/null and b/male0155.png differ diff --git a/male0156.png b/male0156.png new file mode 100644 index 0000000..faaefab Binary files /dev/null and b/male0156.png differ diff --git a/male0157.png b/male0157.png new file mode 100644 index 0000000..0ed98fc Binary files /dev/null and b/male0157.png differ diff --git a/male0158.png b/male0158.png new file mode 100644 index 0000000..5668719 Binary files /dev/null and b/male0158.png differ diff --git a/male0159.png b/male0159.png new file mode 100644 index 0000000..ba97c13 Binary files /dev/null and b/male0159.png differ diff --git a/male0160.png b/male0160.png new file mode 100644 index 0000000..e59f7ca Binary files /dev/null and b/male0160.png differ diff --git a/male0161.png b/male0161.png new file mode 100644 index 0000000..8c926dd Binary files /dev/null and b/male0161.png differ diff --git a/male0162.png b/male0162.png new file mode 100644 index 0000000..440d2af Binary files /dev/null and b/male0162.png differ diff --git a/male0163.png b/male0163.png new file mode 100644 index 0000000..8cc7b0b Binary files /dev/null and b/male0163.png differ diff --git a/male0164.png b/male0164.png new file mode 100644 index 0000000..1ff58e0 Binary files /dev/null and b/male0164.png differ diff --git a/male0165.png b/male0165.png new file mode 100644 index 0000000..d0340ff Binary files /dev/null and b/male0165.png differ diff --git a/male0166.png b/male0166.png new file mode 100644 index 0000000..f0d6089 Binary files /dev/null and b/male0166.png differ diff --git a/male0167.png b/male0167.png new file mode 100644 index 0000000..18860df Binary files /dev/null and b/male0167.png differ diff --git a/male0168.png b/male0168.png new file mode 100644 index 0000000..b1b2fb9 Binary files /dev/null and b/male0168.png differ diff --git a/male0169.png b/male0169.png new file mode 100644 index 0000000..7784bea Binary files /dev/null and b/male0169.png differ diff --git a/male0170.png b/male0170.png new file mode 100644 index 0000000..8e002e8 Binary files /dev/null and b/male0170.png differ diff --git a/male0171.png b/male0171.png new file mode 100644 index 0000000..e5d1be0 Binary files /dev/null and b/male0171.png differ diff --git a/male0172.png b/male0172.png new file mode 100644 index 0000000..eeac2b2 Binary files /dev/null and b/male0172.png differ diff --git a/male0173.png b/male0173.png new file mode 100644 index 0000000..501f550 Binary files /dev/null and b/male0173.png differ diff --git a/male0174.png b/male0174.png new file mode 100644 index 0000000..245aaff Binary files /dev/null and b/male0174.png differ diff --git a/male0175.png b/male0175.png new file mode 100644 index 0000000..9e30999 Binary files /dev/null and b/male0175.png differ diff --git a/male0176.png b/male0176.png new file mode 100644 index 0000000..5028397 Binary files /dev/null and b/male0176.png differ diff --git a/male0177.png b/male0177.png new file mode 100644 index 0000000..a01753a Binary files /dev/null and b/male0177.png differ diff --git a/male0178.png b/male0178.png new file mode 100644 index 0000000..16331ec Binary files /dev/null and b/male0178.png differ diff --git a/male0179.png b/male0179.png new file mode 100644 index 0000000..8b18694 Binary files /dev/null and b/male0179.png differ diff --git a/male0180.png b/male0180.png new file mode 100644 index 0000000..9fe49ea Binary files /dev/null and b/male0180.png differ diff --git a/male0181.png b/male0181.png new file mode 100644 index 0000000..0524748 Binary files /dev/null and b/male0181.png differ diff --git a/male0182.png b/male0182.png new file mode 100644 index 0000000..e720af5 Binary files /dev/null and b/male0182.png differ diff --git a/male0183.png b/male0183.png new file mode 100644 index 0000000..52bf2c8 Binary files /dev/null and b/male0183.png differ diff --git a/male0184.png b/male0184.png new file mode 100644 index 0000000..cfa83a8 Binary files /dev/null and b/male0184.png differ diff --git a/male0185.png b/male0185.png new file mode 100644 index 0000000..85f14d4 Binary files /dev/null and b/male0185.png differ diff --git a/male0186.png b/male0186.png new file mode 100644 index 0000000..58c2617 Binary files /dev/null and b/male0186.png differ diff --git a/male0187.png b/male0187.png new file mode 100644 index 0000000..a3b0730 Binary files /dev/null and b/male0187.png differ diff --git a/male0188.png b/male0188.png new file mode 100644 index 0000000..08ad7e5 Binary files /dev/null and b/male0188.png differ diff --git a/male0189.png b/male0189.png new file mode 100644 index 0000000..6b7eab8 Binary files /dev/null and b/male0189.png differ diff --git a/male0190.png b/male0190.png new file mode 100644 index 0000000..74d52ab Binary files /dev/null and b/male0190.png differ diff --git a/male0191.png b/male0191.png new file mode 100644 index 0000000..c9a7d78 Binary files /dev/null and b/male0191.png differ diff --git a/male0192.png b/male0192.png new file mode 100644 index 0000000..6eb3507 Binary files /dev/null and b/male0192.png differ diff --git a/male0193.png b/male0193.png new file mode 100644 index 0000000..56c4cae Binary files /dev/null and b/male0193.png differ diff --git a/male0194.png b/male0194.png new file mode 100644 index 0000000..d361bac Binary files /dev/null and b/male0194.png differ diff --git a/male0195.png b/male0195.png new file mode 100644 index 0000000..bb465d4 Binary files /dev/null and b/male0195.png differ diff --git a/male0196.png b/male0196.png new file mode 100644 index 0000000..74b3f11 Binary files /dev/null and b/male0196.png differ diff --git a/male0197.png b/male0197.png new file mode 100644 index 0000000..d821e47 Binary files /dev/null and b/male0197.png differ diff --git a/male0198.png b/male0198.png new file mode 100644 index 0000000..8a556d3 Binary files /dev/null and b/male0198.png differ diff --git a/male0199.png b/male0199.png new file mode 100644 index 0000000..87d2737 Binary files /dev/null and b/male0199.png differ diff --git a/male0200.png b/male0200.png new file mode 100644 index 0000000..0ec2a43 Binary files /dev/null and b/male0200.png differ diff --git a/male0201.png b/male0201.png new file mode 100644 index 0000000..84f6835 Binary files /dev/null and b/male0201.png differ diff --git a/male0202.png b/male0202.png new file mode 100644 index 0000000..0cc61d6 Binary files /dev/null and b/male0202.png differ diff --git a/male0203.png b/male0203.png new file mode 100644 index 0000000..55748f3 Binary files /dev/null and b/male0203.png differ diff --git a/male0204.png b/male0204.png new file mode 100644 index 0000000..60438f4 Binary files /dev/null and b/male0204.png differ diff --git a/male0205.png b/male0205.png new file mode 100644 index 0000000..64a997e Binary files /dev/null and b/male0205.png differ diff --git a/male0206.png b/male0206.png new file mode 100644 index 0000000..207d287 Binary files /dev/null and b/male0206.png differ diff --git a/male0207.png b/male0207.png new file mode 100644 index 0000000..0eac4da Binary files /dev/null and b/male0207.png differ diff --git a/male0208.png b/male0208.png new file mode 100644 index 0000000..def3c27 Binary files /dev/null and b/male0208.png differ diff --git a/male0209.png b/male0209.png new file mode 100644 index 0000000..00e7d69 Binary files /dev/null and b/male0209.png differ diff --git a/male0210.png b/male0210.png new file mode 100644 index 0000000..f065bad Binary files /dev/null and b/male0210.png differ diff --git a/male0211.png b/male0211.png new file mode 100644 index 0000000..096f536 Binary files /dev/null and b/male0211.png differ diff --git a/male0212.png b/male0212.png new file mode 100644 index 0000000..c52ee0a Binary files /dev/null and b/male0212.png differ diff --git a/male0213.png b/male0213.png new file mode 100644 index 0000000..2cb4cf4 Binary files /dev/null and b/male0213.png differ diff --git a/male0214.png b/male0214.png new file mode 100644 index 0000000..062943d Binary files /dev/null and b/male0214.png differ diff --git a/male0215.png b/male0215.png new file mode 100644 index 0000000..a5ce30e Binary files /dev/null and b/male0215.png differ diff --git a/male0216.png b/male0216.png new file mode 100644 index 0000000..ffe996a Binary files /dev/null and b/male0216.png differ diff --git a/male0217.png b/male0217.png new file mode 100644 index 0000000..4793b44 Binary files /dev/null and b/male0217.png differ diff --git a/male0218.png b/male0218.png new file mode 100644 index 0000000..7b4a760 Binary files /dev/null and b/male0218.png differ diff --git a/male0219.png b/male0219.png new file mode 100644 index 0000000..9eff906 Binary files /dev/null and b/male0219.png differ diff --git a/male0220.png b/male0220.png new file mode 100644 index 0000000..cfb3489 Binary files /dev/null and b/male0220.png differ diff --git a/male0221.png b/male0221.png new file mode 100644 index 0000000..29b22dd Binary files /dev/null and b/male0221.png differ diff --git a/male0222.png b/male0222.png new file mode 100644 index 0000000..4c05b33 Binary files /dev/null and b/male0222.png differ diff --git a/male0223.png b/male0223.png new file mode 100644 index 0000000..c81c1fc Binary files /dev/null and b/male0223.png differ diff --git a/male0224.png b/male0224.png new file mode 100644 index 0000000..7e6ed18 Binary files /dev/null and b/male0224.png differ diff --git a/male0225.png b/male0225.png new file mode 100644 index 0000000..48c8a18 Binary files /dev/null and b/male0225.png differ diff --git a/male0226.png b/male0226.png new file mode 100644 index 0000000..36d059b Binary files /dev/null and b/male0226.png differ diff --git a/male0227.png b/male0227.png new file mode 100644 index 0000000..c9ccf5a Binary files /dev/null and b/male0227.png differ diff --git a/male0228.png b/male0228.png new file mode 100644 index 0000000..b1dfd0b Binary files /dev/null and b/male0228.png differ diff --git a/male0229.png b/male0229.png new file mode 100644 index 0000000..a7db36d Binary files /dev/null and b/male0229.png differ diff --git a/male0230.png b/male0230.png new file mode 100644 index 0000000..c4ed468 Binary files /dev/null and b/male0230.png differ diff --git a/male0231.png b/male0231.png new file mode 100644 index 0000000..b685a9d Binary files /dev/null and b/male0231.png differ diff --git a/male0232.png b/male0232.png new file mode 100644 index 0000000..7eb6b94 Binary files /dev/null and b/male0232.png differ diff --git a/male0233.png b/male0233.png new file mode 100644 index 0000000..5107824 Binary files /dev/null and b/male0233.png differ diff --git a/male0234.png b/male0234.png new file mode 100644 index 0000000..938f972 Binary files /dev/null and b/male0234.png differ diff --git a/male0235.png b/male0235.png new file mode 100644 index 0000000..b8324da Binary files /dev/null and b/male0235.png differ diff --git a/male0236.png b/male0236.png new file mode 100644 index 0000000..50a5576 Binary files /dev/null and b/male0236.png differ diff --git a/male0237.png b/male0237.png new file mode 100644 index 0000000..ce1c279 Binary files /dev/null and b/male0237.png differ diff --git a/male0238.png b/male0238.png new file mode 100644 index 0000000..d6f4ff3 Binary files /dev/null and b/male0238.png differ diff --git a/male0239.png b/male0239.png new file mode 100644 index 0000000..56b4d9f Binary files /dev/null and b/male0239.png differ diff --git a/male0240.png b/male0240.png new file mode 100644 index 0000000..ea9fb49 Binary files /dev/null and b/male0240.png differ diff --git a/male0241.png b/male0241.png new file mode 100644 index 0000000..ab431af Binary files /dev/null and b/male0241.png differ diff --git a/male0242.png b/male0242.png new file mode 100644 index 0000000..7bf3839 Binary files /dev/null and b/male0242.png differ diff --git a/male0243.png b/male0243.png new file mode 100644 index 0000000..b02abdc Binary files /dev/null and b/male0243.png differ diff --git a/male0244.png b/male0244.png new file mode 100644 index 0000000..65f6365 Binary files /dev/null and b/male0244.png differ diff --git a/male0245.png b/male0245.png new file mode 100644 index 0000000..8d5e2c3 Binary files /dev/null and b/male0245.png differ diff --git a/male0246.png b/male0246.png new file mode 100644 index 0000000..06817dc Binary files /dev/null and b/male0246.png differ diff --git a/male0247.png b/male0247.png new file mode 100644 index 0000000..66ad7f9 Binary files /dev/null and b/male0247.png differ diff --git a/male0248.png b/male0248.png new file mode 100644 index 0000000..5fa6de2 Binary files /dev/null and b/male0248.png differ diff --git a/male0249.png b/male0249.png new file mode 100644 index 0000000..c718244 Binary files /dev/null and b/male0249.png differ diff --git a/male0250.png b/male0250.png new file mode 100644 index 0000000..a6e78b2 Binary files /dev/null and b/male0250.png differ diff --git a/male0251.png b/male0251.png new file mode 100644 index 0000000..db3467c Binary files /dev/null and b/male0251.png differ diff --git a/male0252.png b/male0252.png new file mode 100644 index 0000000..1943c88 Binary files /dev/null and b/male0252.png differ diff --git a/male0253.png b/male0253.png new file mode 100644 index 0000000..25fc4f0 Binary files /dev/null and b/male0253.png differ diff --git a/male0254.png b/male0254.png new file mode 100644 index 0000000..b066efb Binary files /dev/null and b/male0254.png differ diff --git a/male0255.png b/male0255.png new file mode 100644 index 0000000..2987d98 Binary files /dev/null and b/male0255.png differ diff --git a/male0256.png b/male0256.png new file mode 100644 index 0000000..9937f65 Binary files /dev/null and b/male0256.png differ diff --git a/male0257.png b/male0257.png new file mode 100644 index 0000000..e918a59 Binary files /dev/null and b/male0257.png differ diff --git a/male0258.png b/male0258.png new file mode 100644 index 0000000..e48fefa Binary files /dev/null and b/male0258.png differ diff --git a/male0259.png b/male0259.png new file mode 100644 index 0000000..32eb4ca Binary files /dev/null and b/male0259.png differ diff --git a/male0260.png b/male0260.png new file mode 100644 index 0000000..03567c5 Binary files /dev/null and b/male0260.png differ diff --git a/male0261.png b/male0261.png new file mode 100644 index 0000000..b14efd0 Binary files /dev/null and b/male0261.png differ diff --git a/male0262.png b/male0262.png new file mode 100644 index 0000000..80f3609 Binary files /dev/null and b/male0262.png differ diff --git a/male0263.png b/male0263.png new file mode 100644 index 0000000..6115fa8 Binary files /dev/null and b/male0263.png differ diff --git a/male0264.png b/male0264.png new file mode 100644 index 0000000..05dbee8 Binary files /dev/null and b/male0264.png differ diff --git a/male0265.png b/male0265.png new file mode 100644 index 0000000..b17ac54 Binary files /dev/null and b/male0265.png differ diff --git a/male0266.png b/male0266.png new file mode 100644 index 0000000..079adbf Binary files /dev/null and b/male0266.png differ diff --git a/male0267.png b/male0267.png new file mode 100644 index 0000000..5bf4a23 Binary files /dev/null and b/male0267.png differ diff --git a/male0268.png b/male0268.png new file mode 100644 index 0000000..a44335c Binary files /dev/null and b/male0268.png differ diff --git a/male0269.png b/male0269.png new file mode 100644 index 0000000..1899ff8 Binary files /dev/null and b/male0269.png differ diff --git a/male0270.png b/male0270.png new file mode 100644 index 0000000..9116b72 Binary files /dev/null and b/male0270.png differ diff --git a/male0271.png b/male0271.png new file mode 100644 index 0000000..494c04d Binary files /dev/null and b/male0271.png differ diff --git a/male0272.png b/male0272.png new file mode 100644 index 0000000..5e7f0c9 Binary files /dev/null and b/male0272.png differ diff --git a/male0273.png b/male0273.png new file mode 100644 index 0000000..b1957d4 Binary files /dev/null and b/male0273.png differ diff --git a/male0274.png b/male0274.png new file mode 100644 index 0000000..8404c94 Binary files /dev/null and b/male0274.png differ diff --git a/male0275.png b/male0275.png new file mode 100644 index 0000000..1453654 Binary files /dev/null and b/male0275.png differ diff --git a/male0276.png b/male0276.png new file mode 100644 index 0000000..4e2645d Binary files /dev/null and b/male0276.png differ diff --git a/male0277.png b/male0277.png new file mode 100644 index 0000000..f581d08 Binary files /dev/null and b/male0277.png differ diff --git a/male0278.png b/male0278.png new file mode 100644 index 0000000..d83efd0 Binary files /dev/null and b/male0278.png differ diff --git a/male0279.png b/male0279.png new file mode 100644 index 0000000..ba7ca18 Binary files /dev/null and b/male0279.png differ diff --git a/male0280.png b/male0280.png new file mode 100644 index 0000000..2c4cc9f Binary files /dev/null and b/male0280.png differ diff --git a/male0281.png b/male0281.png new file mode 100644 index 0000000..266a6e1 Binary files /dev/null and b/male0281.png differ diff --git a/male0282.png b/male0282.png new file mode 100644 index 0000000..594ac4d Binary files /dev/null and b/male0282.png differ diff --git a/male0283.png b/male0283.png new file mode 100644 index 0000000..19a90dd Binary files /dev/null and b/male0283.png differ diff --git a/male0284.png b/male0284.png new file mode 100644 index 0000000..ef4a53b Binary files /dev/null and b/male0284.png differ diff --git a/male0285.png b/male0285.png new file mode 100644 index 0000000..f471e01 Binary files /dev/null and b/male0285.png differ diff --git a/male0286.png b/male0286.png new file mode 100644 index 0000000..ae26d61 Binary files /dev/null and b/male0286.png differ diff --git a/male0287.png b/male0287.png new file mode 100644 index 0000000..2a68646 Binary files /dev/null and b/male0287.png differ diff --git a/male0288.png b/male0288.png new file mode 100644 index 0000000..ccfc138 Binary files /dev/null and b/male0288.png differ diff --git a/male0289.png b/male0289.png new file mode 100644 index 0000000..ae70bf1 Binary files /dev/null and b/male0289.png differ diff --git a/male0290.png b/male0290.png new file mode 100644 index 0000000..ea10e89 Binary files /dev/null and b/male0290.png differ diff --git a/male0291.png b/male0291.png new file mode 100644 index 0000000..c29ca02 Binary files /dev/null and b/male0291.png differ diff --git a/male0292.png b/male0292.png new file mode 100644 index 0000000..0900a64 Binary files /dev/null and b/male0292.png differ diff --git a/male0293.png b/male0293.png new file mode 100644 index 0000000..7169f7f Binary files /dev/null and b/male0293.png differ diff --git a/male0294.png b/male0294.png new file mode 100644 index 0000000..f1d404d Binary files /dev/null and b/male0294.png differ diff --git a/male0295.png b/male0295.png new file mode 100644 index 0000000..352ad59 Binary files /dev/null and b/male0295.png differ diff --git a/male0296.png b/male0296.png new file mode 100644 index 0000000..3c5e9a9 Binary files /dev/null and b/male0296.png differ diff --git a/male0297.png b/male0297.png new file mode 100644 index 0000000..7ae85fc Binary files /dev/null and b/male0297.png differ diff --git a/male0298.png b/male0298.png new file mode 100644 index 0000000..a70c72b Binary files /dev/null and b/male0298.png differ diff --git a/male0299.png b/male0299.png new file mode 100644 index 0000000..0881cc4 Binary files /dev/null and b/male0299.png differ diff --git a/male0300.png b/male0300.png new file mode 100644 index 0000000..dec9e07 Binary files /dev/null and b/male0300.png differ diff --git a/script.js b/script.js new file mode 100644 index 0000000..890ff54 --- /dev/null +++ b/script.js @@ -0,0 +1,448 @@ +function locomotive() { + gsap.registerPlugin(ScrollTrigger); + + const locoScroll = new LocomotiveScroll({ + el: document.querySelector("#main"), + smooth: true , + }); + locoScroll.on("scroll", ScrollTrigger.update); + + ScrollTrigger.scrollerProxy("#main", { + scrollTop(value) { + return arguments.length + ? locoScroll.scrollTo(value, 0, 0) + : locoScroll.scroll.instance.scroll.y; + }, + + getBoundingClientRect() { + return { + top: 0, + left: 0, + width: window.innerWidth, + height: window.innerHeight, + }; + }, + + pinType: document.querySelector("#main").style.transform + ? "transform" + : "fixed", + }); + ScrollTrigger.addEventListener("refresh", () => locoScroll.update()); + ScrollTrigger.refresh(); +} +locomotive(); + + +const canvas = document.querySelector("canvas"); +const context = canvas.getContext("2d"); + +canvas.width = window.innerWidth; +canvas.height = window.innerHeight; + + +window.addEventListener("resize", function () { + canvas.width = window.innerWidth; + canvas.height = window.innerHeight; + render(); +}); + +function files(index) { + var data = ` + ./male0001.png + ./male0002.png + ./male0003.png + ./male0004.png + ./male0005.png + ./male0006.png + ./male0007.png + ./male0008.png + ./male0009.png + ./male0010.png + ./male0011.png + ./male0012.png + ./male0013.png + ./male0014.png + ./male0015.png + ./male0016.png + ./male0017.png + ./male0018.png + ./male0019.png + ./male0020.png + ./male0021.png + ./male0022.png + ./male0023.png + ./male0024.png + ./male0025.png + ./male0026.png + ./male0027.png + ./male0028.png + ./male0029.png + ./male0030.png + ./male0031.png + ./male0032.png + ./male0033.png + ./male0034.png + ./male0035.png + ./male0036.png + ./male0037.png + ./male0038.png + ./male0039.png + ./male0040.png + ./male0041.png + ./male0042.png + ./male0043.png + ./male0044.png + ./male0045.png + ./male0046.png + ./male0047.png + ./male0048.png + ./male0049.png + ./male0050.png + ./male0051.png + ./male0052.png + ./male0053.png + ./male0054.png + ./male0055.png + ./male0056.png + ./male0057.png + ./male0058.png + ./male0059.png + ./male0060.png + ./male0061.png + ./male0062.png + ./male0063.png + ./male0064.png + ./male0065.png + ./male0066.png + ./male0067.png + ./male0068.png + ./male0069.png + ./male0070.png + ./male0071.png + ./male0072.png + ./male0073.png + ./male0074.png + ./male0075.png + ./male0076.png + ./male0077.png + ./male0078.png + ./male0079.png + ./male0080.png + ./male0081.png + ./male0082.png + ./male0083.png + ./male0084.png + ./male0085.png + ./male0086.png + ./male0087.png + ./male0088.png + ./male0089.png + ./male0090.png + ./male0091.png + ./male0092.png + ./male0093.png + ./male0094.png + ./male0095.png + ./male0096.png + ./male0097.png + ./male0098.png + ./male0099.png + ./male0100.png + ./male0101.png + ./male0102.png + ./male0103.png + ./male0104.png + ./male0105.png + ./male0106.png + ./male0107.png + ./male0108.png + ./male0109.png + ./male0110.png + ./male0111.png + ./male0112.png + ./male0113.png + ./male0114.png + ./male0115.png + ./male0116.png + ./male0117.png + ./male0118.png + ./male0119.png + ./male0120.png + ./male0121.png + ./male0122.png + ./male0123.png + ./male0124.png + ./male0125.png + ./male0126.png + ./male0127.png + ./male0128.png + ./male0129.png + ./male0130.png + ./male0131.png + ./male0132.png + ./male0133.png + ./male0134.png + ./male0135.png + ./male0136.png + ./male0137.png + ./male0138.png + ./male0139.png + ./male0140.png + ./male0141.png + ./male0142.png + ./male0143.png + ./male0144.png + ./male0145.png + ./male0146.png + ./male0147.png + ./male0148.png + ./male0149.png + ./male0150.png + ./male0151.png + ./male0152.png + ./male0153.png + ./male0154.png + ./male0155.png + ./male0156.png + ./male0157.png + ./male0158.png + ./male0159.png + ./male0160.png + ./male0161.png + ./male0162.png + ./male0163.png + ./male0164.png + ./male0165.png + ./male0166.png + ./male0167.png + ./male0168.png + ./male0169.png + ./male0170.png + ./male0171.png + ./male0172.png + ./male0173.png + ./male0174.png + ./male0175.png + ./male0176.png + ./male0177.png + ./male0178.png + ./male0179.png + ./male0180.png + ./male0181.png + ./male0182.png + ./male0183.png + ./male0184.png + ./male0185.png + ./male0186.png + ./male0187.png + ./male0188.png + ./male0189.png + ./male0190.png + ./male0191.png + ./male0192.png + ./male0193.png + ./male0194.png + ./male0195.png + ./male0196.png + ./male0197.png + ./male0198.png + ./male0199.png + ./male0200.png + ./male0201.png + ./male0202.png + ./male0203.png + ./male0204.png + ./male0205.png + ./male0206.png + ./male0207.png + ./male0208.png + ./male0209.png + ./male0210.png + ./male0211.png + ./male0212.png + ./male0213.png + ./male0214.png + ./male0215.png + ./male0216.png + ./male0217.png + ./male0218.png + ./male0219.png + ./male0220.png + ./male0221.png + ./male0222.png + ./male0223.png + ./male0224.png + ./male0225.png + ./male0226.png + ./male0227.png + ./male0228.png + ./male0229.png + ./male0230.png + ./male0231.png + ./male0232.png + ./male0233.png + ./male0234.png + ./male0235.png + ./male0236.png + ./male0237.png + ./male0238.png + ./male0239.png + ./male0240.png + ./male0241.png + ./male0242.png + ./male0243.png + ./male0244.png + ./male0245.png + ./male0246.png + ./male0247.png + ./male0248.png + ./male0249.png + ./male0250.png + ./male0251.png + ./male0252.png + ./male0253.png + ./male0254.png + ./male0255.png + ./male0256.png + ./male0257.png + ./male0258.png + ./male0259.png + ./male0260.png + ./male0261.png + ./male0262.png + ./male0263.png + ./male0264.png + ./male0265.png + ./male0266.png + ./male0267.png + ./male0268.png + ./male0269.png + ./male0270.png + ./male0271.png + ./male0272.png + ./male0273.png + ./male0274.png + ./male0275.png + ./male0276.png + ./male0277.png + ./male0278.png + ./male0279.png + ./male0280.png + ./male0281.png + ./male0282.png + ./male0283.png + ./male0284.png + ./male0285.png + ./male0286.png + ./male0287.png + ./male0288.png + ./male0289.png + ./male0290.png + ./male0291.png + ./male0292.png + ./male0293.png + ./male0294.png + ./male0295.png + ./male0296.png + ./male0297.png + ./male0298.png + ./male0299.png + ./male0300.png + `; + return data.split("\n")[index]; +} + +const frameCount = 300; + +const images = []; +const imageSeq = { + frame: 1, +}; + +for (let i = 0; i < frameCount; i++) { + const img = new Image(); + img.src = files(i); + images.push(img); +} + +gsap.to(imageSeq, { + frame: frameCount - 1, + snap: "frame", + ease: `none`, + scrollTrigger: { + scrub: 0.15, + trigger: `#page>canvas`, + start: `top top`, + end: `600% top`, + scroller: `#main`, + }, + onUpdate: render, +}); + +images[1].onload = render; + +function render() { + scaleImage(images[imageSeq.frame], context); +} + +function scaleImage(img, ctx) { + var canvas = ctx.canvas; + var hRatio = canvas.width / img.width; + var vRatio = canvas.height / img.height; + var ratio = Math.max(hRatio, vRatio); + var centerShift_x = (canvas.width - img.width * ratio) / 2; + var centerShift_y = (canvas.height - img.height * ratio) / 2; + ctx.clearRect(0, 0, canvas.width, canvas.height); + ctx.drawImage( + img, + 0, + 0, + img.width, + img.height, + centerShift_x, + centerShift_y, + img.width * ratio, + img.height * ratio + ); +} +ScrollTrigger.create({ + trigger: "#page>canvas", + pin: true, + // markers:true, + scroller: `#main`, + start: `top top`, + end: `600% top`, +}); + + + +gsap.to("#page1",{ + scrollTrigger:{ + trigger:`#page1`, + start:`top top`, + end:`bottom top`, + markers:true, + pin:true, + scroller:`#main` + } +}) +gsap.to("#page2",{ + scrollTrigger:{ + trigger:`#page2`, + start:`top top`, + end:`bottom top`, + markers:true, + pin:true, + scroller:`#main` + } +}) +gsap.to("#page3",{ + scrollTrigger:{ + trigger:`#page3`, + start:`top top`, + end:`bottom top`, + markers:true, + pin:true, + scroller:`#main` + } +}) \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..6107fc8 --- /dev/null +++ b/style.css @@ -0,0 +1,39 @@ +*{ + margin: 0%; + padding: 0%; + box-sizing: border-box; +} +html,body{ + height: 100%; + width: 100%; +} +#main{ + position: relative; + overflow: hidden; +} +#page{ + height: 100vh; + width: 100vw; + background-color: #000; +} +#page1{ + height: 100vh; + width: 100vw; + background-color: indigo; +} +#page2{ + height: 100vh; + width: 100vw; + background-color: red; +} +#page3{ + height: 100vh; + width: 100vw; + background-color: green; +} +canvas{ + position: relative; + z-index: 9; + max-width: 100vw; + max-height: 100vh; +} \ No newline at end of file