Browse Source

Study of animations

Federico Bonelli 2 years ago
parent
commit
a8258c4ca7
100 changed files with 4824 additions and 0 deletions
  1. 7 0
      animations/chessboard-vacuum-v2-pure-css/README.txt
  2. 87 0
      animations/chessboard-vacuum-v2-pure-css/css/http___codepen_io_thebaby.css
  3. 1562 0
      animations/chessboard-vacuum-v2-pure-css/css/style.css
  4. 3 0
      animations/chessboard-vacuum-v2-pure-css/index.haml
  5. 1700 0
      animations/chessboard-vacuum-v2-pure-css/index.html
  6. 16 0
      animations/chessboard-vacuum-v2-pure-css/license.txt
  7. 101 0
      animations/chessboard-vacuum-v2-pure-css/scss/style.scss
  8. BIN
      docs/BCP.sketch
  9. 1096 0
      docs/Squares-Group{:easeInOutElastic;0,3.23,0.05,1560,1489,360,1;10,1.69,2.07,1560,1489,360,1;20,2.51,0.27,1560,1489,360,1;30,3.23,0.05,1560,1489,360,1;}.svg
  10. BIN
      docs/animations/Artboard 3_0-60.gif
  11. BIN
      docs/animations/Artboard 3_00.png
  12. BIN
      docs/animations/Artboard 3_01.png
  13. BIN
      docs/animations/Artboard 3_02.png
  14. BIN
      docs/animations/Artboard 3_03.png
  15. BIN
      docs/animations/Artboard 3_04.png
  16. BIN
      docs/animations/Artboard 3_05.png
  17. BIN
      docs/animations/Artboard 3_06.png
  18. BIN
      docs/animations/Artboard 3_07.png
  19. BIN
      docs/animations/Artboard 3_08.png
  20. BIN
      docs/animations/Artboard 3_09.png
  21. BIN
      docs/animations/Artboard 3_10.png
  22. BIN
      docs/animations/Artboard 3_11.png
  23. BIN
      docs/animations/Artboard 3_12.png
  24. BIN
      docs/animations/Artboard 3_13.png
  25. BIN
      docs/animations/Artboard 3_14.png
  26. BIN
      docs/animations/Artboard 3_15.png
  27. BIN
      docs/animations/Artboard 3_16.png
  28. BIN
      docs/animations/Artboard 3_17.png
  29. BIN
      docs/animations/Artboard 3_18.png
  30. BIN
      docs/animations/Artboard 3_19.png
  31. BIN
      docs/animations/Artboard 3_20.png
  32. BIN
      docs/animations/Artboard 3_21.png
  33. BIN
      docs/animations/Artboard 3_22.png
  34. BIN
      docs/animations/Artboard 3_23.png
  35. BIN
      docs/animations/Artboard 3_24.png
  36. BIN
      docs/animations/Artboard 3_25.png
  37. BIN
      docs/animations/Artboard 3_26.png
  38. BIN
      docs/animations/Artboard 3_27.png
  39. BIN
      docs/animations/Artboard 3_28.png
  40. BIN
      docs/animations/Artboard 3_29.png
  41. BIN
      docs/animations/Artboard 3_30.png
  42. BIN
      docs/animations/Artboard 3_31.png
  43. BIN
      docs/animations/Artboard 3_32.png
  44. BIN
      docs/animations/Artboard 3_33.png
  45. BIN
      docs/animations/Artboard 3_34.png
  46. BIN
      docs/animations/Artboard 3_35.png
  47. BIN
      docs/animations/Artboard 3_36.png
  48. BIN
      docs/animations/Artboard 3_37.png
  49. BIN
      docs/animations/Artboard 3_38.png
  50. BIN
      docs/animations/Artboard 3_39.png
  51. BIN
      docs/animations/Artboard 3_40.png
  52. BIN
      docs/animations/Artboard 3_41.png
  53. BIN
      docs/animations/Artboard 3_42.png
  54. BIN
      docs/animations/Artboard 3_43.png
  55. BIN
      docs/animations/Artboard 3_44.png
  56. BIN
      docs/animations/Artboard 3_45.png
  57. BIN
      docs/animations/Artboard 3_46.png
  58. BIN
      docs/animations/Artboard 3_47.png
  59. BIN
      docs/animations/Artboard 3_48.png
  60. BIN
      docs/animations/Artboard 3_49.png
  61. BIN
      docs/animations/Artboard 3_50.png
  62. BIN
      docs/animations/Artboard 3_51.png
  63. BIN
      docs/animations/Artboard 3_52.png
  64. BIN
      docs/animations/Artboard 3_53.png
  65. BIN
      docs/animations/Artboard 3_54.png
  66. BIN
      docs/animations/Artboard 3_55.png
  67. BIN
      docs/animations/Artboard 3_56.png
  68. BIN
      docs/animations/Artboard 3_57.png
  69. BIN
      docs/animations/Artboard 3_58.png
  70. BIN
      docs/animations/Artboard 3_59.png
  71. BIN
      docs/animations/Artboard 3_60.png
  72. 9 0
      docs/logoBCP/Rectangle 2 Copy 10.svg
  73. 9 0
      docs/logoBCP/Rectangle 2 Copy 1000.svg
  74. 9 0
      docs/logoBCP/Rectangle 2 Copy 1001.svg
  75. 9 0
      docs/logoBCP/Rectangle 2 Copy 1002.svg
  76. 9 0
      docs/logoBCP/Rectangle 2 Copy 1003.svg
  77. 9 0
      docs/logoBCP/Rectangle 2 Copy 1004.svg
  78. 9 0
      docs/logoBCP/Rectangle 2 Copy 1005.svg
  79. 9 0
      docs/logoBCP/Rectangle 2 Copy 1006.svg
  80. 9 0
      docs/logoBCP/Rectangle 2 Copy 1007.svg
  81. 9 0
      docs/logoBCP/Rectangle 2 Copy 1008.svg
  82. 9 0
      docs/logoBCP/Rectangle 2 Copy 1009.svg
  83. 9 0
      docs/logoBCP/Rectangle 2 Copy 1010.svg
  84. 9 0
      docs/logoBCP/Rectangle 2 Copy 1011.svg
  85. 9 0
      docs/logoBCP/Rectangle 2 Copy 1012.svg
  86. 9 0
      docs/logoBCP/Rectangle 2 Copy 1013.svg
  87. 9 0
      docs/logoBCP/Rectangle 2 Copy 1014.svg
  88. 9 0
      docs/logoBCP/Rectangle 2 Copy 1015.svg
  89. 9 0
      docs/logoBCP/Rectangle 2 Copy 1016.svg
  90. 9 0
      docs/logoBCP/Rectangle 2 Copy 1017.svg
  91. 9 0
      docs/logoBCP/Rectangle 2 Copy 1018.svg
  92. 9 0
      docs/logoBCP/Rectangle 2 Copy 1019.svg
  93. 9 0
      docs/logoBCP/Rectangle 2 Copy 1021.svg
  94. 9 0
      docs/logoBCP/Rectangle 2 Copy 1022.svg
  95. 9 0
      docs/logoBCP/Rectangle 2 Copy 1023.svg
  96. 9 0
      docs/logoBCP/Rectangle 2 Copy 1024.svg
  97. 9 0
      docs/logoBCP/Rectangle 2 Copy 1025.svg
  98. 9 0
      docs/logoBCP/Rectangle 2 Copy 1026.svg
  99. 9 0
      docs/logoBCP/Rectangle 2 Copy 1027.svg
  100. 0 0
      docs/logoBCP/Rectangle 2 Copy 1028.svg

+ 7 - 0
animations/chessboard-vacuum-v2-pure-css/README.txt

@@ -0,0 +1,7 @@
1
+A Pen created at CodePen.io. You can find this one at http://codepen.io/freddbomba/pen/evjBWb.
2
+
3
+ Inspiration: 
4
+
5
+![gif](http://37.media.tumblr.com/52ec18c08759ea41075eea2a0f068a91/tumblr_na3ndpYTOR1r2geqjo1_500.gif)
6
+
7
+From [Bees & Bombs](http://beesandbombs.tumblr.com/post/94348050709/chessboard-vacuum).

+ 87 - 0
animations/chessboard-vacuum-v2-pure-css/css/http___codepen_io_thebaby.css

@@ -0,0 +1,87 @@
1
+// Inverse trigonometric functions with Sass using the infinite series expansion.
2
+
3
+// Latest version!
4
+
5
+// First got the idea after seeing this post:
6
+// http://www.japborst.net/blog/sass-sines-and-cosines.html
7
+
8
+// precision could be better with a smaller default error
9
+// current default error is 2.5% of a degree
10
+// and works well enough
11
+// completely useless to make it drop under .5% of a degree
12
+
13
+$default_err: pi()/14400;
14
+
15
+@function asin($val, $e: $default_err) {
16
+  /*
17
+   * $val: the value for which we compute the arc sine;
18
+   * $e: tolerated error; lower = better precision
19
+   * 
20
+   * the function returns the arc sine of $val
21
+   * 
22
+   * Examples: 
23
+   * asin(.5) returns 29.97584deg (using default tolerated error)
24
+   * asin(0, pi()/180) returns 0deg
25
+   */
26
+  
27
+  $sum: 0; // the "infinite" sum we compute
28
+  $sign: 1; // sign of angle
29
+  $flag: 0; // 0 if angle in absolute value < 45deg, 1 otherwise
30
+  $i: 0; // current index
31
+  $c: 1;
32
+  $j: 2*$i + 1;
33
+  
34
+  @if abs($val) > sin(45deg) {
35
+    $flag: 1;
36
+    $sign: $val/abs($val);
37
+    $val: sqrt(1 - pow($val, 2));
38
+  }
39
+  
40
+  $term: $c*pow($val, $j)/$j;
41
+  
42
+  @while abs($term) > $e {
43
+    $sum: $sum + $term;
44
+    
45
+    $i: $i + 1;
46
+    $c: $c*(2*$i - 1)/(2*$i);
47
+    $j: 2*$i + 1;
48
+    
49
+    $term: $c*pow($val, $j)/$j;
50
+  }
51
+  
52
+  $result: $sign*($flag*pi()/2 + pow(-1, $flag)*$sum);
53
+  
54
+  @return $result/pi()*180deg;
55
+}
56
+
57
+@function acos($val, $e: $default_err) {
58
+  /*
59
+   * $val: the value for which we compute the arc cosine
60
+   * $e: tolerated error; lower = better precision
61
+   * 
62
+   * the function returns the arc cosine of $val
63
+   * 
64
+   * Examples: 
65
+   * acos(.5) returns 60.02416deg (using default tolerated error)
66
+   * acos(0, pi()/180) returns 90deg
67
+   */
68
+  
69
+  @return 90deg - asin($val, $e);
70
+}
71
+
72
+@function atan($val, $e: $default_err) {
73
+  /*
74
+   * $val: the value for which we compute the arc tangent
75
+   * $e: tolerated error; lower = better precision
76
+   * 
77
+   * the function returns the arc tangent of $val
78
+   * 
79
+   * Examples: 
80
+   * atan(1) returns ~45deg (using default tolerated error)
81
+   * atan(0, pi()/180) returns 0deg
82
+   */
83
+  
84
+  $val: $val/sqrt(1 + pow($val, 2));
85
+  
86
+  @return asin($val, $e);
87
+}

File diff suppressed because it is too large
+ 1562 - 0
animations/chessboard-vacuum-v2-pure-css/css/style.css


+ 3 - 0
animations/chessboard-vacuum-v2-pure-css/index.haml

@@ -0,0 +1,3 @@
1
+.assembly
2
+  - 111.times do
3
+    .square

File diff suppressed because it is too large
+ 1700 - 0
animations/chessboard-vacuum-v2-pure-css/index.html


+ 16 - 0
animations/chessboard-vacuum-v2-pure-css/license.txt

@@ -0,0 +1,16 @@
1
+
2
+
3
+<!--
4
+Copyright (c) 2017 by Federico (http://codepen.io/freddbomba/pen/evjBWb)
5
+
6
+
7
+Fork of an original work by Ana Tudor (http://codepen.io/thebabydino/pen/zCbdy)
8
+
9
+
10
+
11
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
12
+
13
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
14
+
15
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
16
+-->

+ 101 - 0
animations/chessboard-vacuum-v2-pure-css/scss/style.scss

@@ -0,0 +1,101 @@
1
+@import "compass/css3";
2
+$n-levels: 9;
3
+$n-edges: 4;
4
+$a: 4em;
5
+$t: 10s;
6
+$base-angle: 360deg/$n-edges;
7
+html {
8
+  overflow: hidden;
9
+  background: #BFBD93;
10
+  color: white;
11
+  &:after {
12
+    $dim: $n-levels*$a;
13
+    position: absolute;
14
+    top: 50%;
15
+    left: 50%;
16
+    margin: -$dim/4;
17
+    width: $dim;
18
+    height: $dim;
19
+    box-shadow: 0 0 0 50vmax;
20
+    content: '';
21
+  }
22
+}
23
+
24
+.assembly {
25
+  &,
26
+  *,
27
+  :before {
28
+    position: absolute;
29
+    top: 50%;
30
+    left: 50%;
31
+  }
32
+  animation: rot $t ease infinite;
33
+}
34
+
35
+.square {
36
+  $n: 1;
37
+  @for $l from 1 to $n-levels {
38
+    $n-level: $l*$n-edges;
39
+    $level-angle: $base-angle/$l;
40
+    &:nth-child(n + #{$n + 1}):before {
41
+      animation-name: ani#{$l};
42
+    }
43
+    @at-root {
44
+      @keyframes ani#{$l} {
45
+        #{($l + 1)/$n-levels*100%},
46
+        100% {
47
+          transform: rotate($base-angle/5) scale(if($l%2==0, 1, 0));
48
+        }
49
+      }
50
+    }
51
+    @for $i from 0 to $n-level {
52
+      $poly-ir: $l*$a;
53
+      $poly-cr: $poly-ir/sin($base-angle/2);
54
+      $poly-edge: 2*$poly-cr*cos($base-angle/2);
55
+      $j: $i%$l;
56
+      $poly-edge-diff: abs($j - $l/2)*$poly-edge/$l;
57
+      $dist: sqrt(pow($poly-ir, 2) + pow($poly-edge-diff, 2));
58
+      $curr-angle: $base-angle*floor($i/$l) + atan(($j - $l/2)*$poly-edge/$l/$poly-ir);
59
+      &:nth-child(#{$n + $i + 25}) {
60
+        transform: rotate($curr-angle) translate($dist+20) rotate(-$curr-angle);
61
+        animation: collapse-#{$l}-#{$i} $t ease-in infinite
62
+      }
63
+      $poly-ir: $poly-ir*sin($base-angle/2);
64
+      $poly-cr: $poly-ir/sin($base-angle/2);
65
+      $poly-edge: 2*$poly-cr*cos($base-angle/2);
66
+      $poly-edge-diff: abs($j - $l/2)*$poly-edge/$l;
67
+      $dist: sqrt(pow($poly-ir, 2) + pow($poly-edge-diff, 2));
68
+      @at-root {
69
+        @keyframes collapse-#{$l}-#{$i} {
70
+          #{($l + 1)/$n-levels*10%},
71
+          40% {
72
+            transform: rotate($curr-angle) translate($dist) rotate(-$curr-angle);
73
+          }
74
+        }
75
+      }
76
+    }
77
+    $n: $n + $n-level;
78
+  }
79
+  content: $n;
80
+  &:before {
81
+    margin: -$a/2;
82
+    width: $a;
83
+    height: $a;
84
+    background: #3E3038;
85
+    animation: ani0 $t ease infinite;
86
+    content: '';
87
+  }
88
+}
89
+
90
+@keyframes ani0 {
91
+  #{1/$n-levels*70%},
92
+  100% {
93
+    transform: rotate($base-angle/5);
94
+  }
95
+}
96
+
97
+@keyframes rot {
98
+  to {
99
+    transform: rotate($base-angle/2) scale(cos($base-angle/2));
100
+  }
101
+}

BIN
docs/BCP.sketch


File diff suppressed because it is too large
+ 1096 - 0
docs/Squares-Group{:easeInOutElastic;0,3.23,0.05,1560,1489,360,1;10,1.69,2.07,1560,1489,360,1;20,2.51,0.27,1560,1489,360,1;30,3.23,0.05,1560,1489,360,1;}.svg


BIN
docs/animations/Artboard 3_0-60.gif


BIN
docs/animations/Artboard 3_00.png


BIN
docs/animations/Artboard 3_01.png


BIN
docs/animations/Artboard 3_02.png


BIN
docs/animations/Artboard 3_03.png


BIN
docs/animations/Artboard 3_04.png


BIN
docs/animations/Artboard 3_05.png


BIN
docs/animations/Artboard 3_06.png


BIN
docs/animations/Artboard 3_07.png


BIN
docs/animations/Artboard 3_08.png


BIN
docs/animations/Artboard 3_09.png


BIN
docs/animations/Artboard 3_10.png


BIN
docs/animations/Artboard 3_11.png


BIN
docs/animations/Artboard 3_12.png


BIN
docs/animations/Artboard 3_13.png


BIN
docs/animations/Artboard 3_14.png


BIN
docs/animations/Artboard 3_15.png


BIN
docs/animations/Artboard 3_16.png


BIN
docs/animations/Artboard 3_17.png


BIN
docs/animations/Artboard 3_18.png


BIN
docs/animations/Artboard 3_19.png


BIN
docs/animations/Artboard 3_20.png


BIN
docs/animations/Artboard 3_21.png


BIN
docs/animations/Artboard 3_22.png


BIN
docs/animations/Artboard 3_23.png


BIN
docs/animations/Artboard 3_24.png


BIN
docs/animations/Artboard 3_25.png


BIN
docs/animations/Artboard 3_26.png


BIN
docs/animations/Artboard 3_27.png


BIN
docs/animations/Artboard 3_28.png


BIN
docs/animations/Artboard 3_29.png


BIN
docs/animations/Artboard 3_30.png


BIN
docs/animations/Artboard 3_31.png


BIN
docs/animations/Artboard 3_32.png


BIN
docs/animations/Artboard 3_33.png


BIN
docs/animations/Artboard 3_34.png


BIN
docs/animations/Artboard 3_35.png


BIN
docs/animations/Artboard 3_36.png


BIN
docs/animations/Artboard 3_37.png


BIN
docs/animations/Artboard 3_38.png


BIN
docs/animations/Artboard 3_39.png


BIN
docs/animations/Artboard 3_40.png


BIN
docs/animations/Artboard 3_41.png


BIN
docs/animations/Artboard 3_42.png


BIN
docs/animations/Artboard 3_43.png


BIN
docs/animations/Artboard 3_44.png


BIN
docs/animations/Artboard 3_45.png


BIN
docs/animations/Artboard 3_46.png


BIN
docs/animations/Artboard 3_47.png


BIN
docs/animations/Artboard 3_48.png


BIN
docs/animations/Artboard 3_49.png


BIN
docs/animations/Artboard 3_50.png


BIN
docs/animations/Artboard 3_51.png


BIN
docs/animations/Artboard 3_52.png


BIN
docs/animations/Artboard 3_53.png


BIN
docs/animations/Artboard 3_54.png


BIN
docs/animations/Artboard 3_55.png


BIN
docs/animations/Artboard 3_56.png


BIN
docs/animations/Artboard 3_57.png


BIN
docs/animations/Artboard 3_58.png


BIN
docs/animations/Artboard 3_59.png


BIN
docs/animations/Artboard 3_60.png


+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 10.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="111" height="111" viewBox="0 0 111 111">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-10-a" width="110.545" height="110.571" x="884.364" y="387"/>
4
+    <mask id="rectangle-2-copy-10-b" width="110.545" height="110.571" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-10-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-10-b)" transform="translate(-884 -387)" xlink:href="#rectangle-2-copy-10-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1000.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="29" viewBox="0 0 28 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1000-a" width="27.636" height="27.643" x="1133.091" y="552.857"/>
4
+    <mask id="rectangle-2-copy-1000-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1000-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1000-b)" transform="translate(-1133 -552)" xlink:href="#rectangle-2-copy-1000-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1001.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1001-a" width="27.636" height="27.643" x="1160.727" y="525.214"/>
4
+    <mask id="rectangle-2-copy-1001-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1001-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1001-b)" transform="translate(-1160 -525)" xlink:href="#rectangle-2-copy-1001-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1002.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1002-a" width="27.636" height="27.643" x="1160.727" y="525.214"/>
4
+    <mask id="rectangle-2-copy-1002-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1002-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1002-b)" transform="translate(-1160 -525)" xlink:href="#rectangle-2-copy-1002-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1003.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1003-a" width="27.636" height="27.643" x="1105.455" y="525.214"/>
4
+    <mask id="rectangle-2-copy-1003-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1003-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1003-b)" transform="translate(-1105 -525)" xlink:href="#rectangle-2-copy-1003-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1004.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1004-a" width="27.636" height="27.643" x="1105.455" y="525.214"/>
4
+    <mask id="rectangle-2-copy-1004-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1004-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1004-b)" transform="translate(-1105 -525)" xlink:href="#rectangle-2-copy-1004-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1005.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" viewBox="0 0 29 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1005-a" width="27.636" height="27.643" x="1160.727" y="580.5"/>
4
+    <mask id="rectangle-2-copy-1005-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1005-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1005-b)" transform="translate(-1160 -580)" xlink:href="#rectangle-2-copy-1005-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1006.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" viewBox="0 0 29 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1006-a" width="27.636" height="27.643" x="1160.727" y="580.5"/>
4
+    <mask id="rectangle-2-copy-1006-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1006-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1006-b)" transform="translate(-1160 -580)" xlink:href="#rectangle-2-copy-1006-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1007.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" viewBox="0 0 29 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1007-a" width="27.636" height="27.643" x="1105.455" y="580.5"/>
4
+    <mask id="rectangle-2-copy-1007-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1007-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1007-b)" transform="translate(-1105 -580)" xlink:href="#rectangle-2-copy-1007-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1008.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" viewBox="0 0 29 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1008-a" width="27.636" height="27.643" x="1105.455" y="580.5"/>
4
+    <mask id="rectangle-2-copy-1008-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1008-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1008-b)" transform="translate(-1105 -580)" xlink:href="#rectangle-2-copy-1008-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1009.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="29" viewBox="0 0 28 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1009-a" width="27.636" height="27.643" x="1188.364" y="414.643"/>
4
+    <mask id="rectangle-2-copy-1009-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1009-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1009-b)" transform="translate(-1188 -414)" xlink:href="#rectangle-2-copy-1009-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1010.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="29" viewBox="0 0 28 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1010-a" width="27.636" height="27.643" x="1188.364" y="414.643"/>
4
+    <mask id="rectangle-2-copy-1010-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1010-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1010-b)" transform="translate(-1188 -414)" xlink:href="#rectangle-2-copy-1010-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1011.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="29" viewBox="0 0 28 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1011-a" width="27.636" height="27.643" x="1133.091" y="414.643"/>
4
+    <mask id="rectangle-2-copy-1011-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1011-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1011-b)" transform="translate(-1133 -414)" xlink:href="#rectangle-2-copy-1011-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1012.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="29" viewBox="0 0 28 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1012-a" width="27.636" height="27.643" x="1133.091" y="414.643"/>
4
+    <mask id="rectangle-2-copy-1012-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1012-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1012-b)" transform="translate(-1133 -414)" xlink:href="#rectangle-2-copy-1012-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1013.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="29" viewBox="0 0 28 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1013-a" width="27.636" height="27.643" x="1188.364" y="469.929"/>
4
+    <mask id="rectangle-2-copy-1013-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1013-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1013-b)" transform="translate(-1188 -469)" xlink:href="#rectangle-2-copy-1013-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1014.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="29" viewBox="0 0 28 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1014-a" width="27.636" height="27.643" x="1188.364" y="469.929"/>
4
+    <mask id="rectangle-2-copy-1014-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1014-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1014-b)" transform="translate(-1188 -469)" xlink:href="#rectangle-2-copy-1014-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1015.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="29" viewBox="0 0 28 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1015-a" width="27.636" height="27.643" x="1133.091" y="469.929"/>
4
+    <mask id="rectangle-2-copy-1015-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1015-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1015-b)" transform="translate(-1133 -469)" xlink:href="#rectangle-2-copy-1015-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1016.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="29" viewBox="0 0 28 29">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1016-a" width="27.636" height="27.643" x="1133.091" y="469.929"/>
4
+    <mask id="rectangle-2-copy-1016-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1016-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1016-b)" transform="translate(-1133 -469)" xlink:href="#rectangle-2-copy-1016-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1017.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1017-a" width="27.636" height="27.643" x="1160.727" y="387"/>
4
+    <mask id="rectangle-2-copy-1017-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1017-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1017-b)" transform="translate(-1160 -387)" xlink:href="#rectangle-2-copy-1017-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1018.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1018-a" width="27.636" height="27.643" x="1160.727" y="387"/>
4
+    <mask id="rectangle-2-copy-1018-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1018-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1018-b)" transform="translate(-1160 -387)" xlink:href="#rectangle-2-copy-1018-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1019.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1019-a" width="27.636" height="27.643" x="1105.455" y="387"/>
4
+    <mask id="rectangle-2-copy-1019-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1019-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1019-b)" transform="translate(-1105 -387)" xlink:href="#rectangle-2-copy-1019-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1021.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1021-a" width="27.636" height="27.643" x="1160.727" y="442.286"/>
4
+    <mask id="rectangle-2-copy-1021-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1021-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1021-b)" transform="translate(-1160 -442)" xlink:href="#rectangle-2-copy-1021-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1022.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1022-a" width="27.636" height="27.643" x="1160.727" y="442.286"/>
4
+    <mask id="rectangle-2-copy-1022-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1022-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1022-b)" transform="translate(-1160 -442)" xlink:href="#rectangle-2-copy-1022-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1023.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1023-a" width="27.636" height="27.643" x="1105.455" y="442.286"/>
4
+    <mask id="rectangle-2-copy-1023-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1023-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1023-b)" transform="translate(-1105 -442)" xlink:href="#rectangle-2-copy-1023-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1024.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="28" viewBox="0 0 29 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1024-a" width="27.636" height="27.643" x="1105.455" y="442.286"/>
4
+    <mask id="rectangle-2-copy-1024-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1024-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#BFBD93" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1024-b)" transform="translate(-1105 -442)" xlink:href="#rectangle-2-copy-1024-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1025.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" viewBox="0 0 28 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1025-a" width="27.636" height="27.643" x="1188.364" y="387"/>
4
+    <mask id="rectangle-2-copy-1025-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1025-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1025-b)" transform="translate(-1188 -387)" xlink:href="#rectangle-2-copy-1025-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1026.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" viewBox="0 0 28 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1026-a" width="27.636" height="27.643" x="1188.364" y="387"/>
4
+    <mask id="rectangle-2-copy-1026-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1026-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1026-b)" transform="translate(-1188 -387)" xlink:href="#rectangle-2-copy-1026-a"/>
9
+</svg>

+ 9 - 0
docs/logoBCP/Rectangle 2 Copy 1027.svg

@@ -0,0 +1,9 @@
1
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" viewBox="0 0 28 28">
2
+  <defs>
3
+    <rect id="rectangle-2-copy-1027-a" width="27.636" height="27.643" x="1133.091" y="387"/>
4
+    <mask id="rectangle-2-copy-1027-b" width="27.636" height="27.643" x="0" y="0" fill="#fff">
5
+      <use xlink:href="#rectangle-2-copy-1027-a"/>
6
+    </mask>
7
+  </defs>
8
+  <use fill="#3E3038" fill-rule="evenodd" stroke="#979797" stroke-width="2" mask="url(#rectangle-2-copy-1027-b)" transform="translate(-1133 -387)" xlink:href="#rectangle-2-copy-1027-a"/>
9
+</svg>

+ 0 - 0
docs/logoBCP/Rectangle 2 Copy 1028.svg


Some files were not shown because too many files changed in this diff