kj
/
kxip-app
1
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
Selaa lähdekoodia

Booking page UI

master
kj1352 4 vuotta sitten
vanhempi
8f07aab654
commit
9c54fba0b7
9 muutettua tiedostoa jossa 777 lisäystä ja 35 poistoa
Jaettu näkymä
Diff Options
Show Stats Download Patch File Download Diff File
  1. +5
    -0
      package-lock.json
  2. +1
    -0
      package.json
  3. +37
    -4
      src/app/booking/booking.page.html
  4. +173
    -0
      src/app/booking/booking.page.scss
  5. +81
    -23
      src/app/booking/booking.page.ts
  6. +1
    -2
      src/app/home/home.page.html
  7. +1
    -6
      src/app/home/home.page.ts
  8. +347
    -0
      src/assets/home-team/stadium-sv.svg
  9. +131
    -0
      src/assets/home-team/stadium-tv.svg

+ 5
- 0
package-lock.json Näytä tiedosto

@@ -7860,6 +7860,11 @@
"minimist": "^1.2.5"
}
},
"moment": {
"version": "2.29.1",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
"integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ=="
},
"move-concurrently": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",


+ 1
- 0
package.json Näytä tiedosto

@@ -24,6 +24,7 @@
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^5.0.0",
"faker": "^5.1.0",
"moment": "^2.29.1",
"rxjs": "~6.5.5",
"tslib": "^2.0.0",
"zone.js": "~0.10.3"


+ 37
- 4
src/app/booking/booking.page.html Näytä tiedosto

@@ -4,11 +4,44 @@
<h2 class="main-header"> Booking </h2>
<section class="segments">
<button [ngClass]="{'active' : selectedTab === 'news'}"
(click)="selectedTab = 'news'"> News </button>
<button [ngClass]="{'active' : selectedTab === 'videos'}"
(click)="selectedTab = 'videos'"> Videos </button>
<button [ngClass]="{'active' : selectedDate === bookingDate.dateTime}"
(click)="selectedDate = bookingDate.dateTime; selectMatchCard(i)"
*ngFor="let bookingDate of bookingSeatsData; let i = index">
{{ getFormattedDateTime(bookingDate.dateTime) }}
</button>
</section>
</div>


<ion-slides #slides [options]="slideOpts" (ionSlideDidChange)="selectMatchDate()">
<ion-slide *ngFor="let matchDay of bookingSeatsData">
<div class="image-holder">
<figure>
<img [src]="matchDay.staduim.sideView">
</figure>
</div>
<section class="content">
<section class="match-card">
<div class="teams">
<img [src]="matchDay.matchDetails.home.image" alt="">
<span></span>
<img [src]="matchDay.matchDetails.away.image" alt="">
</div>
<p class="event-details">
{{ getEventDateTime(matchDay.dateTime) }} <br>
{{ matchDay.staduim.name }} Stadium
</p>
<h4> {{ matchDay.matchDetails.home.name }} v/s {{ matchDay.matchDetails.away.name }}</h4>
<h5> {{ matchDay.matchType }} </h5>
</section>
</section>
</ion-slide>
</ion-slides>

</div>
</ion-content>

+ 173
- 0
src/app/booking/booking.page.scss Näytä tiedosto

@@ -0,0 +1,173 @@
$lumous-blue: #1a2389;
$dark-blue-shade1: #24367c;
$dark-blue-shade2: #263982;
$green: #01b868;
$pink: #d73e53;

ion-content {
--background: transparent;
background: linear-gradient(90deg, $dark-blue-shade1 50%, $dark-blue-shade2);
}

.heading-holder {
margin-bottom: 2.3rem;
}

.main-header {
color: white;
font-size: 2.3rem;
font-weight: 700;
letter-spacing: 1px;
padding: 0px 7%;
margin: 5% 0%;
}

.segments {
width: 100%;
padding: 0px 7%;
margin: 0%;
display: inline-block;
overflow-x: auto;
white-space: nowrap;

button {
display: inline-block;
background-color: rgba(#ffff, 0.4);
padding: 10px 15px;
color: white;
font-size: 1rem;
font-weight: 400;
margin-right: 5%;
position: relative;
border-radius: 7px;
transition: color 0.3s, background-color 0.3s;

&.active {
font-weight: 500;
background-color: white;
color: $lumous-blue;
}
}
}


ion-slides {
padding: 8px 0;
position: relative;
left: 0;
top: 0;
z-index: 1;
overflow: visible;
height: 65vh;
overflow: hidden;

ion-slide {
display: block;
overflow: visible;
text-align: left;
height: 80%;
position: relative;
transform: scale(0.9);
background-color: transparent;
transition: transform 0.3s;

&.swiper-slide-active {
transform: scale(1);
}
}

.image-holder {
position: relative;
height: 100%;
overflow: hidden;
border-radius: 7px;
box-shadow: 0px 10px 25px -7px darken($lumous-blue, 80%);

figure {
margin: 0;
display: block;
width: 100%;
height: 100%;
filter: brightness(60%);
transition: filter 0.3s;
border: 0px;
padding: 0;
border-radius: 7px;
overflow: hidden;

img {
height: 100%;
object-fit: cover;
display: block;
width: 100%;
}
}
}

.content {
height: auto;
position: relative;
transform: translateY(-80%);
box-shadow: 0px 20px 25px -10px darken($lumous-blue, 80%);
background-color: white;
width: 90%;
margin: 0 auto;
border-radius: 7px;
overflow: visible;
z-index: 1;
padding-bottom: 10px;
}

.teams {
display: flex;
justify-content: space-between;
width: 130px;
margin: 0 auto -25px auto;
height: 50px;
border-radius: 30px;
background-color: lighten(#cecece, 10%);
align-items: center;
padding: 0 15px;
position: relative;
transform: translateY(-25px);
z-index: 1;

span {
font-size: 1rem;
width: 12px;
height: 3px;
background-color: darken(#cecece, 15%);
}
img {
width: 33px;
height: 33px;
border-radius: 50%;
}
}

p, h4, h5 {
margin: 0;
padding: 0 10%;
text-align: center;
}

.event-details {
margin: 20px 0 5px;
color: darken(#cecece, 30%);
font-size: 0.8rem;
font-weight: 500;
}

h4 {
color: darken(#cecece, 50%);
font-size: 1.1rem;
line-height: 1.5;
}

h5 {
color: darken(#cecece, 50%);
font-size: 0.9rem;
line-height: 1.5;
}
}

+ 81
- 23
src/app/booking/booking.page.ts Näytä tiedosto

@@ -1,5 +1,7 @@
import { Component, OnInit } from '@angular/core';
import { Component, OnInit, ViewChild } from '@angular/core';
import { IonSlides } from '@ionic/angular';
import * as faker from 'faker';
import * as moment from 'moment';

@Component({
selector: 'app-booking',
@@ -7,9 +9,52 @@ import * as faker from 'faker';
styleUrls: ['./booking.page.scss'],
})
export class BookingPage implements OnInit {
@ViewChild('slides') slides: IonSlides;

selectedDate: Date;

teams = [{
name: 'RCB',
image: 'https://i.pinimg.com/originals/4f/f9/99/4ff99925fd51296daf76425b11c04195.jpg'
}, {
name: 'MI',
image: 'assets/logos/mi.svg',
}, {
name: 'CSK',
image: 'https://www.searchpng.com/wp-content/uploads/2019/02/Chennai-Super-Kings-Logo-PNG-Image-.png'
}];

stadiums = [{
name: 'Chinnaswamy',
sideView: 'https://www.royalchallengers.com/PRRCB01/public/styles/1061x767_landscape/public/2020-04/275679.jpg?h=61617f72&itok=6xKgHpE-',
topView: 'assets/home-team/stadium-tv.svg',
}, {
name: 'IS Bindra',
sideView: 'https://5.imimg.com/data5/VO/UB/MY-3103550/ae-cricket-stadium-lighting-500x500.jpg',
topView: 'assets/home-team/stadium-tv.svg'
}, {
name: 'Chidambaram Stadium',
sideView: 'https://sportzwiki.com/wp-content/uploads/2019/03/11.jpg',
topView: 'assets/home-team/stadium-tv.svg',
}];

slideOpts = {
slidesPerView: 1.5,
spaceBetween: 15,
initialSlide: 0,
centeredSlides: true,
simulateTouch: false,
followFinger: false,
};

bookingSeatsData: Array<{
dateTime: Date | string,
dateTime: Date,
staduim: {
name: string,
topView: string,
sideView: string,
},
matchType: string,
matchDetails: {
home: {
name: string,
@@ -31,19 +76,19 @@ export class BookingPage implements OnInit {

constructor() { }

getFormattedDateTime(dateTime: Date) {
return moment(dateTime).format('DD MMM');
}

ngOnInit() {
for (let i = 0; i < 3; i += 1) {
this.bookingSeatsData.push({
dateTime: faker.date.future(),
staduim : this.stadiums[i],
matchType: 'T20 League',
matchDetails: {
home: {
name: 'KXIP',
image: 'assets/home-team/KXIP.svg'
},
away: {
name: 'MI',
image: 'assets/home-team/KXIP.svg'
}
home: i !==1 ? this.teams[i] : { name: 'KXIP', image: 'assets/home-team/KXIP.svg' },
away: i ===1 ? this.teams[i] : { name: 'KXIP', image: 'assets/home-team/KXIP.svg' }
},
seatsAvailable: [{
stand: 'Grand',
@@ -61,25 +106,38 @@ export class BookingPage implements OnInit {
});
}

for (let i = 0; i < this.bookingSeatsData.length; i += 1) {
for (let j = 0; j < this.bookingSeatsData[i].seatsAvailable.length; j += 1) {

setTimeout(() => {
for (let i = 0; i < this.bookingSeatsData.length; i += 1) {
for (let j = 0; j < this.bookingSeatsData[i].seatsAvailable.length; j += 1) {
let price = faker.commerce.price();

let price = faker.commerce.price();

for (let k = 0; k < 5; k += 1) {
this.bookingSeatsData[i].seatsAvailable[j].seats.push({
id: this.bookingSeatsData[i].seatsAvailable[j].stand + '##' + k.toString(),
price
});
}
}
for (let k = 0; k < 5; k += 1) {
this.bookingSeatsData[i].seatsAvailable[j].seats.push({
id: this.bookingSeatsData[i].seatsAvailable[j].stand + '##' + k.toString(),
price
});
}
}
}, 100);
}

this.selectedDate = this.bookingSeatsData[0].dateTime;

console.log(this.bookingSeatsData);

}


getEventDateTime(dateTime: Date) {
return moment(dateTime).format('ddd, MMM DD YYYY hh:mm a');
}


selectMatchDate() {
this.slides.getActiveIndex().then((index) => this.selectedDate = this.bookingSeatsData[index].dateTime);
}

selectMatchCard(index: number) {
this.slides.slideTo(index);
}

}

+ 1
- 2
src/app/home/home.page.html Näytä tiedosto

@@ -13,8 +13,7 @@
<ion-slides #slides [options]="slideOpts" *ngIf="selectedTab === 'news'">
<ion-slide *ngFor="let news of newsData; let i = index"
[ngClass]="{'active' : selectedArticle === i}">
<ion-slide *ngFor="let news of newsData; let i = index">
<div class="image-holder">
<figure>
<img [src]="news.image">


+ 1
- 6
src/app/home/home.page.ts Näytä tiedosto

@@ -29,12 +29,11 @@ export class HomePage implements OnInit {
@ViewChild('slides') slides: IonSlides;
selectedTab: string = 'news';
selectedArticle: number = null;

slideOpts = {
slidesPerView: 1.5,
spaceBetween: 15,
initialSlide: 1,
initialSlide: 0,
centeredSlides: true,
simulateTouch: false,
followFinger: false,
@@ -108,10 +107,6 @@ export class HomePage implements OnInit {
}];
}

ngAfterViewInit() {
this.selectedArticle = 0;
}

getIndex(e: any) {
console.log(this.slides);
}


+ 347
- 0
src/assets/home-team/stadium-sv.svg Näytä tiedosto

@@ -0,0 +1,347 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 530 227.59" style="enable-background:new 0 0 530 227.59;" xml:space="preserve">
<style type="text/css">
.st0{fill:#009245;}
.st1{clip-path:url(#SVGID_2_);}
.st2{fill:#39B54A;}
.st3{fill:#4FC95B;}
.st4{fill:#C69C6D;}
.st5{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
.st6{fill:none;stroke:#FFFFFF;stroke-width:0.4;stroke-linecap:round;stroke-miterlimit:10;}
.st7{fill:none;stroke:#FFFFFF;stroke-width:0.25;stroke-linecap:round;stroke-miterlimit:10;}
.st8{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-linecap:round;stroke-miterlimit:10;}
.st9{fill:none;stroke:#FFFFFF;stroke-width:0.05;stroke-miterlimit:10;}
.st10{fill:#B3B3B3;}
.st11{fill:#999999;}
.st12{fill:#E6E6E6;}
.st13{fill:#CCCCCC;}
.st14{fill:#FFFFFF;}
</style>
<g>
<ellipse class="st0" cx="265" cy="149.14" rx="264.89" ry="76.63"/>
<g>
<defs>
<ellipse id="SVGID_1_" cx="265" cy="147.95" rx="262.28" ry="74.1"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g class="st1">
<polygon class="st2" points="-140.83,222.03 -183.85,222.03 81.78,72.85 99.5,72.85 "/>
<polygon class="st3" points="-97.81,222.03 -140.83,222.03 99.5,72.85 117.23,72.85 "/>
<polygon class="st2" points="-54.78,222.03 -97.81,222.03 117.23,72.85 134.96,72.85 "/>
<polygon class="st3" points="-11.76,222.03 -54.78,222.03 134.96,72.85 152.68,72.85 "/>
<polygon class="st2" points="31.27,222.03 -11.76,222.03 152.68,72.85 170.41,72.85 "/>
<polygon class="st3" points="74.29,222.03 31.27,222.03 170.41,72.85 188.13,72.85 "/>
<polygon class="st2" points="117.31,222.03 74.29,222.03 188.13,72.85 205.86,72.85 "/>
<polygon class="st3" points="160.34,222.03 117.31,222.03 205.86,72.85 223.58,72.85 "/>
<polygon class="st2" points="203.36,222.03 160.34,222.03 223.58,72.85 241.31,72.85 "/>
<polygon class="st3" points="246.39,222.03 203.36,222.03 241.31,72.85 259.03,72.85 "/>
<polygon class="st2" points="289.41,222.03 246.39,222.03 259.03,72.85 276.76,72.85 "/>
<polygon class="st3" points="332.43,222.03 289.41,222.03 276.76,72.85 294.49,72.85 "/>
<polygon class="st2" points="375.46,222.03 332.43,222.03 294.49,72.85 312.21,72.85 "/>
<polygon class="st3" points="418.48,222.03 375.46,222.03 312.21,72.85 329.94,72.85 "/>
<polygon class="st2" points="461.5,222.03 418.48,222.03 329.94,72.85 347.66,72.85 "/>
<polygon class="st3" points="504.53,222.03 461.5,222.03 347.66,72.85 365.39,72.85 "/>
<polygon class="st2" points="547.55,222.03 504.53,222.03 365.39,72.85 383.11,72.85 "/>
<polygon class="st3" points="590.58,222.03 547.55,222.03 383.11,72.85 400.84,72.85 "/>
<polygon class="st2" points="633.6,222.03 590.58,222.03 400.84,72.85 418.56,72.85 "/>
<polygon class="st3" points="676.62,222.03 633.6,222.03 418.56,72.85 436.29,72.85 "/>
<polygon class="st2" points="719.65,222.03 676.62,222.03 436.29,72.85 454.02,72.85 "/>
<polygon class="st3" points="762.67,222.03 719.65,222.03 454.02,72.85 471.74,72.85 "/>
<image style="overflow:visible;" width="309" height="151" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATUAAACXCAYAAAB0vMxVAAAACXBIWXMAAAsSAAALEgHS3X78AAAA
GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwVJREFUeNrs2UERAjEUBUEWVahA
AAIRgApcgQEuVAFL5ncLyCGHqZfKdgDY2fl+eXzqrM11AoWYiRqQitntdN1EDcjEzFIDlo7Zq6CJ
GpBYZ6IG5GImakAqZqIG/H3M3g2aqAGZmIkakIqZqAGpmIkakIqZqAG7xuwbQRM1IBMzUQNSMRM1
IBUzUQO+HrNfB03UQMwyMRM1ELNUzEQNxCwVM1EDMUvFTNRAzHJBEzUQs0zMRA3ELBUzUQNBS8VM
1EDMUjETNRCzXNBEDcQsEzNRAzFLxUzUQMxSMRM1GB6zYtBEDcQsR9RAzEQNEDNRA8RM1EDMBE3U
QMwGEzUQM1EDxEzUQMwETdRAzMRM1EDMRA0QM1EDMRMzUQNBEzRRAzFD1EDMRA0QM1EDMRM0UQMx
Q9RAzBA1EDNRAzETM1EDMRM0UQMxQ9RAzBA1xEzMRA3ETNBEDcQMUQMxQ9QQMzFD1BAzMRM1mBcz
QRM1EDNEDTw1ETXETMwQNcRMzEQNojETNFEDMUPUQMwQNcRMzBA1xEzQEDXEDFEDMUPUEDMxQ9QQ
MzFD1BgTM0FD1BAzRA3EDFFDzMQMUUPMBA1RQ8xA1BAzRA0xEzNEDTETM0QNQQNRQ8xA1MRMzBA1
xEzMEDUGx0zQEDXEDERNzMQMRE3MxAxRQ8zEDFEjGjNBQ9QQMxA1MRMzEDUxEzNEDTETNEQNMQNR
Q8xA1MRMzEDUxEzMEDXGxEzQEDXEDERN0MQMRE3MxAxETczEDEQtGjNBQ9QQMxA1MRMzEDUxEzMQ
NTETNBA1MQNREzMxA1ETMzEDURMzMQNRGxMzQQNREzNgTtTEDERNzMQMRE3MBA1ETcwAURMzIBg1
MQMyUfMJACSiZp0BiaiJGZCImpgBiaiJGZCI2ioxEzQQNTED+lETMyARNTEDElETMyARtZViJmgg
amIGtKMmZkAiamIGJKK2WswEDURNzIBu1MQMSERNzIBE1MQMSERtxZgJGoiadQZ0oyZmQCJqYgYk
oiZmQMlR0ICSpwADAGRUVyb2R6qxAAAAAElFTkSuQmCC" transform="matrix(1 0 0 1 -227 72)">
</image>
</g>
</g>
<polygon class="st4" points="286.34,150.26 249.46,150.26 253.92,96.38 281.65,96.38 "/>
<ellipse class="st5" cx="265" cy="144.23" rx="249.65" ry="67.87"/>
<ellipse class="st5" cx="265" cy="128.94" rx="161.82" ry="43.99"/>
<line class="st6" x1="265.45" y1="98" x2="265.45" y2="92.3"/>
<line class="st6" x1="267.01" y1="98" x2="267.01" y2="92.3"/>
<line class="st6" x1="268.56" y1="98" x2="268.56" y2="92.3"/>
<line class="st7" x1="265.53" y1="91.88" x2="266.88" y2="91.88"/>
<line class="st7" x1="267.09" y1="91.88" x2="268.44" y2="91.88"/>
<g>
<line class="st8" x1="264.78" y1="148.87" x2="264.78" y2="140.72"/>
<line class="st8" x1="267.03" y1="148.87" x2="267.03" y2="140.72"/>
<line class="st8" x1="269.28" y1="148.87" x2="269.28" y2="140.72"/>
<line class="st8" x1="264.9" y1="140.11" x2="266.85" y2="140.11"/>
<line class="st8" x1="267.15" y1="140.11" x2="269.1" y2="140.11"/>
</g>
<line class="st9" x1="254.24" y1="100.27" x2="281.55" y2="100.27"/>
<line class="st9" x1="284.56" y1="143.55" x2="251.23" y2="143.55"/>
<path class="st10" d="M529.7,140.47c-0.03-0.48-0.05-0.97-0.09-1.46c-0.14-2.29-0.36-4.62-0.68-6.98
c-0.06-0.45-0.12-0.91-0.19-1.37c-0.03-0.22-0.07-0.44-0.1-0.66c-0.21-1.3-0.45-2.6-0.73-3.91c-0.42-2.05-0.95-4.12-1.58-6.19
c0-0.01-0.01-0.02-0.01-0.02c-1.35-4.41-3.19-8.85-5.72-13.28c-0.65-1.14-1.34-2.28-2.09-3.41c-1.22-1.86-2.57-3.72-4.08-5.56
C489.91,67.41,426.78,40.85,265,40.85c-136.91,0-203.85,21.51-236.08,47.84c-2.52,2.06-4.82,4.14-6.93,6.24
c-0.19,0.19-0.37,0.38-0.55,0.56c-2.14,2.17-4.07,4.37-5.81,6.57c-4.95,6.26-8.4,12.62-10.77,18.89c0,0.01-0.01,0.02-0.01,0.02
c-0.41,1.1-0.79,2.2-1.14,3.29c-0.04,0.13-0.08,0.27-0.12,0.4c-0.09,0.28-0.18,0.57-0.27,0.85c0,0.01,0,0.01,0,0.02
c-0.65,2.16-1.18,4.3-1.6,6.41c-0.09,0.44-0.18,0.87-0.26,1.31c0,0.01,0,0.01,0,0.01c-0.41,2.23-0.71,4.43-0.92,6.59
c-0.04,0.45-0.08,0.9-0.12,1.35c-0.22,2.66-0.31,5.25-0.31,7.76c0,0.33,0.01,0.66,0.02,0.99c0,0.01,0,0.01,0,0.02
C2,191.82,119.87,225.59,265,225.59s263-33.77,264.87-75.62c0-0.01,0-0.01,0-0.02c0.01-0.33,0.02-0.66,0.02-0.99
C529.89,146.22,529.85,143.38,529.7,140.47z M526.29,138.29c-0.15,1.43-0.46,2.85-0.93,4.26c-0.1-0.34-0.21-0.67-0.34-1
c-13.65,36.46-124.86,64.9-260.02,64.9S18.63,178.01,4.98,141.55c0.11-0.29,0.22-0.59,0.34-0.88
c24.36,35.05,131.36,61.44,259.68,61.44s235.32-26.39,259.68-61.44c0.41-0.58,0.8-1.17,1.15-1.77c0.15-0.22,0.28-0.45,0.42-0.68
C526.26,138.24,526.27,138.27,526.29,138.29z M265,63.51c135.82,0,247.46,28.72,260.21,65.44c-0.54,1.56-1.26,3.1-2.16,4.63
c-0.36,0.64-0.77,1.28-1.21,1.92C498.9,169.07,392.63,194.45,265,194.45S31.1,169.07,8.16,135.5c-0.44-0.64-0.85-1.28-1.21-1.92
c-0.9-1.53-1.62-3.07-2.16-4.63C17.54,92.23,129.18,63.51,265,63.51z"/>
<path class="st11" d="M529.87,124.49c0-0.01,0-0.01,0-0.02c-0.33-7.39-4.28-14.53-11.36-21.28c-4.64-4.43-10.64-8.69-17.86-12.74
c-0.09-0.05-0.18-0.11-0.28-0.16c-12.11-6.77-27.6-12.94-45.83-18.35c-0.82-0.25-1.65-0.49-2.48-0.72
c-0.75-0.21-1.5-0.42-2.26-0.64C402.07,57.13,336.88,48.85,265,48.85S127.93,57.13,80.2,70.58c-0.76,0.22-1.51,0.43-2.26,0.64
c-0.83,0.23-1.66,0.47-2.48,0.72c-18.23,5.41-33.72,11.58-45.83,18.35c-0.1,0.05-0.19,0.11-0.28,0.16
c-2.62,1.47-5.07,2.96-7.36,4.48C8.35,104,0.6,113.98,0.13,124.47c0,0.01,0,0.01,0,0.02c-0.01,0.33-0.02,0.66-0.02,0.99
c0,1.68,0.19,3.35,0.56,5c0.07,0.33,0.15,0.66,0.24,1c0.16,0.59,0.34,1.18,0.55,1.77c0,0.01,0,0.01,0,0.01
c0.57,1.64,1.31,3.25,2.23,4.85c0.02,0.04,0.04,0.07,0.06,0.11c0.14,0.23,0.27,0.46,0.42,0.68c0.35,0.6,0.74,1.19,1.15,1.77
c24.36,35.05,131.36,61.44,259.68,61.44s235.32-26.39,259.68-61.44c0.41-0.58,0.8-1.17,1.15-1.77c0.15-0.22,0.28-0.45,0.42-0.68
c0.02-0.04,0.04-0.07,0.06-0.11c1.15-2,2.03-4.03,2.62-6.08c0.06-0.19,0.11-0.37,0.16-0.55c0.09-0.34,0.17-0.67,0.24-1
c0.37-1.65,0.56-3.32,0.56-5C529.89,125.15,529.88,124.82,529.87,124.49z M265,51.35c143.18,0,259.48,31.94,261.41,71.55v0.13
c0.01,0.29,0.02,0.58,0.02,0.87c0,0.37-0.01,0.73-0.03,1.1c-0.07,1.32-0.27,2.64-0.6,3.94c-0.07,0.33-0.16,0.67-0.27,1
c-0.44,1.5-1.05,3-1.83,4.47c-0.36,0.7-0.77,1.4-1.2,2.1c-21.52,34.06-128.62,59.94-257.5,59.94S29.02,170.57,7.5,136.51
c-0.43-0.7-0.84-1.4-1.2-2.1c-0.78-1.47-1.39-2.97-1.83-4.47c-0.11-0.33-0.2-0.67-0.27-1c-0.33-1.3-0.53-2.62-0.6-3.94
c-0.01-0.11-0.01-0.23-0.01-0.34c-0.02-0.25-0.02-0.51-0.02-0.76c0-0.29,0.01-0.58,0.02-0.87v-0.13
c0.36-7.25,4.55-14.25,12.04-20.84C49.03,72.66,148.05,51.35,265,51.35z"/>
<path class="st11" d="M529.87,136.49c0-0.01,0-0.01,0-0.02c-0.08-1.68-0.34-3.34-0.78-4.99c-0.09-0.33-0.19-0.66-0.29-1
c-0.05-0.16-0.1-0.32-0.16-0.48c-0.56-1.68-1.31-3.35-2.24-5c-0.06-0.09-0.11-0.19-0.16-0.28C505.23,88.47,396.27,60.85,265,60.85
S24.77,88.47,3.76,124.72c-0.05,0.09-0.1,0.19-0.16,0.28c-0.09,0.17-0.18,0.34-0.28,0.51c0,0.01,0,0.01,0,0.02
c-0.89,1.63-1.6,3.29-2.12,4.95c-0.1,0.34-0.2,0.67-0.29,1c-0.44,1.65-0.7,3.31-0.78,4.99c0,0.01,0,0.01,0,0.02
c-0.01,0.33-0.02,0.66-0.02,0.99c0,1.25,0.1,2.49,0.31,3.72c0.16,1.01,0.4,2.02,0.7,3.02c0.58,1.92,1.41,3.83,2.47,5.71
c20.56,36.4,129.76,64.18,261.41,64.18s240.85-27.78,261.41-64.18c1.06-1.88,1.89-3.79,2.47-5.71c0.37-1.24,0.64-2.49,0.82-3.75
c0.12-0.99,0.19-1.99,0.19-2.99C529.89,137.15,529.88,136.82,529.87,136.49z M3.59,134.98c0.09-1.69,0.38-3.37,0.88-5.04
c0.09-0.33,0.2-0.66,0.32-0.99C17.54,92.23,129.18,63.51,265,63.51s247.46,28.72,260.21,65.44c0.12,0.33,0.23,0.66,0.32,0.99
c0.5,1.67,0.79,3.35,0.88,5.04c0.01,0.31,0.02,0.61,0.02,0.92v0.08c0,0.71-0.04,1.42-0.12,2.13c0,0.06,0,0.12-0.02,0.18
c-0.15,1.43-0.46,2.85-0.93,4.26c-11.98,36.94-123.97,65.9-260.36,65.9S16.62,179.49,4.64,142.55c-0.47-1.41-0.78-2.83-0.93-4.26
c-0.02-0.06-0.02-0.12-0.02-0.18c-0.08-0.71-0.12-1.42-0.12-2.13v-0.08C3.57,135.59,3.58,135.29,3.59,134.98z"/>
<path class="st11" d="M529.87,149.97c0-0.01,0-0.01,0-0.02c-0.09-1.93-0.42-3.84-0.99-5.73c-0.1-0.33-0.21-0.67-0.33-1
c-0.57-1.66-1.33-3.3-2.26-4.93c-0.15,1.43-0.46,2.85-0.93,4.26c0.59,1.79,0.93,3.59,1.03,5.42c0.03,0.39,0.04,0.79,0.04,1.18
c0,0.26,0,0.52-0.02,0.78c-1.5,39.83-117.97,72-261.41,72s-259.91-32.17-261.41-72c-0.02-0.26-0.02-0.52-0.02-0.78
c0-0.39,0.01-0.79,0.04-1.18c0.1-1.83,0.44-3.63,1.03-5.42c0.1-0.34,0.21-0.67,0.34-1c0.11-0.29,0.22-0.59,0.34-0.88
c0.17-0.41,0.36-0.81,0.56-1.22c0.46-0.99,1.01-1.97,1.62-2.94c0.21-0.34,0.43-0.67,0.66-1.01c-0.44-0.64-0.85-1.28-1.21-1.92
c-0.22,0.28-0.44,0.56-0.65,0.83c-0.7,0.93-1.35,1.87-1.94,2.81c-0.14,0.22-0.28,0.45-0.41,0.68c-0.07,0.11-0.13,0.21-0.2,0.32
c-0.01,0.02-0.02,0.05-0.04,0.07c-0.93,1.63-1.69,3.27-2.26,4.93c-0.12,0.33-0.23,0.67-0.33,1c-0.57,1.89-0.9,3.8-0.99,5.73
c0,0.01,0,0.01,0,0.02c-0.01,0.33-0.02,0.66-0.02,0.99c0,42.32,118.59,76.63,264.89,76.63s264.89-34.31,264.89-76.63
C529.89,150.63,529.88,150.3,529.87,149.97z M524.12,139.45c0.2,0.41,0.39,0.81,0.56,1.22c0.41-0.58,0.8-1.17,1.15-1.77
c0.15-0.22,0.28-0.45,0.42-0.68c-0.07-0.11-0.13-0.21-0.2-0.32c-0.13-0.23-0.27-0.46-0.41-0.68c-0.59-0.94-1.24-1.88-1.94-2.81
c-0.21-0.27-0.43-0.55-0.65-0.83c-0.36,0.64-0.77,1.28-1.21,1.92c0.23,0.34,0.45,0.67,0.66,1.01
C523.11,137.48,523.66,138.46,524.12,139.45z"/>
<path class="st12" d="M514.43,97.63C477.77,68.03,379.94,46.85,265,46.85c-103,0-192.27,17.01-236.08,41.84
C10.5,99.13,0.11,110.96,0.11,123.48c0,0.33,0.01,0.66,0.02,0.99c0,0.01,0,0.01,0,0.02c0.08,1.68,0.34,3.34,0.78,4.99
c0.09,0.33,0.19,0.66,0.29,1c0.15,0.49,0.32,0.98,0.52,1.46c0.49,1.33,1.11,2.65,1.85,3.96c0.04,0.07,0.08,0.14,0.12,0.21
c0.21,0.37,0.44,0.74,0.67,1.11c0.47,0.75,0.97,1.49,1.52,2.23c25.39,34.66,131.75,60.66,259.12,60.66s233.73-26,259.12-60.66
c0.55-0.74,1.05-1.48,1.52-2.23c0.23-0.37,0.46-0.74,0.67-1.11c0.04-0.07,0.08-0.14,0.12-0.21c0.97-1.73,1.75-3.48,2.31-5.24
c0.02-0.06,0.04-0.12,0.06-0.18c0.1-0.34,0.2-0.67,0.29-1c0.44-1.65,0.7-3.31,0.78-4.99c0-0.01,0-0.01,0-0.02
c0.01-0.33,0.02-0.66,0.02-0.99C529.89,114.41,524.44,105.7,514.43,97.63z M29.63,90.29c11.83-6.77,27.35-12.96,45.83-18.35
c0.82-0.25,1.65-0.49,2.48-0.72C125.41,57.73,191.68,49.35,265,49.35s139.59,8.38,187.06,21.87c0.83,0.23,1.66,0.47,2.48,0.72
c18.48,5.39,34,11.58,45.83,18.35c0.1,0.05,0.19,0.11,0.28,0.16c8.82,5.08,15.58,10.49,19.95,16.15c3.33,4.3,5.28,8.73,5.72,13.28
c0,0,0.01,0.01,0.01,0.02c0.07,0.66,0.1,1.33,0.1,2c0,0.33-0.01,0.67-0.02,1c-0.01,0.03-0.01,0.06-0.01,0.1
c-0.03,0.58-0.09,1.15-0.16,1.72c-0.15,1.08-0.39,2.16-0.71,3.22c-0.09,0.34-0.2,0.67-0.32,1.01c-0.54,1.56-1.26,3.1-2.16,4.63
c-0.36,0.64-0.77,1.28-1.21,1.92C498.9,169.07,392.63,194.45,265,194.45S31.1,169.07,8.16,135.5c-0.44-0.64-0.85-1.28-1.21-1.92
c-0.9-1.53-1.62-3.07-2.16-4.63c-0.12-0.34-0.23-0.67-0.32-1.01c-0.32-1.06-0.56-2.14-0.71-3.22c-0.02-0.15-0.04-0.3-0.05-0.46
c-0.05-0.42-0.09-0.84-0.11-1.26c0-0.04,0-0.07-0.01-0.1c-0.01-0.33-0.02-0.67-0.02-1c0-9.32,6.33-18.23,17.87-26.41
c2.41-1.72,5.05-3.4,7.91-5.04C29.44,90.4,29.53,90.34,29.63,90.29z"/>
<path class="st12" d="M529.33,130.48c-0.07-0.33-0.15-0.66-0.24-1c-0.3-1.13-0.69-2.27-1.18-3.39c-0.42-1.03-0.93-2.05-1.5-3.06
c0-0.01-0.01-0.02-0.01-0.03C505.8,86.62,396.61,58.85,265,58.85c-129.13,0-236.67,26.73-260.14,62.1c0,0.01-0.01,0.02-0.01,0.02
c-0.45,0.68-0.86,1.35-1.25,2.03c0,0.01-0.01,0.02-0.01,0.03c-1.2,2.12-2.1,4.28-2.68,6.45c-0.09,0.34-0.17,0.67-0.24,1
c-0.37,1.65-0.56,3.32-0.56,5c0,0.33,0.01,0.66,0.02,0.99c0,0.01,0,0.01,0,0.02c0.05,1.13,0.19,2.25,0.41,3.36
c0.21,1.13,0.52,2.26,0.91,3.37c0.55,1.6,1.27,3.18,2.16,4.75C24.22,184.35,133.4,212.11,265,212.11s240.78-27.76,261.39-64.14
c0.89-1.57,1.61-3.15,2.16-4.75c0.49-1.39,0.84-2.79,1.06-4.21c0.13-0.83,0.22-1.68,0.26-2.52c0-0.01,0-0.01,0-0.02
c0.01-0.33,0.02-0.66,0.02-0.99C529.89,133.8,529.7,132.13,529.33,130.48z M525.36,142.55c-0.1-0.34-0.21-0.67-0.34-1
c-13.65,36.46-124.86,64.9-260.02,64.9S18.63,178.01,4.98,141.55c-0.33-0.88-0.6-1.76-0.81-2.65c-0.09-0.33-0.16-0.67-0.22-1
c-0.12-0.59-0.21-1.19-0.26-1.79c-0.05-0.38-0.08-0.75-0.1-1.13c-0.01-0.33-0.02-0.67-0.02-1c0-1.69,0.21-3.38,0.63-5.04
c0.08-0.33,0.17-0.67,0.27-1C15.54,90.75,127.96,61.51,265,61.51s249.46,29.24,260.53,66.43c0.1,0.33,0.19,0.67,0.27,1
c0.42,1.66,0.63,3.35,0.63,5.04c0,0.33-0.01,0.67-0.02,1c-0.02,0.38-0.05,0.75-0.1,1.13c-0.05,0.6-0.14,1.2-0.26,1.79
c-0.06,0.33-0.13,0.67-0.22,1c0.15-0.22,0.28-0.45,0.42-0.68c0.01,0.02,0.02,0.05,0.04,0.07
C526.14,139.72,525.83,141.14,525.36,142.55z"/>
<path class="st10" d="M526.29,138.29c-0.15,1.43-0.46,2.85-0.93,4.26c-0.1-0.34-0.21-0.67-0.34-1
c-13.65,36.46-124.86,64.9-260.02,64.9S18.63,178.01,4.98,141.55c0.11-0.29,0.22-0.59,0.34-0.88
c24.36,35.05,131.36,61.44,259.68,61.44s235.32-26.39,259.68-61.44c0.41-0.58,0.8-1.17,1.15-1.77c0.15-0.22,0.28-0.45,0.42-0.68
C526.26,138.24,526.27,138.27,526.29,138.29z"/>
<path class="st10" d="M489.96,99.04C444.4,77.77,360.7,63.51,265,63.51S85.6,77.77,40.04,99.04
c-18.07,8.44-30.13,17.98-34.57,28.16c0.75,1.07,1.58,2.13,2.49,3.18c0.44,0.51,0.89,1.01,1.37,1.51
c30.52,32.57,133.42,56.53,255.67,56.53s225.15-23.96,255.67-56.53c0.48-0.5,0.93-1,1.37-1.51c0.91-1.05,1.74-2.11,2.49-3.18
C520.09,117.02,508.03,107.48,489.96,99.04z M261.48,184.71c-128.25,0-232.21-23.44-232.21-52.36c0-7.24,6.52-14.14,18.31-20.41
c35.28-18.77,117.77-31.95,213.9-31.95c100.11,0,185.43,14.29,218.04,34.31c9.17,5.63,14.17,11.71,14.17,18.05
C493.69,161.27,389.73,184.71,261.48,184.71z"/>
<path class="st10" d="M525.21,128.95c-0.4,1.16-0.91,2.32-1.51,3.46c-0.2,0.39-0.42,0.78-0.65,1.17c-0.17,0.31-0.36,0.62-0.55,0.93
c-0.21,0.33-0.43,0.66-0.66,0.99C498.9,169.07,392.63,194.45,265,194.45S31.1,169.07,8.16,135.5c-0.23-0.33-0.45-0.66-0.66-0.99
c-0.19-0.31-0.38-0.62-0.55-0.93c-0.23-0.39-0.45-0.78-0.65-1.17c-0.6-1.14-1.11-2.3-1.51-3.46c0.2-0.58,0.43-1.17,0.68-1.75
c0.75,1.07,1.58,2.13,2.49,3.18c0.44,0.51,0.89,1.01,1.37,1.51c30.52,32.57,133.42,56.53,255.67,56.53s225.15-23.96,255.67-56.53
c0.48-0.5,0.93-1,1.37-1.51c0.91-1.05,1.74-2.11,2.49-3.18C524.78,127.78,525.01,128.37,525.21,128.95z"/>
<path class="st12" d="M486.85,107.07C439.56,86.15,357.86,72.33,265,72.33S90.44,86.15,43.15,107.07
c-15.94,7.05-27.96,14.91-35.19,23.31c0.44,0.51,0.89,1.01,1.37,1.51c6.54-8.54,18.45-16.51,34.7-23.65
C90.38,87.89,172.02,74.37,265,74.37s174.62,13.52,220.97,33.87c16.25,7.14,28.16,15.11,34.7,23.65c0.48-0.5,0.93-1,1.37-1.51
C514.81,121.98,502.79,114.12,486.85,107.07z M523.7,132.41c-0.2,0.39-0.42,0.78-0.65,1.17c-0.17,0.31-0.36,0.62-0.55,0.93
c2.58,4.1,3.93,8.33,3.93,12.64c0,40.19-117.05,72.78-261.43,72.78S3.57,187.34,3.57,147.15c0-4.31,1.35-8.54,3.93-12.64
c-0.19-0.31-0.38-0.62-0.55-0.93c-0.23-0.39-0.45-0.78-0.65-1.17c-4.05,5.33-6.19,10.87-6.19,16.55
c0,42.32,118.59,76.63,264.89,76.63s264.89-34.31,264.89-76.63C529.89,143.28,527.75,137.74,523.7,132.41z"/>
<path class="st11" d="M265,35.15c-146.3,0-264.89,34.31-264.89,76.63c0,5.28,1.85,10.44,5.36,15.42c0.75,1.07,1.58,2.13,2.49,3.18
c0.44,0.51,0.89,1.01,1.37,1.51c30.52,32.57,133.42,56.53,255.67,56.53s225.15-23.96,255.67-56.53c0.48-0.5,0.93-1,1.37-1.51
c0.91-1.05,1.74-2.11,2.49-3.18c3.51-4.98,5.36-10.14,5.36-15.42C529.89,69.46,411.3,35.15,265,35.15z M265,44.55
c124.26,0,225,23.98,225,53.55c0,0.31-0.01,0.63-0.04,0.94c-0.19,2.73-1.25,5.41-3.11,8.03c-0.27,0.39-0.56,0.78-0.88,1.17
c-1.66,2.07-3.82,4.09-6.45,6.06c-28.85,21.66-113.99,37.36-214.52,37.36c-104.16,0-191.79-16.85-217.42-39.72
c-1.36-1.22-2.55-2.45-3.55-3.7c-0.32-0.39-0.61-0.78-0.88-1.17c-1.86-2.62-2.92-5.3-3.11-8.03C40.01,98.73,40,98.41,40,98.1
C40,68.53,140.74,44.55,265,44.55z"/>
<path class="st12" d="M265,31.45c-146.3,0-264.89,34.31-264.89,76.63c0,42.32,118.6,76.63,264.89,76.63s264.89-34.31,264.89-76.63
C529.89,65.75,411.3,31.45,265,31.45z M265,147.95c-124.26,0-225-23.98-225-53.56c0-29.58,100.74-53.56,225-53.56
c124.26,0,225,23.98,225,53.56C490,123.97,389.26,147.95,265,147.95z"/>
<rect x="255.12" y="196.24" class="st12" width="24.04" height="31.34"/>
<rect x="261.2" y="208.44" class="st11" width="11.87" height="19.14"/>
<g>
<rect x="435.5" y="17.25" class="st12" width="1.02" height="39.48"/>
<rect x="436.52" y="17.25" class="st13" width="1.02" height="39.48"/>
<g>
<polygon class="st13" points="443.67,21.58 428.35,13.54 428.35,0 443.67,8.67 "/>
<polygon class="st12" points="443.22,21.58 428.35,13.71 428.35,0.45 443.22,8.94 "/>
<g>
<path class="st14" d="M431.28,3.57c0,0.62-0.55,0.81-1.23,0.43c-0.68-0.38-1.24-1.2-1.24-1.82s0.55-0.81,1.24-0.42
C430.73,2.14,431.28,2.95,431.28,3.57z"/>
<path class="st14" d="M434.24,5.25c0,0.61-0.54,0.81-1.2,0.43c-0.67-0.38-1.21-1.18-1.21-1.8s0.54-0.81,1.21-0.43
C433.7,3.83,434.24,4.64,434.24,5.25z"/>
<path class="st14" d="M437.15,6.89c0,0.61-0.53,0.8-1.18,0.43c-0.66-0.37-1.19-1.17-1.19-1.78s0.53-0.8,1.19-0.43
C436.62,5.5,437.15,6.29,437.15,6.89z"/>
<path class="st14" d="M440,8.51c0,0.6-0.52,0.8-1.16,0.44c-0.64-0.36-1.17-1.15-1.17-1.75s0.52-0.8,1.17-0.43
C439.48,7.13,440,7.91,440,8.51z"/>
<path class="st14" d="M442.8,10.09c0,0.6-0.51,0.79-1.14,0.44c-0.63-0.36-1.15-1.13-1.15-1.73s0.51-0.79,1.15-0.43
C442.29,8.73,442.8,9.5,442.8,10.09z"/>
<path class="st14" d="M431.28,6.13c0,0.62-0.55,0.82-1.23,0.44c-0.68-0.38-1.24-1.19-1.24-1.81s0.55-0.82,1.24-0.43
C430.73,4.7,431.28,5.51,431.28,6.13z"/>
<path class="st14" d="M434.24,7.78c0,0.61-0.54,0.81-1.2,0.44c-0.67-0.37-1.21-1.17-1.21-1.79s0.54-0.81,1.21-0.44
C433.7,6.37,434.24,7.17,434.24,7.78z"/>
<path class="st14" d="M437.15,9.41c0,0.61-0.53,0.81-1.18,0.44c-0.66-0.36-1.19-1.16-1.19-1.77s0.53-0.81,1.19-0.44
C436.62,8.01,437.15,8.8,437.15,9.41z"/>
<path class="st14" d="M440,11c0,0.6-0.52,0.8-1.16,0.45c-0.64-0.36-1.17-1.14-1.17-1.74c0-0.61,0.52-0.8,1.17-0.44
C439.48,9.62,440,10.4,440,11z"/>
<path class="st14" d="M442.8,12.56c0,0.6-0.51,0.8-1.14,0.45c-0.63-0.35-1.15-1.12-1.15-1.72s0.51-0.8,1.15-0.44
C442.29,11.2,442.8,11.96,442.8,12.56z"/>
<path class="st14" d="M431.28,8.69c0,0.62-0.55,0.82-1.23,0.45c-0.68-0.37-1.24-1.18-1.24-1.8s0.55-0.82,1.24-0.44
C430.73,7.27,431.28,8.07,431.28,8.69z"/>
<path class="st14" d="M434.24,10.32c0,0.61-0.54,0.82-1.2,0.45c-0.67-0.37-1.21-1.16-1.21-1.78s0.54-0.82,1.21-0.45
C433.7,8.91,434.24,9.71,434.24,10.32z"/>
<path class="st14" d="M437.15,11.92c0,0.61-0.53,0.81-1.18,0.45c-0.66-0.36-1.19-1.15-1.19-1.76s0.53-0.81,1.19-0.45
C436.62,10.53,437.15,11.31,437.15,11.92z"/>
<path class="st14" d="M440,13.48c0,0.6-0.52,0.81-1.16,0.45c-0.64-0.35-1.17-1.13-1.17-1.73c0-0.61,0.52-0.81,1.17-0.45
C439.48,12.11,440,12.88,440,13.48z"/>
<path class="st14" d="M442.8,15.02c0,0.6-0.51,0.8-1.14,0.46c-0.63-0.35-1.15-1.11-1.15-1.71s0.51-0.8,1.15-0.45
C442.29,13.66,442.8,14.43,442.8,15.02z"/>
<path class="st14" d="M431.28,11.25c0,0.62-0.55,0.82-1.23,0.46c-0.68-0.37-1.24-1.17-1.24-1.79s0.55-0.83,1.24-0.45
C430.73,9.83,431.28,10.63,431.28,11.25z"/>
<path class="st14" d="M434.24,12.85c0,0.61-0.54,0.82-1.2,0.46c-0.67-0.36-1.21-1.15-1.21-1.77c0-0.62,0.54-0.82,1.21-0.46
C433.7,11.45,434.24,12.24,434.24,12.85z"/>
<path class="st14" d="M437.15,14.43c0,0.61-0.53,0.81-1.18,0.46c-0.66-0.35-1.19-1.14-1.19-1.75c0-0.61,0.53-0.82,1.19-0.46
C436.62,13.04,437.15,13.82,437.15,14.43z"/>
<path class="st14" d="M440,15.97c0,0.6-0.52,0.81-1.16,0.46c-0.64-0.35-1.17-1.12-1.17-1.73c0-0.61,0.52-0.81,1.17-0.46
C439.48,14.6,440,15.37,440,15.97z"/>
<path class="st14" d="M442.8,17.49c0,0.6-0.51,0.8-1.14,0.47c-0.63-0.34-1.15-1.1-1.15-1.7c0-0.6,0.51-0.81,1.15-0.46
C442.29,16.13,442.8,16.89,442.8,17.49z"/>
<path class="st14" d="M431.28,13.81c0,0.62-0.55,0.83-1.23,0.47c-0.68-0.36-1.24-1.16-1.24-1.78s0.55-0.83,1.24-0.46
C430.73,12.39,431.28,13.19,431.28,13.81z"/>
<path class="st14" d="M434.24,15.39c0,0.61-0.54,0.82-1.2,0.47c-0.67-0.35-1.21-1.14-1.21-1.76c0-0.62,0.54-0.83,1.21-0.47
C433.7,13.99,434.24,14.77,434.24,15.39z"/>
<path class="st14" d="M437.15,16.94c0,0.61-0.53,0.82-1.18,0.47c-0.66-0.35-1.19-1.13-1.19-1.74c0-0.61,0.53-0.82,1.19-0.47
C436.62,15.56,437.15,16.33,437.15,16.94z"/>
<path class="st14" d="M440,18.46c0,0.6-0.52,0.81-1.16,0.47c-0.64-0.34-1.17-1.11-1.17-1.72c0-0.61,0.52-0.82,1.17-0.47
C439.48,17.09,440,17.86,440,18.46z"/>
<path class="st14" d="M442.8,19.95c0,0.6-0.51,0.81-1.14,0.48c-0.63-0.34-1.15-1.09-1.15-1.69s0.51-0.81,1.15-0.47
C442.29,18.6,442.8,19.36,442.8,19.95z"/>
</g>
</g>
</g>
<g>
<rect x="77.95" y="17.25" transform="matrix(-1 -4.555701e-11 4.555701e-11 -1 156.9103 73.9711)" class="st12" width="1.02" height="39.48"/>
<rect x="76.93" y="17.25" transform="matrix(-1 -4.466351e-11 4.466351e-11 -1 154.874 73.9711)" class="st13" width="1.02" height="39.48"/>
<g>
<polygon class="st13" points="70.79,21.58 86.12,13.54 86.12,0 70.79,8.67 "/>
<polygon class="st12" points="71.24,21.58 86.12,13.71 86.12,0.45 71.24,8.94 "/>
<g>
<path class="st14" d="M83.19,3.57c0,0.62,0.55,0.81,1.23,0.43c0.68-0.38,1.24-1.2,1.24-1.82s-0.55-0.81-1.24-0.42
C83.74,2.14,83.19,2.95,83.19,3.57z"/>
<path class="st14" d="M80.23,5.25c0,0.61,0.54,0.81,1.2,0.43c0.67-0.38,1.21-1.18,1.21-1.8s-0.54-0.81-1.21-0.43
C80.76,3.83,80.23,4.64,80.23,5.25z"/>
<path class="st14" d="M77.32,6.89c0,0.61,0.53,0.8,1.18,0.43c0.66-0.37,1.19-1.17,1.19-1.78s-0.53-0.8-1.19-0.43
C77.85,5.5,77.32,6.29,77.32,6.89z"/>
<path class="st14" d="M74.47,8.51c0,0.6,0.52,0.8,1.16,0.44c0.64-0.36,1.17-1.15,1.17-1.75s-0.52-0.8-1.17-0.43
C74.99,7.13,74.47,7.91,74.47,8.51z"/>
<path class="st14" d="M71.67,10.09c0,0.6,0.51,0.79,1.14,0.44c0.63-0.36,1.15-1.13,1.15-1.73s-0.51-0.79-1.15-0.43
C72.18,8.73,71.67,9.5,71.67,10.09z"/>
<path class="st14" d="M83.19,6.13c0,0.62,0.55,0.82,1.23,0.44c0.68-0.38,1.24-1.19,1.24-1.81s-0.55-0.82-1.24-0.43
C83.74,4.7,83.19,5.51,83.19,6.13z"/>
<path class="st14" d="M80.23,7.78c0,0.61,0.54,0.81,1.2,0.44c0.67-0.37,1.21-1.17,1.21-1.79S82.1,5.62,81.43,6
C80.76,6.37,80.23,7.17,80.23,7.78z"/>
<path class="st14" d="M77.32,9.41c0,0.61,0.53,0.81,1.18,0.44c0.66-0.36,1.19-1.16,1.19-1.77s-0.53-0.81-1.19-0.44
C77.85,8.01,77.32,8.8,77.32,9.41z"/>
<path class="st14" d="M74.47,11c0,0.6,0.52,0.8,1.16,0.45c0.64-0.36,1.17-1.14,1.17-1.74c0-0.61-0.52-0.8-1.17-0.44
C74.99,9.62,74.47,10.4,74.47,11z"/>
<path class="st14" d="M71.67,12.56c0,0.6,0.51,0.8,1.14,0.45c0.63-0.35,1.15-1.12,1.15-1.72s-0.51-0.8-1.15-0.44
C72.18,11.2,71.67,11.96,71.67,12.56z"/>
<path class="st14" d="M83.19,8.69c0,0.62,0.55,0.82,1.23,0.45c0.68-0.37,1.24-1.18,1.24-1.8s-0.55-0.82-1.24-0.44
C83.74,7.27,83.19,8.07,83.19,8.69z"/>
<path class="st14" d="M80.23,10.32c0,0.61,0.54,0.82,1.2,0.45c0.67-0.37,1.21-1.16,1.21-1.78s-0.54-0.82-1.21-0.45
C80.76,8.91,80.23,9.71,80.23,10.32z"/>
<path class="st14" d="M77.32,11.92c0,0.61,0.53,0.81,1.18,0.45c0.66-0.36,1.19-1.15,1.19-1.76s-0.53-0.81-1.19-0.45
C77.85,10.53,77.32,11.31,77.32,11.92z"/>
<path class="st14" d="M74.47,13.48c0,0.6,0.52,0.81,1.16,0.45c0.64-0.35,1.17-1.13,1.17-1.73c0-0.61-0.52-0.81-1.17-0.45
C74.99,12.11,74.47,12.88,74.47,13.48z"/>
<path class="st14" d="M71.67,15.02c0,0.6,0.51,0.8,1.14,0.46c0.63-0.35,1.15-1.11,1.15-1.71s-0.51-0.8-1.15-0.45
C72.18,13.66,71.67,14.43,71.67,15.02z"/>
<path class="st14" d="M83.19,11.25c0,0.62,0.55,0.82,1.23,0.46c0.68-0.37,1.24-1.17,1.24-1.79s-0.55-0.83-1.24-0.45
C83.74,9.83,83.19,10.63,83.19,11.25z"/>
<path class="st14" d="M80.23,12.85c0,0.61,0.54,0.82,1.2,0.46c0.67-0.36,1.21-1.15,1.21-1.77c0-0.62-0.54-0.82-1.21-0.46
C80.76,11.45,80.23,12.24,80.23,12.85z"/>
<path class="st14" d="M77.32,14.43c0,0.61,0.53,0.81,1.18,0.46c0.66-0.35,1.19-1.14,1.19-1.75c0-0.61-0.53-0.82-1.19-0.46
C77.85,13.04,77.32,13.82,77.32,14.43z"/>
<path class="st14" d="M74.47,15.97c0,0.6,0.52,0.81,1.16,0.46c0.64-0.35,1.17-1.12,1.17-1.73c0-0.61-0.52-0.81-1.17-0.46
C74.99,14.6,74.47,15.37,74.47,15.97z"/>
<path class="st14" d="M71.67,17.49c0,0.6,0.51,0.8,1.14,0.47c0.63-0.34,1.15-1.1,1.15-1.7c0-0.6-0.51-0.81-1.15-0.46
C72.18,16.13,71.67,16.89,71.67,17.49z"/>
<path class="st14" d="M83.19,13.81c0,0.62,0.55,0.83,1.23,0.47c0.68-0.36,1.24-1.16,1.24-1.78s-0.55-0.83-1.24-0.46
C83.74,12.39,83.19,13.19,83.19,13.81z"/>
<path class="st14" d="M80.23,15.39c0,0.61,0.54,0.82,1.2,0.47c0.67-0.35,1.21-1.14,1.21-1.76c0-0.62-0.54-0.83-1.21-0.47
C80.76,13.99,80.23,14.77,80.23,15.39z"/>
<path class="st14" d="M77.32,16.94c0,0.61,0.53,0.82,1.18,0.47c0.66-0.35,1.19-1.13,1.19-1.74c0-0.61-0.53-0.82-1.19-0.47
C77.85,15.56,77.32,16.33,77.32,16.94z"/>
<path class="st14" d="M74.47,18.46c0,0.6,0.52,0.81,1.16,0.47c0.64-0.34,1.17-1.11,1.17-1.72c0-0.61-0.52-0.82-1.17-0.47
C74.99,17.09,74.47,17.86,74.47,18.46z"/>
<path class="st14" d="M71.67,19.95c0,0.6,0.51,0.81,1.14,0.48c0.63-0.34,1.15-1.09,1.15-1.69s-0.51-0.81-1.15-0.47
C72.18,18.6,71.67,19.36,71.67,19.95z"/>
</g>
</g>
</g>
<g>
<rect x="435.5" y="105.32" transform="matrix(-1 -4.287693e-11 4.287693e-11 -1 872.0227 250.1138)" class="st12" width="1.02" height="39.48"/>
<rect x="434.48" y="105.32" transform="matrix(-1 -4.645008e-11 4.645008e-11 -1 869.9864 250.1138)" class="st13" width="1.02" height="39.48"/>
<g>
<polygon class="st13" points="428.35,109.65 443.67,101.61 443.67,88.07 428.35,96.74 "/>
<polygon class="st12" points="428.8,109.65 443.67,101.78 443.67,88.52 428.8,97.01 "/>
</g>
</g>
<g>
<rect x="77.95" y="105.32" class="st12" width="1.02" height="39.48"/>
<rect x="78.96" y="105.32" class="st13" width="1.02" height="39.48"/>
<g>
<polygon class="st13" points="86.12,109.65 70.79,101.61 70.79,88.07 86.12,96.74 "/>
<polygon class="st12" points="85.67,109.65 70.79,101.78 70.79,88.52 85.67,97.01 "/>
</g>
</g>
</g>
</svg>

+ 131
- 0
src/assets/home-team/stadium-tv.svg Näytä tiedosto

@@ -0,0 +1,131 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 530 530" style="enable-background:new 0 0 530 530;" xml:space="preserve">
<style type="text/css">
.st0{fill:#39B54A;}
.st1{clip-path:url(#SVGID_2_);}
.st2{fill:#4FC95B;}
.st3{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
.st4{fill:#C69C6D;}
.st5{fill:none;stroke:#FFFFFF;stroke-width:0.05;stroke-miterlimit:10;}
.st6{fill:none;stroke:#FFFFFF;stroke-width:0.75;stroke-linecap:round;stroke-miterlimit:10;}
.st7{fill:#E6E6E6;}
.st8{fill:#FFFFFF;}
.st9{fill:#CCCCCC;}
</style>
<g>
<ellipse class="st0" cx="262.39" cy="268.21" rx="257.74" ry="255.01"/>
<g>
<defs>
<ellipse id="SVGID_1_" cx="262.39" cy="268.21" rx="255.19" ry="252.49"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g class="st1">
<polygon class="st0" points="-69.35,520.63 -104.54,520.63 -106.72,12.31 -71.33,12.31 "/>
<polygon class="st2" points="-34.17,520.63 -69.35,520.63 -71.33,12.31 -35.94,12.31 "/>
<polygon class="st0" points="1.01,520.63 -34.17,520.63 -35.94,12.31 -0.55,12.31 "/>
<polygon class="st2" points="36.19,520.63 1.01,520.63 -0.55,12.31 34.84,12.31 "/>
<polygon class="st0" points="71.37,520.63 36.19,520.63 34.84,12.31 70.23,12.31 "/>
<polygon class="st2" points="106.55,520.63 71.37,520.63 70.23,12.31 105.62,12.31 "/>
<polygon class="st0" points="141.73,520.63 106.55,520.63 105.62,12.31 141,12.31 "/>
<polygon class="st2" points="176.91,520.63 141.73,520.63 141,12.31 176.39,12.31 "/>
<polygon class="st0" points="212.09,520.63 176.91,520.63 176.39,12.31 211.78,12.31 "/>
<polygon class="st2" points="247.28,520.63 212.09,520.63 211.78,12.31 247.17,12.31 "/>
<polygon class="st0" points="282.46,520.63 247.28,520.63 247.17,12.31 282.56,12.31 "/>
<polygon class="st2" points="317.64,520.63 282.46,520.63 282.56,12.31 317.95,12.31 "/>
<polygon class="st0" points="352.82,520.63 317.64,520.63 317.95,12.31 353.34,12.31 "/>
<polygon class="st2" points="388,520.63 352.82,520.63 353.34,12.31 388.73,12.31 "/>
<polygon class="st0" points="423.18,520.63 388,520.63 388.73,12.31 424.12,12.31 "/>
<polygon class="st2" points="458.36,520.63 423.18,520.63 424.12,12.31 459.51,12.31 "/>
<polygon class="st0" points="493.54,520.63 458.36,520.63 459.51,12.31 494.9,12.31 "/>
<polygon class="st2" points="528.73,520.63 493.54,520.63 494.9,12.31 530.29,12.31 "/>
<polygon class="st0" points="563.91,520.63 528.73,520.63 530.29,12.31 565.67,12.31 "/>
<polygon class="st2" points="599.09,520.63 563.91,520.63 565.67,12.31 601.06,12.31 "/>
<polygon class="st0" points="634.27,520.63 599.09,520.63 601.06,12.31 636.45,12.31 "/>
<polygon class="st2" points="669.45,520.63 634.27,520.63 636.45,12.31 671.84,12.31 "/>
<image style="overflow:visible;" width="39" height="509" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAH9CAYAAACZcWXIAAAACXBIWXMAAAsSAAALEgHS3X78AAAA
GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYlJREFUeNrs3TENwCAQBVCoKWQg
AH0IQAaqaDrQVAEh9P2FsL18JnLDxdzLCJulpRqf8wobBw4ODg4ODg4ODg4ODm4Jbv4RNQcHBwcH
BwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcH
BwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHt13m+hvNwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHB
wcHBwcHBwcHBwcHBwS3CtVSj5uDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg
4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg
4ODgjsC9u0hyL0NzcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcGfg4vey20DYs8LBwcHBwcHB
wcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcH9BncLMABD6BJq6olc1AAAAABJRU5ErkJggg==" transform="matrix(1 0 0 1 -143 12)">
</image>
</g>
</g>
<ellipse class="st3" cx="262.39" cy="268.21" rx="242.91" ry="240.34"/>
<ellipse class="st3" cx="262.39" cy="268.21" rx="157.45" ry="155.79"/>
<g>
<polygon class="st4" points="283,308.19 242.12,308.19 241.59,228.22 283.19,228.22 "/>
<line class="st5" x1="241.66" y1="238.38" x2="283.17" y2="238.38"/>
<line class="st6" x1="264.89" y1="233.98" x2="259.93" y2="233.98"/>
<line class="st6" x1="264.89" y1="303.06" x2="259.93" y2="303.06"/>
<line class="st5" x1="283.19" y1="298.22" x2="242.05" y2="298.22"/>
</g>
<path class="st7" d="M265,0C118.92,0,0.49,118.64,0.49,265c0,146.36,118.43,265,264.51,265c146.08,0,264.51-118.64,264.51-265
C529.51,118.64,411.08,0,265,0z M265,475.46c-116.02,0-210.07-94.23-210.07-210.46c0-116.24,94.05-210.46,210.07-210.46
c116.02,0,210.07,94.23,210.07,210.46C475.07,381.24,381.02,475.46,265,475.46z"/>
<g>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -58.2822 93.3823)" class="st8" cx="83.58" cy="117.04" rx="4.04" ry="3.23"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -50.9757 96.4087)" class="st8" cx="90.89" cy="109.74" rx="4.04" ry="3.23"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -43.6691 99.4352)" class="st8" cx="98.19" cy="102.43" rx="4.04" ry="3.23"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -36.3626 102.4617)" class="st8" cx="105.5" cy="95.12" rx="4.04" ry="3.23"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -29.056 105.4882)" class="st8" cx="112.81" cy="87.82" rx="4.04" ry="3.23"/>
<rect x="93.6" y="72.83" transform="matrix(0.7071 0.7071 -0.7071 0.7071 98.992 -38.7989)" class="st9" width="5.46" height="54.54"/>
</g>
<g>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 59.8254 319.1221)" class="st8" cx="415.13" cy="87.35" rx="3.23" ry="4.04"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 56.799 326.4286)" class="st8" cx="422.43" cy="94.65" rx="3.23" ry="4.04"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 53.7725 333.7352)" class="st8" cx="429.74" cy="101.96" rx="3.23" ry="4.04"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 50.746 341.0417)" class="st8" cx="437.05" cy="109.26" rx="3.23" ry="4.04"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 47.7196 348.3483)" class="st8" cx="444.35" cy="116.57" rx="3.23" ry="4.04"/>
<rect x="429.35" y="72.83" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 808.3787 -134.6525)" class="st9" width="5.46" height="54.54"/>
</g>
<g>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -161.6632 435.4688)" class="st8" cx="444.83" cy="412.88" rx="4.04" ry="3.23"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -168.9697 432.4424)" class="st8" cx="437.52" cy="420.19" rx="4.04" ry="3.23"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -176.2763 429.4159)" class="st8" cx="430.21" cy="427.49" rx="4.04" ry="3.23"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -183.5828 426.3894)" class="st8" cx="422.91" cy="434.8" rx="4.04" ry="3.23"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -190.8894 423.363)" class="st8" cx="415.6" cy="442.11" rx="4.04" ry="3.23"/>
<rect x="429.35" y="402.56" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 433.6664 1039.288)" class="st9" width="5.46" height="54.54"/>
</g>
<g>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -279.7708 209.729)" class="st8" cx="113.28" cy="442.58" rx="3.23" ry="4.04"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -276.7444 202.4225)" class="st8" cx="105.97" cy="435.27" rx="3.23" ry="4.04"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -273.7179 195.1159)" class="st8" cx="98.67" cy="427.96" rx="3.23" ry="4.04"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -270.6914 187.8094)" class="st8" cx="91.36" cy="420.66" rx="3.23" ry="4.04"/>
<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -267.6649 180.5028)" class="st8" cx="84.05" cy="413.35" rx="3.23" ry="4.04"/>
<rect x="93.6" y="402.56" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -275.7202 194.0098)" class="st9" width="5.46" height="54.54"/>
</g>
</g>
</svg>

Kirjoita Esikatselu
Ladataan…
Peruuta
Tallenna