-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (62 loc) · 3.41 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Lambda I/O - Logo Generator</title>
<link rel="stylesheet" href="stylesheets/style.css">
</head>
<body>
<div class="holder">
<header><h1 class="title">Lambda I/O Logo Generator</h1></header>
<div class="__">
<input type="text" id="cityInput" placeholder="Fortaleza">
<button id="saveBtn">Download</button>
</div>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="lambda_pattern" width="312" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 312 100" xml:space="preserve" charset="utf-8">
<style type="text/css">
@font-face {
font-family: 'Comfortaa';
font-style: normal;
font-weight: 400;
src: local('Comfortaa'), local('Comfortaa-Regular'), url(assets/fonts/comfortaa.woff2) format('woff2');
}
.st0{fill:#EC695A;}
.st1{fill:#31536E;}
.st2{fill:#80B8C3;}
.st3{fill:#49B7A6;}
.st4{opacity:0.37;}
#cityName{font-family: 'Comfortaa', sans-serif; font-size: 48px; text-transform: capitalize; fill: #80B8C3;}
</style>
<defs xmlns="http://www.w3.org/2000/svg">
<link xmlns="http://www.w3.org/1999/xhtml" href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet" type="text/css"/>
</defs>
<polygon id="XMLID_1_" class="st0" points="6.5,2 40.8,66.4 54.3,66.4 19.2,2 "/>
<polygon id="XMLID_9_" class="st1" points="6.4,2.2 2.4,12.9 12.3,12.9 6.4,2 "/>
<polygon id="XMLID_10_" class="st2" points="1.1,66.4 14.4,66.4 26.9,40.3 20.1,27.6 "/>
<polygon id="XMLID_12_" class="st3" points="58.6,55.1 54.3,66.4 48.1,55.1 "/>
<polygon id="XMLID_14_" class="st4" points="6.5,2 10.9,12.9 12.3,12.9 "/>
<polyline id="XMLID_11_" class="st4" points="54.3,66.4 54.1,66.1 49.9,55.1 48.1,55.1 "/>
<polygon id="XMLID_13_" class="st4" points="19.5,28.9 26.2,41.8 26.9,40.3 20.1,27.6 "/>
<polygon id="XMLID_18_" class="st3" points="34.7,76.3 23.6,97.9 19.2,97.9 30.6,76.3 "/>
<polygon id="XMLID_17_" class="st1" points="34.8,76.3 34.7,79.9 32.8,79.9 34.7,76.3 "/>
<polygon id="XMLID_4_" class="st1" points="19.2,94.1 19.2,97.9 21.2,94.1 "/>
<polygon id="XMLID_3_" class="st4" points="34.7,76.3 33.2,79.9 32.8,79.9 "/>
<polyline id="XMLID_2_" class="st4" points="19.2,97.9 19.3,97.8 20.8,94.1 21.2,94.1 "/>
<polygon id="XMLID_25_" class="st3" points="12.1,76.2 9.6,79.9 2.3,79.9 3.8,76.2 "/>
<rect id="XMLID_24_" x="3.9" y="76.2" class="st1" width="8.2" height="21.8"/>
<polygon id="XMLID_23_" class="st3" points="13.6,94.1 12.1,98 12.1,94.1 "/>
<polygon id="XMLID_22_" class="st1" points="44,97.9 38,91.6 38,82.6 44,76.2 52.6,76.2 58.6,82.6 58.6,91.6 52.6,97.9 "/>
<polyline id="XMLID_21_" class="st3" points="52.6,97.9 52.6,91.6 58.6,91.6 "/>
<polyline id="XMLID_20_" class="st3" points="38,82.6 44,82.6 44,76.2 "/>
<polygon id="XMLID_45_" class="st4" points="38,82.6 44.1,83 44,78.1 44,82.6 38,82.6 "/>
<polygon id="XMLID_46_" class="st4" points="52.6,97.3 52.2,91.5 57,91.6 52.6,91.6 52.6,97.3 "/>
<polygon id="XMLID_48_" class="st4" points="3.9,76.2 3.4,79.9 3.9,79.9 "/>
<polygon id="XMLID_49_" class="st4" points="12.1,94.1 12.5,94.1 12.1,98 "/>
<text id="cityName" transform="translate(80, 66)">Fortaleza</text>
</svg>
</div>
<script defer src="js/main.js"></script>
</body>
</html>