-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
122 lines (109 loc) · 25.1 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" type="image/png" sizes="260x297" href="img/favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700">
<title>UTNator · UTN FRCU Logo Generator</title>
</head>
<body>
<main class="preview">
<div id="logo1" class="preview__logo preview__logo--active" data-logo="1">
<svg width="100" height="115.399" viewBox="0 0 26.458333 30.532654" version="1.1">
<g transform="translate(0,-266.46734)">
<path class="isotipo" d="m 10.623943,266.46731 v 8.34383 A 8.7342033,8.7342033 0 0 1 4.494655,266.47521 H 0 a 13.228999,13.228999 0 0 0 9.577904,12.70971 H 0 v 5.10774 H 9.589754 A 13.228999,13.228999 0 0 0 0,296.99999 h 4.494655 a 8.7342033,8.7342033 0 0 1 6.129288,-8.32724 v 8.32724 h 5.107741 v -8.36437 a 8.7342033,8.7342033 0 0 1 6.231995,8.36437 h 4.494655 a 13.228999,13.228999 0 0 0 -9.571581,-12.70733 h 9.571581 v -5.10774 h -9.598443 a 13.228999,13.228999 0 0 0 9.598443,-12.70971 h -4.494655 a 8.7342033,8.7342033 0 0 1 -6.231995,8.36121 v -8.36911 z"
id="path830" />
</g>
</svg>
</div>
<div id="logo2" class="preview__logo">
<svg width="100" height="117.576" viewBox="0 0 26.458333 31.10865" version="1.1">
<g transform="translate(0,-265.89134)">
<path class="isotipo" d="m 0,265.89161 a 13.225408,13.225408 0 0 0 8.7018188,12.41014 H 0.014153 9.4207806e-4 v 6.28056 H 0.014153 8.7027634 A 13.225408,13.233186 0 0 0 0,297 h 6.2805593 a 6.944849,6.9489333 0 0 1 3.8045697,-6.19752 v 6.18101 0.007 h 6.28056 v -6.181 a 6.944849,6.9489333 0 0 1 3.804569,6.18996 h 6.28056 A 13.225408,13.233186 0 0 0 17.765509,284.582 h 8.686251 0.0066 v -6.28056 h -0.0066 -8.685308 a 13.225408,13.225408 0 0 0 8.684366,-12.41014 h -6.28056 a 6.944849,6.944849 0 0 1 -3.804569,6.18619 v -6.18147 h -6.28056 v 6.18856 A 6.944849,6.944849 0 0 1 6.2805593,265.8913 Z"
id="rect1213" />
</g>
</svg>
</div>
<div id="logo3" class="preview__logo" data-logo="1">
<svg version="1.1" viewBox="0 0 26.458333 13.555399" height="51.233002" width="100">
<g transform="translate(0,-283.44459)">
<path class="isotipo" id="path1418" transform="matrix(0.26458334,0,0,0.26458334,0,283.44459)" d="M 17.675781 0 L 17.675781 13.882812 A 14.530632 14.530632 0 0 1 7.4765625 0.013671875 L 0 0.013671875 A 22.008384 22.008384 0 0 0 15.933594 21.158203 L 0 21.158203 L 0 29.65625 L 15.951172 29.65625 A 22.008384 22.008384 0 0 0 0 50.796875 L 7.4765625 50.796875 A 14.530632 14.530632 0 0 1 17.675781 36.943359 L 17.675781 50.796875 L 26.171875 50.796875 L 26.171875 36.880859 A 14.530632 14.530632 0 0 1 36.539062 50.796875 L 44.017578 50.796875 A 22.008384 22.008384 0 0 0 28.095703 29.65625 L 44.017578 29.65625 L 44.017578 21.158203 L 28.044922 21.158203 A 22.008384 22.008384 0 0 0 44.017578 0.013671875 L 36.539062 0.013671875 A 14.530632 14.530632 0 0 1 26.171875 13.923828 L 26.171875 0 L 17.675781 0 z " />
<path class="logotipo"id="path3259" transform="matrix(0.26458334,0,0,0.26458334,0,283.44459)" d="M 48.654297 0.02734375 L 48.654297 16.369141 C 48.654297 19.485109 48.712458 21.533728 48.826172 22.511719 C 48.939893 23.478371 49.308125 24.397797 49.933594 25.273438 C 50.559063 26.149104 51.503316 26.860385 52.765625 27.40625 C 54.027932 27.952115 55.48385 28.224609 57.132812 28.224609 C 58.622564 28.224609 59.914133 27.997873 61.005859 27.542969 C 62.10896 27.076726 62.995059 26.400702 63.666016 25.513672 C 64.336972 24.615278 64.740487 23.743893 64.876953 22.902344 C 65.013419 22.04943 65.082031 20.576847 65.082031 18.484375 L 65.082031 0.02734375 L 57.900391 0.02734375 L 57.900391 20.378906 C 57.900391 21.754931 57.831779 22.630577 57.695312 23.005859 C 57.570218 23.369777 57.281058 23.550781 56.826172 23.550781 C 56.428147 23.550781 56.159904 23.386442 56.023438 23.056641 C 55.898335 22.715475 55.835938 21.941771 55.835938 20.736328 L 55.835938 0.02734375 L 48.654297 0.02734375 z M 66.634766 0.02734375 L 66.634766 5.5546875 L 70.880859 5.5546875 L 70.880859 27.644531 L 78.0625 27.644531 L 78.0625 5.5546875 L 82.328125 5.5546875 L 82.328125 0.02734375 L 66.634766 0.02734375 z M 83.964844 0.02734375 L 83.964844 27.644531 L 89.970703 27.644531 L 89.970703 15.089844 L 93.705078 27.644531 L 100 27.644531 L 100 0.02734375 L 93.996094 0.02734375 L 93.996094 12.462891 L 89.970703 0.02734375 L 83.964844 0.02734375 z M 79.345703 29.648438 C 78.177159 29.648438 77.140457 29.849093 76.236328 30.25 C 75.340731 30.64234 74.636771 31.184102 74.125 31.875 C 73.621753 32.565898 73.319146 33.28652 73.216797 34.037109 C 73.114447 34.779182 73.064453 35.897964 73.064453 37.390625 L 73.064453 43.441406 C 73.064453 45.471416 73.229849 46.994736 73.5625 48.009766 C 73.895151 49.016229 74.574115 49.80351 75.597656 50.375 C 76.621198 50.946465 77.92204 51.232422 79.5 51.232422 C 81.018254 51.232422 82.292148 50.89647 83.324219 50.222656 C 84.364818 49.548817 85.035452 48.764737 85.333984 47.869141 C 85.641048 46.973544 85.794922 45.453401 85.794922 43.3125 L 85.794922 42.507812 L 80.408203 42.507812 L 80.408203 45.105469 C 80.408203 46.239881 80.344746 46.960504 80.216797 47.267578 C 80.097384 47.574627 79.836434 47.726562 79.435547 47.726562 C 79.017597 47.726562 78.748314 47.574627 78.628906 47.267578 C 78.509498 46.960504 78.451172 46.303363 78.451172 45.296875 L 78.451172 35.675781 C 78.451172 34.62666 78.509498 33.944497 78.628906 33.628906 C 78.748319 33.313316 79.031077 33.154297 79.474609 33.154297 C 79.86696 33.154297 80.117624 33.286366 80.228516 33.550781 C 80.347923 33.806655 80.408203 34.460644 80.408203 35.509766 L 80.408203 39.117188 L 85.794922 39.117188 L 85.794922 37.146484 C 85.794922 35.210283 85.632716 33.785702 85.308594 32.873047 C 84.984472 31.951875 84.305508 31.184435 83.273438 30.570312 C 82.241367 29.956164 80.932193 29.648438 79.345703 29.648438 z M 48.652344 30.083984 L 48.652344 50.798828 L 54.039062 50.798828 L 54.039062 42.097656 L 57.365234 42.097656 L 57.365234 38.158203 L 54.039062 38.158203 L 54.039062 34.230469 L 57.775391 34.230469 L 57.775391 30.083984 L 48.652344 30.083984 z M 59.091797 30.083984 L 59.091797 50.798828 L 64.478516 50.798828 L 64.478516 41.458984 C 65.220591 41.458984 65.677074 41.591053 65.847656 41.855469 C 66.026781 42.119884 66.117188 42.805225 66.117188 43.914062 L 66.117188 50.798828 L 71.119141 50.798828 L 71.119141 45.335938 C 71.119141 43.664152 71.072349 42.644109 70.978516 42.277344 C 70.893219 41.902037 70.667549 41.492368 70.300781 41.048828 C 69.934011 40.605313 69.21658 40.250744 68.150391 39.986328 C 69.327464 39.875437 70.116691 39.542713 70.517578 38.988281 C 70.918465 38.433875 71.119141 37.352304 71.119141 35.740234 C 71.119141 33.974616 70.833196 32.690436 70.261719 31.888672 C 69.698771 31.078467 68.964675 30.57519 68.060547 30.378906 C 67.16495 30.182623 65.448045 30.083984 62.90625 30.083984 L 59.091797 30.083984 z M 87.675781 30.083984 L 87.675781 42.341797 C 87.675781 44.67888 87.717443 46.21371 87.802734 46.947266 C 87.888028 47.67228 88.165641 48.362775 88.634766 49.019531 C 89.103888 49.676312 89.811036 50.209717 90.757812 50.619141 C 91.704587 51.028539 92.796423 51.232422 94.033203 51.232422 C 95.15057 51.232422 96.118668 51.061868 96.9375 50.720703 C 97.764864 50.370996 98.430352 49.864542 98.933594 49.199219 C 99.43684 48.525405 99.739447 47.873369 99.841797 47.242188 C 99.944146 46.602465 99.996094 45.497171 99.996094 43.927734 L 99.996094 30.083984 L 94.609375 30.083984 L 94.609375 45.347656 C 94.609375 46.379744 94.559381 47.036885 94.457031 47.318359 C 94.363208 47.591292 94.143915 47.728516 93.802734 47.728516 C 93.504195 47.728516 93.305475 47.602902 93.203125 47.355469 C 93.109292 47.099595 93.060547 46.521326 93.060547 45.617188 L 93.060547 30.083984 L 87.675781 30.083984 z M 64.478516 33.628906 C 65.101168 33.628906 65.527513 33.730948 65.757812 33.935547 C 65.996628 34.140246 66.117188 34.571735 66.117188 35.228516 L 66.117188 36.367188 C 66.117187 37.279843 65.993451 37.819652 65.746094 37.990234 C 65.507268 38.15225 65.084112 38.234375 64.478516 38.234375 L 64.478516 33.628906 z " />
</g>
</svg>
</div>
<div id="logo4" class="preview__logo">
<svg version="1.1" viewBox="0 0 26.458333 13.370984" height="50.535999" width="100">
<g transform="translate(0,-283.62899)">
<path class="isotipo" id="isotipo" d="m 0,283.62944 a 5.6359596,5.6359596 0 0 0 3.7082381,5.28841 H 0.00602958 4.0194932e-4 v 2.67656 H 0.00602958 3.7084396 A 5.6359596,5.6392743 0 0 0 0,296.88624 h 2.6763633 a 2.9595221,2.9612626 0 0 1 1.6213747,-2.64099 v 2.63375 0.003 h 2.676363 v -2.63395 a 2.9595221,2.9612626 0 0 1 1.6213747,2.63777 h 2.6763633 a 5.6359596,5.6392743 0 0 0 -3.7012034,-5.29184 h 3.7016064 0.0028 v -2.67655 h -0.0028 -3.701205 a 5.6359596,5.6359596 0 0 0 3.700802,-5.28841 H 8.5954757 a 2.9595221,2.9595221 0 0 1 -1.6213747,2.63616 v -2.63415 H 4.297738 v 2.63717 a 2.9595221,2.9595221 0 0 1 -1.6213747,-2.63918 z" />
<path class="logotipo" id="logotipo" d="m 13.050789,283.62944 v 4.26719 c 0,0.81365 0.01473,1.3481 0.04442,1.60348 0.0297,0.25241 0.126299,0.49289 0.289624,0.72155 0.163326,0.22866 0.409817,0.4144 0.739438,0.55694 0.329619,0.14254 0.709622,0.21385 1.140207,0.21385 0.389012,0 0.726096,-0.0595 1.011173,-0.17828 0.288048,-0.12174 0.519614,-0.29838 0.694818,-0.53 0.175204,-0.2346 0.280721,-0.46181 0.316356,-0.68155 0.03563,-0.22272 0.05346,-0.60728 0.05346,-1.15368 v -4.8195 h -1.875223 v 5.31394 c 0,0.35931 -0.01783,0.58797 -0.05346,0.68597 -0.03267,0.095 -0.108535,0.1425 -0.227317,0.1425 -0.103935,0 -0.173594,-0.0431 -0.20923,-0.12924 -0.03266,-0.0891 -0.04904,-0.29101 -0.04904,-0.60578 v -5.40739 z m 4.694892,0 v 1.4431 h 1.109054 v 5.76836 h 1.875223 v -5.76836 h 1.113678 v -1.4431 z m 4.525457,0 v 7.21146 h 1.567912 v -3.27832 l 0.975599,3.27832 h 1.643684 v -7.21146 h -1.567911 v 3.24717 l -1.051372,-3.24717 z m -1.206132,7.73444 c -0.305136,0 -0.575702,0.0525 -0.811792,0.15717 -0.233864,0.10246 -0.417675,0.24388 -0.551312,0.42429 -0.131409,0.18041 -0.21044,0.36858 -0.237166,0.56458 -0.02673,0.19377 -0.0402,0.48553 -0.0402,0.8753 v 1.58017 c 0,0.53009 0.04358,0.92783 0.130441,1.19287 0.08686,0.26282 0.263941,0.46881 0.531213,0.61804 0.267273,0.14923 0.606766,0.2237 1.018811,0.2237 0.396454,0 0.729614,-0.0879 0.999114,-0.2639 0.271727,-0.17595 0.446425,-0.38076 0.524379,-0.61462 0.08018,-0.23387 0.120392,-0.6304 0.120392,-1.18945 v -0.21044 h -1.406517 v 0.67814 c 0,0.29623 -0.01684,0.4844 -0.05025,0.56457 -0.03118,0.0802 -0.09912,0.1204 -0.203802,0.1204 -0.109136,0 -0.179253,-0.0402 -0.210435,-0.1204 -0.03118,-0.0802 -0.04683,-0.2515 -0.04683,-0.51432 v -2.51236 c 0,-0.27396 0.01565,-0.45222 0.04683,-0.53463 0.03118,-0.0824 0.104667,-0.12361 0.220485,-0.12361 0.102454,0 0.168215,0.0345 0.19717,0.10351 0.03118,0.0668 0.04683,0.23716 0.04683,0.51112 v 0.94223 h 1.406517 v -0.51453 c 0,-0.5056 -0.04239,-0.87757 -0.127024,-1.11589 -0.08464,-0.24054 -0.261713,-0.441 -0.531213,-0.60136 -0.2695,-0.16036 -0.611372,-0.24058 -1.025645,-0.24058 z m -8.014819,0.11376 v 5.4088 h 1.406517 v -2.27177 h 0.868673 v -1.02906 h -0.868673 v -1.02565 h 0.975598 v -1.08232 z m 2.726208,0 v 5.4088 h 1.406518 v -2.43879 c 0.193772,0 0.312812,0.0345 0.357357,0.10351 0.04677,0.069 0.07015,0.2483 0.07015,0.53784 v 1.79744 h 1.306425 v -1.42662 c 0,-0.43654 -0.01228,-0.70255 -0.03678,-0.79832 -0.02228,-0.098 -0.0813,-0.20496 -0.177071,-0.32078 -0.09577,-0.11582 -0.282953,-0.20832 -0.561361,-0.27736 0.307363,-0.029 0.513559,-0.11571 0.618241,-0.26048 0.104681,-0.14478 0.156972,-0.42762 0.156972,-0.84858 0,-0.46104 -0.07467,-0.79638 -0.223902,-1.00575 -0.147,-0.21159 -0.338535,-0.3429 -0.574625,-0.39413 -0.233864,-0.0512 -0.682696,-0.0768 -1.346423,-0.0768 z m 7.463509,0 v 3.20054 c 0,0.61027 0.01109,1.01117 0.03336,1.20272 0.02227,0.18931 0.09477,0.36976 0.217269,0.54126 0.1225,0.1715 0.3073,0.31054 0.554527,0.41745 0.247228,0.10691 0.532251,0.16039 0.855206,0.16039 0.291773,0 0.544713,-0.0446 0.758532,-0.13366 0.216044,-0.0913 0.389753,-0.22383 0.521163,-0.39755 0.131409,-0.17596 0.210438,-0.3463 0.237167,-0.51112 0.02673,-0.16704 0.04,-0.45543 0.04,-0.86525 v -3.61478 H 25.05061 v 3.9856 c 0,0.2695 -0.01327,0.44103 -0.04,0.51454 -0.0245,0.0713 -0.08135,0.10692 -0.170439,0.10692 -0.07795,0 -0.130245,-0.0323 -0.156972,-0.0969 -0.0245,-0.0668 -0.03678,-0.21834 -0.03678,-0.45444 v -4.05574 z m -6.056991,0.92535 c 0.16259,0 0.273906,0.0268 0.334042,0.0802 0.06236,0.0534 0.09346,0.16596 0.09346,0.33746 v 0.29726 c 0,0.23831 -0.03229,0.37974 -0.09688,0.42429 -0.06236,0.0423 -0.172491,0.0635 -0.330626,0.0635 z" />
</g>
</svg>
</div>
<div id="logo5" class="preview__logo">
<svg version="1.1" viewBox="0 0 26.458333 5.0419001" height="19.056" width="100">
<g transform="translate(0,-291.95809)">
<path class="isotipo" id="path860" d="m 12.620861,292.0723 v 1.31503 a 1.3765135,1.3765135 0 0 1 -0.965982,-1.3138 h -0.708401 a 2.0848948,2.0848948 0 0 0 1.5095,2.00314 h -1.5095 v 0.80503 h 1.510957 a 2.0848948,2.0848948 0 0 0 -1.510957,2.00269 h 0.708401 a 1.3765135,1.3765135 0 0 1 0.965982,-1.31245 v 1.31245 h 0.805022 v -1.31828 a 1.3765135,1.3765135 0 0 1 0.982121,1.31828 h 0.70829 a 2.0848948,2.0848948 0 0 0 -1.508155,-2.00269 h 1.508155 v -0.80503 h -1.512863 a 2.0848948,2.0848948 0 0 0 1.512863,-2.00314 h -0.70829 a 1.3765135,1.3765135 0 0 1 -0.982121,1.31783 v -1.31906 z" />
<path class="logotipo" id="path1546" d="m 17.778066,291.95842 c -1.032691,0 -1.513759,0.4874 -1.513759,1.53293 v 1.97556 c 0,0.98138 0.404038,1.53304 1.443143,1.53304 1.154561,0 1.62921,-0.57726 1.62921,-1.4047 v -0.59014 h -1.128846 v 0.43624 c 0,0.29506 -0.03212,0.69271 -0.41697,0.69271 -0.295055,0 -0.40408,-0.16035 -0.40408,-0.42974 l 0.0064,-2.37976 c 0,-0.3143 0.08335,-0.50667 0.436138,-0.50025 0.211669,0 0.359244,0.21169 0.359244,0.6222 v 0.30779 h 1.128958 v -0.40408 c 0,-0.98137 -0.577293,-1.3918 -1.539427,-1.3918 z M 0,292.0723 v 3.48294 c 0,0.98779 0.55803907,1.44314 1.513759,1.44314 1.1545611,0 1.5201481,-0.62853 1.5201481,-1.44314 V 292.0723 H 1.905061 v 3.59839 c 0,0.20526 -0.089858,0.4618 -0.3849129,0.4618 -0.3207114,0 -0.3911899,-0.19883 -0.3911899,-0.42975 v -3.63044 z m 3.4421345,0 v 0.96217 h 0.8851651 v 3.84846 h 1.1289583 v -3.84846 h 0.9107214 v -0.96217 z m 3.3418148,0 v 4.81063 h 1.0711208 l -0.1025613,-2.68117 0.012778,-0.0128 0.8787761,2.69394 h 1.1546263 v -4.8106 H 8.727457 l 0.1090624,2.68755 H 8.8172399 L 7.944965,292.0723 Z m 13.0956697,0.002 v 4.81063 h 1.520148 c 0.346369,0 0.705562,-0.0321 1.000616,-0.22452 0.327125,-0.20525 0.474671,-0.55799 0.481085,-1.03906 v -2.13596 c 0,-0.46183 -0.07059,-0.93012 -0.506753,-1.18668 -0.365611,-0.21167 -0.859456,-0.22441 -1.269966,-0.22441 z m 3.544695,0 v 3.48293 c 0,0.9878 0.558041,1.44315 1.513759,1.44315 1.154562,0 1.52026,-0.62854 1.52026,-1.44315 v -3.48293 h -1.128958 v 3.59839 c 0,0.20525 -0.08975,0.4618 -0.3848,0.4618 -0.320712,0 -0.391302,-0.19883 -0.391302,-0.42974 v -3.63045 z m -2.415849,0.86589 c 0.551623,0.0128 0.737631,0.0449 0.744045,0.60931 v 1.57149 c 0.01924,0.64142 0.01282,0.94936 -0.744045,0.89805 z" />
</g>
</svg>
</div>
<div id="logo6" class="preview__logo">
<svg width="100" height="19.055" viewBox="0 0 26.458333 5.0416356" version="1.1">
<path class="logotipo" id="path2305" d="m 17.778029,8e-5 c -1.032695,0 -1.513765,0.48752 -1.513765,1.53305 v 1.97556 c 0,0.98139 0.404152,1.53294 1.443261,1.53294 1.154566,0 1.629218,-0.57727 1.629218,-1.40471 V 3.04689 H 18.20778 v 0.43614 c 0,0.29505 -0.032,0.69271 -0.41686,0.69271 -0.295056,0 -0.404082,-0.16035 -0.404082,-0.42975 l 0.0064,-2.37966 c 0,-0.3143 0.08336,-0.50678 0.43614,-0.50036 0.211671,0 0.359246,0.2117 0.359246,0.6222 v 0.30791 h 1.128851 V 1.392 C 19.317475,0.41062 18.74018,8e-5 17.778041,8e-5 Z M 0,0.11396 v 3.48295 c 0,0.98779 0.55804201,1.44326 1.5137654,1.44326 1.1545664,0 1.5201545,-0.62865 1.5201545,-1.44326 V 0.11396 H 1.9049575 v 3.5984 c 0,0.20526 -0.089747,0.46181 -0.384803,0.46181 -0.3207126,0 -0.3913035,-0.19884 -0.3913035,-0.42975 V 0.11396 Z m 3.4421493,0 V 1.07614 H 4.3273178 V 4.92472 H 5.4561695 V 1.07614 H 6.3670066 V 0.11396 Z m 3.3418289,0 v 4.81076 h 1.0711251 l -0.1025614,-2.68118 0.012776,-0.0129 0.87878,2.69406 h 1.154519 V 0.11395 H 8.7274921 L 8.8364427,2.80151 H 8.8172757 L 7.9448855,0.11395 Z m 13.0956128,0.001 V 4.9256 h 1.520266 c 0.34637,0 0.705565,-0.0321 1.000621,-0.22451 0.327127,-0.20526 0.474561,-0.558 0.480976,-1.03907 V 1.52605 c 0,-0.46183 -0.07048,-0.93001 -0.506644,-1.18658 C 22.009197,0.1278 21.515239,0.11496 21.104727,0.11496 Z m 3.544823,0 V 3.5979 c 0,0.9878 0.558041,1.44316 1.513765,1.44316 1.154566,0 1.520155,-0.62855 1.520155,-1.44316 V 0.11496 h -1.128851 v 3.5984 c 0,0.20525 -0.08986,0.4618 -0.384915,0.4618 -0.320712,0 -0.391303,-0.19883 -0.391303,-0.42975 V 0.11496 Z m -2.41586,0.86588 c 0.551625,0.0128 0.737634,0.045 0.744048,0.60943 v 1.57149 c 0.01925,0.64143 0.01284,0.94926 -0.744048,0.89795 z" />
<path class="isotipo" id="rect1296" d="m 10.987323,0.11385 a 2.0451815,2.0451815 0 0 0 1.345744,1.91908 h -1.343503 -0.0021 v 0.97125 h 0.0021 1.343503 a 2.0451815,2.0463843 0 0 0 -1.345744,1.92031 h 0.971254 a 1.0739538,1.0745854 0 0 1 0.588355,-0.95836 v 0.95579 0.001 h 0.971254 V 3.96714 a 1.0739538,1.0745854 0 0 1 0.588357,0.95724 h 0.971141 A 2.0451815,2.0463843 0 0 0 13.734519,3.00406 h 1.343278 10e-4 V 2.03281 h -10e-4 -1.342942 a 2.0451815,2.0451815 0 0 0 1.34283,-1.91908 H 14.106543 A 1.0739538,1.0739538 0 0 1 13.518186,1.0703 V 0.11441 H 12.546933 V 1.07142 A 1.0739538,1.0739538 0 0 1 11.958577,0.11373 Z" />
</svg>
</div>
<div id="logo7" class="preview__logo">
<svg width="100" height="17.778" viewBox="0 0 26.458333 4.7037626" version="1.1">
<g transform="translate(0,-292.29621)">
<path class="logotipo" d="m 17.767733,292.2968 c -0.458388,0 -0.824615,0.14654 -1.098812,0.43957 -0.272103,0.29094 -0.408219,0.70117 -0.408219,1.23073 v 1.36579 c 0,0.53164 0.14127,0.94293 0.423838,1.23387 0.282569,0.28885 0.66038,0.43328 1.13342,0.43328 0.47304,0 0.830954,-0.1277 1.073754,-0.38305 0.242802,-0.25536 0.362182,-0.63423 0.357993,-1.13657 l -0.0094,-0.0189 h -0.860262 c 0.01046,0.3014 -0.02722,0.51489 -0.113038,0.64047 -0.08372,0.12349 -0.23342,0.18529 -0.449008,0.18529 -0.219775,0 -0.387149,-0.0785 -0.50227,-0.23551 -0.113027,-0.15699 -0.169557,-0.39657 -0.169557,-0.71891 v -1.37208 c 0,-0.31816 0.05337,-0.55575 0.160119,-0.71273 0.106747,-0.15698 0.260543,-0.2354 0.461481,-0.2354 0.234427,0 0.398752,0.0659 0.492942,0.19776 0.09418,0.13186 0.135031,0.34745 0.122477,0.64677 h 0.860262 l 0.0094,-0.0188 c -0.0084,-0.50863 -0.137119,-0.89276 -0.386197,-1.1523 -0.246985,-0.25954 -0.613325,-0.38934 -1.098924,-0.38934 z M 0,292.36118 v 3.11137 c 0,0.48561 0.14232339,0.86131 0.42698472,1.12713 0.2867547,0.26583 0.66140628,0.39879 1.12398088,0.39879 0.4625752,0 0.8361735,-0.13191 1.1208353,-0.39564 0.2867543,-0.26582 0.4301307,-0.64258 0.4301307,-1.13028 v -3.11137 H 2.2133543 v 3.11137 c 0,0.29095 -0.056419,0.49928 -0.169446,0.62486 -0.1130275,0.12559 -0.2773532,0.18833 -0.4929427,0.18833 -0.2093094,0 -0.3715295,-0.0659 -0.48665,-0.19777 -0.11512035,-0.13186 -0.17270387,-0.33703 -0.17270387,-0.61542 v -3.11137 z m 3.488128,0 v 0.71588 h 1.0235272 v 3.85544 h 0.8916114 v -3.85544 h 1.0298197 v -0.71588 z m 3.3813822,0 v 4.57132 h 0.8947573 v -2.91664 l 0.018878,-0.006 1.3971387,2.92293 h 0.8885778 v -4.57133 H 9.1802834 v 2.91361 l -0.018878,0.006 -1.3971389,-2.9199 z m 12.9202208,0.002 v 4.57132 h 1.381407 c 0.468854,0 0.856032,-0.17685 1.161624,-0.53058 0.305592,-0.35373 0.458447,-0.81008 0.458447,-1.36894 v -0.76913 c 0,-0.55886 -0.152855,-1.0152 -0.458447,-1.36894 -0.305592,-0.35582 -0.69277,-0.53373 -1.161624,-0.53373 z m 3.566557,0 v 3.11137 c 0,0.4856 0.142324,0.8613 0.426986,1.12713 0.286753,0.26582 0.661406,0.39878 1.12398,0.39878 0.462576,0 0.836286,-0.1319 1.120947,-0.39563 0.286754,-0.2659 0.430132,-0.64265 0.430132,-1.13034 v -3.11137 h -0.888577 v 3.11137 c 0,0.29094 -0.05653,0.49927 -0.169558,0.62485 -0.113029,0.12559 -0.277354,0.18833 -0.492944,0.18833 -0.209308,0 -0.371417,-0.0659 -0.486538,-0.19776 -0.11512,-0.13187 -0.172703,-0.33704 -0.172703,-0.61542 v -3.11137 z m -2.6718,0.71587 h 0.436423 c 0.249079,0 0.440561,0.1078 0.57452,0.32339 0.136051,0.21559 0.204052,0.50129 0.204052,0.85712 v 0.77542 c 0,0.35792 -0.068,0.64573 -0.204052,0.86341 -0.133959,0.21559 -0.325441,0.32339 -0.57452,0.32339 h -0.436423 z" />
<path class="isotipo" d="m 12.779905,292.35984 v 1.24994 a 1.308436,1.308436 0 0 1 -0.918242,-1.24871 h -0.673287 a 1.9817834,1.9817834 0 0 0 1.43478,1.90402 h -1.43478 v 0.7652 h 1.436241 a 1.9817834,1.9817834 0 0 0 -1.436241,1.90368 h 0.673287 a 1.308436,1.308436 0 0 1 0.918242,-1.24747 v 1.24747 h 0.765201 v -1.2532 a 1.308436,1.308436 0 0 1 0.933524,1.2532 h 0.6734 a 1.9817834,1.9817834 0 0 0 -1.43377,-1.90368 h 1.43377 v -0.7652 h -1.43804 a 1.9817834,1.9817834 0 0 0 1.43804,-1.90402 h -0.6734 a 1.308436,1.308436 0 0 1 -0.933524,1.25264 v -1.25387 z" id="path1320" />
</g>
</svg>
</div>
<div id="logo8" class="preview__logo">
<svg width="100" height="13.679" viewBox="0 0 26.458333 3.6192355" version="1.1">
<g transform="translate(0,-293.38074)">
<path class="logotipo" id="path2391" d="m 17.141717,293.38066 c -1.11247,0 -1.928314,0.74659 -1.928314,1.80962 0,1.06302 0.815844,1.80961 1.928314,1.80961 0.67737,0 1.21135,-0.2472 1.552508,-0.69219 l -0.736759,-0.65763 c -0.202717,0.25711 -0.44498,0.40552 -0.756471,0.40552 -0.484542,0 -0.810892,-0.33627 -0.810892,-0.86531 0,-0.52905 0.32635,-0.86517 0.810892,-0.86517 0.311491,0 0.553754,0.14827 0.756471,0.40537 l 0.736759,-0.65763 c -0.341158,-0.44498 -0.875138,-0.69219 -1.552508,-0.69219 z M 0,293.45865 v 1.90346 c 0,1.03831 0.62303459,1.63664 1.6860612,1.63664 1.0630266,0 1.6859183,-0.59833 1.6859183,-1.63664 v -1.90346 H 2.2249894 v 1.86889 c 0,0.52904 -0.202748,0.72676 -0.5290724,0.72676 -0.3263244,0 -0.5290724,-0.19772 -0.5290724,-0.72676 v -1.86889 z m 3.5916645,0 v 0.90474 h 1.0137222 v 2.55623 h 1.1668446 v -2.55623 h 1.0135793 v -0.90474 z m 3.4971058,0 v 3.46097 h 1.1372772 v -1.57222 l 1.3151104,1.57222 h 0.9593011 v -3.46097 H 9.3631819 v 1.57222 l -1.3151104,-1.57222 z m 11.9424097,0.001 v 3.46097 h 1.705773 c 1.156968,0 1.953025,-0.65757 1.953025,-1.73048 0,-1.07292 -0.796057,-1.73049 -1.953025,-1.73049 z m 4.055174,0 v 1.90361 c 0,1.0383 0.622892,1.63649 1.685919,1.63649 1.063026,0 1.68606,-0.59819 1.68606,-1.63649 v -1.90361 h -1.147132 v 1.8689 c 0,0.52904 -0.202605,0.7269 -0.52893,0.7269 -0.326325,0 -0.529072,-0.19786 -0.529072,-0.7269 v -1.8689 z m -2.88833,0.90974 h 0.489507 c 0.489486,0 0.825604,0.2917 0.825604,0.82075 0,0.52904 -0.336118,0.82074 -0.825604,0.82074 h -0.489507 z" />
<path class="isotipo" id="rect1344" d="m 11.385198,293.45851 a 1.4713495,1.4713495 0 0 0 0.968014,1.38067 h -0.966443 -0.0016 v 0.69876 h 0.0016 0.966586 a 1.4713495,1.4722149 0 0 0 -0.968157,1.38153 h 0.698621 A 0.77262653,0.7730809 0 0 1 12.507191,296.23 v 0.68762 8.6e-4 h 0.698622 v -0.68763 a 0.77262653,0.7730809 0 0 1 0.423372,0.68862 h 0.698621 a 1.4713495,1.4722149 0 0 0 -0.966157,-1.38153 h 0.9663 7.14e-4 v -0.69876 h -7.14e-4 -0.966157 a 1.4713495,1.4713495 0 0 0 0.966014,-1.38067 h -0.698621 a 0.77262653,0.77262653 0 0 1 -0.423372,0.68819 v -0.68762 h -0.698622 v 0.68862 a 0.77262653,0.77262653 0 0 1 -0.423372,-0.68919 z" />
</g>
</svg>
</div>
</main>
<div class="controls">
<div class="controls__size">
<label for="width">Ancho (px)</label>
<input type="number" name="width" id="width" min="1" max="2000" value="100">
<input type="range" name="width-range" id="width-range" min="1" max="2000" value="100">
</div>
<ul class="controls__logos">
<li class="controls__logos__item"><img src="img/logos/1.svg" data-logo="1"></li>
<li class="controls__logos__item"><img src="img/logos/2.svg" data-logo="2"></li>
<li class="controls__logos__item"><img src="img/logos/3.svg" data-logo="3"></li>
<li class="controls__logos__item"><img src="img/logos/4.svg" data-logo="4"></li>
<li class="controls__logos__item"><img src="img/logos/5.svg" data-logo="5"></li>
<li class="controls__logos__item"><img src="img/logos/6.svg" data-logo="6"></li>
<li class="controls__logos__item"><img src="img/logos/7.svg" data-logo="7"></li>
<li class="controls__logos__item"><img src="img/logos/8.svg" data-logo="8"></li>
</ul>
<div class="controls__colors">
<label class="controls__colors__label" for="color-isotipo">Símbolo
<input type="color" id="color-isotipo">
</label>
<label class="controls__colors__label" for="color-logotipo">Texto
<input type="color" id="color-logotipo">
</label>
</div>
<a class="controls__download" id="download" target="_blank" download="logo-utn.png">¡Descargar logo!</a>
</div>
<footer class="footer">
Hecho con <span>❤</span> por <a href="http://valentincosta.com">Valentín Costa</a>
</footer>
<script src="main.js"></script>
</body>
</html>